/*
Theme Name: Science Oxford Online v2
Theme URI: http://scienceoxfordonline.co.uk/
Description: Custom template for Science Oxford Online.
Author: Clinton Montague
Author URI: http://oneltd.co.uk/
*/

/*
 * Orange: rgb(245,128,38);
 */
html{overflow-y:scroll}
body{margin:0 20px; padding:0; text-align:center; background-color:#000; font-family:arial,sans-serif}

#header{border-bottom:1px solid #6d7c88; height:170px; position:relative}

#container{min-width:750px; width:940px; margin:15px auto; text-align:left; overflow:hidden}

#content{padding-top:10px; margin-left:-10px}

.post_atom{float:left; width:160px; height:120px; margin:0px 0px 10px 10px; padding:10px; background-position:center center; background-repeat:no-repeat; border:0; z-index:100; overflow:hidden; position:relative; background-image:url(/_assets/images/text-background.jpg)}

.post_atom:hover{color:#fff; border:10px solid #F58025; padding:0}

#header_clock{position:absolute; height:85px; width:85px; top:15px; right:15px}

#header_clock #rollover{position:absolute; height:85px; width:85px; top:85px; right:15px; display:block; z-index:999; color:#000; background-color:white}

#time_record{display:none}

#subnav-header{position:absolute; bottom:10px; left:0px; margin:0; padding:0; width:400px; height:15px; font-size:9pt}
#subnav-header a, #subnav-footer a{font-weight:bold; padding:0 3px; color:rgb(35,35,35)}
#subnav-header a:hover, #subnav-footer a:hover{color:rgb(72,84,90)}

#selector{position:absolute; bottom:10px; right:0px; margin:0; padding:0; width:395px; height:26px}

#selector, #selector a{color:#fff}

#shuffle{float:left; text-indent:-9999px; display:block; margin-top:0; margin-right:10px; width:125px; height:28px; background-image:url(/_assets/images/shuffle.jpg)}
#shuffle:hover{background-position:0 -28px}
#selector #searchform{float:left; display:block; margin:0; padding:0}
#selector #searchform .s-text{padding:6px 5px 5px 10px; float:left; display:block; width:110px; height:17px; border:0px; font-size:10px; background-image:url(/_assets/images/search-new.jpg); background-repeat:repeat-x; color:#fff; font-size:12px}
#selector #searchform .ss-button{margin:0; padding:0; float:left; display:block; background-image:url(/_assets/images/s-submit.gif); background-repeat:no-repeat; border:none; height:17px; width:21px}

.post_atom h3{visibility:hidden; font-weight:bold; margin:0; padding:20px 5px 5px 5px; width:150px; height:95px; position:relative}

.text_based h3{visibility:visible}

h3{text-transform:uppercase; font-family:arial; font-size:14px; line-height:1em}

h3 a{color:#565656; text-decoration:none}

.post_atom:hover h3 a{color:#fffefb}

h3 span, h3 a span{color:#F58025}

.post_atom:hover h3{visibility:visible; background-image:url(/_assets/images/image-over-trans.png)}

.post_atom.text_based:hover h3, .text_based:hover h3{background-image:url(/_assets/images/text-background-hover.jpg)}

h1#logo{width:351px; height:120px; background-image:url(/_assets/images/logo.gif); background-repeat:no-repeat; text-indent:-9999px; position:absolute; top:5px; left:0px; margin:0; padding:0}

h1#logo a{display:block; width:351px; height:158px}

#post_atoms{position:relative; height:440px}

#footer_navigation{background-color:rgb(30,30,30); padding:4px 8px}

#footer_navigation a{color:#fff; text-decoration:none; font-size:11px; display:block; padding:4px 3px; float:left}
#footer_navigation a img{text-indent:-9999px; padding-top:3px; border:none}

#syndication{margin-top:10px; border-top:1px solid #6d7c88; padding-top:10px; height:28px}

#twitter_footer, #rss_footer, #newsletter_footer{text-indent:-9999px; display:block; width:125px; height:28px; float:right; margin:0px 0px 10px 10px}

#twitter_footer{background-image:url(/_assets/images/twitter-new.jpg)}
#twitter_footer:hover{background-position:0 -28px}

#rss_footer{background-image:url(/_assets/images/rss-feed-new.jpg)}
#rss_footer:hover{background-position:0 -28px}

#newsletter_footer{background-image:url(/_assets/images/newsletter-new.jpg)}
#newsletter_footer:hover{background-position:0 -28px}

a{color:#F58025; text-decoration:none}

#container #syndication #subnav-footer{font-size:9pt; width:50%; float:left}
#container #syndication #subnav-footer a.suggest{padding:0 3px; background-image:url(/_assets/images/add-content.jpg); background-repeat:no-repeat; width:174px; height:33px; display:block}
#container #syndication #subnav-footer a.suggest span{display:none}
#container #syndication #subnav-footer a:hover{color:rgb(72,84,90)}

#container #selector a.suggest{
	background-image:url(/_assets/images/add-content-new.jpg);
	background-repeat:no-repeat;
	background-position: top left;
	width:174px;
	height:28px;
	display:block;
	text-indent: -9999px;
}
#container #selector a.suggest:hover{
	background-position: bottom left;
}

#selector
{
	width: 530px;
}

#container #selector a#footer-suggest
{
	width: 125px;
	float: left;
	margin-right: 10px;
}

#shuffle
{
	background-image: url(/_assets/images/randomise.jpg);
}

#searchform .s-text
{
	background-image: url(/_assets/images/search-new.jpg);
}



blockquote{color:#25303a !important; border:1px solid #F58025; border-bottom:0; border-right:0; border-top:0; padding-left:12px; margin-left:0}

.post_atom:not(.text_based):hover{-webkit-transform:scaleX(-1); -webkit-transition:-webkit-transform 0s}

.post_atom:not(.text_based):hover h3{-webkit-transform:scaleX(-1); -webkit-transition:-webkit-transform 0s linear}

.post_atom.text_based:hover{-webkit-transform:scaleY(-1); -webkit-transition:-webkit-transform 0s}

.post_atom.text_based:hover h3{-webkit-transform:scaleY(-1); -webkit-transition:-webkit-transform 0s linear 0s}

#ajax_content_area{width:750px; height:430px; position:absolute; z-index:1; font-family: arial, sans-serif; font-size:12px}

#ajax_content_area h3, #ajax_content_area h3 span{line-height:0.9em; color:#F58025; font-size:19px; font-weight:normal; padding-top:0; margin-top:0; margin-bottom:15px; text-transform:uppercase; font-weight:bold}

#ajax_content_area .article{color:#343434; width:520px; margin-right:10px; padding:20px; float:left; background-color:#f2f3f5; height:400px; overflow-y:scroll}

#ajax_content_area .soo_article{width:710px; position:relative; color:#343434; margin-right:10px; padding:30px 20px 20px 20px; float:left; background-color:#f2f3f5; height:390px; overflow-y:scroll}

#ajax_content_area .aside{border-top:1px solid #5b6975; border-bottom:1px solid #5b6975; font-size:11px; padding-bottom:5px}

#ajax_content_area .aside p{margin:0; padding:5px 0px 0px 0px}

#ajax_content_area .aside p a.sharing{width:16px; height:16px; display:inline-block; margin-top:-2px; margin-left:3px; overflow:hidden}

#ajax_content_area .aside p#social-bookmarking{float:right}

#ajax_content_area .soo_art_content{width:479px}

#TB_ajaxContent .ltbox-page{color:#12161b; padding:10px 20px; width:650px}

#TB_ajaxContent .ltbox-page p{line-height:1.5em; margin:5px 0 10px 0}
#TB_ajaxContent .ltbox-page a{color:#e56910}

#TB_ajaxContent .ltbox-page h3.page_header{font-size:18px; font-weight:bold; color:#F58025; padding-bottom:10px; border-bottom:1px solid #959799}

#ajax_content_area #soo_sidebar{position:absolute; right:20px; margin:0; width:200px; padding:0; background-image:url(/_assets/images/side-bar-top.jpg); background-position:top left; padding:0}

#ajax_content_area #soo_sidebar  h4{color:#fff; font-size:16px; font-weight:bold; margin:15px 15px 0px 15px; padding:7px 5px 7px 5px; border-bottom:1px solid #696969}

#ajax_content_area #soo_sidebar  h2.related_post_title{display:none}
#ajax_content_area #soo_sidebar ul{margin:0; padding:0; list-style-type:none; background-image:url(/_assets/images/side-bar-bottom.jpg); background-repeat:no-repeat; min-height:260px; background-position:bottom left; padding-bottom:20px}

#ajax_content_area #soo_sidebar ul li{padding:1px 0px 0px 0px}

#ajax_content_area #soo_sidebar ul li:last-child{border-bottom:0}

#ajax_content_area #soo_sidebar a{font-size:12px; font-weight:normal; color:#fff; display:block; margin:0px 15px 0px 15px; padding:7px 5px 7px 5px; border-bottom:1px solid #696969}

#ajax_content_area #soo_sidebar a:hover{background-color:#F58025}
#ajax_content_area #soo_sidebar a.sonext:hover{background-color:rgb(177,208,0);}
#ajax_content_area #soo_sidebar a.solive:hover{background-color:rgb(188,0,95);}
#ajax_content_area #soo_sidebar a.sonetworks:hover{background-color:rgb(0, 171, 224);}
/*#ajax_content_area #soo_sidebar a.scienceoxford:hover{background-color:rgb();}
#ajax_content_area #soo_sidebar a.external:hover{background-color:#F58025}*/

#soo_article_close_button{display:block; float:right; position:absolute; top:10px; right:18px; height:20px; padding-right:20px; background:transparent url(/_assets/images/close.gif) no-repeat top right}
#soo_article_close_button span{visibility:hidden}

#soo_article_close_button:hover span{visibility:visible}

#ajax_content_area p{line-height:1.5em; margin:7px 0}

#ajax_content_area #sidebar{float:left; margin:0; width:180px; height:440px; padding:0; background-image:url(/_assets/images/sidebar.gif)}

#article_close_button{display:block; float:right; height:20px; padding-right:20px; background:transparent url(/_assets/images/close.gif) no-repeat top right; margin-top:5px; margin-right:5px}

#article_close_button span{visibility:hidden}

#article_close_button:hover span{visibility:visible}

#clock_rollover{position:absolute; height:102px; width:349px; background-image:url(/_assets/images/clock-explanation.png); right:110px; top:-5px}

.msk{width:5000px; height:440px; z-index:999; position:absolute; background-image:url(/_assets/images/return.jpg); background-repeat:no-repeat; background-position:bottom center}

.msk:hover{background-image:url(/_assets/images/return-over.jpg)}

#mask_left{background-position:4810px 150px}

#mask_right{background-position:10px 150px}

.sharing img{border:none}

.sharing{margin-top:5px}

#filter{display:block; width:125px; height:28px; background-image:url(/_assets/images/filter-content-new.jpg); float:left; margin-right:10px; position:relative; background-repeat:no-repeat; z-index:999}

#filter h4{position:absolute; left:-9999px}

#filter:hover{background-position:0px -28px; height:2000px}

#filter ul{display:none}

#filter:hover ul{display:block}

#filter_list{position:absolute; left:0px; top:28px; list-style-type:none; width:123px; z-index:1000; margin:1px 0 0 0; padding:0; background-image:url(/_assets/images/gradientBG.gif); background-repeat:repeat-x; background-position:top left; border:1px solid #263031; border-top:none; padding:4px 0px; -webkit-transition:-webkit-transform .15s linear; -webkit-box-shadow:0 6px 6px rgba(0,0,0,.5); -moz-box-shadow:0 6px 6px rgba(0,0,0,.5)}
#filter_list li{color:#fff; display:block; padding:10px; margin:0px 4px; padding:4px 7px 4px 7px; font-size:12px; border-bottom:1px solid rgb(105,105,105)}
#filter_list li.show-all{border:none}

#filter_list li:hover{background-color:#f58025}

#filter_list li a{display:block}
#filter_list li:hover a{color:#fff}

#ajax_content_area .soo_article p.cite{ color:#25303a;  font-size:12px;  font-weight:bold;  margin-top:0px;  padding-top:13px;  line-height:1.5em}

#TB_window li{margin-left:20px}

#TB_closeAjaxWindow{cursor:pointer}