/*
Theme Name: SSDP at UH v3 Theme
Theme URI: http://www.wheelercentral.net
Description: Wordpress Theme for SSDP at UH
Version: 3
Author: Chris McClean
*/

/*general alignment*/
.alignleft { float: left; }
.alignright { float: right; }

/* LAYOUT code */
body { background: #3a3a3a; margin: 0px; padding: 0px; text-align: center; min-width: 250px;
	font: 105% Arial, Helvetica, sans-serif; 
	}

/* CSS Dropshadow */
.dropshadow1 { /* float: right; */ clear: left; width: 1024px; padding: 0px;
	background: url('images/shadowAlpha.png') repeat-y left !important;
	background: url('images/shadow.gif') repeat-y left;
	margin: 0px 14px 0px 0px !important;
	margin: 0px 7px 0px 0px;	
	}	
.dropshadow2 { /* float: left; */ clear: left; width: 100%; padding: 0px;
	background: url('images/shadowAlpha.png') repeat-y right !important;
	background: url('images/shadow.gif') repeat-y right;
	margin: 0px 0 0px 14px !important;
	margin: 0px 0 0px 7px;
	}	
.innerbox { position: relative; /* bottom: 6px; */ right: 7px; padding: 0px;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	margin: 0 0 0 0;
	}
.innerbox { 
	/* IE5 hack */
	\margin: 0px 0px -3px 0px;
	ma\rgin:  0px 0px 0px 0px;
	}

#wrapper { width: 100%; height:auto; margin: 0 auto 0 auto; text-align: left; 
	background: url(images/wrapper-bg-repeat.png) repeat-x;
	background-color: #d6ecf9;
	border: 0px solid #000; /* for alignment purposes only */
	}
	
#header { width: 100%; height: 109px; margin: 0; padding: 0; background: url(images/header-bg-repeat.png) repeat-x;
	border: 0px solid #000; /* for alignment purposes only */
	}
	#logo { float: left; width: 416px; height: 109px; margin: 0; padding: 0; }
	#search { float: right; width: 250px; height: 30px; margin: 50px 0 0 0; padding: 1px; border: 0px solid #000; }
	#login { float: right; width: 460px; height: 20px; /* margin: 85px -255px 0 0; */ border: 0px solid #000; padding: 1px; }
	
#main { width: 100%; border: 0px solid #000; margin: 0; padding: 0; }
	#content { float: left; width: 725px; padding: 10px;  line-height: 1.3em; border: 0px solid #000; }
	#sidebar { float: right; width: 250px; margin: 20px 0 0 0; padding: 8px; height: auto; border: 0px solid #000;
		background: url('images/sidebar-bg-repeat.png') repeat-y;
		}

#footer { height: 42px; clear: both; text-align: center; font-size: 0.8em; padding: 13px 0 0 0; }

