/*

* { outline: 2px dotted red }

* * { outline: 2px dotted green }

* * * { outline: 2px dotted orange }

* * * * { outline: 2px dotted blue }

* * * * * { outline: 1px solid red }

* * * * * * { outline: 1px solid green }

* * * * * * * { outline: 1px solid orange }

* * * * * * * * { outline: 1px solid blue }

*/



* {

    margin: 0;

    padding: 0;

    border: 0;

}



body {

    background: #c1c1c1;

    color: #000;

    font-family: Arial, Verdana, Tahoma;

    font-size: 12px;

}

.ads{ color:#999; text-decoration:none;}

.bg_digits {

    width: 1360px;

    height: 394px;

    margin: 0 -680px;;

    position: absolute;

    top: 0;

    left: 50%;

    background-image: url(../images/bg_digits.jpg);

    background-repeat: no-repeat;

}



.bg_gradient {

    width: 1020px;

    margin: 0 -510px;

    position: absolute;

    top: 0;

    left: 50%;

    background-image: url(../images/bg_gradient.png);

    background-repeat: repeat-y;    

}

a {

    /*color: #000;*/

    color: #669933;

}

a:visited {

    color: #669933;

}

a:hover {

    color: #7cc523;

}

textarea {

    font-family:Arial;

    font-size: 12px;

}



/* Левая колонка */



.logo {

    margin: 10px 20px;

}



.stats {

    padding-top: 10px;

    padding-left: 40px;

    font-family: Tahoma;

    font-size: 18px;

}



.search {

    padding-top: 52px;

    padding-left: 40px;

}



.search input {

    background-color: #fff;

    border-width: 3px;

    border-style: solid;

    border-color: #669933;

    width: 170px;

    height: 20px;

    vertical-align: middle;

}



.cities, .project-announces {

    padding-top: 10px;

    padding-left: 40px;

}



.project-announces {

    text-align: center;

}



.cities h1, .cities h2, .project-announces h1, .project-announces h2 {

    margin-top: 10px;

    font-family: Tahoma;

    font-size: 18px;

    font-weight: normal;

}



.cities h2 a {

    text-decoration: underline;

    color: #7d7d7d;

}

.cities a {

    /*color: #7d7d7d;*/

    color: black;

}



.tags {

    padding-top: 10px;

    padding-left: 10px;

    width: 200px;

    text-align: center;

}

.tags h1 {

    margin: 10px 0;

    font-family: Tahoma;

    font-size: 18px;

    font-weight: normal;

    text-align: left;

    padding-left: 30px;

}

.tags a {

    color: #7d7d7d;

    text-decoration: none;

}

.tags a:hover {

    color: #7cc523;

}

.tags a.active {

    color: #7cc523;

}





/* правая колонка */



.header {

    background-image: url(../images/header.jpg);

    background-repeat: no-repeat;

    width: 715px;

    height: 380px;

}

.header2 {

    background-image: url(../images/header2.jpg);

    background-repeat: no-repeat;

    width: 715px;

    height: 380px;

}



.top_menu {

    padding: 10px 0;

    color: #8cc63f;

    font-weight: bold;

    font-size: 14px;

}



.top_menu a {

    color: black;

    font-weight: normal;

    text-decoration: none;

    font-size: 12px;

}

.top_menu a.active {

    color: #f00;

}

.top_menu a:hover {

    text-decoration: underline;

}



.bottom_menu {

    padding: 10px 0;

    color: #8cc63f;

    font-weight: bold;

    font-size: 14px;

}



.bottom_menu a {

    color: black;

    font-weight: normal;

    text-decoration: none;

    font-size: 12px;

}

.bottom_menu a.active {

    color: #f00;

}

.bottom_menu a:hover {

    text-decoration: underline;

}



.login_box {

    display:none;

    z-index:10000;

    width: 300px;

    height: 200px;

    left: 0px;

    top: 0px;

    padding: 20px;

    background-image: url(../images/login_box.png);

    background-repeat: no-repeat;

}

.login_box h3 {

    margin-bottom: 30px;

    font-family: Tahoma;

    font-size: 18px;

    font-weight: normal;

}

.login_box input {

    border-style: solid;

    border-width: 1px;

    border-color: gray;

    width: 200px;

}

.login_box p {

    padding-top: 30px;

}



.sendlink_box {

    display:none;

    z-index:10000;

    width: 300px;

    height: 240px;

    left: 0px;

    top: 0px;

    padding: 20px;

    background-image: url(../images/sendlink_box.png);

    background-repeat: no-repeat;

}

.sendlink_box h3 {

    margin-bottom: 30px;

    font-family: Tahoma;

    font-size: 18px;

    font-weight: normal;

}

.sendlink_box input {

    border-style: solid;

    border-width: 1px;

    border-color: gray;

    width: 200px;

}

.sendlink_box p {

    padding-top: 30px;

}



.members {

    width: 670px;

    height: 60px;

}



.members .prev {

    cursor: pointer;

    margin-top: 22px;

    margin-right: 7px;

    float: left;

}



.scrollable {

    width: 622px;

    margin: 0 1px;

    height: 60px;

    float: left;

    position:relative;

    overflow:hidden; 

}

.items {

    width:20000em;

    position:absolute;

}

.items div {

    float:left;

    height: 60px;

    margin-right: 7px;

}



.members .next {

    cursor: pointer;

    margin-top: 22px;

    margin-left: 5px;

    float: left;

}



.main_menu {

    list-style:none;

    margin-top: 12px;

    margin-left: 7px;

    float: left;

}

.main_menu li {

    margin-bottom: 5px;

}

.main_menu li a {

    font-family: Arial;

    font-size: 16px;

    text-decoration: none;

    /*

    border-bottom-style: dotted;

    border-bottom-width: 1px;

    */

    color: #000;    

}

.main_menu li a:hover {

    color: #f00;

}

.main_menu li a.active {

    color: #f00;

}

.picture {

    height: 215px;

}

.picture img {

    padding-left: 200px;

    padding-top: 30px;

    height: 185px;

}

.current {

    clear: both;

    margin-left: 26px;

    padding-top: 0px;

    font-family: Arial;

    font-size: 18px;

    color: #fff;

}



.content p {

    margin-top: 10px;

}



.content .order {

    text-align: center;

}



.content .order a {

    background: #f00;

    font-size: 18px;

    color: #fff;

    padding: 5px 15px;

    text-decoration: none;

}



.red_link {

    background: #f00;

    font-size: 18px;

    color: #fff;

    padding: 5px 15px;

    text-decoration: none;

}

.red_link a {

    color: #fff;

}

a.red_link {

    color: #fff;

}

.green_link {

    background: #7cc523;

    font-size: 18px;

    color: #fff;

    padding: 5px 15px;

    text-decoration: none;

}

a.green_link {

    color: #fff;

}

.green_link a {

    color: #fff;

}

.green_stat {

    background: #7cc523;

    font-size: 18px;

    color: #fff;

    padding: 5px 15px;

    text-decoration: none;

    text-align: center;

    width: 30px;

    float: left;

    font-weight: bold;

}

a.green_stat {

    color: #fff;

}

.stat {

    font-size: 18px;

    padding: 5px 15px;

    text-decoration: none;

    text-align: center;

    width: 30px;

    float: left;

}

a.stat {

    color: #000;

}

.gray_span {

    background: #959595;

    color: #fff;

    padding: 3px 3px;

    text-decoration: none;

}

.white_span {

    padding: 3px 3px;

}



.content h1, .content h2 {

    margin-top: 10px;

    font-family: Tahoma;

    font-size: 18px;

    font-weight: normal;

}



.map_canvas {

    border-style: solid;

    border-width: 1px;

    width: 360px;

    height: 200px;

    float: right;

}

.send_message {

    border-style: solid;

    border-width: 1px;

    border-color: gray;

    width: 630px;

    padding: 20px;

}

.send_message input {

    border-style: solid;

    border-width: 1px;

    border-color: gray;

    width: 400px;

}

.send_message textarea {

    border-style: solid;

    border-width: 1px;

    border-color: gray;

    width: 630px;

    height: 100px;

}



.send_comment {

    width: 630px;

    padding: 20px;

}

.send_comment input {

    border-style: solid;

    border-width: 1px;

    border-color: gray;

    width: 400px;

}

.send_comment textarea {

    border-style: solid;

    border-width: 1px;

    border-color: gray;

    width: 630px;

    height: 100px;

}



.value {

    /*font-style: italic;*/

    margin-left: 20px;

    display: block;

}





/* tabs */



/* root element for tabs  */

ul.tabs {

    list-style:none;

    margin:0 !important;

    padding:0;

    border-bottom:1px solid #666;

    height:30px;

}



/* single tab */

ul.tabs li {

    float:left;

    text-indent:0;

    padding:0;

    margin:0 !important;

    list-style-image:none !important;

}



/* link inside the tab. uses a background image */

ul.tabs a {

    background: url(../images/tabs.png) no-repeat -420px 0;

    font-size:12px;

    display:block;

    height: 30px;

    line-height:30px;

    width: 134px;

    text-align:center;

    text-decoration:none;

    color:#333;

    padding:0px;

    margin:0px;

    position:relative;

    top:1px;

}



ul.tabs a:active {

    outline:none;

}



/* when mouse enters the tab move the background image */

ul.tabs a:hover {

    background-position: -420px -31px;

    color:#fff;

}



/* active tab uses a class name "current". it's highlight is also done by moving the background image. */

ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {

    background-position: -420px -62px;

    cursor:default !important;

    color:#000 !important;

    text-decoration:none;

}



/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */



/* width 1 */

ul.tabs a.s 			{ background-position: -553px 0; width:81px; }

ul.tabs a.s:hover 	{ background-position: -553px -31px; }

ul.tabs a.s.current  { background-position: -553px -62px; }



/* width 2 */

ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }

ul.tabs a.l:hover 	{ background-position: -248px -31px; }

ul.tabs a.l.current  { background-position: -248px -62px; }



/* width 3 */

ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }

ul.tabs a.xl:hover 	{ background-position: 0 -31px; }

ul.tabs a.xl.current { background-position: 0 -62px; }



/* initially all panes are hidden */

div.panes div.pane {

    display:none;

}

/* tab pane styling */

div.panes div {

    display:none;

    padding:15px 10px;

    border:1px solid #999;

    border-top:0;

    font-size:12px;

    background-color:#fff;

    color: #000;

}

div.panes div h1 {

    margin-top: 0px;

}

div.panes div li {

    margin-left: 15px;

}



li {

    margin-left: 20px;

}





.meeting {

    /*background-color: #483533;*/

    /*border: 1px #dadada solid;*/

    background-image: url(../images/meeting_bg.png);

    background-repeat: no-repeat;

    height: 155px;

    width: 300px;

    padding: 15px 10px 0 18px;

    margin-bottom: 15px;

    float: left;

}

.meeting img {

    float: left;

    margin-right: 10px;

}

.meeting a {

    color: #000;

}



.member {

    /*border: 1px #dadada solid;*/

    background-image: url(../images/member_bg.png);

    background-repeat: no-repeat;

    height: 135px;

    width: 300px;

    padding: 15px 10px 0 18px;

    /*

    margin-bottom: 5px;

    margin-right: 5px;

    */

    float: left;

}

