/*  
Theme Name: WindyBits
Theme URI: 
Description: WindyBits theme as of 25 Jan 2007 launch.
Version: 1.0
Author: Tom Sherman
Author URI: http://underscorebleach.net/
*/


/* color palette

banner: #2D261C
darker brown: #1C1B16
medium dark: #453C2E
medium brown: #A08E75
light brown trace: #60513C
blue accent: #38A5CE
green: #2E85A5

*/


/* -----[ Overall Layout ]----- */

body {
	background-color: #FEF4D8;
	margin: 0;
	padding: 0;
	font: normal 87% verdana, arial, sans-serif;
	text-align: center;
	}

#banner {
	background-color: #2D261C;
	height: 60px;
	padding-top: 15px;
	text-align: left;
	}

#banner-inner {
	margin: 0 auto;
	width: 790px;
	}

#banner-nav-wrap {
	background-color: #2D261C;
	border-bottom: solid 15px #1C1B16;
	}

#banner-nav {
	border-bottom: 1px solid #60513C;
	}

#banner-nav-inner {
	margin: 0 auto;
	position: relative;
	top: 1px;
	width: 840px;
	}

#content-wrap {
	background-image: url(images/sidebar-faux3.gif);
	background-position: top right;
	background-repeat: repeat-y;
	font-size: 0.9em;
	line-height: 1.4;
	margin: 0 auto;
	text-align: left;
	width: 790px;
	}

#content {
	color: #1C1B16;
	font-family: arial, verdana, sans-serif;
	font-size: 1.05em;
	margin-right: 160px;
	padding: 15px 45px 25px 0;
	}

#logo {
	float: left;
	}

#logo a, #logo a:visited, #logo a:active {
	border: none;
	text-decoration: none;
	}

#sidebar {
	color: #2D261C;
	float: right;
	font-family: verdana, arial, sans-serif;
	font-size: 0.9em;
	top: -15px;
	border-top: solid 15px #38A5CE;
	position: relative;
	padding: 0 10px 20px 10px;
	width: 160px;
	}

#tagline {
	color: #d5d5d5;
	font-size: 0.8em;
	float: right;
	padding-top: 4px;
	text-align: right;
	}

#tagline span {
	color: #38A5CE;
	}

/* -----[ Sidebar ]----- */

#sidebar {
	z-index: 10;
	}

.sidebar-component {
	margin-top: 20px;
	}

#sidebar #pagelinks {
	font-size: 1.1em;
	}

#sidebar #pagelinks ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

#sidebar #pagelinks li {
	margin: 0 -10px;
	padding: 0;
	}

#sidebar #pagelinks a, #sidebar #pagelinks a:visited {
	border-bottom: solid 1px #E8DDB6;
	color: #1C1B16;
	display: block;
	padding: 5px 10px;
	text-decoration: none;
	text-align: center;
	
	width: 160px;
	}

#sidebar #pagelinks a:hover, #sidebar #pagelinks .current_page_item a, #sidebar #pagelinks .current_page_item a:visited, #sidebar #pagelinks .current_page_item a:active {
	border-left: solid 7px #38A5CE;
	border-right: solid 7px #38A5CE;
	color: #000;
	text-decoration: none;
	
	/* normal width (160px) minus width of l/r borders (7+7) */
	width: 146px;
	}

#sidebar ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	
#sidebar li {
	margin-bottom: 0.4em;
	}

#sidebar h3 {
	color: #453C2E;
	font-size: 1.0em;
	margin-bottom: 0.5em;
	}

#sidebar a, #sidebar a:link {
	border-bottom: dotted 1px #A08E75;
	color: #2D261C;
	text-decoration: none;
	}


/* -----[ Event Calendar ]----- */

#sidebar .event-calendar {
	margin-top: 1.0em;
	}

#wp-calendar td a {
	border: none !important;
	}

#wp-calendar .nav a {
	border-bottom-color: #A08E75;
	}
	
#wp-calendar .nav a:hover {
	border-bottom-style: dotted;
	}
	

/* -----[ Search ]----- */
#s {
	width: 90px;
	}
#s-wrap {
	float: left;
	width: 90px;
	}

#searchsubmit-wrap {
	margin-left: 96px;
	}



/* -----[ Navigation Tabs ]----- */

ul#tabnav {
	font: bold 11px verdana, arial, sans-serif;
	list-style-type: none;
	padding-bottom: 24px;
	border-bottom: 1px solid #60513C;
	margin: 0;
	padding-left: 34px;
	}
		

