/*
Theme Name: JNB Multicolor Theme
Theme URI: http://josephbales.com/projects/jnb-multicolor-theme/
Description: A multicolor theme for Wordpress 2.5 or greater.
Author: Joseph Bales
Author URI: http://josephbales.com
Tags: multicolor, primary colors, fixed width, two columns, widgets, tags
Version: 1.0.3
.
General comments/License Statement - 

This is a multicolor theme for Wordpress 2.5 or greater only.  You can try it
on a lesser Wordpress, but it will error out on you, so I wouldn't bother.  
Features include top level page navigation tabs, custom search results, 
widget aware, tag aware, custom links page, custom archives page, optional random tagline, etc.

To enable the Links or Archives page, create a new page and set one of them as
the template.

This theme has been tested in multiple browsers and on multiple platforms.
It should work ust about anywhere, but feel free to let me know if it doesn't
render properly on your computer.

Released under the Creative Commons Attribution-Noncommercial 3.0 US license.
More information at the following URL.

http://creativecommons.org/licenses/by-nc/3.0/us/

There is no warranty.  Use this at your own peril!

Change log:

2008/07/03 - removed ◊ from 404 page
2008/07/28 - made the random tagline optional, reduced the post entry txt size a little
.
*/

/*  START - Color Palette

	#333 - background gray
	#444 - header gray
	#999 - meta gray
	#eee - comment and quote gray
	#ffe7bf - light orange
	#ff8900 - dark orange
	#539ff3 - pretty blue
	#d5e8ff - light blue
	#3a6daa - dark blue
	#00f - link blue
	#ffff54 - plain yellow
	#ffffed - light yellow
	#b00 - link hover red
	#e3170d - menu link red
	#39bb39 - grass green
	#8bdd70 - average green
	#dcffa6 - lime green
	#46ad96 - half green/blue

    END - Color Palette */

/*  START - Reset Browser Defaults */

/*  v1.0 | 20080212 | Eric Meyer's Resets | http://meyerweb.com/eric/tools/css/reset/ */

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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*  END - Reset Browser Defaults*/

/*  START - General settings */

body {
	background: #333;
	font-size: 85%;
	line-height: 1.167em; /* 12x1.167=14px */
	font-family: verdana, geneva, helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

a {
	color: #00f;
}

a:hover {
	color: #b00;
}

code {
	font-size: 1.2em;
}

#whole_page_wrapper {
	background: #fff;
	width: 770px;
	margin: 0 auto;
}

/*  END - General settings */

/*  START - Header section */

#header {
	background: #39bb39 url(images/header_bg.jpg) no-repeat;
	margin: 0px auto;
}

#header h1 {
	padding: 55px 0px 0px 10px;
	font-size: 2.75em;
	line-height: 1.3em;
	color: #fff;
	font-weight: bold;
}

#header h1 a {
	color: #fff;
	text-decoration: none;
}

#header h2 {
	padding-left: 10px;
	font-size: 1.1em;
	line-height: 1.1em;
	color: #fff;
}

/*  END - Header section */

/*  START - Menu section */

#menu {
	background: #39bb39 url("images/tab_bottom.jpg") repeat-x bottom;
	float: left;
	width: 100%;
	font-size: 1.167em;
	line-height: 1.6em;
	font-weight: bold;
}

#menu ul {
	margin: 0;
	padding: 10px 10px 0px 10px;
	list-style: none;
}

#menu li {
	float: left;
	background: url("images/tab_right_yellow.jpg") no-repeat right top;
	margin: 0 3px 0 0;
	padding: 0;
}

#menu a {
	display: block;
	background: url("images/tab_left_yellow.jpg") no-repeat left top;
	padding: 3px 10px 6px 9px;
	color: #ff8900;
	text-decoration: none;
}

#menu a:hover {
	color: #b00;
}

#menu .current_page_item {
	background: url("images/tab_right_white.jpg") no-repeat right top;
}

#menu .current_page_item a {
	background: url("images/tab_left_white.jpg") no-repeat left top;
	color: #46ad96;
}

