/*  
Theme Name: JCB
Theme URI: http://cdharrison.com/themes/
Description: Handcrafted especially for Julie's Cafe Bakery. 
Version: 1.0.0
Author: Chris Harrison
Author URI: http://cdharrison.info
*/

	@import url(css/reset.css); /* Eric Meyer's reset.css */
	@import url(css/fonts.css); /* Don't steal the fonts I'm using. Thanks. */

	body {
		background:#214c32;
		color:#333;
		font:normal 62.5%/1.4 georgia,times,serif;
		text-align:center; 															/* this centers the layout */
	}
	
	a {
		text-decoration:none;
	}
	
	#admin {
		background:#ffe100;
		color:#000;
		display:none;
		font:normal 12px helvetica,arial,sans-serif;
		padding:10px;
		text-align:left;
	}

	#utility {
		font:bold 12px helvetica,arial,sans-serif;
		margin:0 auto;
		padding:10px 0;
		text-align:right;
		text-shadow:0 1px 0 #000;
		width:960px;
	}
	#utility a {
		color:#fff;
		margin:0 0 0 10px;
	}
	#utility a:hover {
		color:#ffe100;
	}


	#page {
		background:#fff;
		border:1px solid #fff;
		border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		margin:0 auto; 																/* this fixes centering issue in browsers that don't understand text-align:center; */
		padding:10px;
		position:relative;
		text-align:left; 															/* this fixes text-align:center; on elements that follow in the cascade */
		width:940px;
	}
	
	
/* --- Header --- */
	#header {
		background:#00aeef url(images/bg_header_01.jpg) 50% 30% no-repeat;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		height:215px;
		margin:0 0 10px;
	}
	#header h1#logo {
		background:url(images/logo_jcb.png) no-repeat;
		color:#fff;
		font:normal 48px georgia,times,serif;
		height:161px;
		left:40px;
		letter-spacing:-2px;
		position:absolute;
		text-indent:-9999px;
		text-shadow:1px 1px 1px #cecece;
		top:25px;
		width:232px;
	}
	#header h1#logo a {
		color:#fff;
		display:block;
		float:left;
		height:161px;
		position:relative;
		text-decoration:none;
		width:232px;
	}
	#header h1#logo a:hover {
		color:#ffe100;
	}
	#header h2 {
		color:#fff;
		font:normal 24px LeagueGothic,helvetica,arial,sans-serif;
		position:absolute;
		left:180px;
		text-shadow:2px 2px 2px #000;
		text-transform:uppercase;
		top:160px;
	}
	#header h2 a {
		color:#fff;
	}
	#header h2 a:hover {
		color:#ffe100;
	}
	
	#header .contact {
		background:#437753;
		border:1px solid #437753;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;		
		color:#fff;
		font:bold 12px helvetica,arial,sans-serif;
		padding:15px;
		position:absolute;
		text-shadow:0 1px 0 #000;
		top:30px;
		right:30px;
		width:200px;
	}
	#header .contact .phone {
		font-size:24px;
	}
	
	
	#header form {
		left:700px;
		position:absolute;
		text-align:right;
		top:35px;
	}

/* --- Navigation --- */
	#nav {
		background:#214c32;
		border:1px solid #214c32;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		float:left;
		padding:0;
		width:625px;
	}
	#nav ul {
		list-style:none;
		position:relative;
		text-indent:0;
	}
	#nav ul li {
		float:left;
		font:normal 24px LeagueGothic,helvetica,arial,sans-serif;
		position:relative;
		text-transform:uppercase;
	}
	#nav ul li a {
		color:#fff;
		float:left;
		padding:10px 20px;
		text-decoration:none;
	}
	#nav ul li a:hover {
		color:#ffe100;
	}
	#nav ul li > ul {
		top:auto;
		left:auto;
	}
	#nav ul ul {
		display:none;
	}
	#nav ul li:hover ul,
	#nav ul li.over ul{
		background:#009bec;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		display:block;
		left:0;
		list-style:none;
		padding:0 0 10px;
		position:absolute;
		text-indent:0;
		top:35px;
		width:200px;
		z-index:100;
	}
	#nav ul ul li {
		display:block;
		float:none;
		font:bold 12px helvetica,arial,sans-serif;
		padding:10px;
	}
	#nav ul ul li a {
		display:block;
		float:none;
		padding:0;
	}

	#search {
		background:#dadada;
		border:1px solid #dadada;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		float:right;
		padding:12px 20px;
		width:255px;
		
	}
	
/* --- Main Photo --- */

	#main-photo {
		background:url(images/main-photo.jpg) 50% 50% no-repeat;
		height:250px;
		margin:-9px 0 10px;
	}
	
