/*	STUDENT VOICE
	Styles for home page
	Based on a grid of eight 120px columns
	Last updated 01 SEP 2010
*/

/* 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; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/* BASE LAYOUT */
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 { 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; }
h3 { font-size: 1.4em; padding: 0 0 8px 0; }
h3.archive { color: #c00; }
h3.standing { font-weight: bold; padding: 0 0 10px 0; }
h4 {
	font-size: 1.2em;
	padding: 0 0 .2em 0;
	}
h4.subhead {
	color: #444;
	font-size: 1.4em;
	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; }
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.published, p.date { font-size: 1.1em; }
p.tiny { font-size: .9em; padding: 0; }

/* BOXES */
.box240 { 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; }
#today { float: left; margin: 0; padding: 0; width: 360px; }
#temp { float: left; margin: 0; padding: 0; width: 120px; }
#temp p { font-size: 3em; padding: 10px 0 0 0; text-align: right; }
#day { float: left; margin: 0; padding: 0; width: 240px; }
#day p.date { font-size: 1.3em; padding: 15px 0 0 10px; text-align: left; }
#day p.sky { font-size: 1.3em; padding: 0 0 0 10px; text-align: left; }
#search {
	float: left;
	margin: 0;
	padding: 0;
	text-align: right;
	width: 240px;
	}
#search form { float: right; margin: 19px 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: 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;
	}
#navbar a:hover, #navbar a:active { background: #c00; color: #fff; text-decoration: none; }
#home li.home a { background: #c00; color: #fff; text-decoration: none; }

/* 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; }

/* 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: url(../images/grid960.gif) top center repeat-y; }
#homebottom {
	background: url(../images/grid600homebottom.gif) top center repeat-y;
	float: left;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 600px;
	}

/* BREAKING NEWS */
#breakwrap {
	background-color: #ffc;
	border-bottom: 1px solid #ccc;
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
	width: 600px;
	}
#breaking { padding: 10px  10px 0 10px; }
#breaking h1 { font-size: 2.2em; font-weight: bold; }
#breaking p { font-size: 1.4em; }

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

/* MEDIA */
#media {
	border-top: 8px solid #c00;
	float: left;
	margin: 0;
	padding: 0 0 10px 0;
	width: 350px;
	}
#media p { font-size: 1.3em; line-height: 1.2em; margin: 0; padding: 0; }
#media p.date { font-size: 1.3em; }
#media p.section {  font-size: 1.1em; font-weight: bold; padding: 10px 0; text-transform: uppercase; }

/* FEATURED */
.hot {
	border-bottom: 1px solid #ccc;
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
	}
.hot p { font-size: 1.3em; line-height: 1.2em; margin: 0; padding: 0 0 10px 0; }
.hot p.byline, .hot p.date, .hot p.section { font-size: 1.1em;  font-weight: normal; padding: 0; }
.hot p.byline { padding: 2px 0 0 0; }
.hot p.section { font-weight: bold; padding: 0 0 10px 0; text-transform: uppercase; }

/* PHOTO STYLES */
.photo600, .photo340, .photo240 img, .photo160 { margin: 0 0 10px 0; padding: 0; }
.photo410 { margin: 10px 0 0 0; padding: 0; }
.photo600 img, .photo410 img, .photo340 img, .photo240 img, .photo80 img {
	border: 1px solid #333;
	height: auto;
	padding: 0;
	}
.photo600 p, .photo410 p, .photo340 p, .photo240 p, .photo160 p {
	font-size: 1.1em;
	line-height: 1.2em;
	padding: 4px 0 0 0;
	}
.photo600 { width: 590px; }
.photo600 img { width: 588px; }
.photo410 img { width: 408px; }
.photo340 img { width: 338px; }
.photo240 img { width: 218px; }
.photo80 img { float: right; margin: 0 0 5px 5px; width: 78px; }

/* HOT 	COLUMNS */
#hotcolumns {
	border-top: 8px solid #c00;
	border-bottom: 8px solid #c00;
	float: left; 
	width: 590px;
	margin: 0 10px 0 0;
	}
#hotcolumns .third { float: left; width: 33%; }
#hotcolumns p.section {
	font-size: 1.1em;
	font-weight: bold;
	padding: 0 0 10px 0;
	text-transform: uppercase;
	}
#hotcolumns p.byline { text-transform: none; }
#hotcolumns .col1 { padding: 0; }
#hotcolumns .col2 { padding: 0 10px; }
 
/* FEEDS */
#feeds { float: left; width: 230px; }
#feeds h4 { font-size: 1.1em; font-weight: bold; text-transform: none; padding: 2px 0; }
#feeds p { font-size: 1.2em; line-height: 1.1em; padding: 0 0 4px 0; }
#feeds a { font-weight: normal; }

/* MORE HEADLINES */
#moreheads { float: left; width: 340px; }
.headlines { border-bottom: 1px dotted #ccc; margin: 0 0 10px 0; padding: 0 0 10px 0; }
.headlines p.section { color: #333; font-size: 1.1em; font-weight: bold; padding: 0 0 10px 0; text-transform: uppercase; }
.headlines a.section { color: #333; }
.headlines p { font-size: 1.2em; 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.2em; line-height: 1.2em; margin: 0; padding: 0 0 6px 0; }