
/* LAYOUT */
/* ----------------------------------------- */

/* COLORS:

red:#c61548;
blue:#005171;
light blue tint: #e7edf0;
medium blue tint: #c5d3da;
dark blue tint: #33748d;

*/

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */

html, body {height:100%;padding:0;margin:0;border:0;}
body {background-image:url(../images/page-bg.png);background-position:50% top;}

.aligncenter { display:block; margin:0 auto; }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

div, ul, li { position:relative } 
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */

#wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -98px; /* the bottom margin is the negative value of the footer's height */
  }
#push {
    height: 98px; /* .push must be the same height as .footer */
  }

#header {
	width:960px;height:70px;
	background-image:url(../images/top-globe.png);
	background-repeat:no-repeat;
	background-position:center right;
	margin:auto;
	border:solid 20px #ffffff;
	border-width:0 20px;
}

#header.home {	height:120px;	}

#header.crt {	height:120px; background: none;	}

.RSC #header {
	height:120px;
	background-image:url(../images/stbasils.png);
	border:solid 20px #181c32;
	border-width:0 20px;
	background-color:#181c32;
}
#rscBlueBlock {
	width:100%;height:130px;position:absolute;background-color:#181c32;
}

#sitetitle {
	width:279px;height:24px;left:0px;top:23px;position:absolute;
	background-image:url(../images/top-logo-internal-smaller.png);
	text-indent:-2000px;
}

#sitetitle-crt{
	background-image: url(../images/crt-logo.png);
}

#header.home #sitetitle {	top:10px;	background-image:url(../images/top-logo-smaller.png);height:100px;}

#header.crt #sitetitle {	top:10px;	background:url(../images/crt-logo.png) no-repeat;height:100px;}

.RSC #sitetitle {
	background-image:url(../images/rsc-logo.png);
	width:480px;height:66px;top:23px;
}

#utils {	position:absolute;right:0px;top:10px;width:500px;	}
#siteSearch {	border:solid 1px #999999;background-color:#ffffff;height:20px;padding:2px;width:210px;float:right;	
	background-image:url(../images/search-icon.png);background-repeat:no-repeat;background-position:194px 50%;
}
#siteSearch:hover, #siteSearch:focus, #siteSearch:active {outline: 0px;border:solid 1px #c61548}
div.pageDate {	position:absolute;right:0;top:33px	}

.hidden {display:block;position:absolute; left:-900px}

#access {background-color:#005171; height:30px;}
#access .menu {width:960px;margin:auto;}

.RSC #access {background-color:#990000; }

.social-icons {position:absolute;right:230px;top:3px;margin:0;}
.social-icons a {display:inline-block;margin-top:2px;}
.social-icons a img {border:0;}

#page {width:960px;margin:auto;background-image:url(../images/inner-column-lines.png);}

#footer {height:98px;background-image:url(../images/footer-bg.png);background-position:0 13px;background-repeat:repeat-x;margin:auto;width:974px;overflow:hidden;clear:left;}
#footerLogo {height:91px;width:252px;position:absolute; top:0px;left:8px;background-image:url(../images/footer-logo.png);}
#footerMenu {width:700px;right:0px;position:absolute;top:22px;text-align:center;}