/* NAVIGATION BAR code */
.navbar { width: 100%; height: 51px; padding: 0; margin: 0 auto 0 auto; list-style: none;
	font: 1.1em Arial, Helvetica, sans-serif; 
	background: url('images/navbar-bg-repeat.png') repeat-x;
	border: 0px solid #000; /* for alignment purposes only */ 
	}
	.navbar li { float: left; height: 50px; border: 0px solid #000; }
		.navbar li a { float: left; display: block; height: 50px; width: 120px; line-height: 46px; color: #fff; text-decoration: none; text-align: center; }
			.navbar li a.narrow { float: left; display: block; height: 50px; width: 70px; line-height: 46px; color: #fff; text-decoration: none; text-align: center; }
			.navbar li a.wide { float: left; display: block; height: 50px; width: 170px; line-height: 46px; color: #fff; text-decoration: none; text-align: center; }
			.navbar li a.donate { float: left; display: block; margin: 0; height: 50px; width: 134px; line-height: 47px; color: #fff; text-decoration: none; text-align: center; background: url('images/button-donate.png'); }
		.navbar li a:hover { position: relative; visibility: visible; line-height: 46px; z-index: 50; }
		.navbar li a:hover b { display: block; width: 120px; height: 50px; background: url('images/button_hover.png'); }
			.navbar li a:hover b.narrow { display: block; width: 70px; height: 50px; background: url('images/button_hover.png'); }
			.navbar li a:hover b.wide { display: block; width: 170px; height: 50px; background: url('images/button_hover.png'); }
			.navbar li a:hover b.donate { display: block; width: 134px; height: 50px; color: #fff; background: url('images/button-donate-hover.png'); }
		.navbar li a:hover span { display: block; width: 120px; height: 50px; position: absolute; left: 0; right: 0; }
			.navbar li a:hover span.narrow { display: block; width: 70px; height: 50px; position: absolute; left: 0; right: 0; }
			.navbar li a:hover span.wide { display: block; width: 170px; height: 50px; position: absolute; left: 0; right: 0; }
			.navbar li a:hover span.donate { display: block; width: 134px; height: 50px; position: absolute; left: 0; right: 0; }
		.navbar li ul, .navbar li div { position: absolute; left: -9999px; }
		.navbar li:hover { position: relative; }
		.navbar li:hover > a { line-height: 46px; color: #fff; }
			.navbar li:hover > a.donate { line-height: 50px; color: #fff; }
		.navbar li:hover > a b { display: block; width: 120px; height: 50px; background: url('images/button_hover.png'); }
			.navbar li:hover > a b.narrow { display: block; width: 70px; height: 50px; background: url('images/button_hover.png'); }
			.navbar li:hover > a b.wide { display: block; width: 170px; height: 50px; background: url('images/button_hover.png'); }
			.navbar li:hover > a b.donate { display: block; width: 134px; height: 50px; color: #fff; background: url('images/button-donate-hover.png'); }
		.navbar li:hover > a span { display: block; width: 120px; height: 50px; position: absolute; left: 0; top: 0; }
			.navbar li:hover > a span.narrow { display: block; width: 70px; height: 50px; position: absolute; left: 0; top: 0; }
			.navbar li:hover > a span.wide { display: block; width: 170px; height: 50px; position: absolute; left: 0; top: 0; }
			.navbar li:hover > a span.donate { display: block; width: 134px; height: 50px; position: absolute; left: 0; top: 0; }
	.navbar table { border-collapse: collapse; margin: -1px; }
	.navbar :hover div { left: 0; top: 50px; width: 100%; height: 190px; padding: 5px 0 0 0; z-index: 100; }
	.navbar :hover ul { padding: 0; margin: 0; list-style: none; left: 0; top : 0; width: 230px; height: auto; 
		background: url('images/sub-navbar-bg-repeat.png') repeat-x; 
		padding: 5px 0;
		z-index: 100; 
		}
		.navbar :hover ul li { height: 30px; }
			.navbar :hover ul li a { height: 30px; line-height: 30px; color: #fff; width: 230px; text-align: left; text-indent: 5px; }
			.navbar :hover ul li a:hover { width: 100; background: url('images/sub-button_hover.png'); color: #fff; }
			.navbar :hover ul li:hover > a { width: 100; background: url('images/sub-button_hover.png'); color: #fff; }
#nav-container { width: 100%; }

/*some general classes */
#clearfloat { clear: both; margin: 0; padding: 0; }
.description { clear: left; padding: 5px 0 5px 35px; }
.post { padding: 5px; margin: 0 0 15px 0; font-size: .9em; }
.entry-content, .entry-excerpt { clear: left; }
.navigation { clear: both; height: 30px; line-height: 30px; margin: 0 0 10px 0; border: 0px solid #000; }
	.navigation a { width: auto; padding: 20px; background: #c5d7e0; text-decoration: none; border: 0px solid #000; }
.entry-meta { border: 0px solid #000; padding: 0; margin: 0; width: 100%; color: #000; }
	div.transOFF a:hover { width: 100%; color: #cc0000; border: 0px solid #000; }
	div.transON { width: auto; color: #000; opacity:.20; filter: alpha(opacity=20); border: 0px solid black; }
	span.catposted { width: auto; padding: 0; margin: 0; }
	span.comments { width: auto; padding: 0; margin: 0; }

/*style the headings*/
#content h1 { font-size: 1.5em; }
#sidebar h1 { font-size: 1.4em; }
#sidebar h2 { font-size: 1.1em; padding: 0 0 5px 0; margin: 0; }

.post h2 { font: 2.7em Impact, Arial, sans-serif; letter-spacing: 1px; margin: 4px 0 10px 0; padding: 0; }
.post h2 a { text-decoration: none; }
.post h3 { font-size: 1.8em; margin: 0; padding: 0; }

/*style the post date*/
.entry-date { position: relative; height: 60px; width: 95px; display: inline; float: left; margin: 0 10px 0 0; color: #000;
	border: 0px solid #000;
	font-family: Arial, Verdana, sans-serif;
	}
	.entry-date-bg, .entry-month, .entry-day { position: absolute; top: 0px; left: 0; width: 100%; height: 100%; }
	.entry-date-bg { background: #d6ecf9; opacity:.35; filter: alpha(opacity=35); }
	.entry-month { font-size: 19px; margin: 0; padding: 0; font-weight: bold; color: #000; text-align: left; 
		top: 13px;
		left: 9px;
		z-index: 1;
		}
	.entry-day { font-size: 34px; text-align: left; margin: 0; font-weight: bold; color: #000; z-index: 1; 
		top: 20px;
		left: 49px;
		}

/*style content and footer links*/
#content a:link, #content a:visited { padding: 2px; color: #000; }
#content a:hover { text-decoration: none; color: #cc0000; }

#footer a:link, #footer a:visited { color: #474200; }
#footer a:hover { text-decoration: none; }

/*style sidebar links*/
#sidebar ul { margin: 0px; padding: 0px; list-style-type: none; }
#sidebar li a:link, #sidebar li a:visited { display: block; color: #000; text-decoration: none; margin-bottom: .1em; padding: 1px; }
#sidebar li a:hover { text-decoration: underline; }
#sidebar ul ul { margin-left: 10px; }
#sidebar ul ul li, #sidebar ul ul li { font-size: .9em; margin-left: 10px; }

/*underpost is exactly what you think, under the post on single.php*/
.underpost { font-size: 0.9em; }
#content .underpost a { text-decoration: underline; }

/*if you insert image and give it a class of the below.*/
img.centered { display: block; margin: 0 auto 0 auto; }
img.alignright { padding: 4px; margin: 3px 0 2px 10px; display: inline; }
img.alignleft { padding: 4px; margin: 3px 10px 2px 0; display: inline; }

/*oh you're so fancy with those blockquotes....*/
blockquote { width: 650px; margin: 0 0 0 30px; padding: 0 10px 0 10px; text-indent: -30px;
	border-left: 3px solid #333;
	font: italic 0.9em Arial, Verdana, sans-serif;
	}
blockquote p:first-letter { padding: 0 0 0 30px; font: italic 1.5em Arial, Verdana, sans-serif; }

/*time to fancy up the commenting form and stuff*/
#respond p { font-size: .9em; }
#commentform input {  }
#commentform textarea {  }
#commentform { padding: 10px; }

/*below styles admin authors comments on single.php*/
li.author { padding: 5px; }

/*start to style comments, they're an ordered list, hence the ol..*/
ol.commentlist { list-style-type: none; margin: 0px; padding: 0px; }
ol.commentlist li { margin: 15px 0 0 0; }
#content ol.commentlist li a { text-decoration: underline; }

/*these are some preventative measures for image hovers, haven't tested it much*/
a.image:link, a.image:visited, a.image:hover { background: none; padding: 0; }
a.image img { border: none; }