/*  END - Menu section */

/*  START - Page section */



/*  END - Page section */

/*  START - Content section */

#all_content {
	float: left;
	width: 580px;
}

#content {
	margin: 10px 10px;
}

#content p {
	margin-bottom: 12px;
}

#content blockquote {
	background: #eee url("images/light_gray_corner.jpg") no-repeat bottom right;
	border-left: 2px solid #999;
	padding: 6px;
	margin-right: 2em;
	margin-left: 2em;
	margin-bottom: 12px;
}

#content blockquote p {
	margin: 0;
	padding: 0;
}

#content abbr {
	border-bottom: 1px dotted #000;
}

/*  START - Post section */

#content .post {
	margin-top: 1em;
	margin-bottom: 42px;
	overflow: hidden; /* prevent long lines from running out of the post area */
}

#content h3.entry_title {
	font-size: 1.8em;
	line-height: 1.1em;
	font-weight: bold;
	margin-top: 6px;
	color: #444;
}

#content h3.entry_title a {
	color: #444;
	text-decoration: none;
}

#content h3.entry_title a:hover {
	color: #b00;
}

#content .top_post_meta {
	background: #d5e8ff url("images/light_blue_corner.jpg") no-repeat bottom right;
	overflow: hidden;
}

#content .top_post_meta p {
	margin: 0;
}

#content .date_box {
	background: #539ff3 url("images/medium_blue_corner.jpg") no-repeat top left;
	font-size: 1em;
	line-height: 1em;
	color: #fff;
	float: left;
	padding: 3px;
	font-weight: bold;
	font-family: Georgia, serif;
}

#content .meta_box {
	color: #777;
	float: left;
	padding: 2px;
	font-size: .75em;
	line-height: 1.5em;
}

#content .entry {
	padding-top: 10px;
	clear: both;
	margin-bottom: 2px;
	font-size: 95%;
	line-height: 1.1em;
}

#content .entry p {
	text-align: justify;
}

#content .postmetadata {
	font-size: .875em;
	color: #999;
}

#content .postmetadata  a {
	color: #999;
}

#content .comment_link {
	margin: 0;
}

#content .cats_tags p {
	margin: 0;
}

#content .archive_header {
	background: #ff8900 url("images/orange_bottom.jpg") no-repeat bottom right;
	overflow: hidden;
}

#content .archive_header_title {
	font-size: 1.7em;
	line-height: 1.4em;
	font-weight: bold;
	font-family: Georgia, serif;
	color: #ffffed;
	padding-left: 7px;
	background: #ff8900 url("images/orange_top.jpg") no-repeat top left;;
	float: left;
}

#content .search_results {
	margin: 6px 0px;
}

#content .search_results h3 {
	font-size: 1.3em;
	line-height: 1.4em;
	font-weight: bold;
	color: #444;
	padding-bottom: 3px;
}

#content .search_entry {
	padding-left: 6px;
}

#content .search_odd {
	background: #fff;
	padding: 6px;
}

#content .search_even {
	background: #d5e8ff;
	padding: 6px;
}

#content .searchmetadata {
	font-size: .875em;
	color: #999;
}

/*  END - Post section */

/*  START - Comment section */

#content h3#comments, #content h3#respond {
	font-size: 1.5em;
	line-height: 1.5em;
	margin-top: 1em;
}

#content ol.commentlist {
	margin: 1em 4em 1em 1em;
}

#content ol.commentlist li {
	padding: 1em;
	overflow: hidden;
}

#content ol.commentlist .avatar {
	float: right;
}

#content ol.commentlist li cite {
	font-style: normal;
	font-weight: bold;
}

#content .commentmetadata {
	font-size: .8em;
	line-height: 2.2em;
}

#content .commentmetadata a {
	color: #333;
}

#content ol.commentlist li.alt {
	background: #eee;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}

#content ol.commentlist li.alt blockquote {
	background: #fff url("images/light_white_corner.jpg") no-repeat bottom right;
}

