* {
margin: 0;
padding: 0;
border: 0;
}

body {
margin: 0;
padding: 0;
color: #333;
background: #444 url(baseimg/bg_body.png) top left repeat;
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
text-align: left;
}

a:link, a:visited, a:active, a:hover {
text-decoration: none;
color: #039;
}

a:hover {
color: #333;
}

/* HEADER 
----------------------------------------------- */
#top {
width: 880px;
height: 15px;
background: transparent url(baseimg/bg_container_top.png) top left no-repeat;
margin: 10px auto 0 auto;
}

#header {
width: 880px;
height: 70px;
margin: 0 auto;
background: #fff;
border-bottom: 1px solid #d5d5d5;
}

#logo {
margin: 0;
width: 250px;
float: left;
}

#logo h1 {
float: left;
}

#logo h1 a {
width: 250px;
height: 70px;
text-indent: -900em;
display: block;
background: #fff url(baseimg/logo.png) top center no-repeat;
}

#top_ads {
width: 470px;
height: 60px;
text-align: center;
float: left;
margin: 0 10px;
background: #fff;
}

#info_tab {
width: 140px;
height: 70px;
background: #fff url(baseimg/bg_info_tab.png) top left no-repeat;
float: left;
font-size: 11px;
}

#info_tab ul {
margin: 2px 0 15px 15px;
}

#info_tab li {
list-style: none;
}

#info_tab li a {
display: block;
padding: 1px 0 0 15px;
background: transparent url(baseimg/arrow_right.gif) center left no-repeat;
}

/* MAIN CONTENT
----------------------------------------------- */
#container {
margin: 0 auto;
padding: 0;
width: 880px;
background: #fff;
line-height: 150%;
min-height: 780px;
}

#authors_slider {
width: 880px;
height: 80px;
margin: 0;
border-bottom: 1px solid #d5d5d5;
background: #fff url(baseimg/bg_authors.png) top left repeat-x;
}

#main_news, #sp_news {
width: 470px;
margin: 0 15px !important;
margin: 0 0 0 10px;
background: #fff;
float: left;
display: inline;
}

#sp_news {
width: 500px;
margin: 0 15px;
padding-top: 10px;
}

#main_links {
float: left;
width: 350px !important;
width: 360px;
margin: 0 15px !important;
margin: 0 0 0 10px;
background: #f7f7f7;
height: auto !important;
min-height: 410px;
}

#sp_news h1 {
padding: 2px 5px;
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
border-bottom: 1px solid #d5d5d5;
margin-bottom: 5px;
}

#sp_news h1 a {
float: right;
font-size: 11px;
}

#sp_news ul {
margin: 0;
}

#sp_news li {
list-style: none;
}

#sp_news li a {
padding: 2px 0 2px 25px;
display: block;
background: #fff url(baseimg/control_play.png) center left no-repeat;
}

#news li a {
background: #fff url(baseimg/arrow_right.gif) center left no-repeat;
}

#news {
margin: 15px 0;
}

#sp_news .images {
width: 140px;
margin-right: 15px;
float: left;
}

#sp_news .images img {
width: 140px;
}

/* LINKS TAB
----------------------------------------------- */
.links_container {
clear: both;
margin: 5px 0;
}

.tabnav {
position: relative;
height: 20px;
margin-top: 10px;
padding-left: 10px;
font-size: 12px;
background: url(baseimg/tab_bottom.gif) repeat-x bottom;
}

.tabnav li {
margin: 0; 
padding: 0;
display: inline;
list-style-type: none;
}
	
.tabnav a:link, .tabnav a:visited {
float: left;
background: #f3f3f3;
line-height: 14px;
padding: 2px 6px 2px 6px;
margin-right: 4px;
border: 1px solid #ccc;
text-decoration: none;
color: #cc0022;
}

.tabnav a:link.active, .tabnav a:visited.active {
border-bottom: 1px solid #fff;
background: #fff;
color: #000;
}

.tabnav a:hover {
background: #fff;
}

.ads {
width: 170px;
margin: 10px 0 10px 0;
text-align: center;
float: left;
}

.ads_h1 {
height: 350px;
}

.links {
background: #fff;
border: 1px solid #e5e5e5;
margin: 0 5px;
padding: 15px;
border-width: 0 1px 1px 1px;
min-height: 60px;
height: 100%;
}

.links ul {
padding: 0;
}

.links li {
list-style-type: none;
width: 150px;
margin-right: 10px;
float: left;
display: inline;
}

.links li a {
display: block;
background: #fff url(baseimg/link.png) center left no-repeat;
padding: 3px 0 3px 20px;
}


li.popular a {
background: transparent url(baseimg/popular.png) center left no-repeat;
}

.right_ad {
margin: 25px 0 15px 15px;
text-align: center;
float: left;
}

.left_ad {
margin: 10px 0;
text-align: center;
width: 470px;
}

/* MESSAGES
----------------------------------------------- */
.message {
margin: 15px;
border: 1px solid #e6e6e6;
padding: 1em;
text-align: center;
}

.error {
background: #fff url(baseimg/error.png) 1em center no-repeat;
}

.done {
background: #fff url(baseimg/done.png) 1em center no-repeat;
}

.info {
background: #fff url(baseimg/info.png) 1em center no-repeat;
}


/* FOOTER 
----------------------------------------------- */
#footer {
clear: both;
border-top: 3px solid #0066cc;
margin: 0 auto 10px auto;
color: #000;
text-align: center;
width: 880px;
padding-bottom: 10px;
background: transparent url(baseimg/bg_container_bottom.png) bottom left no-repeat;
font-size: 11px;
}
	
#footer a {
text-decoration: none;
color: #036;
}
	
#footer a:hover {
text-decoration: none;
color: #444;
}

#footer b {
color: #555;
}

.details {
width: 880px;
margin: 0 auto;
padding: 13px 0 20px 0;
background: #fff;
}

/* HACKS FOR THAT STUPID BROWSER 
----------------------------------------------- */
/* Fix IE. Hide from IE Mac \*/
* html ul li a {
height: 1%; 
}
/* End */

.clearfix:after {
content: ".";
display: block;
height: 0.1px;
clear: both;
font-size: 0;
visibility: hidden;
}

.clearfix {
display: block;
}

/* This would preferable go in an IE specific stylesheet */
/* \*/
* html .clearfix {
display: block;
}
/**/