/*  
Theme Name: The Prairie Child
Description: Description: A Wordpress theme for WTAMU's campus paper, The Prairie. 2.6 UPDATES: Replaced Slider with Recent Posts display on front page.
Version: 2.6
Author: Georgia Romig
Author URI: http://www.georomig.com/

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/


/* BODY ELEMENTS */

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	margin: 0px;
	background-color: #fff;
	color: #000;
	}
p {margin: 15px;}
a:link, a:active {color: #ff0000; text-decoration:none;}
a:hover, a:visited {color: #cc0000;}
a img {border:0;}
code {font: Helvetica; background: #fff;}	
acronym, abbr, span.caps {font-size: 0.9em; letter-spacing: .07em; cursor: help;}			
blockquote {
	padding: 10px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #eee;
	font: Arial;
	line-height:1.5em;
	margin:10px;
	}
select {width: 130px;}

/* STRUCTURE */

#head {
	background-color: #800000;
	background-image:url('http://www.theprairienews.com/css/bg.png');
	background-position: bottom;
	background-repeat: repeat-x;
	overflow: hidden;
	padding-bottom: 10px;
   }
#page {width: 980px; margin: auto; padding:20px; background: #fff; margin-bottom: 150px;}
.left, .alignleft {float:left;}
.right, .alignright {float:right;}

#searchform {
	width:194px;
	float:right;
	text-align:right;
	padding-top:8px;
	margin-right:10px;
	}

/* HEADINGS */

h1 {font:3.5em Helvetica; font-weight:bold;}
h2 {font-family: Palatino Linotype, Book Antiqua, Palatino, serif; font-size: 150%; color: #800000;}
h3 {font: 80% Tahoma; font-weight: bold; margin-bottom:3px; color:#800000; font-weight:bold;}
h4 {font: Helvetica; font-weight: bold; font-size: 150%; color: #fff;}
h5 {
	font: Helvetica;
	font-weight: bold;
	font-size: 150%;
	color: #fff;
	background-color: #800;
	padding: 10px;
	border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	}
h3.cat_title, h3.cat_title a {color:#333; letter-spacing:-0.05em; font-size:0.85em;}
h3#respond {margin-top:0px; padding-top:20px;}
h3#comments {margin-top:32px; padding-left:0px;}
h3.authors {margin-top:15px;}

/* CONTENT */

#content {
	width: 580px;
	background:#fff;
	color: #000;
	padding:10px;
	font-size:1.05em;
	line-height:1.75em;
	float:left;
	min-height:400px;
	}
#content .breadcrumbs, #content .breadcrumbs a {font-weight:bold; color:#333;}
#content h2.title {
	font:2.2em Trebuchet MS;
	font-weight:bold;
	letter-spacing:-0.05em;
	padding: 5px;
	border-bottom: 4px solid #000;
	}
#content h2 .authorlink {font 1em Trebuchet MS; font-weight: bold;}
.post {font-size:1.05em; line-height:1.75em;}
.post p {margin-top:0px;}
.post .clearfloat {border-bottom:1px dotted #ccc;}
.post ul, .post ol, #front-list ul, #front-list ol {margin-bottom:15px;}
.post ul li, #front-list ul li {list-style:square; margin-left:30px;}
.post ol li, #front-list ol li {list-style:decimal; margin-left:30px;}
.post ol li ul li, #front-list ol li ul li {list-style:square; margin-left:20px;}
.post img, .post a img, #front-list img, #archive img {
	border:1px solid #ccc;
        margin:0 10px 5px 0;
        padding:2px;}
.post .ads {margin-top:10px;}
.entry {margin-top:20px;}
#stats {
	margin-top:0px;
	padding:4px 0px;
	text-transform:uppercase;
	font:0.8em Arial;
	display:block;
	}
#stats span {padding: 0px 20px 0px 0px;}
#stats span a:hover {background:none;}
#stats span a {color:#333;}
#stats img, #nav img {border:0px; margin:0px; padding:0px;}
#tools {width:590px; height:25px; font-size:0.95em;}
#tools a:hover {background:none;}

/* SHARING (SOCIAL) */

#share {width: 590px; padding: 5px;overflow: hidden;}
#share img {background-color: transparent;}
#buttons {
   background-color: #fff;
   border: 1px solid #eee;
   width: 10%; float: right;
   margin: 5px; padding: 5px;
   text-align: center;
   }

/* RECENT POSTS */

#related {float: left; width: 560px; padding: 10px;}
#related h3 {
	font-size: 18px;
	background-color: #000;
	border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	color: #fff;
	padding: 10px;
	}