.member img {

    float: left;

    margin-right: 10px;

}

.member .action {

    width: 228px;

    padding-right: 15px;

    float: right;

}

.member a {

    color: #000;

}



/* футер */

.clear1 {

    clear: both;

    height: 1px;

}

.clear5 {

    clear: both;

    height: 5px;

}

.clear10 {

    clear: both;

    height: 10px;

}

.clear30 {

    clear: both;

    height: 30px;

}

.friends h1 {

    margin-top: 30px;

    font-family: Tahoma;

    font-size: 18px;

    font-weight: normal;

    float: left;

}



/* News */

.news {

    margin-bottom: 15px;

    display: block;

}

.news_date {

    font-weight: bold;

    color: gray;

}

.news_author {

    font-weight: bold;

    color: #000;

}

.news_author a {

    color: #000;

}

.news_caption, .news_caption a {

    font-weight: bold;

    color: #669933;

    text-decoration: none;

    margin-bottom: 10px;

    font-size: 18px;

}

.news_caption a:hover {

    color: #7cc523;

}

.news_detailed {

    font-weight: bold;

    color: #828282;

}



/* Анонс */

.announce_caption {

    font-weight: bold;

    color: #7cc523;

    text-decoration: none;

    margin-bottom: 10px;

    font-size: 18px;

}



/* Комментарии */

.comments {

    padding: 5px 20px;

    background-color: #ececec;    

}

.comment_date {

    font-weight: bold;

    color: gray;

}

.comment_author {



}

.comment_author a {

    color: #000;

}

.comment_text {



}



.last {

    margin-top: 5px;

    margin-bottom: 5px;

    background-color: #ececec;

    /*width: 635px;*/

    display: inline-block;

    min-height: 200px;

}

