.box {}
.box p {margin: 6px 10px;}
.box form {margin: 12px 10px;}
.box input {font-size: 10px;}
.box ul {margin: 10px 0 0 10px;}
.box li {list-style: none;}
.box h1 {font-size: 12px; font-weight: bold; line-height: 29px; padding: 0 0 0 15px;}
.box h1.small {background: url(img/box_h_small.gif) no-repeat; color: #8c8c8c; margin: 5px 0; font-size: 11px;} 
.box h1.normal {background: url(img/box_h.png) no-repeat; color: white; margin: 5px 0;} 
.box h1.long {background: url(img/box_h_long.png) no-repeat; color: white; margin: 5px 0px;} 
.box h1.super_long {background: url(img/box_h_super_long.png) no-repeat; color: white; margin: 5px 0px;} 
.box h1.long_change {background: url(img/box_h_long_change.png) no-repeat; color: white; margin: 5px 0px;} 

.box h1 a {color: white;}


.box_galery {width: 100px; text-align: center; float: left; margin: 10px 0; height: 100px;}
.box_galery p {font-size: 10px;}
.box_galery img {border: 1px solid #ccc;}


ul.article_box {font-size: 12px;  }
ul.article_box li {padding: 2px 0;}
ul.article_box a {color: #444;}
ul.article_box a.change {font-size: 11px; font-weight: bold;  color: #396E05; margin-right: 5px;}
ul.article_box img {float: left; width: 70px; margin: 3px 8px 3px 0; border: 1px solid #ccc;}

ul.advertisment_box {font-size: 12px;  }
ul.advertisment_box li {padding: 2px 0;}
ul.advertisment_box a {color: #444;}
ul.advertisment_box a.change {font-size: 11px; font-weight: bold;  color: #396E05; margin-right: 5px;}
ul.advertisment_box img {float: left; width: 70px; margin: 3px 8px 3px 0; border: 1px solid #ccc;}

ul.border {border: 1px solid #ccc;}


#shoutbox {background: #e8e8e8; border: 1px solid #ccc; border-bottom: none; font-size: 11px;}
form.shoutbox {background: #444; border: 1px solid #ccc; border-top: none; padding-left: 1px; margin: 0;}
form.shoutbox input {border: none; background: white; width: 350px; padding: 5px; font-size: 10px;}
form.shoutbox input.button {width: 50px; background: none; color: white;}
p.shoutbox {margin: 2px 0 10px 0; text-align: right;}
p.shoutbox a {font-size: 10px;}
#shoutbox table tr td {padding: 2px 5px;}
#shoutbox tr.row1 {background: none;}
#shoutbox tr.row2 {background: #D9D9D9;}










#standart_form {margin: 0  auto; padding: 10px 30px; width: 340px; background: #f1f1f1; border: 1px solid #DEDEDE; }
#standart_form form {width: 340px;}
#standart_form label {margin: 5px; font-size: 10px; color: #f57900; text-align: left; display: inline; }
#standart_form label.block {display: block;}

#standart_form input {margin: 5px 0; padding: 5px; width: 200px; background: white; border: 1px solid #DEDEDE;}
#standart_form input.short {width: 100px;}
#standart_form input.long {width: 300px;}
#standart_form input.button {width: 100px; border: 1px solid #ccc; cursor: pointer; display: block; background: #f57900; color: white; font-weight: bold;}
#standart_form textarea {margin: 5px 0; padding: 5px; width: 320px; background: white; border: 1px solid #DEDEDE; height: 150px;}
#standart_form select {margin: 5px 0; padding: 5px;}
#standart_form p {padding: 5px; text-align: center;}
#standart_form img {border: 1px solid #ccc;}
#standart_form h1 {color: #444; text-align: left; font-weight: bold; font-size: 12px; margin-bottom: 5px;}


#clu ul.article {margin: 0; padding: 0;}
#clu ul.article li {list-style: none; padding: 0 0 15px 0; border-bottom: 1px dotted #ccc;}
#clu ul.article h3 {margin: 10px 0; font-size: 15px color: #57a807; }
#clu ul.article img {border: 1px solid #ccc; float: left; margin: 0 10px 0 0;}

#clu ul.advertisment {margin: 0; padding: 0;}
#clu ul.advertisment li {list-style: none; padding: 0 0 15px 0; border-bottom: 1px dotted #ccc;}
#clu ul.advertisment h3 {margin: 10px 0; font-size: 120%; color: #57a807; }
#clu ul.advertisment small {color: #444; font-weight: bold;}
#clu ul.advertisment img {border: 1px solid #ccc; float: left; margin: 0 10px 0 0;}


#clu ul.event {margin: 0; padding: 0;}
#clu ul.event li {list-style: none; padding: 0 0 15px 0; border-bottom: 1px dotted #ccc;}
#clu ul.event h3 {margin: 10px 0; font-size: 120%; color: #57a807; }
#clu ul.event small {color: #444; font-weight: bold;}
#clu ul.event img {border: 1px solid #ccc; float: left; margin: 0 10px 0 0;}



#comments {border-top: 1px dotted #ccc; margin: 10px 20px; padding: 10px 0;}
#comments textarea {width: 680px; height: 80px; background: white; border: 3px solid #ccc; padding: 5px; font-size: 10px;}
#comments input.button {background: #ccc; padding: 5px; border: none; font-weight: bold; margin: 3px 0 20px 0;}
#clu ul.comments {margin: 0; padding: 0;}
#clu ul.comments li {list-style: none; padding: 7px 0; border-bottom: 1px dotted #ccc;}
#clu ul.comments h3 {margin: 10px 0; font-size: 180%; color: #57a807; }
#clu ul.comments img {border: 1px solid #ccc; float: left; margin: 0 10px 0 0;}



#user_box span {float: left; margin: 0px; text-align: center; font-size: 9px; width: 50px; height: 70px; }
#user_box a {color: #444;}
#user_box a:hover {text-decoration: none;}

#user_box_foto span {float: left; margin: 0px; text-align: center; font-size: 9px; width: 110px; height: 110px; }
#user_box_foto a {color: #444;}
#user_box_foto a:hover {text-decoration: none;}
#user_box_foto img {border: 1px solid #ccc;}


#user_society span {float: left; margin: 4px 5px; text-align: center; font-size: 9px; width: 70px; height: 100px;}
#user_society a {color: #444;}
#user_society a:hover {text-decoration: none;}
#user_society img {border: 1px solid #ccc;}


form.vote {margin: 10px 0;}



div.pagination {padding: 3px; margin: 10px 3px; text-align: center;}
div.pagination a {padding: 2px 5px 2px 5px;margin: 2px;	border: 1px solid #AAAADD;text-decoration: none; color: #57a807;}
div.pagination a:hover, div.pagination a:active {border: 1px solid #57a807;color: #000;}
div.pagination span.current {padding: 2px 5px 2px 5px;margin: 2px;	border: 1px solid #57a807;font-weight: bold;background-color: #57a807;color: #FFF;}
div.pagination span.disabled {padding: 2px 5px 2px 5px;margin: 2px;border: 1px solid #EEE;color: #DDD;}


/* other */
div.w {display: none;}








/*panel */
#panel .left {width: 200px;}
#panel_side {}

#panel_side_top {background: url(img/bg_panel_side_top.gif) no-repeat; padding: 0 10px; line-height: 40px; border-bottom: 1px solid #ccc;}
#panel_side_top h1 {font-size: 120%; color: #57a807; font-weight: bold;}
#panel_side_bottom {background: url(img/bg_panel_side_bottom.gif) no-repeat bottom; height: 32px;}

#panel_side_main {border-left: 1px solid #aca9a9; border-right: 1px solid #aca9a9; background: #f5f5f4; padding: 10px;} 


#panel_main_foto {margin: 10px 0; text-align: center;}
#panel_main_foto img {border: 1px solid #ccc;}


#panel_side_menu {}
#panel_side_menu ul {margin-bottom: 30px; border-bottom: 1px solid #ccc;}
#panel_side_menu li {list-style: none; border-top: 1px solid #ccc; padding: 5px 0;}
#panel_side_menu a {}
#panel_side_menu a:hover {text-decoration: none; color: #444;}



#panel .right {width: 560px;}
.panel_box {margin-bottom: 10px;}

.panel_box_top {background: url(img/bg_panel_box_top.gif) no-repeat; padding: 0 10px; line-height: 30px;}
.panel_box_top h1 {font-size: 120%; color: #57a807; font-weight: bold;}
.panel_box_bottom {background: url(img/bg_panel_box_bottom.gif) no-repeat bottom; height: 32px; text-align: center;}

.panel_box_main {border-left: 1px solid #aca9a9; border-right: 1px solid #aca9a9; background: #f5f5f4; padding: 10px;} 
.panel_box_main h3 {color: #f57900; margin-bottom: 10px;}
.panel_box_main table tr td {padding: 5px;}

.panel_box_foto_min {width: 105px; text-align: center; float: left; margin: 10px 0; height: 100px; }
.panel_box_foto_min p {margin: 0 0 3px 0;}
.panel_box_foto_min img {border: 1px solid #ccc;}






#msg_box {}
#msg_box h1 {font-size: 15px; font-weight: bold;}
#msg_box table {border: 1px solid #ccc; margin: 5px 0;}
#msg_box tr.row1 {background: white;}
#msg_box #msg_content {margin-top: 10px;}
#msg_box a.unread {font-weight: bold;}





/*options*/



#slideshow {width: 420px; height: 240px; padding: 0;display: none; border: 1px solid #ccc;}
#podglad {width: 350px; height: 240px; float: right; background: transparent none scroll center center no-repeat; vertical-align: bottom;display: block;position: relative;}
#slideshow ul {width: 70px;height: 240px;float: left;margin: 0;padding: 0;list-style-image: none;	list-style-type: none; list-style: inline;}
#slideshow ul li {background-color: #e1e3de; font-size: 11px; color: #444s; width: 60px; padding: 0px 5px;}
#slideshow ul li.active {background-color: #444;color: #fff;}
#slideshow ul li:hover {cursor: default;}
#slideshow span.title {padding-top: 5px;}
#slideshow a {color: #f57900; font-weight: bold;}
#podglad div.tekst {background: transparent url(img/fade.png) scroll repeat 0 0;	color: #efefef;font-size: 11px; padding: 10px; width: 200px;position: absolute;left: 10px;bottom: 10px;}
.clear {clear: both;}



#forum {}
#forum h3 {color: #444; margin: 0 0 10px 0; font-size: 16px; font-weight: bold;}
#forum h2 {}
#forum h2 a {color: white;}

#forum .user {}
#forum .user img {display: block; border: 1px solid #ccc; margin: 5px 0; width: 80px;}

#forum tr.kind {background: #444; font-weight: bold; color: white;}

#forum tr.cat {}
#forum tr.row1 {background: #F5F7F3;}
#forum tr.row2 {background: #F0F2EE;}