ul#tabnav li {
	border-top: 1px solid #60513C;
	border-left: 1px solid #60513C;
	border-right: 1px solid #60513C;
	float: left;
	height: 21px;
	background-color: #2D261C;
	margin: 2px 3px 0 3px;
	}

body#tab-home li.tab-home, body#tab-cat1 li.tab-cat1, body#tab-cat2 li.tab-cat2, body#tab-cat3 li.tab-cat3, body#tab-cat4 li.tab-cat4, body#tab-cat5 li.tab-cat5 {
	background-color: #1C1B16;
	}

body#tab-home li.tab-home a, body#tab-cat1 li.tab-cat1 a, body#tab-cat2 li.tab-cat2 a, body#tab-cat3 li.tab-cat3 a, body#tab-cat4 li.tab-cat4 a, body#tab-cat5 li.tab-cat5 a {
	color: #fff;
	border-bottom: solid 1px #1C1B16;
	}

#tabnav a {
	float: left;
	display: block;
	color: #d5d5d5;
	text-decoration: none;
	padding: 4px 6px;
	}

#tabnav a:hover {
	background: #1C1B16;
	border-bottom: solid 1px #1C1B16;
	color: #fff;
	}


/* -----[ Content Area: Links ]----- */

#content a {
	border-bottom: solid 1px #A08E75;
	color: #1C1B16;
	text-decoration: none;
	}

#content a:hover, #content a:visited {
	color: #000;
	border-bottom-color: #000;
	}
	
#content li {
	margin-bottom: 4px;
	}

/* -----[ Headings ]------ */

#content h2, #content h3, #content h2 a, #content h3 a {
	font-family: "trebuchet ms", georgia, serif;
	}

#content h2, #content h3 {
	color: #38A5CE;
	}

#content h2 a, #content h3 a {
	border-bottom: none;
	color: #38A5CE;	
	text-decoration: underline;
	}

#content h2 a:visited, #content h2 a:active,
#content h3 a:visited, #content h3 a:active,
#content h2 a:hover, #content h3 a:hover {
	color: #2E85A5;	
	}


/* -----[ Homepage]----- */

#hp-events {
	border-top: dotted 1px #D4C593;
	border-bottom: dotted 1px #D4C593;
	margin: 20px 0;
	padding: 20px 0;
	}

#hp-events-calendar {
	float: left;
	width: 160px;
	}

#hp-events-upcoming {
	margin-left: 161px;
	}

#hp-events-upcoming h3 {
	padding-left: 20px;
	margin-top: 0;
	}

#hp-feature-article h2 {
	font: bold 1.9em georgia, serif;
	margin: 0.2em 0;
	}

#hp-feature-article p {}

#news-wrapper {
	clear: left;
	}

#hp-news-chicagobits, #hp-news-techbits {
	font-size: 0.85em;
	}

#hp-news-chicagobits {
	margin-right: 305px;
	}

#hp-news-techbits {
	float: right;
	width: 285px;
	}

#hp-news h2 {
	margin-top: 0;
	}

#hp-news h3 {
	font: bold 1.1em georgia, serif;
	margin: 0.2em 0;
	}

#hp-news p {
	margin: 0.5em 0;
	}

.hp-news-suggest {
	font-size: 0.8em;
	}
	
.hp-news-archive {
	border-top: dotted 1px #D4C593;
	margin-top: 15px;
	padding-top: 5px;
	}
	

/* -----[ Miscellaneous and Sundry ]----- */

.clear {
	clear: both;
	}

img {
	border: none;
	}

.image-left {
	float: left;
	margin: 0 10px 5px 0;
	text-align: left;
	}

.image-right {
	float: right;
	margin: 0 0 5px 10px;
	text-align: right;
	}

.image-right-wrap {
	font-size: 0.8em;
	float: right;
	margin: 0 0 5px 10px;
	overflow: visible;
	text-align: right;
	}

.image-left-wrap {
	font-size: 0.8em;
	float: left;
	margin: 0 10px 5px 0;
	overflow: visible;
	text-align: left;
	}

.image-left, .image-right, .image-right-wrap img, .image-left-wrap img {
	border: double 5px #E4D7AA;
	}

.more {
	font-style: italic;
	text-align: right;
	}

#content .no-decoration, #sidebar .no-decoration, #footer .no-decoration {
	border: none;
	text-decoration: none;
	}

.postmetadata {
	font-size: 0.85em;
	}


/* -----[ Footer ]----- */

#footer-wrap {
	background-color: #F1E8C7;
	border-top: solid 15px #1C1B16;
	}

#footer {
	color: #2D261C;
	font-size: 0.7em;
	margin: 0 auto;
	padding: 20px 0;
	text-align: left;
	width: 330px;
	}

