/* style_screen.css
  
/** POSITIONING **/

body {background:#E8E8E8 url(/images/sd-bg.jpg) repeat-y center; font-size:12px; font-family:Helvetica, sans-serif;}
#wrapper {width:960px;  margin:0px;  margin-left: auto; margin-right: auto; padding: 0px;}

/** COLORS **/
.green_bg { background:#9FC45D;}
.blue {color:#17A5B1}
.red-link a{background:#EE183A; color:#fff; padding:3px 4px 2px 4px;}
h2 { font-weight:bold;}


/** HEADER ELEMENTS **/
#header { padding:15px 10px; }
#logo { float:left; margin-right:0px;padding-top:15px;}
#landscape {}

.menu {border-left:15px solid #666;}
.menu ul {padding:0; margin:0;} 
.menu ul li{ float:left; width:95px; background:#333; border-right:8px solid #666; text-align:center; padding:9px 0 }
.menu ul li a{color:#fff;}
.menu ul li.search { width:196px; line-height:33px; padding:0; }
.menu ul li.search input.text { width:130px; background:#666; border:1px solid #ccc; color:#CCC;padding:3px;}
.menu ul li.search input.button { background:#FBF523; border:none; color:#333;font-weight:bold; padding:3px 5px;}
.menu ul li.share {width:33px; height:33px; padding:0;} 
.menu ul li.share  img{ vertical-align:middle;} 

/** CONTENT ELEMENTS **/
#content { margin:15px; background:#fff;}
#colm_left { float:left; width:610px; }
#colm_right { background:#fff; width:320px; float:left; padding:5px 0; }
.colm_padding {padding:5px 10px;}

.slider_bg { background:#EE183A;padding-bottom:15px;}
.slider { background:#333; height:290px; margin-right:15px; background-repeat:no-repeat; background-position:center; width:592px; display:block; position:relative;}

.slider .desc { background:#000; width:550px; height:75px; position:absolute; left:20px; bottom:20px; border-top:1px solid #ED1A3B; padding:10px 0; filter:alpha(opacity=70);  opacity:0.7;}
.slider .desc h1 {float:left; width:160px; padding:0 10px;}
.slider .desc h1 a {color:#fff; font-size:16px;}
.slider .desc p { float:left; width:345px; color:#fff; padding:0 10px; position:relative; height:70px; border-left:1px solid #ED1A3B; z-index:1000;}
.slider .desc p a.readmore { background:#EE183A; color:#fff; position:absolute; left:10px; bottom:0; padding:3px 4px 2px 4px;}

.media_home { background:#222;}
.media_home .video {  float:left; width:300px; padding:20px; border-right:1px solid #777; }
.media_home .video h1 { font-size:18px; color:#efefef; padding-bottom:2px;font-weight:bold}
.media_home .video h2 {margin:10px 0;}
.media_home .video h2 a{ background:#fff; padding:3px 6px; font-size:14px;}
.media_home .video p { color:#efefef; position:relative; height:50px;}
.media_home .video p a.readmore { background:#EE183A; color:#fff; position:absolute;right:0px; bottom:0;  padding:3px 4px 2px 4px;}
.media_home .gallery {  float:left; width:220px; padding:20px; }
.media_home .gallery h1 { font-size:18px; color:#efefef; padding-bottom:5px;font-weight:bold}
.media_home .gallery h2 {margin:15px 0 10px 0; text-align:center;}
.media_home .gallery h2 a{ background:#fff; padding:3px 6px; font-size:14px;}
.media_home .gallery p a.readmore { background:#EE183A; color:#fff; display:block; padding:3px 4px 2px 4px; width:57px; }

.ander_stories {padding:10px; border-bottom:1px solid #ccc;}
.ander_stories h1 { font-size:18px; color:#333; font-weight:bold}
.ander_stories .main_storie { width:360px; float:left; border-right:1px solid #ccc;}
.ander_stories .main_storie a.img{ background-repeat:no-repeat; float:left; border:1px solid #333; background-position:center; height:80px; width:80px; display:block;}
.ander_stories .main_storie div {float:left; width:260px; padding-left:10px; position:relative; height:82px;}
.ander_stories .main_storie div h2 a{ color:#f3f3f3; font-size:14px; background:#333; padding:3px 6px 1px 6px;}
.ander_stories .main_storie div p {padding:5px 0;}
.ander_stories .main_storie div a.readmore {background:#EE183A; color:#fff; position:absolute; left:10px; bottom:0; padding:3px 4px 2px 4px;}
.ander_stories .nog_stories { float:left; width:210px; padding-left:10px;}

.issue { text-align:center }
.poll h1 { font-size:18px; color:#333; font-weight:bold}
.poll h2 span { font-size:14px; background:#FBF523;padding:2px 0px; line-height:24px;}
.poll .poll-container { padding:15px 10px 10px 10px;}
.poll .poll-container div span.checkbox {display:block;margin-bottom:10px;}
.poll .poll-container div .checkbox input.opt_1{ float:left; width:20px; margin:0 5px 5px 0;}
.poll .poll-container div .checkbox input.opt_2{ float:left; width:20px;margin:0 5px 5px 0;}
.poll .poll-container div .checkbox input.opt_3{ float:left; width:20px;margin:0 5px 5px 0;}
.poll .poll-container div .checkbox input.opt_4{ float:left; width:20px;margin:0 5px 5px 0;}
.poll .poll-container div .checkbox input.opt_5{ float:left; width:20px;margin:0 5px 5px 0;}
.poll .vote {background:#EE183A; border:none; color:#fff;font-weight:bold; padding:3px 5px; text-align:center; width:70px; }
.graph { position: relative;}  
 .bar-title { position: relative;  margin-right: 17px; }  
 .bar-container {position: relative; width: 200px; margin: 0px 0px 5px; }  
 .bar-container div { background-color:#08ACE1; color:#fff; }  
 .bar-container strong { position: absolute; right: -32px; top: 0px;  overflow: hidden;  }  
 .poll-results p { text-align: center; } 


#page3{ background:transparent url(/images/sd-page3.png) no-repeat scroll 0px 0px;height:130px;left:0;position:fixed;top:150px; width:50px;}
div#page3:hover{ }
#page3 a{ display:block;height:130px;width:50px;}

.articles_browse { background:#fff;  padding:10px;}
.articles_browse h1 { font-size:18px; color:#333; font-weight:bold}
.articles_browse ul { margin-top:10px;}
.articles_browse ul li{ padding-bottom:20px;}
.articles_browse ul li .main_pic { float:left; border:1px solid #555; width:80px; margin-right:10px;}
.articles_browse ul li .main_pic a{ background-position:center; background-repeat:no-repeat; width:80px; height:80px; display:block;  margin-right:10px;}
.articles_browse ul li .content { position:relative;}
.articles_browse ul li .content h2 a { color:#f3f3f3; text-transform:uppercase; font-size:14px; background:#333; padding:3px 6px 0 6px;}
.articles_browse ul li .content p{ padding-top:5px;}
.articles_browse ul li .content a.readmore {background:#EE183A; color:#fff; position:absolute; left:92px; bottom:0; padding:3px 4px 2px 4px;}
.articles_browse ul li .content span.comments {position:absolute; right:0px; bottom:0; padding:3px 4px 2px 4px;}


.videos_browse { background:#fff;  padding:10px;}
.videos_browse h1 { font-size:18px; color:#333; font-weight:bold}
.videos_browse ul { margin-top:10px;}
.videos_browse ul li{ padding-bottom:20px;}
.videos_browse ul li .main_pic { float:left; border:1px solid #555; width:80px; margin-right:10px;}
.videos_browse ul li .main_pic a{ background-position:center; background-repeat:no-repeat; width:80px; height:80px; display:block;  margin-right:10px;}
.videos_browse ul li .content { position:relative;}
.videos_browse ul li .content h2 a { color:#f3f3f3; text-transform:uppercase; font-size:14px; background:#333; padding:3px 6px 0 6px;}
.videos_browse ul li .content p{ padding-top:5px;}
.videos_browse ul li .content a.readmore {background:#EE183A; color:#fff; position:absolute; left:92px; bottom:0; padding:3px 4px 2px 4px;}
.videos_browse ul li .content span.comments {position:absolute; right:0px; bottom:0; padding:3px 4px 2px 4px;}
.vidcategory a {background:#EE183A; color:#fff; padding:3px 4px; font-weight:bold; font-size:14px; }

.piccategory a {background:#EE183A; color:#fff; padding:3px 4px; font-weight:bold; font-size:14px; display:inline-block; }

.article{padding:15px;}
.article .category a {background:#EE183A; color:#fff; padding:3px 4px; font-weight:bold; font-size:14px; }
.article h1{ font-size:36px; padding-top:10px; }
.article .article-img { margin:0px 15px 15px 0; width:325px;border:1px solid #ccc;}
.article .blurb {  color:#666; font-size:11px; padding:5px}

.share ul { margin-bottom:20px;}
.share ul li {float:left; padding-right:10px;}
.share ul li span a{background-image:url(/images/sd-sprite.png);background-repeat:no-repeat;width:27px; height:28px; display:block; }
.share ul li span.icon-twitter a{ background-position:0px 1px;}
.share ul li span.icon-facebook a{ background-position:-26px 1px;}
.share ul li span.icon-muti a{ background-position:-54px 1px;}
.share ul li span.icon-print a{ background-position:-80px 1px;}
.share ul li span.icon-email a{ background-position:-108px 1px;}

.simple_overlay { display:none; z-index:10000; background-color:#FFF;width:600px;min-height:200px;border:1px solid #666;padding:20px; -moz-box-shadow:0 0 90px 5px #000;-webkit-box-shadow: 0 0 90px #000;}
.simple_overlay .close {background-image:url(/images/sd-close.png);position:absolute;right:-15px;top:-15px;cursor:pointer;	height:35px;width:35px;}

.comments { background:#efefef; padding:10px;}
.comments-list ul{ }
.comments-list ul li .img{ width:60px;}
.comments-list ul li span{ font-weight:bold;}
.comments-post input { border:1px solid #ccc; padding:3px;}
.comments-post textarea { border:1px solid #ccc; padding:3px;}
.comments-post input.button { border:none; padding:3px; background:#c72326; color:#fff;font-weight:bold}
.pager { font-weight:bold; color:#222; }

.tags li{margin:0;padding:0;list-style:none;display:inline;}
.tags li a{	text-decoration:none;	padding:0 2px; color:#EE183A; font-weight:bold}
.tags li a:hover{ text-decoration:underline;}		
.tag1{font-size:100%;}
.tag2{font-size:130%;}
.tag3{font-size:150%;}
.tag4{font-size:170%;}
.tag5{font-size:190%;}

#footer{height:115px;background:#333; margin-top:40px; color:#9F9F9F;}

#footer a, #footer a:link, #footer a:visited {
color:#fff;
text-decoration:none;
}

#footer a:hover, #footer a:focus {
color:#fff;
text-decoration:underline;
}

.register-welcome {color:#555555;font-size:20px !important;line-height:29px;padding-bottom:10px;word-spacing:-1px; } 
.formz {background:#f4f4f4 none repeat scroll 0 0;border:2px solid #cccccc;margin:0;padding:5px 10px;color:#666666;font-size:14px;}
.formz ul {list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;}
.formz ul li {background:transparent none repeat scroll 0 0;clear:both;padding:6px 0 6px 0;}
.formz ul li label {display:block;float:left;padding:3px 0;width:263px;}
em {color:#111;font-size:0.7em;font-style:normal;}
.txtField {border:2px solid #ccc;color:#555555;display:block;font-size:13px;float:left;outline-color:-moz-use-text-color;outline-style:none;outline-width:medium;padding:3px;width:280px;}

/* comments */
.comments-post { background:#EFEFEF; padding:10px;}
.single-comment-post { width:553px;}
.comments-post-wide-table input { margin-left:5px; width:175px;}
.caption { color:#efefef; padding:10px;}


/* PAGE 3 SLIDER 
.counter-box { text-align:center; margin-top:10px }
.counter-box-inner { background:url(/images/page_3/counter.jpg) no-repeat; width:170px; height:77px; margin:auto; }
.counter-box-inner-la  { width:143px; height:48px; display:block; margin:auto; padding-top:14px;}
.counter-box-inner-la li{ float:left; width:26px; height:46px; display:inline-block; margin-left:2px;line-height:77px; line-height:46px; font-size:20px; font-weight:700; color:#FFF}
*/

/* PAGE 3 SLIDER */
.counter-box-container {position:relative; width:170px; height:77px; display:block; margin:35px auto 0px;}
.counter-box { text-align:center; background:url(/images/page_3/counter-frame-trans.png) no-repeat;width:170px; height:77px; position:absolute; z-index:999; }
.counter-box-inner { background: url(/images/page_3/counter-bg-trans.png) no-repeat;  width:170px; height:77px; position:absolute; z-index:998;}
.counter-box-inner-la  { width:144px; height:48px; display:block; margin:auto; padding:15px 0 0 5px;}
.counter-box-inner-la li{ float:left; width:26px; height:46px; display:inline-block; margin-left:2px;line-height:77px; line-height:46px; font-size:20px; font-weight:700; color:#FFF; background: url(/images/page_3/counter-numbers-trans.png) no-repeat scroll 0 0; text-align:center;}
.counter-box-inner-la li.time_seperator { float:left; width:26px; height:46px; display:inline-block; margin-left:2px;line-height:77px; line-height:46px; font-size:20px; font-weight:700; color:#FFF; background: url(/images/page_3/counter-numbers-trans.png) no-repeat scroll 0 -460px; text-align:center;}
	
.banner {background:url(/images/page_3/300x250_MOBILE.gif) no-repeat; width:300px; height:250px; display:block; margin:10px auto}

.page-3-counter-text-box { background:#e6e6e6; border:#999 1px dashed; margin-top:20px; width:200px; margin:20px auto; display:block;}
.page-3-counter-text-box-inner {padding:20px; font-size:16px;}
.page-3-counter-text-box-inner p{ margin-bottom:5px;}

.page-slider-box { margin-top:15px;}
.page-slider-box-img { background:#444444;}
.page-slider-box-img-inner { background:url(/images/page_3/big_img.jpg) no-repeat; width:580px; height:464px; display:block; margin:auto;}
.page-slider-thumbs-box { background:#960;}
.page-slider-thumbs-box-inner { background:#444444; padding:10px;}
.page-slider-arrow-left { background:url(/images/page_3/arrow_left-trans.png) no-repeat; width:55px; height:55px; display:block; float:left;}
.page-slider-arrow-left a{width:55px; height:55px; display:block;}
.page-slider-arrow-right {background:url(/images/page_3/arrow_right-trans.png) no-repeat; width:55px; height:55px; display:block;float:right;}
.page-slider-arrow-right a{width:55px; height:55px; display:block;}
.page-slider-thumbs-container {width:450px; display:block; float:left}
.page-slider-thumbs {display:block; width:450px; height:55px; margin:auto;}
.page-slider-thumbs div{ background:url(/images/page_3/small-img.jpg) no-repeat; width:55px; height:55px; display:block; float:left; margin:0 10px; }
.page-slider-thumbs a { width:65px; height:65px; display:block;}



