/*
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 - 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,
caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
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;
}


/*  END - Reset Browser Defaults*/

/*  START - General settings */

body {
	background:  #B3E834 url(images/body_bg.jpg) repeat-x;
	font-size: 85%;
	font-family: verdana, geneva, helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	line-height: auto;
}
p {
	line-height: 115%;
}

a {
	color: #0080C7;
}

a:hover {
	color: #9561AB;
}

code {
	font-size: 1.2em;
}

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

/*  END - General settings */

/*  START - Header section */

#header {
	background: #0080c7 url(images/header_bg.jpg) no-repeat;
	margin: 0px auto;
	height: 200px;
}
#header #viewCart{
	float:right;
	margin: 105px 20px 0px 0px;
}
#headerBlog {
	background: #8fc3ea url(images/blogHeader_bg.jpg) no-repeat;
	margin: 0px auto;
	height: 200px;
}

#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 - Home Page section */

#homePage_content {
	float: left;
	width: 770px;
}

#homePage_content h1 {
	color: #9561ab;
	font-size: 1.25em;
	padding: 5px 0px;
}
#homeLeftCol {
	padding: 25px;
	width: 430px;
	float: left;
}
#homeRightCol {
	padding: 15px;
	width: 230px;
	float: right;
}
#homePg h1, #homePg h2, #homePg h3 {
	padding-bottom: 5px;
	line-height: 100%;
}
.border {
	border-top: 5px solid #faa554;
	padding-top: 15px;
	margin-top: 20px;
	clear: both;
}
#homeRightCol p {
	font-size: .85em;
	line-height: 120%;
}

.imgWrapper {
	width: 100%;
	padding-bottom: 10px;
	padding-top: 10px;
}
.imgWrapper img {
	padding: 5px 12px;
	float: left;
}

/*  END - Home Page section */

/*  START - Page section */

#page_content {
	float: right;
	width: 555px;
	text-align:left;
}

#page_content h1 {
	color: #9561ab;
	font-size: 1.25em;
}

/*  END - Page section */

/*  START - Content section */

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

#all_content.wide {
	width: 770px;
	}

#content {
	margin: 10px 10px;
}
#content h2 {
	font-size: 1.1em;
	color: #Faa554;
}

#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;
}

.breadcrumb{
	font-size: .9em;
	font-weight: bold;
	margin: 20px 0px 22px 15px;
	}

/*  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.5em;
	line-height: 1.1em;
	font-weight: bold;
	margin-top: 10px;
	color: #444;
}

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

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

#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: #0080c7 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%;
}
#content .entry h2 {
	margin-top: 25px;
	margin-bottom: 10px;
}
#content .entry h6 {
	margin: 0px 0px 10px 0px;
	padding-bottom: 3px;
	font-size: 1.2em;
	color: #B3E834;
	border-bottom: 3px solid #B3E834;
}

#content .entry p {
	text-align: left;
	line-height: 140%;
}

/* Newsroom-Posts */

#content .excerpt {
	clear: both;
	margin-bottom: 2px;
	font-size: .8em;
}

#content .title {
	clear: both;
	margin-bottom: 2px;
	font-size: 1em;
}

#content h6 {
	margin: 0px 0px 10px 0px;
	padding-bottom: 3px;
	font-size: 1.2em;
	color: #B3E834;
	border-bottom: 3px solid #B3E834;
}


/* end Newsroom */

#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: #FAA554 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: #FAA554 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: #9561AB;
}

#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 {
	padding: 2px 10px;
	border-left: 3px solid #d5e8ff;
	background-color: #0080C7;
}

#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: #9561AB;
	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.0em;
	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;
}
.execphpwidget h1{
	font-size:0.9em;
	margin-bottom:0px;
	color: #FFEB52;
	padding: 10px;
}
.execphpwidget p{
	font-size:0.9em;
	margin-bottom:10px;
	padding: 0px 20px;
	color: #FFFFFF;
}
#sidebar_content .textwidget p{
	font-size:.8em;
	margin-bottom:10px;
}
#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 - Sidebar Left section */

#subNav {
	padding: 0px;
	margin: 40px 0px 0px 0px;
	width: 180px;
	background:url(images/subnav_body_bg.jpg) repeat-y;
}

#subNav h2 {
	padding: 5px 10px;
}
#subNav ul {
	font-size: 0.9em;
	padding: 5px 10px;
}
#subNav li.page_item {
	margin: 5px 0px 10px 0px;

	padding: 0px 10px;
}
#subNav a {
	color: #FFFFFF;
	text-decoration: none;
}
#subNav a:hover {
	color: #FAA554;
	text-decoration: underline;
}

#sub-page-menu li.current_page_item {
	font-style: italic;
	color: #FFEB52;
}
#sub-page-menu li.current_page_item a {
	color: #FFEB52;
}
.subNav_header {
	background:url(images/subnav_header_bg.jpg) no-repeat;
	height:12px;
}
.subNav_footer {
	background:url(images/subnav_footer_bg.jpg) no-repeat;
	height:12px;
}

.news {
	float: left;
}

/*  END - Subnav section */

/*  START - Footer section */

#footer {
	clear: both;
	text-align: center;
	background: white;
	color: black;
	padding: 2px 0px 18px 0px;
	border-top: 12px solid #8fc3ea;
}

#footer p {
	margin: 10px 5px 20px 5px;
	font-size: .9em;
}

#footer a {
	color: #0080c7;
}

/*  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 {
	text-align: left;
	padding: 8px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: .8em;
}

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

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

/*  END - Wordpress section */

/*  START - Menu section */

#menu {
	background: #0080C7 url("images/tab_bottom.jpg") repeat-x bottom;
	float: left;
	width: 100%;
	font-size: 1.167em;
	line-height: 1.6em;
	font-weight: bold;
	padding-bottom: 12px;
	margin-top: 165px;
}

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

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

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