.last div {

    float: left;

    width: 30%;

    height: 100%;

    padding: 10px;

    background-color: #ececec;

}

.last .news_caption a {

    font-size: 16px;    

}

.last h1 {

    font-size: 16px;

    margin-bottom: 10px;

}



#sendmessage {

    position: fixed;

    left: 0px;

    top: 20px;

    z-index: 2;

}



.online {

    padding-top: 10px;

    padding-left: 40px;

}



.online h1, .cities h2 {

    margin-top: 10px;

    font-family: Tahoma;

    font-size: 18px;

    font-weight: normal;

}

.ourfriends {

    padding-top: 10px;

    padding-left: 40px;

    text-align: center;

}

.ourfriends h1, .ourfriends h2 {

    margin-top: 10px;

    font-family: Tahoma;

    font-size: 18px;

    font-weight: normal;

    text-align: left;

}



.albumphoto {

    float: left;    

    margin: 2px;

    text-align: center;

    width: 211px;

}



.photo {

    border-style: solid;

    border-width: 1px;

    border-color: #7d7d7d;

    padding: 3px;

    width: 205px;

    height: 205px;

    display: table-cell;

    vertical-align: middle;

}



.albumphoto_item {    

    margin: 2px;

    text-align: center;

}



.photo_item {

    /*

    border-style: solid;

    border-width: 1px;

    border-color: #7d7d7d;

    */

    padding: 3px;

    text-align: center;

}



input {

    border-color: gray;

}









/** calendar */

#calmain {

    padding-left: 45px;

}

#calmain table {    

    font-size: 20px;

}

#calman th.heading {

    background: none;

}

#calmain td {

    width: 81px;

    height: 81px;

    text-align: center;

    vertical-align: middle;

    background: url(../images/cells.png);

    color: #444;

    position: relative;

    padding:0;

}

#calmain th {

    height: 30px;

    font-weight: bold;

    font-size: 14px;

}

#calmain td:hover, #calmain th:hover {

    background-position: 0px -81px;

    color: #222;

}

#calmain td.date_has_event {

    background-position: 162px 0px;

    color: white;

}

#calmain td.date_has_event:hover {

    background-position: 162px -81px;

}

#calmain td.padding {

    background: url(../images/calpad.jpg);

}

#calmain td#today {

    background-position: 81px 0px;

    color: white;

}

#calmain td#today:hover {

    background-position: 81px -81px;

}

#calmain td#today a {

    color: white;

    text-decoration: none;

}

#calmain .events {

    position: relative;

    /* old-style reset here <img src="http://www.okadadesign.no/blog/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley">  */

    border: 0px;

    padding: 0px;

}

#calmain .events ul {

    text-align: left;

    position: absolute;

    display: none;

    z-index: 1000;

    padding: 15px;

    background: #E7ECF2 url(../images/popup.png) no-repeat;

    color: white;

    border: 1px solid white;

    font-size: 15px;

    width: 200px;

    -moz-border-radius: 3px;

    -khtml-border-radius: 3px;

    -webkit-border-radius: 3px;

    -border-radius: 3px;

    list-style: none;

    color: #444444;

    -webkit-box-shadow: 0px 8px 8px #333;

}

#calmain .events li {

    padding-bottom: 5px;

}

#calmain .events li span {

    display: block;

    font-size: 12px;

    text-align: justify;

    color: #555;

}

#calmain .events li span.title {

    font-weight: bold;

    color: #222;

}

#calmain th a{

    text-decoration:none;

    font-size:120%;

    font-weight:bold;

    color: #000;

    outline-width:0;

}

#calmain a.events {

    color: white;

    text-decoration: none;

}



.topmenu_bg, .topmenu_active_bg {

    width: 127px;

    height: 28px;

    text-align: center;

    padding: 5px 0;

    margin-top: 5px;

    margin-right: 10px;

    float: left;

}

.topmenu_bg {

    background-image: url(../images/topmenu_bg.png);

    background-repeat: no-repeat;

}

.topmenu_active_bg {

    background-image: url(../images/topmenu_active_bg.png);

    background-repeat: no-repeat;

}

.topmenu_bg a, .topmenu_active_bg a {

    text-decoration: none;

    color: #000;

    position: relative;

    top: -3px;

    font-size: 11px;

}

.topmenu_bg a:hover, .topmenu_active_bg a:hover {

    text-decoration: underline;

}