/*  END - Comment section */

#content form#searchform {
	margin: 1em 0;
}

#content .forward_back {
	clear: both;
}

#content .float_left {
	float: left;
}

#content .float_right {
	float: right;
}

#content .archives_page a {
	text-decoration: none;
}

#content .archives_page a:hover {
	color: #b00;
}

#content .archives_list {
	margin: 8px;
	float: left;
}

#content .archives_list li {
	float: left;
	width: 15em;
}

/*  END - Content section */

/*  START - Sidebar section */

#sidebar {
	float: right;
	width: 180px;
	margin: 10px 0px;
	color: #fff;
	overflow: hidden;
}

#sidebar_content {
	background: #539ff3;
	padding: 2px 10px;
	border-left: 3px solid #d5e8ff;
}

#sidebar_header {
	background: url(images/sidebar_header_bg.jpg) top no-repeat;
	padding-top: 12px;
}

#sidebar_footer {
	background: url(images/sidebar_footer_bg.jpg) top no-repeat;
	padding-top: 12px;
}

#sidebar_content  a {
	color: #fff;
	text-decoration: none;
}

#sidebar_content  a:hover {
	color: #fff;
	text-decoration: underline;
}

#sidebar_content  a:active {
	color: #b00;
	text-decoration: underline;
}

#sidebar_content form#searchform {
	text-align: center;
	float: left;
	margin-bottom: 11px;
}

#sidebar_content form#searchform input {
	margin-bottom: 3px;
}

#sidebar_content .nowidget, #sidebar_content .linkcat {
	margin: 3px 0px 6px 0px;
	clear: both;
}

#sidebar_content .nowidget h2, #sidebar_content .linkcat h2 {
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.2em;
	color: #ffff54;
}

#sidebar_content .nowidget ul, #sidebar_content .linkcat ul {
	list-style-type: square;
	list-style-position: inside;
}

#sidebar_content .nowidget li, #sidebar_content .linkcat li {
	margin: 1px 0px;
	margin-left: 5px;
}

#sidebar_content .widget {
	margin-bottom: 14px;
	clear: both;
}

#sidebar_content .widget h2 {
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.2em;
	color: #ffff54;
}

#sidebar_content .widget select {
	font-size: .875em;
}

#sidebar_content .widget ul {
	list-style-type: square;
	list-style-position: inside;
}

#sidebar_content .widget li {
	margin: 1px 0px;
	margin-left: 5px;
}

#sidebar_content .widget_calendar {
	/*margin-left: 10px;*/
}

#sidebar_content .widget_calendar a {
	text-decoration: underline;
}

#sidebar_content .widget_calendar caption {
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.2em;
	color: #ffff54;
	text-align: left;
}

#sidebar_content .widget_calendar td {
	text-align: center;
	padding: 2px;
}

#sidebar_content #prev {
	text-align: left;
}

#sidebar_content #next {
	text-align: right;
}

#sidebar_content .recentcomments a, #sidebar_content .rsswidget {
	text-decoration: underline;
}

#sidebar_content .rss-date {
	margin-right: 1em;
	display: block;
}

#sidebar_content .widget_rss h2 a {
	color: #ffff54;
	text-decoration: none;
}

#sidebar_content .widget_tag_cloud {
	overflow: hidden; /* prevent long tags from running out of the sidebar */
	width: 100%;
}

/*  END - Sidebar section */

/*  START - Footer section */

#footer {
	clear: both;
	text-align: center;
	background: #39bb39 url(images/footer_bg.jpg) bottom no-repeat;
	color: #fff;
	padding: 2px 0px 18px 0px;
	border-top: 3px solid #ffff54;
}

#footer p {
	margin: 1px 5px;
}

#footer a {
	color: #fff;
}

/*  END - Footer section */

/*  START - Hacks section */

.spacer {
	clear: both;
	line-height: 0.01em;
}

/*  END - Hacks section */

/*  START - Wordpress section */

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/*  END - Wordpress section */