/*   
Theme Name: The Oakland Post Online 2010
Theme URI: http://oaklandpostonline.com
Description: Web Design for the Oakland Post.
Author: Bryan Culver
Author URI: http://bryanculver.com
*/

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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Design */
html
{
	background-color: #333;
}
body
{
	font: 10px Helvetica, Arial, sans-serif;
	background-color: #333;
	/*background: #333 url(ads/study_abroad_ad.png) center top no-repeat;*/
}
b, strong
{
        font-weight:bold;
}
i
{
        text-transform:italic;
}
div#site
{
	width: 980px;
	margin: 0 auto 0;
}
div#header
{
	text-align: center;
	padding-bottom: 20px;
	background-color: #fff;
}
h1
{
	padding: 20px 0 0;
	text-transform: uppercase;
	font: 6.5em "Gill Sans", Helvetica, sans-serif;
	display: none;
}
h1 a
{
	color: #000;
	text-decoration:none;
}
span.desc
{
	color: #B18f36;
	text-transform: uppercase;
	font:1.8em Georgia, "Times New Roman", serif;
	display: none;
}
span.timestamp
{
	display: inline-block;
	padding-top: 10px;
	font-size: 1.2em;
}
span.timestamp span.now
{
	font-family: Georgia, "Times New Roman", serif;
	font-weight: bold;
}
div#global-nav
{
	background-color: #444;
	font-family: "Gill Sans", sans-serif;
}
div#global-nav ul
{
}
div#global-nav ul li
{
	display: inline-block;
	font-size: 1.6em;
	padding: 5px 7px;
	float: left;
	text-align:center;
}
div#global-nav ul li a
{
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}
div#global-nav ul li.here, div#global-nav ul li.current-cat, div#global-nav ul li:hover
{
	text-align:center;
	background-color: #b18f36;
}
div#page-nav
{
    background-color: #eee;
    font-family: "Gill Sans", sans-serif;
}
div#page-nav ul
{
}
div#page-nav ul li
{
    display: inline-block;
    font-size: 1.2em;
    padding: 5px 7px;
    margin: 0;
    float: left;
}
div#page-nav ul li a
{
    color: #333;
    text-decoration: none;
    text-transform: uppercase;
}
div#page-nav ul li.here, div#page-nav ul li.current_page_item, div#page-nav ul li:hover
{
    background-color: #b18f36;
}
div#page-nav ul li.here a, div#page-nav ul li.current_page_item a, div#page-nav ul li:hover a
{
    color: #fff;
}
div#breaking-bar {
    background-color: #FFF;
}
div#breaking-bar li
{
	text-align: center;
	font-size: 2em;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #B18F36;
	padding: 5px 0;
}
div#breaking-bar li a
{
	color: #fff;
	text-decoration: none;
}
div#content
{
	padding: 20px 0;
	background-color: #fff;
}
div#body
{
	width: 400px;
	border-left: #ccc 1px solid;
	border-right: #ccc 1px solid;
	padding: 0 9px 0 8px;
	float: left;
}
div#body.wide
{
	border-left: none;
	width: 678px;
}
div#body.doublewide
{
	border: none;
	width: 960px;
}
div#left_sidebar
{
	width: 280px;
	float: left;
}
div#right_sidebar
{
	width: 280px;
	float: right;
}
div.hr
{
	height: 3px;
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	margin: 10px 0;
}
div.hr hr
{
	display: none;
}
h2
{
	font: 2em Georgia, "Times New Roman", serif;
	font-weight: bold;
	color: #B18F36;
	margin-top: 5px;
}
h2 a
{
	color: #B18F36;
	text-decoration: none;
}
h3
{
	font: 1.4em Georgia, "Times New Roman", serif;
	font-weight: bold;
	color: #B18F36;
	margin-top: 5px;
}
h3 a
{
	color: #B18F36;
	text-decoration: none;
}
span.photobyline
{
	text-transform: uppercase;
	color: #777;
	font-size: 1.1em;
	text-align: right;
	display: block;
}
span.meta
{
	color: #777;
	font-size: 1.2em;
}
span.meta a
{
	color: #777;
	text-transform: uppercase;
}
span.meta span.timeago
{
	color: #943939
}
span.metaicons
{
	display: block;
	font-size: 1.3em;
}
span.metaicons img
{
	vertical-align: middle;
}
span.metaicons a
{
	color:#222;
	text-decoration: none;
	display: inline-block;
}
span.db-wrapper
{
	vertical-align: top;
}
div.story
{
	padding: 15px 0;
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	margin-top:5px;
}
img.alignright {float:right; margin:10px 0 10px 10px}
img.alignleft {float:left; margin:10px 10px 10px 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:10px 0 10px 10px}
a img.alignleft {float:left; margin:10px 10px 10px 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
div.story:first-child
{
	padding-top: 0px;
	border-top: none;
	margin-top: 0px;
}
div.story:last-child
{
	border-bottom: none;
}
div#body p
{
	margin-top: 10px;
	font-size: 1.2em;
	line-height: 1.4em;
}
div#editorial-section
{
	background-color:#eee;
	padding:10px;
}
div#mouthing-off
{
	background-color:#eee;
	padding:10px;
}
div#left_sidebar div.story
{
	margin: 5px 10px;
}
div#left_sidebar p, div#right_sidebar p
{
	margin-top: 10px;
	font-size: 1.1em;
	line-height: 1.4em;
}
div#left_sidebar span.meta, div#right_sidebar span.meta
{
	font-size: 1.1em;
}
div#search
{
	margin: 5px 10px;
}
div#search input.input
{
	border: #ccc 1px solid;
	padding: 5px;
	width: 60%;
}
div#search input.button
{
	background-color: #fff;
	border: none;
	font: 1.4em "Gill Sans", sans-serif;
	text-transform: uppercase;
}
span.section_title
{
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.2em;
}
span.section_title a
{
	color: #000;
	text-decoration: none;
}
div.widget
{
	text-align: center;
	margin: 5px 10px;
}
div.widget.local ul
{
	text-align: left;
	list-style: disc;
}
div.widget.local ul li
{
	margin: 3px 0 3px 15px;
}
div.widget a
{
	color:#222;
}
div.widget.local span.external img
{
	margin:10px 5px 0;
}
span.widget_title
{
	font:1.6em "Gill Sans", sans-serif;
	text-transform: uppercase;
}
div.wp-pagenavi 
{
	font-size: 1.2em;
	padding-left:10px;
	background-color:#eee;
	color:#222;
}
div.wp-pagenavi span
{
	margin-right:3px;
	display:inline-block;
	padding: 5px 2px;
}
div.wp-pagenavi span.current
{
	background-color:#fff;
}
div.wp-pagenavi a
{
	display:inline-block;
	margin-right:3px;
	padding:5px 2px;
	color:#222;
}
div.wp-pagenavi a:hover
{
	background-color:#B18F36;
}
div#footer
{
	text-align: center;
	padding:10px 0;
	border-top:1px #333 solid;
	font-size: 1.2em;
	background-color: #fff;
}
div.archive img
{
	float:left;
	margin-right:10px;
}
div#comic_box
{
	border-top: 1px #ccc solid;
	margin-top: 10px;
	padding-top: 10px;
	width: 690px;
	float: left;
	clear: right;
}
div#break-box
{
	/*height: 150px;
	border-top: 10px #fff solid;*/
	display: none;
}
div.ad
{
	background-color:#eee;
	text-align: center;
	font-weight: bold;
	color:#777;
	padding: 5px 10px;
	text-transform: uppercase;
}
div#global-nav ul li.cat-item-149 {
	background-color:#000;
	color: #9A803E;
}
div#global-nav ul li.cat-item-149 a {
	color: inherit;
}
div#global-nav ul li.cat-item-149:hover {
	background-color:#9A803E;
	color: #000;
}