@import url("/css/text.css");
@import url("/css/grid.css");

/* =STRUCTURAL */

body {
	
}

#wrapper {
	background: url("/images/skin/header_bg.jpg") top left repeat-x;
	min-height: 600px;
	text-align: center;
	padding-bottom: 50px;
}

#wrapper-inner {
	width: 980px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

#header {
	height: 158px;
	margin: 0 !important;
}

#content {
	background: #fff url("/images/skin/content_bg.gif") top left repeat-y;
}

#content-inner {
	
	padding: 20px 10px;
}

#maincontent {
	
}

#sidebar {
	padding-left: 20px;
	width: 260px;
}

/* =HEADERS */
#hd_ohiodave {
	width: 501px;
	height: 109px;
	background: transparent url("/images/headers/hd_ohiodave.gif") 0 15px no-repeat;
	margin: 0;
	padding: 0;
}

#hd_ohiodave a {
	display: block;
	width: 501px;
	height: 109px;
	background: transparent !important;
}

#ohiodave_logo {
	width: 143px;
	height: 158px;
	background: url("/images/graphics/ohiodave_logo.jpg") top left no-repeat;
	float: left;
	margin-right: 20px;
}

/* =TOPNAV */
#topnav {
	list-style: none;
	margin: 0;
	position: absolute;
	top: 127px;
	left: 130px;
	text-align: left;
}

#topnav li {
	display: block;
	float: left;
	margin-right: 20px;
}

#topnav li a { 
	background: #574D4C;
	color: #fff;
	font-weight: bold;
	padding: 2px 20px 4px 20px;
	font-size: 0.95em;
	font-variant: small-caps;
}

#topnav li a:hover, #topnav li.selected a { 
	background: #00A5D8;
	border: none;
}

/* =FOOTER */
#footer {
	background: #352828 url("/images/skin/footer_bg.jpg") top left repeat-x;
	color: #fff;
	padding: 10px 10px 20px 10px;
}

#footer_contact {
	font-size: 1.1em;
	text-align: right;
}

#footer h2 {
	color: #FACB74;
	background: transparent;
	padding: 0;
	margin: 0 1em 0 0;
	font-size: 1.2em;
	font-variant: small-caps;
}

#footer a { background: #574D4C; color: #fff; }
#footer a:hover { background: #00A5D8; }

/*= MAINCONTENT */
#maincontent h2 {
	padding: 10px 0 0 20px;
	background: url("../images/skin/hd_bg.jpg") top left no-repeat;
	min-width: 542px;
	min-height: 32px;
	margin-bottom: 0.25em;
}

#maincontent h2.subtitle {
	font-size: 1.45em;
}

#maincontent h2.plain, #maincontent h3.plain {
	padding: 0;
	background: transparent;
}

/* =BLOGENTRY */
#maincontent .entry {
	margin-bottom: 1.5em;
}

#maincontent h2.date, #maincontent h3.date {
	text-align: left;
	font-size: 1em;
	font-variant: small-caps;
	padding: 0;
	color: #352858;
	background: transparent;
}

.posted {
	font-size: 0.9em;
	margin-top: 0.5em;
	border-top: 1px dotted #D2CFC9;
	padding-top: 1em;
}

.entry ol li {
	margin-bottom: 1em;
}

.entry li h4 {
	margin: 0 0 0.25em 0;
}

/* =COMMENTS */
#comment-holder {
	margin: 0 1em 1em 1em;
}

/* =SIDEBAR */
#sidebar h2, #sidebar h3, #sidebar h4 {
	letter-spacing: -0.04em;
	padding: 5px 0 0 15px;
	background: url("/images/skin/side_hd_bg.gif") top left no-repeat;
	min-width: 218px;
	min-height: 23px;
}

#sidebar h2 { font-size: 1.7em; }
#sidebar h3 { font-size: 1.3em; }

#sidebar .content-row {
	margin-left: 1em;
}

#sidebar a:link { background: transparent; color: #0098C4; }

/* =FLICKRFEED */
#flickrfeed {
	list-style: none;
	margin: 0;
	padding: 0;
}

#flickrfeed li {
	display: block;
	float:left;
	text-align:center;
	height:80px;
	width:80px;
	overflow:hidden;
	margin: 0 0.3em 0.5em 0;
	padding: 0;
}

/* =TWITTERFEED */
#twitterfeed {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	zoom: 1;
}

#twitterfeed li {
	display: block;
	clear: left;
	margin-bottom: 0.25em;
	font-size: 0.8em;
	line-height: 1.5em;
	margin-left: 5.75em;
	position: relative;
	min-height: 3.5em;
}

* html #twitterfeed li { height: 3.5em; }

#twitterfeed li .date {
	position: absolute;
	width: 5em;
	font-size: 0.95em;
	padding: 0.35em 0.1em;
	margin: 0.25em 1em 1em -5.75em;
	line-height: 1.3em;
	font-style: italic;
}