/* --- Content --- */
	#content {
		float:right;
		padding:12px 0 40px;
		width:680px;
	}
	#content a {
		color:#00aeef;
		font-weight:bold;
		text-decoration:underline;
	}
	#content a:hover {
		color:#000;
	}
	#content blockquote {
		background:#e6e6e6;
		border:1px solid #e6e6e6;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		margin:0 0 1em;
		padding:15px 25px;
	}
	#content blockquote p {
		font-size:16px;
		font-style:italic;
		margin:0 0 5px;
	}
	#content blockquote cite {
		display:block;
		font:bold 11px helvetica,arial,sans-serif;
		text-align:right;
		text-transform:uppercase;
	}
	
	#content h2,
	#content h3,
	#content h4,
	#content h5,
	#content h6 {
		font-family:helvetica,arial,sans-serif;
		font-weight:bold;
		letter-spacing:-1px;
	}
	#content h2 {
		color:#333;
		font-family:LeagueGothic;
		font-size:36px;
		font-weight:normal;
		text-transform:uppercase;
	}
	#content h3 {
		color:#333;
		font-size:24px;
	}
	#content h4 {
		color:#666;
		font-size:18px;
	}
	#content h5 {
		color:#999;
		font-size:14px;
	}
	#content img.alignright {
		background:#fff;
		border:1px solid #e6e6e6;
		box-shadow:2px 2px 2px #e6e6e6;
		-moz-box-shadow:2px 2px 2px #e6e6e6;
		-webkit-box-shadow:2px 2px 2px #e6e6e6;
		float:right;
		margin:0 0 15px 15px;
		padding:10px;
	}
	#content ol,
	#content p,
	#content ul {
		font-size:13px;
	}
	#content ol {
		list-style:decimal;
		margin:0 0 1em 2em;
		text-indent:0;
	}
	#content p {
		margin:0 0 10px;
	}
	#content ul {
		list-style:square;
		margin:0 0 1em 2em;
		text-indent:0;
	}
	
	#content strong.leadin {
		font-size:11px;
		font-weight:bold;
		text-transform:uppercase;
	}
	
	#content div.vcard {
		font:normal 18px helvetica,arial,sans-serif;
		margin:0 0 10px 10px;
	}
	#content div.vcard .fn {
		font-weight:bold;
	}
	
	#content ul.photo-gallery {
		list-style:none;
		margin:0 0 0 1em;
	}
	#content ul.photo-gallery li {
		display:inline;
	}
	#content ul.photo-gallery li a {
		float:left;
	}
	#content ul.photo-gallery li a img {
		border:1px solid #e6e6e6;
		margin:0 5px 5px 0;
		padding:5px;
	}
	
	#content .box {
		width:330px;
	}
	#content .col1 {
		float:left;
	}
	#content .col2 {
		float:right;
	}
	
	#content .box h3 {
		background:#d5d5d5;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		color:#fff;
		font-family:LeagueGothic;
		font-size:24px;
		font-weight:normal;
		letter-spacing:1px;
		margin:20px 0 5px;
		padding:5px 10px 4px;
		text-transform:uppercase;
	}
	#content .col1 h3,
	#content .col1 h3 a {
		color:#e1094a;
		font-weight:normal;
		text-decoration:none;
	}
	#content .col2 h3 {
		color:#1e6922;
	}
	#content .home-box ul {
		list-style:none;
		margin:10px 0;
		padding:0;
		text-indent:0;
	}
	#content .home-box ul li {
		border-bottom:1px dotted #e6e6e6;
		display:block;
		margin:0 0 5px;
		padding:0 10px 5px;
	}
	#content .home-box ul li img {
		border:5px solid #e6e6e6;
		float:right;
		margin:0 0 20px 10px;
	}
	#content .home-box ul li h5 {
		font:normal 28px/1 LeagueGothic;
		height:auto;
		margin:0 0 -5px;
		padding:0;
	}
	#content .home-box ul li h5 a {
		color:#333;
		font-weight:normal;
		text-decoration:none;
	}
	
	
	#content table.directors,
	#content table.members {
		border:0;
		border-collapse:collapse;
		border-spacing:0;
		font-size:13px;
		margin:0 0 1em;
		width:100%;
	}
	#content table.directors tr,
	#content table.members tr {
		border-bottom:1px solid #e6e6e6;
	}
	#content table.directors tr th,
	#content table.directors tr td,
	#content table.members tr th,
	#content table.members tr td {
		padding:5px 0;
	}
	
	
	.page ul.prodlist {
		border-top:0;
		list-style:none !important;
		margin-bottom:10px;
		text-indent:0;
		}
	.page ul.prodlist li {
		background:url("images/ico.bagel.gif") no-repeat 0 1px;
		float:left;
		font-size:90%;
		margin:0 5px 0 0;
		padding:3px 3px 3px 24px;
		width:40%;
		}
	.page ul li.new { background:url("images/ico.new.gif") no-repeat 0 1px; color:#c00; }
	.page ul li.spring { background-color:#fff799; }
	.page ul li.summer { background-color:#f26522; color:#fff; }
	.page ul li.fall { background-color:#e3dacf; }
	.page ul li.winter { background-color:#0cf; }
	
	.page ul.legend {
		border-top:1px solid #e6e6e6;
		font:normal 110% 'trebuchet ms',arial,helvetica,sans-serif;
		list-style:none !important;
		margin:6px 0;
		padding:3px 0;
		text-indent:0;
		}
	.page ul.legend li { float:left; margin:0 5px 0 0; padding:3px 3px 3px 24px; }
	.page ul.legend li.spring, .page ul.legend li.summer, .page ul.legend li.fall, .page ul.legend li.winter { padding:3px 3px; }

	.page .menu {
		border-collapse:collapse;
		border-spacing:0;
		clear:both;
		font-size:12px;
		margin:0 0 20px;
		width:100%;
		}
	.page .menu td, .page .menu th {
		border:1px solid #dcdbc7;
		padding:5px;
		text-align:left;
		vertical-align:top;
		}
	.page .menu th em {
		font-size:90%;
		font-weight:normal;
		}
	.page .menu td.price {
		text-align:right;
		width:15%;
		}
	.page .menu .indent {
		padding-left:25px;
		}
	.page .menu .heading th {
		border:solid #dcdbc7;
		border-width:0 0 1px;
		font-size:110%;
		text-align:right;
		}
	
	
	
	
/* --- Sidebar --- */
	#sidebar {
		float:left;
		margin:0;
		padding:0 0 20px;
		text-shadow:0 1px 0 #fff;
		width:220px;
	}
	#sidebar img {
		border:3px solid #fff;
		display:block;
		margin:0 auto;
	}
	#sidebar .module {
		border-top:5px solid #d5d5d5;
		color:#555;
		font:normal 12px helvetica,arial,sans-serif;
		margin:20px 0 20px;
		padding:0;
	}	
	#sidebar dl {
		border-bottom:5px solid #d5d5d5;
		margin:0;
		padding:10px;
		text-indent:0;
	}
	#sidebar dl:hover {
		background:#e6e6e6;
	}
	#sidebar dl dt {
		display:block;
		font:normal 24px LeagueGothic,helvetica,arial,sans-serif;
		text-transform:uppercase;
	}
	#sidebar dl dd {
		margin:0 0 5px;
	}
	#sidebar dl dt.destination a {
		color:#e8531b;
	}
	#sidebar dl dt.discover a {
		color:#00386d;
	}
	#sidebar dl dt.maps a {
		color:#7b157e;
	}
	#sidebar dl dt.events a {
		color:#e1094a;
	}
	#sidebar dl dt.links a {
		color:#1e6922;
	}
	#sidebar dl dt.join {
		font-size:36px;
	}
	#sidebar dl dt.join a {
		color:#009bec;
	}
	#sidebar dl dt a:hover {
		color:#333;
	}
	#sidebar dl dd img {
		display:inline;
	}
	#sidebar .vcard {
		margin:100px 0 0;
		text-align:right;
	}
	#sidebar .vcard .org {
		font-weight:bold;
	}
	