#menu a:hover {
	color: #9561AB;
}

#menu .current_page_item {
	background: url(images/tab_right_yellow.png) no-repeat right top;
}

#menu .current_page_item a {
	background: url(images/tab_left_yellow.png) no-repeat left top;
	color: #46ad96;
	font-weight: bold;
	font-style:italic;
}
#suckerfishnav {
	background: #0080C7;
	border-bottom: 12px solid #8fc3ea;
	float: left;
	width: 750px;
	top: 165px;
	position: absolute;
	padding-bottom:12px;
    }
#suckerfishnav, #suckerfishnav ul {
	font-size: 1.167em;
	line-height: 1.6em;
	font-weight: bold;
	margin: 0;
	padding: 0px 10px 0px 10px;
	list-style: none;
}
#suckerfishnav a {
	display: block;
	background: url(images/tab_left_yellow.png) no-repeat left top;
	padding: 3px 10px 6px 9px;
	color: #0080C7;
	text-decoration: none;
    }
#suckerfishnav li {
	float: left;
	background: url(images/tab_right_yellow.png) no-repeat right top;
	margin: 0 3px 0 0;
	padding: 0;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:151px; /*width of child list */
    font-weight:normal;
    margin:0;
    line-height:1;
    }
#suckerfishnav li li {
    width:149px;
    font-weight:bold;
    font-family:verdana,sans-serif;
    }
#suckerfishnav li li a {
    padding:4px 10px;
    width:130px;
    font-size:12px;
    }
#suckerfishnav li ul ul {
    margin:-21px 0 0 150px;
    }
#suckerfishnav li li:hover {
    }
/* child page hovered over */
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
	background-color:#9561ab;
	background-image:none;
	color:#FFFFFF;
	font-style:normal;
    }
/* parent page hovered over */
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
	color: #9561AB;
	text-decoration:underline;
    }
/* child page not hovered over */
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
	color:#9561ab;
	background-image: none;
	background-color: #FFFFFF;
	border-bottom: 1px solid #9561ab;
	border-left: 1px solid #9561ab;
	border-right: 1px solid #9561ab;
	font-style:normal;
	text-decoration:none;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
	margin-left:-10px;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    }
#suckerfishnav li.current_page_item a { 
	background: url(images/tab_left_yellow.png) no-repeat left top;
	color: #46ad96;
	font-weight: bold;
	font-style:italic;
}
/*  END - Menu section */

/*  BEGIN - Product section */
.product {
	width: 135px;
	float: left;
	margin: 25px 40px 10px 0px;
	padding-bottom: 35px;
	height: 320px;
	border-bottom: 1px solid grey;
}
.product h2{
	font-size:.85em;
	color:#9561AB;
}
.product p{
	font-size:0.8em;
	color: #0080c7;
}
.productInfo {
	height: 70px;
}
.product img {
	border: 2px solid #B3E834;
	}

/*  END - Product section */

/*  BEGIN - Photo Gallery section */
#galleryPhoto h2 {
	clear:both;
}
.photoCategory {
	width:100%;
	float:left;
}
.galleryPhoto {
	width: 130px;
	float: left;
	margin: 25px 40px 10px 0px;
	padding-bottom: 35px;
	height: 200px;
	border-bottom: 1px solid grey;
}
.galleryPhoto h2{
	font-size:.9em;
	color:#9561AB;
	height: 34px;
}
.galleryPhoto p{
	font-size:0.8em;
	color: #0080c7;
}
.galleryPhoto img {
	border: 2px solid #B3E834;
	}

/*  END - Photo Gallery section */

/*  BEGIN - Other Styles section */
.openQuote {
	padding-left: 5px;
	padding-top: 25px;
}
.closeQuote {
	text-align: right;
	margin-bottom: 25px;
}
.box {
	width: 250px;
	float: right;
	margin: 0px;
	padding: 0px;
}

.testimonialBox{
	background:url(images/testimonialBox-center.png) repeat-y;
	margin:0 0 15px;
}
.testimonialBox .inner{
	background:url(images/testimonialBox-top.png) no-repeat;
	padding:55px 30px 0px 20px;
}
.testimonialBox span{
	background:url(images/testimonialBox-bottom.png) no-repeat;
	display:block;
	overflow:hidden;
	height: 52px;
}
.box_SB {
	width: 170px;
	margin: 0px;
	padding: 0px;
}

.testimonialBox_SB{
	background:url(images/testimonialBox-center_SB.png) repeat-y;
	margin:0 0 15px;
}
.testimonialBox_SB .inner{
	background:url(images/testimonialBox-top_SB.png) no-repeat;
	padding:45px 20px 0px 20px;
	font-size:.8em;
}
.testimonialBox_SB span{
	background:url(images/testimonialBox-bottom_SB.png) no-repeat;
	display:block;
	overflow:hidden;
	height: 40px;
}
.small {
	font-size:.7em;
}
#resources p {
        font-size: .8em;
        margin-top:0px;
}

/*  END - Other Styles section */

/*  START - Color sample section; blue, green, orange, pink, yellow, lt. blue, purple */
.green, .green a {
	color: #B3E834;
	font-weight:bold;
	text-decoration:none;
}
.orange, .orange a {
	color: #Faa554;
	font-weight:bold;
	text-decoration:none;
}
.colorSwatch1 {
	color: #0080c7;
	border-top-color: #Faa554;
	border-bottom-color: #ed519b;
	border-right-color: #ffeb52;
	border-left-color: #8fc3ea;
	background-color: #B3E834;
}
.colorSwatch2 {
	color: #9561ab;
}
/*  END - Color sample section */