@import url('body.css');
@import url('content.css');


/*ESTRUCTURE*/
#container { width: 998px; margin-right: auto; margin-left: auto; text-align: left; }
#top { width: 998px; float: left; height: 37px; text-align: right; margin-top: 8px; }
#top_logo { width: 998px; float: left; height: 85px; }
#navigation { width: 998px; float: left; height: 51px; background-image: url(../img/back_nav.png); background-repeat: no-repeat; background-position: top; }
#blok_slide { width: 998px; float: left; height: 310px; overflow: hidden; position: relative; left: 0px; top: 0px; right: 0px; bottom: 0px; clip: rect(0px,0px,0px,0px); margin: 0px; padding: 0px; }
#slide_data { width: 2000px; float: left; height: 310px; position: absolute; }
#blok_content { width: 998px; float: left; height: 394px; }
#footer { width: 998px; float: left; height: 85px; }
.bloke_img_flash { float: left; height: 296px; width: 570px; }
.bloke_post { float: left; height: 296px; width: 420px; margin-left: 8px; background-image: url(../img/back_latestpost.png); background-repeat: no-repeat; background-position: top; }
.bloke_flash { float: left; height: 296px; width: 988px; }
.blok_features { float: left; height: 380px; width: 274px; }
.blok_clinton { float: left; height: 380px; width: 274px; margin-left: 15px; }
.blok_right { float: left; height: 380px; width: 420px; margin-left: 15px; }
.footer_banner { float: left; height: 85px; width: 700px; margin-left: 8px; }
.footer_nav { float: right; height: 85px; width: 250px; margin-left: 10px; }
.footer_nav a { font-size: 11px; color: #FFF; text-decoration: none; font-family: Arial, Helvetica, sans-serif; }
.footer_nav a:hover { text-decoration: underline; }
.blok_content_inter { width: 998px; float: left; }
.bloke_content_inter_sidebar { float: left; width: 240px; background-image: url(../img/box_repeat_inter.png); background-repeat: repeat-y; background-position: left top; }
.bloke_content_inter_sidebar_top { float: left; width: 240px; background-image: url(../img/box_top_inter.png); background-position: left top; background-repeat: no-repeat; height: 10px; }
.bloke_content_inter_sidebar_footer { float: left; width: 240px; background-image: url(../img/box_footer_inter.png); background-repeat: no-repeat; background-position: left bottom; height: 10px; }
.bloke_content_inter_sidebar_content { float: left; width: 220px; margin-left: 10px; min-height:300px; }
.bloke_content_inter_data { float: left; overflow:hidden; width: 700px; margin-left: 30px; }
.blok_content_inter_top { width: 998px; float: left; height: 80px; }
.blok_content_inter_top_title { width: 400px; float: left; height: 60px; margin-top:20px; }
.blok_content_inter_top_banner { width: 550px; float: right; height: 80px; }
.bloke_content_inter_sidebar_content { float: left; width: 220px; margin-left: 10px; min-height:300px; }



/********************************************************************************/
.content { float: left; width: 990px; margin-left: 0px; }
.submenu_fan { font-family: Arial; font-size: 13px; color: #CC6666; font-weight: bold; text-decoration: none; border: none }
.submenu_fan a { color: #FFCC00; text-decoration: none }
.submenu_fan a:hover { color: #FFFFFF; text-decoration: none }
.title { background-image: url(../img/back_title.jpg); background-position:top left; background-repeat:no-repeat; padding-left:10px; font-family: Arial; font-size: 15px; font-weight: bold; color: #FFCC00; height:28px; }
.title_index { font-family: Arial; font-size: 16px; color: #F4B123; ; height:28px; }
.twitter { font-family:Arial; font-size:11px; font-weight:normal; color:#FFFFFF; text-decoration:none; list-style-type:none; margin-left:5px; margin-right:5px; margin-top:0; margin-bottom:0; padding:0; }
.twitter a { color:#FFFFFF; text-decoration: none }
.twitter a:hover { color:#F5B423; text-decoration: none }
a {color: #CCCCCC; text-decoration: none; font-weight: bold}
a:hover {color: #FFCC00; text-decoration: none}
.titulo_blog {
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-left:0;
}
.subtitulo {
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	color: #CCCCCC;
	text-decoration: none;
	padding-right:3;
}
/********************************************************************************/

/**/
.blok_features_news { float: left; height: 270px; width: 274px; background-image: url(../img/back_news.png); background-repeat: no-repeat; background-position: center top; }
.blok_features_banner { float: left; height: 100px; width: 274px; margin-top: 10px; }
.blok_clinton_shop { float: left; height: 150px; width: 274px; }
.blok_clinton_fan { float: left; height: 230px; width: 274px; background-image: url(../img/back_new_fans.png); background-repeat: no-repeat; background-position: left top; }
.blok_right_twit { float: left; height: 146px; width: 275px; background-image: url(../img/back_twitter.png); background-repeat: no-repeat; background-position: left top; }
.blok_right_twit2 { float: left; width: 275px; background-image: url(../img/back_twitter_2.png); overflow:hidden; background-repeat: no-repeat; background-position: left top; }
.blok_right_banner { float: left; height: 146px; width: 125px; margin-left: 10px; }
.blok_right_video { float: left; height: 230px; width: 418px; margin-top: 5px; background-image: url(../img/back_video.png); background-repeat: no-repeat; background-position: left top; }
.blok_right_video object { margin-top: 14px; margin-left: 14px; }


/*NAVIGATION*/
#nav { float: left; height: 38px; width: 745px; margin-left: 6px; }
#nav ul { display:block; float:left; width:745px; height:38px; list-style:none; padding: 0px; margin: 0px; margin-bottom: 10px; }
#nav ul li { display:block; float:left; height:38px; text-indent:-10000px; }
#nav ul li a { display:block; width:100%; height:100%; }
.nav_home { height: 38px; width: 73px; background-image: url(../img/nav.png); background-repeat: no-repeat; background-position: left top; float: left; }
.nav_gallery { height: 38px; width: 91px; background-image: url(../img/nav.png); background-repeat: no-repeat; background-position: -122px top; float: left; }
.nav_bio { height: 38px; width: 49px; background-image: url(../img/nav.png); background-position: -73px top; }
.nav_blog { height: 38px; width: 66px; background-image: url(../img/nav.png); background-position: -213px top; }
.nav_fans { height: 38px; width: 62px; background-image: url(../img/nav.png); background-position: -350px top; }
.nav_shop { height: 38px; width: 67px; background-image: url(../img/nav.png); background-position: -412px top; }
.nav_news { height: 38px; width: 71px; background-image: url(../img/nav.png); background-position: -279px top; }
.nav_community { height: 38px; width: 127px; background-image: url(../img/nav.png); background-position: -479px top; background-repeat: no-repeat; }
.nav_ask { height: 38px; width: 126px; background-image: url(../img/nav.png); background-position: -606px top; }
.nav_home:hover, .nav_home_active { height: 38px; width: 73px; background-image: url(../img/nav.png); background-position: 0px bottom; }
.nav_gallery:hover, .nav_gallery_active { height: 38px; width: 91px; background-image: url(../img/nav.png); background-repeat: no-repeat; background-position: -122px bottom; float: left; }
.nav_bio:hover, .nav_bio_active { height: 38px; width: 49px; background-image: url(../img/nav.png); background-position: -73px bottom; }
.nav_blog:hover, .nav_blog_active { height: 38px; width: 66px; background-image: url(../img/nav.png); background-position: -213px bottom; }
.nav_fans:hover, .nav_fans_active { height: 38px; width: 62px; background-image: url(../img/nav.png); background-position: -350px bottom; }
.nav_shop:hover, .nav_shop_active { height: 38px; width: 67px; background-image: url(../img/nav.png); background-position: -412px bottom; }
.nav_news:hover, .nav_news_active { height: 38px; width: 71px; background-image: url(../img/nav.png); background-position: -279px bottom; }
.nav_community:hover, .nav_community_active { height: 38px; width: 127px; background-image: url(../img/nav.png); background-position: -479px bottom; background-repeat: no-repeat; }
.nav_ask:hover, .nav_ask_active { height: 38px; width: 126px; background-image: url(../img/nav.png); background-position: -606px bottom; }

/*LAST POST AND TITLES*/
#block_lastpost { height: 220px; width: 390px; float: left; margin-top: 45px; margin-left: 10px; }
.posts { width: 390px; float: left;line-height: 14px; margin-bottom: 8px; }
.posts2 { width: 390px; float: left; line-height: 14px; margin-bottom: 8px; border:none; }
.post_title { font-size: 16px; text-decoration: none; float: left; padding-right: 10px; color: #F4B123; }
.post_date { color: #999; text-decoration: none; font-weight: bold; }
.post_readfull { color: #FFF; text-decoration: none; text-transform: uppercase; text-align: right; display: block; clear: both; font-size: 10px; font-weight: bold; padding-bottom: 3px; padding-top: 3px; }
.post_readfull:hover { color: #F5B423; }
#block_lastpost_skinsport { height: 20px; width: 390px; float: left; margin-top: 5px; margin-left: 10px; overflow: hidden; }
#block_lastpost_skinsport a { height: 20px; width: 390px; float: left; text-indent: -200px; }


/*FEATURED NEWS*/
#block_featurednews { width: 256px; float: left; margin-top: 45px; margin-left: 8px; }
#block_featurednews .image { height: 90px; width: 102px; float: left; }
#block_featurednews .content { width: 245px; float: left; margin-top: 6px; font-size: 14px; margin-left: 5px; }

/*FEEDS*/
.box_twitter_content { margin-top: 42px; margin-left: 5px; float: left; }
.box_twitter_data { width: 265px; float: left; font-family: Helvetica, Tahoma, Arial; text-decoration: none; font-size: 11px;padding-bottom: 2px; margin-bottom: 3px; }
.box_twitter_data a { color:#FFF; text-decoration:none; }
.box_twitter_data a:hover { color:#F8A124; text-decoration:none; }
.box_twitter_data span { color:#F8A124; text-decoration:none; }

/*SEARCH*/
#search { float: right; height: 30px; width: 214px; margin-right: 10px; background-image: url(../img/back_search.gif); background-repeat: no-repeat; background-position: left top; margin-top: 5px; padding-right: 2px; text-align: right; padding-top: 2px; }
#search form { *margin-top:2px !important;  /* Sólo IE7 */
}
.search_input { background-color: #FFF; height: 20px; width: 100px; padding-top: 3px; padding-left: 3px; border: 1px solid #FFF; float: left; width: 110px; !important;  /* Sólo IE7 */
}
.search_input2 { background-color: #FFF; height: 20px; width: 100px; padding-top: 3px; padding-left: 3px; border: none; float: left; width: 110px; !important;  /* Sólo IE7 */
}
.search_buttom { background-color: transparent; border:none; height: 26px; width: 28px; background-image: url(../img/but_search.gif); background-repeat: no-repeat; background-position: left top; cursor: default; text-indent: -9999px; padding: 0px; float: left; margin-top: 1px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }