/*	STUDENT VOICE
	Styles for all pages
	Based on a grid of eight 120px columns
	Last updated 20 OCT 2009
*/

body {
	background: #eee;
	color: #333;
	font-family: Georgia, serif;
	font-size: 62.5%;
	font-weight: normal;
	line-height: 1.2em;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	vertical-align: baseline;
	}
#wrap { margin: 0 auto; padding: 0; width: 1000px; }
#wrapInner { background: #fff; float: left; padding: 20px;  }

/* GRID STYLES */
.grid120, .grid160, .grid180, .grid240, .grid360, .grid420, .grid600, .grid960 {
	border: 0; float: left; margin: 0; padding: 0; text-align: left;
	}
.grid120 { width: 120px; }
.grid160 { width: 160px; }
.grid180 { width: 180px; }
.grid240 { width: 240px; }
.grid360 { width: 360px; }
.grid420 { width: 420px; }
.grid600 { width: 600px; }
.grid960 { width: 960px; }

/* PADDING BOXES */
.pad10, .padthai { float: left; margin: 0; padding: 10px; text-align: left; }
.padthai { padding-left: 0; }

/* LINKS AND STUFF */
a:link, a:visited { background-color: transparent; color: #369; text-decoration: none; }
a:hover, a:active { background-color: transparent; color: #333; text-decoration: underline; }
a.rss { padding-left: 15px; background: url(../images/rss.gif) no-repeat 0 50%; }
b, strong { font-weight: bold; }
blockquote {
	background-color: transparent;
	color: #666;
	line-height: 1.2em;
	margin: 0;
	padding: 0 20px;
	}
code { font-family: Courier, monospace; }
pre { font-family: Courier, monospace; }
ul { margin: 0 0 0 15px; padding: 0 0 6px 0; }
li { font-size: 1.3em; line-height: 1.3em; list-style-type: square; padding: 0 0 2px 0; }

/* HEADLINES */
h1, h2, h3, h4, h5, h6 {
	color: #333;
	font-family: Georgia, serif;
	line-height: 1.1em;
	margin: 0;
	padding: 0;
	}
h1 { font-size: 3.6em; font-weight: normal; padding: 0 0 8px 0; }
h2 { font-size: 1.8em; font-weight: normal; padding: 0 0 8px 0; }
h3 { font-size: 1.4em; padding: 0 0 8px 0; }
h4 {
	font-size: 1.2em;
	padding: 0 0 .2em 0;
	}
h4.subhead {
	color: #444;
	font-family: Georgia, serif; 
	font-size: 1.4em;
	font-weight: bold;
	margin: 6px 0;
   	padding: 0;
    }
h5 {
	font-size: 1.1em;
	padding: 0 0 .1em 0;
	}
.head600 { margin: 0 10px 0 0; width: 590px; }
	
/* PARAGRAPHS */
p { font-size: 1em; line-height: 1.3em; margin: 0; padding: 0 0 1em 0; }
.grid360 p, .grid600 p { font-size: 1.4em; line-height: 1.2em; }
.grid180 p, .grid240 p { font-size: 1.3em; line-height: 1.1em; }
p.byline {
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.2em;
	padding: 0;
	text-transform: uppercase;
	}
p.caption { padding: 4px 0 0 0; }
p.detail { padding: 0 0 6px 0; }
p.jump { font-size: 1.1em; font-weight: bold; margin: 0; padding: 0; }
p.paginate { padding: 10px 0 0 0; }
p.published, p.date { font-size: 1.1em; }
p.section { font-weight: bold; padding: 0 0 10px 0; text-transform: uppercase; }
p.tiny { font-size: .9em; padding: 0; }
p.tweet { font-size: 1em; overflow: hidden; }

/* ADVERTISING */
#leaderboard { float: left; margin: 0 auto; padding: 0; text-align: center; width: 960px; }
#leaderboard embed, #leaderboard form, #leaderboard img, #leaderboard object {
	background: #eee; 
	border: 0;
	margin: 0;
	padding: 0;
	}
.ad160 { float: left; font-size: 1.2em; line-height: 1.1em; text-align: center; width: 160px; }
.ad160 embed, .ad160 form, .ad160 img, .ad160 object {
	border: 0;
	margin: 0 auto;
	padding: 0;
	}
.ad160 img { width: 160px; }
.ad300, .skywrap {
	border-bottom: 1px solid #ccc;
	float: left;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	text-align: center;
	width: 340px;
	}
.skywrap { background: #fff url(../images/grid340.gif) top center repeat-y; }
.ad300 embed, .ad300 form, .ad300 img, .ad300 object {
	background: #eee; 
	border: 0;
	margin: 0 auto;
	padding: 0;
	}
.ad300 img { width: 300px; }

/* BOXES */
.box240 { border-bottom: 1px solid #ccc; margin: 0 0 10px 0; padding: 0 0 10px 0; width: 230px; }

/* TOP OF PAGE */
#topbar {
	float: left;
	margin: 20px 0 0 0;
	padding: 0 0 10px 0;
	text-align: left;
	width: 960px;
	}
#flag { float: left; margin: 0; padding: 0; width: 360px; }
#flag img { border: 0; margin: 0; padding: 0; }
#search {
	float: left;
	margin: 0;
	padding: 0;
	text-align: right;
	width: 600px;
	}
#search form { float: right; margin: 10px 0 0 0; padding: 0; }
#search input { vertical-align: middle; }
#search input.keywords {
	border: 1px solid #ccc;
	height: 1.7em;
	margin: 0 10px 0 0;
	padding: 0;
	width: 180px;
	}
#search.submit { margin: 0; padding: 0; }

/* TOP NAVIGATION */
#navbar { background: transparent; margin: 0 auto; padding: 0; width: 960px; }
#navbar ul {
	border-top: 1px solid #ccc;
	border-bottom: 8px solid #c00;
	float: left;
	height: 2.9em;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 960px;
	}
#navbar li {
	font-size: 1em;
	font-weight: normal;
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
#navbar a {
	color: #333;
	display: block;
	float: left;
	font-weight: bold;
	line-height: 1.2em;
	margin: 0;
	padding: .9em 10px .8em 10px;
	text-decoration: none;
	text-transform: uppercase;
	}
#news li.news a,
#contact li.contact a,
#etc li.etc a,
#sports li.sports a,
#views li.views a,
#archive li.archive a,
#fashion li.fashion a,
#love li.love a {
	background: #c00; color: #fff; text-decoration: none; }
#navbar a:hover, #navbar a:active { background: #c00; color: #fff; text-decoration: none; }

/* CONTENT AREA */
#main { float: left; margin: 0; padding: 0; width: 100%; }
#mainInside { clear: both; margin: 0; padding: 0; text-align: left;}
#mid960 {
	clear: both;
	float: left;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 960px;
	}
#mid960 { background: #fff url(../images/grid960.gif) top center repeat-y; }

/* BREADCRUMBS */
#breadcrumbs { border-bottom: 1px dotted #ccc; margin: 10px 10px 10px 0; padding: 0; width: 590px; }
#breadcrumbs p { font-size: 1.2em; padding: 0 0 10px 0; }

/* TOP STORY */
#topstory {
	border-bottom: 8px solid #c00; 
	float: left;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	width: 410px;
	}
#topstory p { font-size: 1.4em; line-height: 1.2em; margin: 0; padding: 0 0 8px 0; }
#topstory p.byline, #topstory p.date, #topstory p.jump { font-size: 1.1em;  padding: 0; }
#topstory p.date { padding: 0 0 8px 0; }

/* CURRENT STORIES */
.current {
	clear: both;
	float: left;
	margin: 0;
	padding: 0;
	width: 410px;
	}
.current h2 { padding: 0; }
.current h3.standing { padding: 0 0 8px 0; }
.current p { font-size: 1.2em; line-height: 1.2em; }
.current p.byline, .current p.date, .current p.pubDate, .current p.category {
	color: #666;
	font-weight: normal;
	margin: 0;
	padding: 0;
	}
.current p.byline { text-transform: uppercase; }
.current p.category { padding: 1px 0; text-transform: uppercase; }

/* RELATED CONTENT */
#related {
	border-top: 1px solid #ccc;
	color: #666;
	float: left;
	margin: 0;
	padding: 10px 0 0 0;
	width: 160px;
	}
#related h4, #related h5 {
	font-family: Georgia, sans-serif;
	font-weight: bold;
	line-height: 1.2em;
	margin: 0;
	padding: 2px 0;
	}
#related p { font-size: 1.2em; }
#columnist, #more, #tools, #staff, .sidebar {
	border-bottom: 1px solid #ccc;
	clear: both;
	float: left;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	text-align: left;
	width: 160px;
	}
#more p { padding: 0 0 .4em 0; }
#more h4 { margin: 0; padding: 0 0 2px 0; text-transform: none; }
p.printer { line-height: 1em; margin: 0; padding: 0 0 .5em 0; }
p.social { line-height: 1em; margin: 0; padding: 0; }
#columnist img, #staff img { border: 1px solid #333; height: 158px; margin: 0; width: 158px; }
#columnist h3 { margin: 0; padding: 0; }
#staff h3 { padding: 4px 0 0 0; }
#columnist p.job { font-size: 1.1em; padding: 2px 0; text-transform: uppercase; }
#columnist p.bio, #staff p.bio, #staff p.email { font-size: 1.2em; padding: 0; text-transform: none; }
.sidebar p:last-child { padding: 0; }

/* PHOTO STYLES */
.photo600, .photo340, .photo160 { margin: 0 0 10px 0; padding: 0; }
.photo410 { margin: 10px 0 0 0; padding: 0; }
.photo600 img, .photo410 img, .photo340 img, .photo160 img, .photo80 img {
	border: 1px solid #333;
	height: auto;
	padding: 0;
	}
.photo600 p, .photo410 p, .photo340 p, .photo160 p {
	color: #666;
	font-family: Georgia, sans-serif;
	font-size: 1.1em !important;
	line-height: 1.2em;
	padding: 4px 0 0 0;
	}
.photo600 { width: 590px; }
.photo600 img { width: 588px; }
.photo410 img { width: 408px; }
.photo340 img { width: 338px; }
.photo160 {
	border-bottom: 1px solid #ccc;
	padding: 0 0 10px 0;
	width: 160px;
	}
.photo160 img { width: 158px; }
.photo80 img { float: right; margin: 0 0 5px 5px; width: 78px; }

/* FEEDS */
#feeds p { font-size: 1.2em; line-height: 1.1em; padding: 0 0 4px 0; }
#feeds a { color: #c66; font-weight: bold; }

/* CARTOONS */
#cartoon {
	border-bottom: 8px solid #c00; 
	float: left;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	width: 410px;
	}
#cartoon img { border: 1px solid #333; height: auto; padding: 0; width: 408px; }
#cartoon p {
	color: #666;
	font-family: Georgia, sans-serif;
	font-size: 1.1em !important;
	line-height: 1.2em;
	padding: 4px 0 0 0;
	}
#cartoon p.section { color: #333; font-weight: bold; padding: 0 0 10px 0; text-transform: uppercase; }

/* COMMENTS */
#cmtwrap { float: left; padding: 0 0 10px 0; width: 600px; }
#cmt {
	border-top: 8px solid #ccc;
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	width: 590px;
	}
#cmt p, #post p { font-size: 1.2em; line-height: 1.2em; margin: 0; padding: 0; }
#cmt p { padding-bottom: 2px; width: 410px; }
#cmt p.who {
	font-weight: bold;
	margin: 0;
	padding: 0 0 2px 0;
	}
#cmt p.when { font-style: italic; text-align: right; }
#post {
	background: #eee;
	float: left;
	margin: 0;
	padding: 0;
	width: 590px;
	}
#post form { float: left; font-size: 1.2em; margin: 0; padding: 0; width: 350px; }
#captcha { float: left; width: 140px; }
#captcha img { margin: 0; padding: 0; }
#post label, #post input.data, #post textarea, #post input.submit { clear: both; float: left; }
#post label { padding: 0 0 4px 0; }
#post input.data {
	border: 1px solid #ccc;
	float: left;
	height: 1.4em;
	margin: 0 0 10px 0;
	width: 180px;
	}
#post textarea { border: 1px solid #ccc; line-height: 1.2em; margin: 0 0 10px 0; width: 320px; }
#captcha { clear: both; float: left; margin: 4px 0; }

/* ARCHIVE */
.archive { padding: 0 0 10px 0; }
.archive h3 { padding: 10px 0; }
.archive p.list { font-size: 1.2em; padding: 0 0 2px 0; }
.archive ol { }
.archive ol li { font-size: 1.3em; list-style-type: decimal; padding: 0 0 2px 0; }
.archive ul li { font-size: 1.3em; list-style-type: square; padding: 0 0 2px 0; }

/* OVERVIEW */
#overview {
	background: url(../images/grid960overview.gif) top center repeat-y;
	border-top: 8px solid #c00;
	float: left;
	margin: 0;
	padding: 0;
	width: 960px;
	}
#mostread, #pdf, .sitelist, #weather, #footlinks { float: left; margin: 0; padding: 0; width: 140px; }
#mostread p, .sitelist p, #weather p {
	font-size: 1.2em;
	line-height: 1.1em;
	padding: 0 0 2px 0;
	}
#recentcomments p {
	border-bottom: 1px dotted #ccc;
	font-size: 1.2em;
	line-height: 1.1em;
	padding: 4px 0;
	}
#recentcomments h3 { padding: 0 0 4px 0; }
#weather p.tiny { font-size: .9em; padding: 0; }
#mostread ol { margin: 0; padding: 0; }
#mostread ol li {
	font-size: 1.2em;
	line-height: 1.2em;
	list-style-type: decimal;
	margin: 0 0 0 24px;
	padding: 0 0 2px 0;
	}
#footlinks h5 { font-size: 1.2em; }
#footlinks p { font-size: 1.1em; line-height: 1.1em; }
#pdf p { font-size: 1.1em; line-height: 1.1em; padding: 2px 0 0 0; }
#pdf img { border: 1px solid #333; height: auto; width: 138px; }

/* FOOTER */
#footer {
	border-top: 8px solid #c00;
	float: left;
	margin: 0;
	padding: 10px 0 0 0;
	 text-align: left;
	 width: 960px;
	}
#footer p { font-size: 1.3em; line-height: 1.2em; margin: 0; padding: 0 0 6px 0; }