/*
Theme Name: JCK 
Theme URI: http://johncookkitchens.com
Description: JCK Template
Version: 1.0
Author: John Adigue
Author URI: http://entheosit.com/

*/



body {

	font-size: 12px; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #333;
	line-height:18px;
	background:url(images/bg2.jpg) center repeat-y; 
	margin:0;
}
#bodyWrapper{
	background:url(images/bgRepeat.jpg);
}
#wrapperOuter{
	
	background:url(images/bg.jpg) repeat-x;
}
#wrapper{
	background:url(images/content-bg.png) repeat-y;
	width:850px;
	padding:0 3px;
	margin:0 auto;
}
#pageContent{
	overflow:hidden;
}

.pageContentHome{
	background:url(images/home-bg.jpg) no-repeat;	
}
.pageContentSubpage{
	background:url(images/subpageHeaderBg.jpg) no-repeat;
}
#header{
	height:187px;
	border-bottom:6px solid #522f19;
}
.logo{
	position:absolute;
	margin:18px 0 0 10px;
	z-index:5;
	width:262px;
	height:168px;
}
.logo a{
	background:url(images/logo.png);
	width:262px;
	height:168px;
	display:block;
	text-indent:-8000px;
	overflow:hidden;
}
.headerGrid{
	height:187px;
	position:absolute;
	text-align:right;
	color:#522f19;
	z-index:3;
}
.homeGrid{
	width:553px;
	background:url(images/homeHeaderGrid.png) no-repeat;
	margin-left:250px;
}
.subpageHeaderGrid{
	width:549px;
	background:url(images/headerGrid.png) no-repeat;
	margin-left:250px;
}
.headerGrid .headerText{
	margin-top:62px;
	padding-right:10px;
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}


/**
Menu
**/
#menu{
	width:548px;
	height:31px;
	overflow:hidden;
	position:absolute;
	z-index:4;
	margin:156px 0 0 244px;
}
#menu ul,#menu li{
	margin:0;
	padding:0;
	list-style:none;
}
#menu li, #menu li a{
	display:block;
	height:31px;
	text-decoration:none;
	text-indent:-8000px;
}
#menu li{
	display:inline;
	float:left;
}


#menu li.home a{
	background:url(images/menu.png) 0 0;
	width:70px;
}
#menu li.projects a{
	background:url(images/menu.png) -70px 0;
	width:89px;	
}
#menu li.services a{
	background:url(images/menu.png) -159px 0;
	width:85px;
}
#menu li.about a{
	background:url(images/menu.png) -244px 0;
	width:90px;	
}
#menu li.resources a{
	background:url(images/menu.png) -334px 0;
	width:105px;
}
#menu li.contact a{
	background:url(images/menu.png) -439px 0;
	width:109px;	
}


#menu li.home a:hover, #menu li.home a.currentPage{
	background:url(images/menu.png) 0 -31px;
}
#menu li.projects a:hover,  #menu li.projects a.currentPage{
	background:url(images/menu.png) -70px -31px;
}
#menu li.services a:hover,  #menu li.services a.currentPage{
	background:url(images/menu.png) -159px -31px;
}
#menu li.about a:hover, #menu li.about a.currentPage{
	background:url(images/menu.png) -244px -31px;
}
#menu li.resources a:hover, #menu li.resources a.currentPage{
	background:url(images/menu.png) -334px -31px;
}
#menu li.contact a:hover,  #menu li.contact a.currentPage{
	background:url(images/menu.png) -439px -31px;
}

/**
end Menu
**/



.mainContent{
	min-height:426px;
	_height:426px;
}
.sidebar{

	width:195px;
	background:#522f19 url(images/sidebarBg.jpg) bottom repeat-x;
	min-height:260px;
	_height:260px;
	margin-left:44px;
	float:left;
	padding-left:9px;
	
}
.sidebar ul,.sidebar li{
	list-style:none;
	margin:0;
	padding:0;
}
.sidebar ul.sideMenu li{
	width:186px;
	border-bottom:1px solid #978275;
	padding:5px 0;
}
.sidebar li a{
	text-decoration:none;
	color:#f4f2f1;
	
}
.sidebar li.current_page_item a,.sidebar li a:hover{
	font-weight:bold;

}

.content{
	width:530px;
	overflow:hidden;
	float:left;
	margin-left:10px;
}

.content a{
	color:#099e9c;
}

.content a:hover{
	color:#73513c;
}

.map{
	padding:3px;
	border:1px solid #EBEBEB;
}
.content h2,.content h2 a{
	color:#099e9c;
}

.content h3{
	font-size:16px;
	color:#73513c;
}

.submitMailList{
	background:url(images/joinBtn.jpg) no-repeat;
	width:79px;
	height:26px;
	border:0;
}
input.fieldMailList{
	width:300px;
	margin:5px 0;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	border-style:solid;
	border-color:#57bdbb;
	border-width:1px;
}
p.mailListError{
	color:red;
}


#footerWrapperOuter{
}
#footerWrapper{
	width:850px;
	padding:0 3px;
	margin:0 auto;
	height:100%;
}
#footerContent{
	overflow:hidden;
	background:url(images/footerGreenBg.jpg) repeat-x;
	height:130px;
	padding-top:10px;
	text-align:center;
	color:#FFFFFF;
	line-height:20px;
}
.footerLinkBar{
	background:url(images/footerLinkBarBg.png) repeat-x;
	height:21px;
	color:#FFFFFF;
	text-align:center;
	padding-top:10px;
}
a{
	text-decoration:none;
}
.footerLinkBar a,#footerContent a{
	color:#FFFFFF;
}
.footerLinkBar a:hover,#footerContent a:hover{
	color:#099e9c;
}
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */
.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
	
.entry table img{
	padding-top:25px;
}