html{color:#000;background:#463543;}
html {height:100.05% !important}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}

/* grid & blocks
-------------------------------------------------------------------------------------------------------- */
#wrapper {width:940px; margin:0 auto; padding-bottom:20px;}
#header { background-color:#c60751; height:1%; overflow:hidden; background-image:url(../images/pattern_header.gif); background-repeat:repeat-x; background-position:0 0px;}
#content {margin-top:10px; height:1%; overflow:hidden;}
#video_player_area {margin-bottom:10px;}
#column_i {width:310px; float:left;}
#column_ii {width:310px; float:left; margin-left:10px;}
#column_iii {width:300px; float:left; margin-left:10px;}

.adv_300_250 {margin-bottom:10px; width:300px; height:270px; overflow:hidden; background-color:#3b2a38; background-position:10px -182px;}
/* ----------------------------------------------------------------------------------------------------- */

/* typo
-------------------------------------------------------------------------------------------------------- */
body {font-size: 62.5%; font-family:Arial, Helvetica, sans-serif;}

a{ text-decoration:none;}
a:focus{outline:none;}

/* hover links */
.link {padding:0 2px; color:#000; font-weight:bold; text-decoration:none!important;}
.link:hover { background-color:#C60751; color:#fff!important;}
/* end  hover links */

h1 {font-size:2.8em; font-weight:bold;}
h1 a, h2 a {color:#000;}
h1 a:hover, h2 a:hover {color:#c60751;}

.pageTitle {font-size:2em;background-color:#f5f5f5; padding:20px 20px 20px 20px; font-weight:bold;}
.smallTextGrey {font-size:11px; color:#777; font-weight:bold;}

/* ----------------------------------------------------------------------------------------------------- */

/* common
-------------------------------------------------------------------------------------------------------- */
.clear {clear:both;}
.print, .send_to_friend, .comment_link, .article_photo_box_nav a, #rate a, .inpt_bg, .add_comment, #logo, .thumb_video .play, .tabs .rss, .adv_300_250, .discuss, #video_options a, #search, .comments_box_list li h3 a
{ background-image:url(../images/sprite.gif); background-repeat:no-repeat;}
.pipe {font-size:1.1em; color:#d1d1d1; padding:0 3px;}
.go_left {float:left;}
.go_right {float:right;}

#logo {width:185px; height:65px; overflow:hidden; margin:36px 30px 22px 31px; background-position:right -540px;}
#logo a {width:185px; height:65px; overflow:hidden; display:block; }
#logo a span {display:block; text-indent:-9999px;}

/* site main menu */
#nav {margin:2px 1px 0px 0px;}
#nav ul {height:1%; overflow:hidden; display:block;  border-top:1px solid #de4e85; }
#nav ul li { float:left; border-right:1px solid #de4e85; font-size:1.2em; text-transform:uppercase;	}
#nav ul li a {padding:7px 20px 5px 20px; display:block; float:left; color:#fff;}
#nav ul li a:hover {color:#ddd;}
#nav ul .selected {display:block; background-color:#fff; }
#nav ul .selected a {color:#000; font-weight:bold;}
/* end site main menu */

/* footer menu */
#footer { background-color:#3B2A38; padding:10px; font-size:1.1em;}
#footer ul { height:1%; overflow:hidden;}
#footer ul li { float:left;}
#footer ul li a {color:#eee;}#footer ul li a:hover {text-decoration:underline;}
#footer ul li span {color:#d1d1d1; padding:0 10px;}
/* end footer menu */


/* search */
#search {float:right; margin:-50px 8px 0 0; display:inline; width:230px; height:1%; overflow:hidden; background-position: -401px -389px;}
#search div {float:left;}
#search .fake_inpt input { width:169px; height:12px; background:transparent; font-size:1.1em; color:#b2b2b2; padding:4px 0 3px 5px; border:0;}
#search .fake_btn input { width:50px;margin:2px 0; background:transparent; height:17px; border:0; cursor:pointer;}
/* end search */

/* paginator */
.paginator {font-size: 12px; margin:10px;}
.paginator a, .pageList .this-page { padding: 4px 8px; border: solid 1px #d1d1d1; color:#000; background: #fff; text-decoration: none; }
.paginator a:visited { padding: 4px 8px; border: solid 1px #ddd; background: #fff; text-decoration: none; }
.paginator .AtStart {border: solid 1px #eee; margin-right: 20px; padding: 4px 8px; background: #fff; color: #ddd; }
.paginator .Prev { margin-right: 20px; padding: 4px 8px; border: solid 1px #ddd; background: #fff; }
.paginator .break { padding:4px 8px; border: none; background: #fff; text-decoration: none; }
.paginator .Next { margin-left: 20px; padding: 4px 8px; border: solid 1px #ddd; background: #fff;}
.paginator .AtEnd { margin-left: 20px; padding: 4px 8px; background: #fff; color: #aaa; }
.paginator .this-page {padding: 4px 8px; border-color: #eee; vertical-align: top; background: #fff; color: #777; }
.paginator a:hover {color:#fff; background-color:#c60751; border-color: #fff; text-decoration: none;}
/* end paginator */

/* video player area*/
#video_player_area {height:350px; overflow:hidden; padding:10px; background-color:#fff; width:920px;}
#video_player_area #video_player {float:left; width:620px; height:350px; overflow:hidden;}
#video_player_area #current_video {width:280px; padding:10px 10px 10px 10px; background-color:#ececec; height:166px; overflow:auto; }  
#video_player_area #current_video h1 {font-size:3.6em; font-weight:bold;}
#video_player_area #current_video .desc {font-size:1.1em; margin-top:10px; line-height:16px; }
#video_player_area #current_video #topics {font-size:1.1em;}
#video_player_area #current_video #topics a {color:#c60751; padding:0 2px;}
#video_player_area #current_video #topics a:hover {color:#fff; background-color:#c60751;}
#video_player_area #videos {overflow:hidden; width:300px; clear:both;  height:124px; padding-top:10px; }
#video_player_area #videos .thumb_video {margin:0; float:left;display:inline;} 
#video_player_area #videos table tr td {height:57px; width:90px; padding:0 0 10px 10px; float:left; overflow:hidden; display:inline;}
#video_related {width:300px; height:350px; overflow:hidden; float:left;}

#video_options { height:16px; overflow:hidden; margin-top:1px; padding:7px 10px 6px 10px; background-color:#f5f5f5; font-size:1.1em;}
#video_options .simple_rss {padding-left:19px; background-position:0 -469px;}#video_options .simple_rss:hover { color:#c60751;}
#video_options .ico {width:16px; height:16px; margin-right:10px; display:block;}
#video_options .pipe {color:#999; padding:0 7px;}
#video_options span {float:left;}
#video_options a {font-weight:bold; color:#000; float:left; display:block;}
#video_options a span {display:block; text-indent:-9999px;}

#video_options .ico_d { background-position:-21px -502px;} #video_options .ico_d:hover {  background-position:0 -502px;}
#video_options .ico_f { background-position:-21px -536px;} #video_options .ico_f:hover { background-position:0 -536px;}
#video_options .ico_y { background-position:-21px -600px;} #video_options .ico_y:hover {  background-position:0 -600px;}
#video_options .ico_t {  background-position:-21px -570px;} #video_options .ico_t:hover { background-position:0 -570px;}

.video_article_player {padding:0 5px; background-color:#E9E9E9;  background-image:url(../images/shadow.gif); background-repeat:repeat-x; background-position:0 bottom; padding-bottom:36px; margin-bottom:-36px;	}

/* end video player area*/

.box { background-color:#fff; margin-bottom:10px; padding-bottom:14px; position:relative;}
.box .tabs { background-color:#c60751; overflow:hidden; font-size:1.1em; border-bottom:1px solid #fff; height:1%;}
.box .tabs li { float:left; display:inline; border-left:1px solid #fff; padding:6px 9px 5px 9px; }
.box .tabs li a {color:#fff;  display:block;}
.box .tabs .selected_tab {background-color:#fff;   background-image:url(../images/selected_tab_bg.gif); background-repeat:repeat-x;}
.box .tabs .rss {padding-left:20px; background-position:7px -412px; text-transform:uppercase;}
.box .tabs .first {width:132px; padding-left:9px; padding-right:9px; text-transform:uppercase; }
.box .promo_thumb {width:310px; height:140px; overflow:hidden; display:block;}
.box .thumb_desc {	position:absolute;	width:290px;	background-color:#000;	color:#fff;	margin-top:120px; font-size:1.1em;	text-align:right;	padding:3px 10px 3px 10px;	filter: Alpha(Opacity=70) ;	opacity:0.7;}
#wrapper .box .thumb_desc div {color:#fff; filter: Alpha(Opacity=50) ;	opacity:0.5;}
.content_hidden {display:none;}	
.content_visible {display:block;}
.box .box_content {margin:1px; background-image:url(../images/box_content_pattern.gif); background-repeat:repeat-x; background-position:0 0; padding:12px 9px 0px 9px; line-height:16px;}
.box .box_content .promo_title {font-size:1.6em; font-weight:bold; }
.box .box_content .promo_content {font-size:1.2em; margin-top:6px;}
.promo_links {font-size:11px; margin-top:6px;}
.promo_links a {color:#767676; padding:0 2px;}
.promo_links a:hover {color:#fff; background-color:#c60751;}
.promo_links span {padding:0 2px; color:#d1d1d1;}


#column_i .list li, #column_ii .list li {width:292px;}
#column_iii .list li { width:282px;}


.list { margin:1px 0 -14px 0;  height:1%; overflow:hidden; }
.list li { float:left; height:1%; overflow:hidden;padding:8px 9px 10px 9px; padding:7px 9px 9px 9px!ie; border-bottom:1px solid #e5e5e5; border-top:1px solid #fff;  background-color:#f5f5f5;}
.list li:hover { background-color:#eee;}
.list li .thumb { width:90px; height:57px; overflow:hidden;  margin:2px 10px 2px 0; float:left;   padding:0 0 2px 0!ie;} 

.list li .info { color:#555; font-size:1.1em; line-height:14px; float:left;}
.list li .info a {color:#c60751; padding:0 2px; }  .list li .info a:hover { background-color:#c60751; color:#fff;}
.list li .info span { padding:0 3px; color:#777px; }

.list li h3 {line-height:12px; margin:0 0 2px 0; padding:0;}
.list li h3 a {font-size:1.2em; color:#000; font-weight:bold ;padding:0;}
.list li h3 a:hover {color:#c60751;}



/*


.list {margin:0px 0 -15px 0; height:1%; overflow:hidden; }
.list li {  height:1%; overflow:hidden;padding:8px 9px 10px 9px;border-bottom:1px solid #e5e5e5; border-top:1px solid #fff;  background-color:#f5f5f5;}
.list li:hover { background-color:#eee;}
.list li .thumb { width:90px; height:57px; overflow:hidden;  margin:2px 10px 2px 0; float:left; padding:0 0 2px 0!ie;} 

.list li .info { color:#555; font-size:1.1em; line-height:14px;}
.list li .info a {color:#c60751; padding:0 2px; }  .list li .info a:hover { background-color:#c60751; color:#fff;}
.list li .info span { padding:0 3px; color:#777px; }

.list li h3 {line-height:12px; margin:0 0 2px 0;}
.list li h3 a {font-size:1.2em; color:#000; font-weight:bold; }
.list li h3 a:hover {color:#c60751;}

*/


.comments_box_list li { height:32px; padding:12px 9px 15px 9px;}
.comments_box_list li h3 a{font-size:1.1em; padding-left:15px; background-position:-620px -428px;}

.video_box_comments_headline {font-size:11px; font-weight:bold; color:#555; padding:7px 9px; background-color:#fff; margin-top:9px;}
.video_box_comments {height:95px; width:299px; overflow-y:scroll;  margin:0; border-top:1px solid #d1d1d1;  border-bottom:1px solid #d1d1d1;  border-right:1px solid #d1d1d1;}
.video_box_comments li {padding:9px; background-color:#fafafa; 	width:265px;}

.thumb_video { background-repeat:no-repeat; float:left; margin:2px 10px 2px 0; width:90px; height:57px; padding:0 0 2px 0!ie; background-position:0 0;}
.thumb_video .play { background-position:0 -281px; display:block; width:90px; height:57px; overflow:hidden;}
.thumb_video .play:hover {background-position:0 -339px;}

/* ----------------------------------------------------------------------------------------------------- */


/* article
-------------------------------------------------------------------------------------------------------- */
#article { background-color:#fff; width:630px; overflow:hidden; float:left; margin-bottom:10px;}

#article #tools {border-bottom:1px solid #d1d1d1; font-size:1.1em; padding:15px 20px 8px 20px;}
#article #tools a {color:#000;}
#article #tools a:hover {text-decoration:underline; color:#C60751;}
#article #tools a span {font-weight:bold;}
#article #tools div {float:right; margin-top:-2px;}
#article #tools div span {font-size:1.2em; font-weight:bold;}
#article #tools .send_to_friend  { background-position:2px 1px; padding-left:20px;}
#article #tools .print {background-position:0 -31px; padding-left:23px;}

#article h1 { background-color:#f5f5f5; padding:20px 20px 20px 20px; font-size:3.4em; font-weight:bold;}
#article #info { color:#555; margin-top:1px; background-color:#e9e9e9; padding:10px 20px 7px 20px; font-size:1.1em;}
#article #info a {font-weight:bold; color:#000;}
#article #info a:hover {color:#c60751;}
#article #info .pipe {color:#878787;}
#article #more_info {font-size:1.1em; padding:0 20px;}
#article #more_info span {font-weight:bold;}

.comment_link { background-position:75px -66px; padding-right:20px;} 
.discuss { background-position:45px -66px; padding-right:20px; font-weight:bold; color:#000;}.discuss:hover {color:#c60751;}

#article_content { padding:20px; font-size:1.3em; line-height:20px;}
#article_content a {color:#C60751}
#article_content p {margin-bottom:15px;}
#article h2 {font-weight:bold; margin-bottom:10px;}

.article_photo_box { background-image:url(../images/shadow.gif); background-repeat:repeat-x; background-position:0 bottom; padding-bottom:39px; margin-bottom:-39px;	}
.article_photo_box .img_chngr { background-color:#000;}	
.article_photo_box .img_chngr .img_chngr_nested .img_bug { height:256px; overflow:hidden;}
.article_photo_box .img_chngr .article_photo_caption_box { float:left; width:590px; color:#fff; font-size:1.2em; padding:10px 20px 7px 20px; height:14px; border-top:1px solid #999; background-color:#000; opacity:.6; filter:alpha(opacity=60); margin-top:-32px;}
.article_photo_box_nav {float:right; margin:-27px 20px 0 0; position:relative; z-index:9999; display:inline; width:124px;}
.article_photo_box_nav a {display:block; width:21px; height:21px; float:left;}
.article_photo_box_nav .status {float:left; padding:4px 6px; color:#fff; width:70px; font-size:1.1em; color:#999;}
.article_photo_box_nav .status span {font-weight:bold; color:#fff;}
.article_photo_box_nav a span {display:block; text-indent:-9999px;}
.article_photo_box_nav .prev_on { background-position:0 -98px;}
.article_photo_box_nav .prev_off { background-position:0 -120px; cursor:default;}
.article_photo_box_nav .next_on { background-position:-22px -98px;}
.article_photo_box_nav .next_off { background-position:-22px -120px; cursor:default;}

.photo_gallery {border-top:1px solid #d1d1d1; background-color:#f5f5f5; width:640px; height:1%; overflow:hidden; padding-bottom:10px; }
.photo_gallery p {font-size:1.1em; margin:5px 20px;  width:590px; color:#424242;}
.photo_gallery .item {float:left;  text-align:center; margin:0 10px 10px 0;}
.photo_gallery .item a:hover img {filter:Alpha(Opacity=70); opacity:0.7;}


.related { border-bottom:1px solid #d1d1d1; padding:5px 20px; font-size:1.1em; height:1%; overflow:hidden; color:#777;}

.read_next { float:right;}

#rate { float:left; height:1%; overflow:hidden;}
#rate .headline {float:left; margin-right:7px;}
#rate a {display:block; float:left; margin-top:1px; width:14px; height:14px; background-position:-14px -162px; margin-right:3px;} 
#rate a span {display:block; text-indent:-99999px;}
#rate a:hover {background-position:0 -162px;} 
.rate_off a {cursor:default;}
#article #rate .full {background-position:0 -162px;} 
#article #rate .half {background-position:-28px -162px;}
#article #rate .none {background-position:-14px -162px;}


/* add_comment */
.add_comment {padding:10px; background-position:-502px 43px; margin:20px 0 0 0;}
.add_comment .headline {font-size:1.2em; text-transform:uppercase; font-weight:bold; padding:5px 10px; border-bottom:1px solid #000; }
.add_comment .line {margin-left:150px; border-bottom:1px solid #d1d1d1; height:1%; overflow:hidden; padding:11px 10px 12px 10px; font-size:1.2em;}
.add_comment .line .left_part {float:left; width:70px; margin-top:4px;}
.add_comment .line .right_part {float:left; width:370px;}
.add_comment .line .right_part .inpt_bg {float:left; width:230px; height:24px; background-position:0 -195px; margin-right:3px; display:inline;}
.add_comment .line .right_part .inpt_bg input {width:220px; height:18px; padding:4px 5px 2px 5px; background:transparent; border:0;}
.add_comment .line .right_part span {font-size:10px; color:#696969; display:block; float:left; margin-top:5px;}
.add_comment .line .right_part textarea {width:360px; padding:4px; height:137px; overflow:auto; border:1px solid #747474;}
.add_comment .send {border-bottom:0!important;}
.add_comment .send  .right_part input {border:0; background-color:#000; padding:3px 7px;font-weight:bold; color:#fff; cursor:pointer;}
/* end add_comment */

/* comments_list */
#comments_list {margin:20px 0; padding:10px; line-height:18px;}
#comments_list .headline {border-bottom:1px solid #000; margin-bottom:10px; font-size:14px; padding:10px;}
#comments_list li {border-bottom:1px solid #d1d1d1; padding:5px 0 15px 0; height:1%; overflow:hidden;}
#comments_list li .comment_content {float:left; width:430px; padding:0 10px; margin-right:10px; font-size:1.2em;}
#comments_list li .comment_info {float:left; width:130px; padding:0 10px; font-size:1.1em;}
#comments_list li .comment_info .author a {font-weight:bold; color:#000;} #comments_list li .comment_info .author a:hover {color:#C60751;}
#comments_list li .comment_info .date {color:#979797;}
/* end comments_list */

/* ----------------------------------------------------------------------------------------------------- */

/* category
-------------------------------------------------------------------------------------------------------- */
#category {width:630px; overflow:hidden; float:left;}
#latest_article { background-color:#fff; height:1%; overflow:hidden; margin-bottom:10px;}
#latest_article h1 {margin:20px 20px -18px 20px; position:relative; z-index:9999;}
#latest_article_content { padding:20px; font-size:1.2em; line-height:18px;}

#archive {padding:20px 10px; background-color:#fff; margin-bottom:10px;}
#archive ul {margin:10px 0 25px 0;}
#archive ul li {border-bottom:1px solid #e6e6e6; padding:15px 10px; height:1%; overflow:hidden;}
#archive ul li:hover {background-color:#f5f5f5;}
#archive ul li .thumb {float:left; margin-right:10px;}
#archive ul li h2 {font-size:1.4em; font-weight:bold; margin-top:8px;}
#archive ul li .info {font-size:10px; color:#777;}
#archive ul li .info span {color:#000; padding:0 3px;}
#archive ul li .info a {font-weight:bold; color:#000;}
#archive ul li .desc {font-size:1.2em; margin-top:7px; line-height:18px; }
#archive ul li .desc a {font-weight:bold; color:#000; font-size:11px; }
/* ----------------------------------------------------------------------------------------------------- */	

.photo_description_disabled {display:none;}

.secondaryNav { float:right; margin:10px 10px 0 0; display:inline;}
.secondaryNav  li {float:left;  }
.secondaryNav  li span {color:#d1d1d1; padding:0 5px; font-size:12px;}
.secondaryNav  li a {color:#000; color:#fff; font-size:1.1em; text-decoration:underline;}
.secondaryNav  li a:hover {text-decoration:none;}