/* --- Footer --- */
	#footer {
		background:url(images/bg_footer_depth.png) top center no-repeat;
		color:#fff;
		margin:10px 0 0;
		padding:10px 50px 100px;
		text-align:center;		
		text-shadow:0 1px 0 #333;
		width:960xp
	}
	#footer a {
		color:#fff;
		font-weight:bold;
	}
	#footer a:hover {
		color:#ffe100;
	}
	#footer p.copyright {
		font:bold 12px helvetica,arial,sans-serif;
		margin:0 0 .5em;
	}
	#footer p.coffeecup {
		font:normal 11px helvetica,arial,sans-serif;
	}
	#footer p.coffeecup a.caps {
		font-size:10px;
		letter-spacing:1px;
		text-transform:uppercase;
	}
	
/* Miscellaneous */

	.bizdir_notes_grey { display:none !important; }
	
	td.listing {
		border-bottom:1px solid #d5d5d5;
		padding:10px 0 15px !important;
		}
	td.listing h4 {}
	td.listing h4 span.street { color:#bbb; font-weight:normal; }
	td.listing h5 { margin:0 0 7px; }
	td.listing p { display:none; }
	td.listing ul.details { list-style:none; margin:0 0 0 5px !important; padding:0; text-indent:0; }
	td.listing ul.details li { display:inline; font:normal 12px helvetica,arial,sans-serif; margin:0 10px 0 0; padding:0 0 0 15px; }
	td.listing ul.details li.url { background:url(images/bookmark.gif) 0 50% no-repeat; }
	td.listing ul.details li.email { background:url(images/email.gif) 0 50% no-repeat; }
	td.listing ul.details li.phone { background:url(images/phone.gif) 0 50% no-repeat; }
	

/* --- Browser Fixes --- */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}