/*   
Theme Name:Student Life Newspaper
Theme URI:http://www.studlife.com/theme
Description:The default theme for Student Life Newspaper, the independent student newspaper of Washington University in St. Louis
Author:Student Life Web Team 2009-2010 (Sam Guzik, Scott Bressler, David Seigle, Dennis Sweeney)
Author URI:http://www.studlife.com
Version:0.8
.
This theme was designed for use in newsroom settings and looks to make WordPress a viable CMS for the unique needs of a newspaper. It is in active development by Student Life's web staff. This theme is © Copyright Student Life Newspaper and free to be used and modified under the GPL license provided that this text remains intact.
.
 
*/
/*RESET STYLES
-------------------------------------------------------- */
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent}
body{line-height:1}
ol, ul{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after, 
q:before, q:after{content:''; content:none}

/* remember to define focus styles! */
:focus{outline:0}

/* remember to highlight inserts somehow! */
ins{text-decoration:none}
del{text-decoration:line-through}

/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse; border-spacing:0}
/*---------- END RESET ----------*/
/*=======================================================+
||              MAIN STRUCTURE STYLES 
+=======================================================*/
/* -----------------------------------------------------+
|      960 Grid System |  Text CSS 
+------------------------------------------------------ */
/* Basic HTML
----------------------------------------------- */
body{font:13px/1.5 Georgia,Palatino,"Times New Roman",times,"Palatino Linotype",serif; color:#333}

a:focus{outline:1px dotted invert}

hr{border-color:#ccc; border-style:solid; border-width:1px 0 0; clear:both; height:0}

/* Headings
----------------------------------------------- */
h1{font-size:26px}
h2{font-size:20px}
h3{font-size:18px}
h4{font-size:16px}
h5{font-size:14px}
h6{font-size:12px}

/* Spacing
----------------------------------------------- */
ol{list-style:decimal}

ul{list-style:square}

li{margin-left:30px}

p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset{margin-bottom:20px}

/* Special Classes
----------------------------------------------- */
h1.headline{margin-top:10px; font-stretch:extra-condensed}
h3.subheadline{color:#333; font-stretch:extra-condensed}
h3.front-headline{font-stretch:ultra-condensed; font-size:16px}
.rail-headline a{font-stretch:ultra-condensed; font-size:14px; line-height:14px; margin-top:20px; margin-bottom:5px}
h4.sidebar-title{margin-bottom:0px; margin-top:0px; text-align:left; font-size:18px; line-height:29px; text-transform:lowercase}
.callout{text-transform:uppercase; font-weight:700; font-family:arial,sans-serif; font-size:12px; border-bottom:1px solid #666; color:#000}
.mez-header{text-transform:uppercase; font-weight:bold; margin-bottom:5px;}
div.description p{margin-top:0px; margin-bottom:10px}
p.ad-disclaimer{color:#777; text-transform:uppercase; font-family:arial,sans-serif; margin:0px 0px 0px 0px; font-size:10px; font-weight:200; text-align:center}
p.byline{margin:0px 0px 0px 0px}
p.secondByline, span.secondByline{color:#666; text-transform:uppercase; font-family:arial,sans-serif; font-size:12px; font-weight:200}
div.dateline{color:#666; font-family:arial,sans-serif; font-size:12px; font-weight:200; margin-bottom:10px}
div.dateline p{margin:0}
div.dateline p.update-time{margin-top:-3px}
ul#twitter_update_list li{border-bottom:1px dotted #410; color:#333; list-style-type:none; padding:0px 0px 0px 0px; font-size:12px}
ul#twitter_update_list{padding:0px; margin-left:-18px; margin-bottom:5px; color:#333; background-color:#fff; padding:0px; font-family:Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif}
a#twitter-link{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px}
.utility-bar{text-align:right; margin-bottom:-15px; padding-right:5px; padding-top:5px; font-size:14px; font-family:Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif; height:30px}
.utility-bar li a{color:#333; text-decoration:none; height:25px; padding:2px 0px 0px 5px; margin-bottom:50px}
.utility-bar li a:hover{color:#900}
.utility-bar li{display:inline; height:25px}
a.recent-posts{display:block; padding:2px 5px; border-bottom:1px solid #ccc; font-family:Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif}
.postmetadata, .postmetadata a{font-size:12px; font-family:Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif; margin-top:0em; margin-bottom:2em}
.sidebar-item{margin-top:20px}
.even{background-color:#E9E9E9; border:1px solid #BBB}
.comments li{list-style:none}
.comment-meta{text-align:left; font-style:italic; font-family:Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif}
.comment-text{margin-left:50px}
.breaking{border:3px solid #900; margin:10px 0px 0px; padding:5px}
.breaking-breaking{background:#CCC}
.breaking-happening{background:#CCC}
.breaking-developing{background:#CCC}
.center{text-align:center}

/* -----------------------------------------------------+
Grey Box Method | Layout CSS
------------------------------------------------------- */
body{background:#eee; border-top:5px solid #000; /* color:#333; *//* font-size:11px; */padding:0 0 40px}

/* anchors
----------------------------------------------- */
a{color:#711; font-weight:bold; text-decoration:none}
a:hover{color:#f00}

/* 960 grid system container background
----------------------------------------------- */
.container_12, 
.container_16{background:#fff}

/* headings
----------------------------------------------- */
h1, h2, h3, h4, h5, h6{line-height:1.2em; margin-bottom:.3em}
h2{margin-top:1em}
h5{font-size:1.2em}
h6{font-size:1em; text-transform:uppercase}

h1 a{font-weight:normal}

/* branding
----------------------------------------------- */
div#masthead{background:transparent; padding: 5px 0;}
div#banner_ad{margin-top: 15px;}

/* page heading
----------------------------------------------- */
h2#page-heading{font-weight:normal; padding:.5em; margin:0 0 10px 0; border-bottom:1px solid #ccc}

/* boxes
----------------------------------------------- */
.box{background:#ddd; margin-bottom:20px; padding:10px 10px 1px 10px}
.box h2{font-size:1em; font-weight:normal; text-transform:uppercase; color:#fff; background:#c00; margin:-10px -10px 0 -10px; padding:6px 12px}
.box h2 a, 
.box h2 a.visible{color:#fff; background:#333 url("img/switch_minus.gif") 97% 50% no-repeat; display:block; padding:6px 12px; margin:-6px -12px; border:none}
.block{padding-top:0px}
div.menu{padding:0}
div.menu h2{margin:0}
div.menu .block{padding-top:0}
div.related-posts{clear:both}
div.centerad{margin-left:30px}

/* paragraphs, quotes and lists
----------------------------------------------- */
p{margin-bottom:1em}
blockquote{font-family:Georgia,'Times New Roman',serif; font-size:1.2em; padding-left:1em; border-left:4px solid #ccc}
blockquote cite{font-size:.9em}
ul, ol{padding-top:0}

/* images
----------------------------------------------- */
p img{padding:0; max-width:100%}

/*Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered', 
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */
img.centered{display:block; margin-left:auto; margin-right:auto}
img.alignright{padding:4px; margin:0 7px 2px 7px; display:inline}
img.alignleft{padding:4px; margin:0 7px 2px 7px; display:inline}
.alignright{float:right; margin-left:10px}
.alignleft, .avatar{float:left; margin-right:10px}

/* Captions */
.ad_alignright{float:right; margin-right:15px}
.ad_alignleft{float:left; margin-left:15px}
.aligncenter, div.aligncenter{display:block; margin-left:auto; margin-right:auto}
.wp-caption{text-align:left; padding-top:4px; margin:10px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px}
.wp-caption img{margin:0; padding:0; border:0 none}
.wp-caption p.wp-caption-text{font-size:11px; line-height:17px; padding:0 4px 5px; margin:0; font-style:italic}

/* menus
----------------------------------------------- */
ul.menu{list-style:none; border-top:1px solid #bbb}
ul.menu li{margin:0}
ul.menu li a{display:block; padding:4px 10px; border-bottom:1px solid #ccc; font-family:Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif}
ul.menu li a:hover{background:#eee}
ul.menu li a:active{background:#ccc}

/* submenus
----------------------------------------------- */
ul.menu ul{list-style:none; margin:0}
ul.menu ul li a{padding-left:30px}

/* section menus
----------------------------------------------- */
ul.section{border-top:0; margin-bottom:0}
ul.section li{text-transform:uppercase}
ul.section li a{background:#bbb}
ul.section li a:hover{background:#aaa}
ul.section li a:active{color:#fff; background:#666}
ul.section li li a{background:#ddd; border-bottom:1px solid #eee}
ul.section li li a:hover{background:#ccc}
ul.section li li a:active{color:#000; background:#fff}
ul.section ul li{text-transform:none}
ul.section ul.current li a{background:#eee; border-bottom:1px solid #fff}
ul.section ul.current li a:hover{background:#ddd}
ul.section ul.current li a:active{background:#fff}
ul.section li a.current{color:#fff; background:#666}
ul.section li a.current:hover{background:#555}
ul.section li a.current:active{background:#444}
ul.section li a.active{background:#fff; cursor:default}
ul.section li.current >a.active, 
ul.section li.current >a.active:hover{color:#fff; background:#666; cursor:default}

/* table
----------------------------------------------- */
table{width:100%; border:1px solid #bbb; margin-bottom:10px}
col.colC{width:8em}
th, td{padding:.2em 1em; text-align:left}
thead th{border-bottom:2px solid #888; background:#bbb; padding:.4em 1em .2em}
thead th.table-head{font-size:1em; font-weight:normal; text-transform:uppercase; color:#fff; background:#555; border:1px solid #555}
tbody th, tbody td{border-top:1px solid #bbb; border-bottom:1px solid #bbb; background:#eee}
tbody tr.odd th, tbody tr.odd td{background:#fff}
tfoot th, tfoot td{border-top:2px solid #666; background:#eee}
tfoot tr.total th, tfoot tr.total td{border-top:6px double #666}
tfoot tr.total th{text-transform:uppercase}
th.currency, td.currency{text-align:right}

/* forms
----------------------------------------------- */
form{overflow:hidden}
fieldset{border:1px solid #bbb; padding:10px; position:relative; background:#e9e9e9; margin-bottom:10px}
legend{font-size:1.1em; padding:.4em .8em; background:#fff; border:1px solid #bbb}
fieldset.login p{margin-bottom:1em; margin-top:0pt}
fieldset p label{width:98%}
fieldset p input{width:98%; font-family:Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif; height:20px}
fieldset p select{width:99%}
fieldset.login p label{float:left; line-height:2em; margin-right:3%; text-align:right; width:32%}
fieldset.login p input{width:60%; font-family:Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif; height:20px}
fieldset.login input.button{margin-left:35%}
form p.notice{font-weight:bold}
input.search.text{width:66%}
input.search.button{width:28%; margin-left:2%}
.textarea{width:60%; height:120px; font-size:12px; font-family:Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif; padding:5px 5px 5px 5px}
input:focus, textarea:focus, select:focus{/*outline:5px solid #333; */background-color:lightyellow}

/* site information
----------------------------------------------- */
#site_info .box{color:#ccc; background:#666; margin-bottom:10px}
#site_info a{color:#fff}
#site_info a:hover{color:#000}

/* AJAX sliding shelf
----------------------------------------------- */
#loading{float:right; margin-right:14px; margin-top:-2px}
.block{padding-bottom:1px}

/* Accordian
----------------------------------------------- */
.toggler{color:#222; margin-left:-8px; width:285px; padding:2px 5px; background:#eee; border-bottom:1px solid #ddd; border-right:1px solid #ddd; border-top:1px solid #f5f5f5; border-left:1px solid #f5f5f5; font-size:1.1em; font-weight:normal; cursor:pointer}
.element h4{margin:0; padding:4px; line-height:1.2em}
.element p{margin:0; padding:4px}
.float-right{padding:10px 20px; float:right}

#accordian-block{padding-bottom:10px}

/* Mootools Kwicks
----------------------------------------------- */
#kwick-box{padding:0; overflow:hidden}
#kwick-box h2{margin:0}
#kwick{position:relative}
#kwick .kwicks{display:block; background:#999; height:110px; list-style:none; margin:0; overflow:hidden}
#kwick li{float:left; margin:0; padding:0}

#kwick .kwick{display:block; cursor:pointer; overflow:hidden; height:100px; width:215px; padding:0px 20px 10px 0; background:#fff}
#kwick .kwick span{color:#fff}
#kwick .one{background:#666}
#kwick .two{background:#777}
#kwick .three{background:#888}
#kwick .four{background:#999}

/* -----------------------------------------------------+
Navigation Styles
------------------------------------------------------- */
#featured{width:370px; padding-right:250px; position:relative; border:0px solid #ccc; height:250px; background:#fff; margin-bottom:10px; margin-top:10px}
#featured ul.ui-tabs-nav{position:absolute; top:0; left:370px; list-style:none; padding:0; margin:0; width:250px}
#featured ul.ui-tabs-nav li{padding:1px 0; padding-left:13px;  font-size:12px; color:#666}
#featured ul.ui-tabs-nav li img{float:left; margin:2px 5px; background:#fff; padding:2px; border:1px solid #eee}
#featured ul.ui-tabs-nav li span{font-size:11px; font-family:Verdana; line-height:18px}
#featured li.ui-tabs-nav-item a{display:block; height:60px; color:#333;  background:#fff; line-height:20px}
#featured li.ui-tabs-nav-item a:hover{background:#f2f2f2}
#featured li.ui-tabs-selected{background:url('img/selected-item.gif') top left no-repeat}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{background:#ccc}
#featured .ui-tabs-panel{width:400px; height:250px; background:#999; position:relative}
#featured .ui-tabs-panel .info{position:absolute; top:180px; left:0; height:70px; background:url('img/transparent-bg.png')}
#featured .info h2{font-size:18px; font-family:Georgia,serif; color:#fff; padding:5px; margin:0; overflow:hidden}
#featured .info p{margin:0 5px; font-family:Verdana; font-size:11px; line-height:15px; color:#f0f0f0}
#featured .info a{text-decoration:none; color:#fff}
#featured .info a:hover{text-decoration:underline}
#featured .ui-tabs-hide{display:none}

/* navigation (horizontal subnavigation)
----------------------------------------------- */
ul.nav, 
ul.nav *{margin:0; padding:0}
ul.nav{ position:relative;  background:#666;  max-width:100%;  height:2em; /*orginally 2.5*/ }
ul.nav li{cursor:pointer; float:left; text-align:center; list-style-type:none; font-weight:normal}
ul.nav li ul{cursor:default; width:100%; max-width:100%; position:absolute; height:auto; top:2em; background-position:0 0 !important; left:-9000px}
ul.nav li ul li{padding:0; border:none; width:auto; max-width:none}
ul.nav li a{color:#fff; background:#666; font-weight:bold; text-decoration:none; display:block; float:left; padding:0 0.9em; height:2.4em; line-height:2.5em}
ul.nav li ul li a{position:relative !important; /* ie Mac */cursor:pointer !important; white-space:nowrap; line-height:2em; height:2em; font-weight:normal; color:#666; background-position:0 50% !important}

ul.nav li:hover a, 
ul.nav li a:hover, 
ul.nav li a:focus{color:#000; background:#ccc}
ul.nav li a:active{color:#666; background:#fff}
ul.nav li:hover ul{left:0; z-index:10}
ul.nav li ul, 
ul.nav li{background:#ccc !important}
ul.nav li:hover ul li a{color:#444}
ul.nav li:hover ul li a:hover{color:#000; background:#fff}
ul.nav li:hover ul li a:active{color:#666; background:#fff}

ul.nav li.current a{color:#666; background:#fff; cursor:default; font-weight:bold}
ul.nav li.current ul{left:0; z-index:5}
ul.nav li.current ul, 
ul.nav li.current{background:#ccc !important}
ul.nav li.current ul li a{color:#444; background:#ccc; font-weight:normal}
ul.nav li.current ul li a:hover{color:#000; background:#fff}
ul.nav li ul li.current a, 
ul.nav li ul li.current a:hover, 
ul.nav li.current:hover ul li a:active{color:#666; background:#fff}

/* navigation (vertical subnavigation)
----------------------------------------------- */
ul.nav{ background:#C00;  font-size:14px;  font-weight:normal}
ul.main li{ position:relative;  top:0;  left:0}
ul.main li ul{ border-top:0}
ul.main li ul li{ float:left}
ul.main li a{height:2em; line-height:2em; border:0; color:#fff; background:#C00}
ul.main li ul li a{ width:12em;  line-height:2em;  height:2em;  text-align:left;  color:#fff;  border-top:1px solid #444;  background:#444}
ul.main li a:focus{color:#fff; background:#666}
ul.main li ul li a:hover{ color:#fff;  background:#555}
ul.main li:hover a{ color:#fff;  background:#555}
ul.main li:hover ul li a{color:#fff}
ul.main li:hover ul li a:hover{color:#fff; background:#444}
ul.main li:hover a:active{background:#444}
ul.main li:hover ul li a:active{color:#fff; background:#222}

/* secondary list
----------------------------------------------- */
ul.nav li.secondary{float:right; color:#cde; background:transparent !important}
ul.nav li.secondary span.status{float:left; padding:0 1em; line-height:2.77em; height:2.77em;  font-size:0.9em}
ul.nav li.secondary span.status a{float:none; display:inline; padding:0; height:auto; line-height:auto; color:#cde; background:transparent}
ul.nav li.secondary span.status a:hover{color:#fff; background:transparent}
ul.nav li.secondary span.status span{text-transform:capitalize}
ul.nav li.secondary:hover a{color:#fff; background:#666}
ul.nav li.secondary:hover a:hover{background:#555}
ul.nav li.secondary:hover a:active{background:#444}

/* -----------------------------------------------------+
| 960 Grid System ~ Core CSS. Learn more ~ http://960.gs/ Licensed under GPL and MIT.
------------------------------------------------------- */
/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12{margin-left:auto; margin-right:auto; width:960px; background-color:#fff}

/* Grid >>Global
----------------------------------------------------------------------------------------------------*/
.grid_1, 
.grid_2, 
.grid_3, 
.grid_4, 
.grid_5, 
.grid_6, 
.grid_7, 
.grid_8, 
.grid_9, 
.grid_10, 
.grid_11, 
.grid_12{display:inline; float:left; margin-left:10px; margin-right:10px; background-color:#fff}

/* Grid >>Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha{margin-left:0}

.omega{margin-right:0}

/* Grid >>12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .grid_1{width:60px}
.container_12 .grid_2{width:140px}
.container_12 .grid_3{width:220px}
.container_12 .grid_4{width:300px}
.container_12 .grid_5{width:380px}
.container_12 .grid_6{width:460px}
.container_12 .grid_7{width:540px}
.container_12 .grid_8{width:620px; margin:0; padding:0 10px}
.container_12 .grid_9{width:700px}
.container_12 .grid_10{width:780px}
.container_12 .grid_11{width:860px}
.container_12 .grid_12{width:940px}

/* Prefix Extra Space >>12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .prefix_1{padding-left:80px}
.container_12 .prefix_2{padding-left:160px}
.container_12 .prefix_3{padding-left:240px}
.container_12 .prefix_4{padding-left:320px}
.container_12 .prefix_5{padding-left:400px}
.container_12 .prefix_6{padding-left:480px}
.container_12 .prefix_7{padding-left:560px}
.container_12 .prefix_8{padding-left:640px}
.container_12 .prefix_9{padding-left:720px}
.container_12 .prefix_10{padding-left:800px}
.container_12 .prefix_11{padding-left:880px}

/* Suffix Extra Space >>12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .suffix_1{padding-right:80px}
.container_12 .suffix_2{padding-right:160px}
.container_12 .suffix_3{padding-right:240px}
.container_12 .suffix_4{padding-right:320px}
.container_12 .suffix_5{padding-right:400px}
.container_12 .suffix_6{padding-right:480px}
.container_12 .suffix_7{padding-right:560px}
.container_12 .suffix_8{padding-right:640px}
.container_12 .suffix_9{padding-right:720px}
.container_12 .suffix_10{padding-right:800px}
.container_12 .suffix_11{padding-right:880px}

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after{clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0}

.clearfix{display:inline-block}

* html .clearfix{height:1%}

.clearfix{display:block}

/* Floated elements */
.left{float:left}

.right{float:right}

.larger-120{font-size:120%}

small{font-size:85%}

.amazon-audio-embed{text-align:right; font:100%/120% Tahoma,Arial,sans-serif; padding:0 0 3px 5px; border-left:1px solid #BBC6D3; border-bottom:1px solid #BBC6D3}

ul.breadcrumbs{list-style:none; padding:0; margin:0; font-size:12px}
ul.breadcrumbs li{float:left; margin:0 5px 0 0; padding:0}

.video-embed{text-align:center; margin-bottom:10px}
.forum-box {
	border: 5px #CC0000 solid;
	background-color: #fffbd6;
	padding: 15px;
}
#forum-box-top {
	float: right;
	width: 185px;
	margin: 0 0 20px 20px;
}
#forum-box-bottom {
	width: 580px;
	margin: 15px 0;
}
#forum-box-header {
	font-size: 24px;
	line-height: 1;
	margin: 0 0 13px 0;
}
#forum-box-text {
	margin-bottom: 5px;
}
#text-stories {
	margin: 10px;
}
#text-stories h3.rail-headline {
	margin-bottom: 0.6em;
}
div.inline-poll {
	width: 250px;
}
.rating {
	width: 110px;
	background: url("/img/starempty.gif") 0 0 repeat-x;
	margin: 0 0 15px;
}
.rating div {
	height: 20px;
	background: url("/img/starfilled.gif") 0 0 repeat-x;
}
.wp-polls ul li { margin-left: 10px; }
#recent-media-sidebar { margin-left: 15px; }
#latest-pdf { text-align: center; padding: 5px 0; }
#latest-pdf div { width: 200px; padding: 5px; background: white; margin: 0 auto; }
#pagenav {
	margin: 0 10px;
	padding: 2px 5px;
	border: 1px solid #666;
}