#related li {list-style-type: circle; margin: 0px; padding: 0;}
.navigation {padding:5px 0px; text-align:center;}

/* SIDEBAR */

#sidebar {width: 360px; float:right; overflow: hidden; padding: 10px; background-color: #fff;}
#sidebar h3 {
	font:18px Trebuchet MS;
	font-weight:bold;
	background-color: #eee;
	color:#000;
	margin: 10px;
	padding: 10px;
	border-radius: 5px;
	-moz-border-raidus: 5px;
	-webkit-border-radius: 5px;
	}
#sidebar-top, #sidebar-bottom {width:360px; float:right; padding: 10px; background:#fff;}
#sidebar-bottom, #sidebar-middle {margin-top:10px;}
#sidebar-middle {width:360px; float:right;}
#sidebar li {
	list-style:none;
	border-bottom:1px dotted #ccc;
	display:block;
	padding:2px 0px 2px 13px;
	}
#sidebar li ul li:last-child {
        list-style:none;
	display:block;
	padding:2px 0px 0px 13px;
	}
#sidebar-ads {width:360px; float:right; margin-bottom:10px; padding:10px; background:#fff;}

/* FORM ELEMENTS */

select {border:1px solid #333; width:100%;}
.field {
	padding: 2px;
	border:1px solid #333;
	background:#fff;
	font-size:1.0em;
	}
#s {padding:1px; font-size:1.0em; width:150px;}
#searchsubmit {padding-left:5px;}
#commentform input {width: 140px; margin: 5px 5px 1px 0;}
#commentform textarea {width: 99%; margin-top:5px;}

/* COMMENTS */

.commentlist cite {font-style:normal; margin-bottom:4px; display:block;}	
.commentlist blockquote {background:#000;}		
.commentlist li {padding: 10px 0px 10px 0px; list-style:none; margin-bottom:3px;}
.commentlist li li {
	background:none;
	border:none;
	list-style:square;
	margin:3px 0 3px 20px;
	padding:3px 0;
	}
.commenttext {
	padding: 10px 10px 0px 10px;
	background:#eee;
	border-top:1px solid #ddd;
	border-bottom: 1px solid #ddd;
	width: 100%;
        overflow: visible;
	}
.commentlist cite strong {font-size:1.1em;}
li.my_comment {background: #fff; border:none;}
li.my_comment cite strong {font-size: 1.3em; color:#313228;}
#commentform small {background:#fff; font-weight:bold; padding:0;}
.commentmetadata {
	color:#000;
	display: block;
	margin-top:3px;
	text-align:right;
	font-size:0.9em;
	}
.commentmetadata a, .commentmetadata a:visited {color:#959382;}
.commentlist small {background:#e9e9e9;}
.avatar {
	border:1px solid #bbb;
	float:left;
        margin: 5px;
	padding:5px;
        width: 75px;
        height: 75px;
	}	
#comment {width: 100%; background:#fff;}

/* FOOTER */
#clearfooter {clear: both;}
#footer {
        text-align: center;
        font-size: 11px;
        font-weight: bold;
        padding: 20px;
        color: #fff;
        background-color: #000;
	height: 150px;
	width: auto;
	}
#footer a {color: #fff; text-decoration:none;}
#footer a:hover {color: #fff; background-color: #800000; padding: 5px;}
#footer a:visited {color: #800000;}
#footer ul {display: block; list-item: none; text-align: left;}
#footer li {display: inline; padding: 5px; text-align: left;}

#front-popular {
	font-size:0.7em;
	color:#fff;
	width: 940px;
	background:#000;
	margin: 0 auto;
	padding:10px;
	}

#front-popular h3 {
	font-family: trebuchet MS;
	color: #fff;
	font-size: 18px;
	}

#recentpost, #mostcommented {
	width:280px;
	float:left;
	padding:10px;
	}

#recentpost h3, #moscommented #h3 {
	font-family: trebuchet MS;
	color: #fff;
	font-size: 18px;
	}

#mostcommented {
	margin-left:17px;
	}

#recent_comments {
	width:280px;
	float:right;
	padding:10px;
	}

#recent_comments h3 {
	font-family: trebuchet MS;
	color: #fff;
	font-size: 18px;
	}

#recentpost a, #mostcommented a, #recent_comments a {
	color:#fff;
	}

#recentpost ul, #mostcommented ul, #recent_comments ul {
	margin-top:5px;
	}

#recentpost ul li, #mostcommented ul li, #recent_comments ul li {
	list-style:none;
	border-top:1px dotted #fff;
	padding:5px;
	display:block;
	}

#recentpost ul li:hover, #mostcommented ul li:hover, #recent_comments ul li:hover {
	background:#800000;
	color:#fff;
	}

#recentpost ul li:first-child, #mostcommented ul li:first-child, #recent_comments ul li:first-child {
	border-top:0px dotted #fff;
	}

/* FLOATS */

.clearfloat:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
.clearfloat {display: inline-block;}


/* FLOATS FOR IE-MAC \*/
* html .clearfloat {height:1%;}
*+html .clearfloat {height:1%;}
.clearfloat {display:block;}

/* AUTHOR BOX */

#authorbox {
   background-color: #000;
   color: #fff;
   padding: 10px;
   margin: 10px;
   border-top-left-radius: 10px;
   -moz-border-radius-topleft: 10px;
   border-bottom-right-radius: 10px;
   -moz-border-radius-bottomright: 10px;
   overflow: hidden;
}
#authorbox h3 {font-face: Helvetica; font-size: 120%; color: #eeeeee; font-weight: bold;}
#authorbox a {text-decoration: none; color: #ff0000; font-weight: bold;}
#authorbox a:hover, #authorbox a:visited {color: #ccc;}

/* Vertical Tables*/
#ver-minimalist {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 10px;
	margin: 5px;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}
#ver-minimalist th {
	padding: 8px 2px;
	font-weight: normal;
	font-size: 14px;
	border-bottom: 2px solid #800000;
	border-right: 3px solid #fff;
	border-left: 3px solid #fff;
	color: #800000;
}
#ver-minimalist td {
   padding: 12px 2px 0px 2px;
   border-right: 3px solid #fff;
   border-left: 30x solid #fff;
   color: #000;
}

/* TAGS */

.tags {
  clear: both;
  width: 100%;
  border-top: 1px dotted #800;
  border-bottom: 1px dotted #800;
  padding: 5px;
  font-weight: bold;
}

/* LEADERBOARD ADS */

.leaderboard {
  width: 960px;
  padding: 10px;
  background-color: #fff;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* HEADER GRAPHICS */

.headgraphics-rss {padding: 10px;width: 203px;float: right;}
.headgraphics-twitter {padding: 10px;width: 203px;float: right;}
.headgraphics2 {padding: 10px;float: right;clear: both;width: 426px;text-align: center;}

/* NEW NAV */
#main-nav {
        padding-top: 20px;
        padding-bottom: 20px;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	background-color: #000;
	color: #fff;
	list-style-type: none;
	padding: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
        text-align: center;
	text-transform: capitalize;
	font-weight: bold;
	margin-top: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#main-nav a:hover {
	background-color: #800000;
        color: #eee;
}
#main-nav li {
	display: inline;
	padding: 5px;
}
#main-nav a {
	color: #cc0000;
	text-decoration: none;
	text-transform: uppercase;
	background-color: #000;
	padding: 5px;
	color: #fff;
}
#main-nav a:visited {color: #eee;}
#sub-nav {
	background-color: #000;
	color: #fff;
	font-weight: bold;
        font-size: 90%;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	list-style: none;
	border-top: 1px solid #fff;
	clear: left;
	margin-left: auto;
        margin-right: auto;
	width: 980px;
	text-align: center;
	border-radius: 10px;
	-moz-border-radius: 10px;
}
#sub-nav li {display: inline; padding: 20px;}
#sub-nav a {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}
#sub-nav a:hover {
	background-color: #800000;
	color: #fff;
	padding: 10px;
}
#sub-nav a:visited {color: #f4c2c2;}
#wt-studentmedia {
	background-color: #800000;
	color: #fff;
	font-weight: bold;
        font-size: 90%;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	list-style: none;
	border-top: 1px solid #fff;
	clear: left;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 980px;
	border-radius: 10px;
	-moz-border-radius: 10px;
}
#wt-studentmedia li {display: inline; padding: 20px;}
#wt-studentmedia a {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}
#wt-studentmedia a:hover {
	background-color: #000;
	color: #fff;
	padding: 10px;
}
#wt-studentmedia a:visited {color: #f4c2c2;}