.email_box_header {font-size:22px;color:#005171;margin-bottom:5px;line-height:22px;}
.email_subscribe_content {display:block;}
.email_subscribe_content p {margin:0 0 5px;}

.greyDivider {height:1px;background-color:#999999;margin:0 -7px;float:left;width:100%;padding:0 7px;}
.col1 {width:180px;float:left;margin-right:7px;padding:10px 7px 10px 0;border-right:1px solid #999999;}
.col2 {width:375px;float:left;margin-right:7px;padding:10px 7px 10px 0;border-right:1px solid #999999;}
.col3 {width:570px;float:left;margin-right:7px;padding:10px 7px 10px 0;border-right:1px solid #999999;}
.col4 {width:765px;float:left;margin-right:7px;padding:10px 7px 10px 0;border-right:1px solid #999999;}
.rightCol {margin-right:0;padding-right:0;border-right:none;}
.noLine {margin-right:8px;border-right:none;}
.topCol {padding-top:0px;}

.floatRight {float:right;}

/* LATEST ticker */

#latestTicker {margin:10px 0 0;overflow:hidden;background:#ffffff;}
#latestTickerScroller {position:absolute;top:0px;left:200px;}
#latestTickerScroller .item {height:20px;overflow:hidden;}

/* HIGHLIGHTS */

#highlights {padding:10px 0;background:#ffffff;}
#spotlightFrame{width:570px;height:300px;overflow:hidden;float:left;}
#spotlightHolder{position:absolute;width:2400px;left:0;}
.spotlight {width:570px;;height:300px;float:left;background-color:#eeeeee;background-position:50% 50%;}
.spotlightText {position:absolute;bottom:0px;left:0px;}

#highlights ul {display:block;width:390px;margin-left:570px;}
#highlights li {display:block;margin:0 0 2px 15px;background-color:#e5e5e5;padding:8px 10px;}
#highlights a:hover li {background-color:#cfcfcf;}
#highlights li.selected {background-color:#005171 !important;color:#ffffff;margin:0 0 2px 0;padding:8px 10px 8px 25px;}

#highlights.crt #spotlightFrame{width: 765px;}
#highlights.crt #spotlightHolder{width: 3060px;}
#highlights.crt .spotlight{width: 765px;}
#highlights.crt ul{width: 195px;display: none;}
#highlights.crt li h2{font-size: 14px;line-height: 23px;}

/* SUPPORT US */

.promoButton a {font-weight:bold;color:#ffffff;text-align:center;display:block;width:152px;height:16px;background-image:url(../images/promo-btn.png);padding:4px;overflow:hidden;margin:5px auto;}

input.promoButton {font-family:'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;font-weight:bold;color:#ffffff;text-align:center;display:inline;height:24px;background-image:url(../images/promo-btn.png);padding:0px 10px;overflow:hidden;margin:5px auto;border:0;border-radius: 10px;}

.promobox {background-color:#e7edf0;padding:10px;margin:-10px -7px 10px;}

.members-login-form {padding:0 0 5px;}
.members-login-form p {display:block;clear:both;padding:5px 0;}
.members-login-form input.input {width:100px;float:right;}
.members-login-form p.login-submit {position:absolute;right:0;bottom:0;}
.member-login {margin:5px 0;font-size:12px;}

/* EVENTS */
#events {margin-bottom:10px;}
a.event {color:#000000;padding:5px 7px;margin:0 -7px;display:block;}
a.event:hover {text-decoration:none !important;background-color:#e7edf0;}

/* NEWSWORTHY */
#newsworthy {margin-bottom:20px;font-size:12px;}
#newsworthy .clipping {background-color:#e7edf0;margin-bottom:1px; padding:10px;}
#newsworthy a .clipping {color:#555555;text-decoration:none;}
#newsworthy a:hover {text-decoration:none !important;}
#newsworthy a:hover .clipping {background-color:#c5d3da;color:#000000;}

/* LATEST ARTICLES */

.latestStory {padding-top:10px;border-top:1px dotted #999999;}
.latestStory.first {border-top:none;}
.latestStory h2 {margin:5px 0 10px;}
.latestStory h3 {margin:-5px 0 10px;}
.latestStory .author {margin:5px 0;display:block;}
.latestStory .articleThumb {float:right;margin-left:10px;}
.latestStory .buffer {clear:right;height:10px;}
.latestStory .region {color:#c61548;font-weight:bold;padding-left:15px;background-image:url(../images/region-bullet.png);background-position:top left;background-repeat:no-repeat;}

#videoFeatureBox {text-align:center;}
.videoThumb {width:80px;height:45px;margin:5px;display:inline-block;overflow:hidden;cursor:pointer;}
.videoThumb img {width:80px;top:-8px;left:0px;position:absolute;}
.videoThumb .time {font-size:10px;background-color:#333333;color:#cccccc;position:absolute;right:2px;bottom:2px;padding:1px 2px;}
#videoCaption {font-size:12px;margin-bottom:10px;height:15px;overflow:hidden;font-weight:bold;color:#666666;}


.theScoop {margin-top:10px;padding-top:70px;background:url(../images/thescoop.png);background-repeat:no-repeat;}
#theScoopLink {position:absolute;display:block;width:100%;height:60px;top:0;}
#theScoopDescription {position:absolute;top:12px;left:270px;font-size:15px;line-height:17px;}
.theScoop .post {padding:5px 7px 5px 77px;margin:0 -7px;}
.theScoop a .post {color:#333333;}
.theScoop a:hover {text-decoration:none;}
.theScoop a:hover .post{background-color:#e7edf0;}
.theScoop .post .photo {position:absolute;left:7px;top:7px;}

.theScoop.theSquare {margin-top:0;padding-top:80px;background:url(../images/the-square-logo.png);background-repeat:no-repeat;}

.authorHeader {padding:0 0 10px 70px;background:url(../images/thescoop-small.png);background-repeat:no-repeat;background-position:right 17px;color:#7f7f7f;min-height:60px;font-size:12px;border-bottom:solid 1px #999999;margin-bottom:15px;}
.authorHeader img {position:absolute;left:0;top:0;}
.authorHeader h1 {color:#000000;padding-top:14px;margin-right:170px;}

.noScoop {background:none;}
.noScoop h1 {background:none;padding:0;margin-right:0;}

.article .body {padding:0px 20px;}
.article .featuredImage {margin:1px 0;}

.article .imageCaption {margin:-3px 0 5px;}

.article .body.person-profile .content {}
.article .body.person-profile h3.position {color:#000000;margin-top:0;}
.article .body.person-profile img.mugshot {float:left;margin-right:20px;}

a.publishedLink {display:block;background:#e7edf0;color:#555555;padding:5px 10px;font-weight:bold;text-align:center;margin-bottom:1px;font-size:12px;}
a.publishedLink img {border:none;}
a:hover.publishedLink {text-decoration:none;color:#000000;background-color:#c5d3da;}

/* SOCIAL */
.social-sharing {height:30px;padding-top:10px;}
.social-item {float:left;margin-right:10px;}

/* FOOTNOTES */

.footnotes {font-size:12px;}
.footnotedivider {height:10px;border-bottom:1px solid #999999;margin:10px 0;}
.footnotes ol {font-weight:bold;}
.footnotes ol li {margin:0;font-weight:normal;}

.relatedPost {margin:10px 0;}

