* {margin:0; padding:0}
li {list-style-type:none}
a {text-decoration:none; color:#222}
a:hover {text-decoration:underline}
body {color:#222; font-family:'Trebuchet Ms', 'DejaVu Sans', Sans-serif; font-size:0.75em; background:#FFF url('img/bg.png') top left repeat-x; padding-bottom:15px}
input, textarea, select {font-size:1em; font-family:'Trebuchet Ms', 'DejaVu Sans'}
a img {border:none}

.container {width:860px; position:relative; margin:0 auto}
#bars, #footer, #vert_menu {margin-left:10px}
.jumpers {display:none;}
.hide {display:none}

#top {background:#373 url('img/top.png') no-repeat top left; height:222px; margin-bottom:8px}
#top h1 a {display:block;}
#top h1 span {display:none;}
#top h1 img {display:block;}

#bars {overflow:hidden; width:850px; margin-bottom:12px}
#content {float:right; width:624px;}
#sidebar {width:219px;}

#content .adds {margin-top:1em}
#content .adds a img {display:block; margin:0 auto 0.3em auto}
#content .adds.sd {position:relative}
#content .adds.sd a {display:block; position:absolute}
#content .adds.sd .sd {top:0; left:0; width:100%; height:75px;}
#content .adds.sd .ds {top:175px; left:450px; width:110px; height:50px;}
#content .adds.sd .bzwbk {top:175px; left:5px; width:285px; height:50px;}
#content .adds.sd .dialog {top:175px; left:300px; width:140px; height:50px;}

/*----------------*/

#menu {background:url('img/menu_bg.png') repeat-y top left; margin-bottom:8px}
#menu dt {height:35px; line-height:35px; background:#494 url('img/menu_top.png') no-repeat top left; font-size:16px; color:#FFF; padding-left:40px}
#menu dd {background:url('img/menu_bottom.png') no-repeat bottom left; padding:15px 10px 20px 18px}
#menu a.toppos {display:block; background:url('img/arr_right.gif') no-repeat center left; padding-left:23px; font-size:14px; outline:none; color:#444}
#menu li.active a.toppos {background-image:url('img/arr_down.gif'); color:#000}
#menu ul ul {padding:5px 0 5px 6px}
#menu ul ul a {display:block; background:url('img/arr2.gif') no-repeat center left; padding-left:18px; margin-bottom:3px}

#sidebar .buttons a {display:block; height:41px; line-height:41px; color:#FFF; font-size:15px; padding-left:56px; margin-bottom:5px}
#sidebar .buttons .basketmania {background:#47C url('img/button_basketmania.png') no-repeat}
#sidebar .buttons .wszs {background:#E80 url('img/button_wszs.png') no-repeat}
#sidebar .buttons .coach {background:#18C url('img/button_coach.png') no-repeat; letter-spacing:-0.5px}
#sidebar .buttons .mss {background:#4B3 url('img/button_coach2.png') no-repeat;}
#sidebar .buttons .sd {background:#4B3 url('img/button_kids.png') no-repeat}
#sidebar .buttons .sd a {font-size:13px; line-height:17px; height:37px; padding-top:2px; padding-bottom:2px;}
#sidebar .buttons li.ss {height:94px; background:#800 url('img/button_ss.png') no-repeat; margin-bottom:5px}
#sidebar .buttons li.ss a.site {height:48px; margin-bottom:4px; background:url('img/button_ss_h.png') no-repeat -400px -400px}
#sidebar .buttons li.ss a.site em {display:none;}
#sidebar .buttons li.ss a.site:hover { background-position:top left}
#sidebar .buttons li.ss a.next_number {font-size:10px; line-height:17px; padding-left:10px}

#vert_menu {position:absolute; top:180px; left:20px; height:34px; line-height:34px}
#vert_menu li {float:left; padding-right:3px; background:url('img/menu_pos_right.png') no-repeat center right}
#vert_menu li.last_pos {background-image:none}
#vert_menu li a {display:block; color:#DFD; font-size:14px; padding:0 10px}

#search {position:absolute; top:187px; right:8px; height:21px; line-height:21px; border:none; width:187px}
#search button span, #search label {display:none;}
#search button {width:21px; height:21px; border:none; display:block; float:right; background-color:transparent; cursor:pointer}
#search input {height:18px; border:none; width:158px; display:block; float:left; background-color:transparent; padding:3px 0 0 7px; color:#333}

#font_size {position:absolute; top:150px; right:8px; line-height:28px}
#font_size a {color:#595; padding:0 2px}
#font_size .small {font-size:10px}
#font_size .medium {font-size:12px}
#font_size .big {font-size:14px}

/*----------------*/

#footer {height:50px; background:url('img/footer.png') no-repeat; text-transform:uppercase;; line-height:50px;}
#footer .copy a {padding-left:65px; color:#AAA; display:block; float:left;}
#footer .copy a strong {color:#333; font-weight:normal}
#footer .totop a {display:block; float:right; padding-right:40px; color:#888}

/*----------------*/

#content .box {background:url('img/box_bottom.png') no-repeat bottom left; padding-bottom:8px; margin-bottom:8px; position:relative;}
#content .box .header {background:url('img/box_top.png') no-repeat top left; padding:14px 30px 0 30px;}
#content .box .content {background:url('img/box_bg.png') repeat-y top left; padding:10px 30px 20px 30px; overflow:hidden}
#content .box .content_wider_space {padding-left:0 !important; padding-right:0 !important}

#content .box .header h2 {font-size:1.66em; line-height:25px; font-weight:normal}
#content .box .header h2 a {color:#222}
#content .box .header .rss a {display:block; width:23px; height:23px; position:absolute; right:8px; top:6px; background:#F82 url('img/rss.png') no-repeat}
#content .box .header .rss span {display:none;}
#content .box .header .date {padding-left:13px; background:url('img/clock.gif') no-repeat center left; color:#444}

#content .pager {text-align:center; padding:20px 0 10px 0;}
#content .pager a {color:#999;}
#content .pager a, #content .pager span {padding:1px 5px}
#content .pager .active {background:#CCC; color:#FFF}

#content .pager:hover a {color:#222}
#content .pager a:hover {background-color:#5A5; color:#FFF; text-decoration:none;}

/*----------------*/

#content .box .header .back {position:absolute; top:40px; right:30px; padding-left:18px; background:url('img/arr_back.gif') no-repeat center left}

#content .galleries li {overflow:hidden; margin-top:5px; border-top:solid 1px #EEE; padding-top:5px}
#content .galleries li dt {font-size:1.17em; font-weight:bold; line-height:1.50em}
#content .galleries li img {display:block; float:left; margin-right:1em; opacity:0.9}
#content .galleries li a:hover img {opacity:1}

#content ul.photos {overflow:hidden;}
#content .photos li {float:left; width:282px; padding:5px 0; border-top:solid 1px #EEE; text-align:center;}
#content .photos li.cleared {clear:left;}
#content .photos li img {display:block; margin:0 auto; opacity:0.9}
#content .photos li a:hover img {opacity:1}

#content .photo dt {margin:0 auto; min-height:600px}
#content .photo dt img {display:block; margin:0 auto}
#content .photo dd {text-align:center;}


#content .text p {text-align:justify; margin-bottom:0.5em}
#content .text a {color:#493}
#content .text .more {margin-top:1em; text-align:right;}
#content .text .more a {padding-right:20px; background:url('img/arr_more.gif') no-repeat center right}
#content .text ul, #content .text ol {margin:0 0 0.5em 2em}
#content .text ul li {list-style-type:circle}