/* NEW INDEX */

#top {width: 960px; padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 5px; overflow: hidden;}

#slider {
	position:relative;
	width: 940px;
	height: 320px;
	padding: 10px;
	overflow: hidden;
}

#middle {width: 960px; padding: 20px; margin-right: auto; margin-left: auto;}

#index-ads {
	width: 920px;
	padding: 20px;
	margin: 10px;
	clear: left;
	padding: 10px;
	text-align: center;
	}
#category-recent {
	width: 60%;
	padding: 5px;
	float: left;
	}
#middle h2 {
	background-color: #eee;
	padding: 10px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
#index-sidebar {
	width: 350px;
	padding: 5px;
	float: right;
	clear: left;
	}

/* ISSU NOTE*/

#issu-note {
	padding: 10px;
	margin: 10px;
	background-color: #555;
	color: #fff;
	width: 400px;
	height: 100px;
	float: right;
	font-weight: bold;
	}
#issu-note h1 {font-size: 16px; color:#aaa;}
#issu-note a {color: #ccc; text-decoration: none;}
#issu-note a:hover {color: #eee;}
#issu-note a:visited {color: #ddd;}

/* SEARCH FORM*/

#search-bar {
	background-color: #530000;
	padding: 20px;
	width: 250px;
	float: right;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 20px;
	}

/* ANNOUNCEMENTS INDEX */

#announcements {
	float: left;
	padding: 10px;
	margin: 10px;
	font-size: 12px;
	background-color: #bebebe;
	width: 480px;
	color: #000;
	height: 100px;
	font-weight: bold;
	}
#announcements h1 {font-size: 16px; color:#555;}
#announcements h2 {font-size: 14px;}
#announcements h3 {font-size: 12px; background-color: #000; color:#fff; padding: 4px;}
#announcements a {color: #eee; text-decoration: none;}
#announcements a:hover {color: #fff;}
#announcements a:visited {color: #cc0000;}

/* RECENT POSTS */

#recent-posts {
	width: 960px;
	height: 520px;
	padding: 10px;
	}
#most-recent {
	background-color: #eee;
	float: left;
	width: 500px;
	height: 510px;
	padding: 10px;
	border-right: 4px solid #b3b3b3;
}
#most-recent h1 { background-color: #bebebe; padding: 5px; }
#most-recent h1 a { color: #000000; font-size: 16px; font-family: Trebuchet MS;}
#most-recent h1 a:hover {color: #6b6b6b;}
#most-recent h1 a:visited {color: #6b6b6b;}
#most-recent a {background-color: #bebebe; padding: 5px; color: #000; font-weight: bold;}
#most-recent a:hover {color: #6b6b6b;}
#most-recent a:visited {color: #6b6b6b;}
#recent-list {
	color: #fff;
	float: right;
	width: 416px;
	height: 510px;
	padding: 10px;
	font-size: 95%;
	background-color: #000;
	border-left: #b3b3b3;
	border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	-webkit-border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-bottom-right-radius: 15px;
}
#recent-list li { list-style-type: none; border-bottom: 1px dotted #eee; padding-top: 5px; padding-bottom: 5px;}

#tweets {
	color: #fff;
	float: right;
	clear: right;
	width: 400px;
	padding: 10px;
	font-size: 95%;
	background-color: #000;
	border-left: #b3b3b3;
	border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	-webkit-border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-bottom-right-radius: 15px;
}
