/*   
Theme Name: SendiksRecipes.com
Theme URI: http://www.sendiksrecipes.com
Description: A custom built theme for Sendik's Food Markets in Milwaukee, WI.
Author: Chris Johnson
Author URI: http://creationsbychris.net
Version: 1.0
.
This theme is the exclusive property of Chris Johnson and cannont be used without his consent.
.
*/

/*Color Palette*/
/*
Red #761200
*/

/*Begin YUI CSS Reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
/*End YUI CSS Reset*/

/*Begin YUI CSS Base*/
/* base.css, part of YUI's CSS Foundation */
h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;  
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
h1 {
	/* top & bottom margin based on font size */
	margin:.75em 0;
}
h2,h3 {
	margin:.5em 0;
}

h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style-position: outside;
	list-style-image: url(bullet.png);
	* list-style-image: url(bullet.gif); /*IE 6 Transparent PNG Fix*/
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	border:1px solid #000;
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated marking to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table {
	/*so things don't run into each other*/
	margin-bottom:1em;
}
/*End YUI Base*/

/*HTML Tag Styles*/
* {
	font-family: Georgia, "Times New Roman", Times, serif;
}

body {
	background: #761200 url(background_pattern.png) repeat top left;
	color: #000000;
}

hr {
	height: 1px;
	border: none 0;
	border-top: 1px solid #761200;
	margin: 10px 0px;
}

a:link, a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

a:hover, a:active {
	color: #FFFFFF;
	text-decoration: underline;
}

textarea, input {
	color: #761200;
	background-color: #F5EACE;
	border: solid 1px  #927B45;
}

input#submit {
	cursor: pointer;
	padding: 5px;
}

input#submit:hover {
	color: #FFFFFF;
	background-color: #761200;
}

/*Global Styles*/

.alignRight {text-align:right; float: right;}

.alignLeft {text-align:left; float: left;}

.alignCenter {margin: 0 auto;}

.clearBoth {clear: both;}

.spacer {display: none;}

.pipe {margin: 0px 3px;}

.center {text-align:center;}

.displayNone {display: none;}

/*End Global Classes*/

/*Header.php Stlyes*/

#topNetworkNavBar {height: 27px; text-align:center; width: 100%;}

#backgroundPattern {
	width: 100%;
	height: 176px;
	background: transparent url(body_bground.jpg) repeat-x top left;
	position: absolute;
	z-index: -1;
	top: 0px;
	margin: 35px 0px 0px 0px;
	padding: 0;
	}
	
#topBalistreriLogo {
	position: absolute;
	width: 231px;
	height: 104px;
	top: 54px;
	left: 680px;
	}

#siteContainer {
	width: 950px;
	background:transparent;
}

#topContent {
	color: #FFFFFF;
}

h1#topContentLogo {
	margin: 18px 0px 0px 175px;
	background: transparent url(header.png) no-repeat top left;
	* background: transparent url(header.gif) no-repeat top left; /*IE 6 Transparent PNG Fix*/
}

h1#topContentLogo a {
	width: 285px;
	height: 104px;
	text-indent: -9000px;
	display: block;
	outline: none;
}

h2#topContentTagline {
	margin: 0px 0px 0px 35px; 
}

#topNav {
	width: inherit;
	height: 42px;
	background: transparent;
	margin: -9px 0px 0px 0px;
	/*padding-left: 35px;*/
	*margin-bottom: 30px;
}

#topNav li {
	display: block;
	float: left;
	height: 42px;
	padding-top: 10px;
	padding-right: 20px;
	font-size: 130%;
}
/*End header.php*/

/*Index.php Styles*/
#mainContent {
	clear: both;
	/*padding-left: 35px;*/
	margin-left: 35px;
	padding-top: 10px;
	width: 595px;
	float: left;
}

#mainContent a {color: #761200; /*font-weight: bold;*/}

h1#recipeHeader {
	text-indent: -9000px;
	display: block;
	background: transparent url(recipe_of_the_week.gif) no-repeat top center;
	width: 575px;
	height: 41px;
	padding-bottom: 10px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

.post, .pageBackground { 
	/*The pageBackground class adds the proper background to pages when those pages are displayed, 
	not when they are shown in search results or in other locations where the "page" class is applied*/
	/*width: 595px;*/
	background: transparent url(post_bground_middle.jpg) repeat-y top left;
	color: #000000;
}

.postTime {
	padding: 10px 0px 10px 30px;
	font-size: 70%;
}

.post p {font-size: 95%;}

.post a {
	color: #761200;
}

.post h4 {
	font-size: 80%;
	text-transform: uppercase;
}

.postTitle {
	background: transparent url(post-top.gif) no-repeat top center;
	width: 595px;
	min-height: 110px;
}

.http404Page .postTitle {min-height: 50px;}

.postMetaData {padding: 0px 55px 20px 20px;}

h1#postTitleHeadline {
	padding: 40px 55px 0px 20px;
	margin:0px;
}

h2#postTitleCategoryList {
	padding: 5px 55px 0px 20px;
	margin: 0px;
	font-size: 100%;
}

h1#postTitleHeadline a, h2#postTitleCategoryList a {color: #000000;}

h3#postTagTitle {
	text-transform: uppercase;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	font-size: 100%;
}

.entry {padding: 10px 55px 20px 20px;}

.entry h4 {}

#postTags {/*clear: both;*/}

	/***********************************************
	  Sociable Styles
	  Requires the Sociable Plugin to be installed
	***********************************************/
	
	.sociable {
		padding: 0px 55px 20px 20px;
	}
	
	.sociable_tagline {
		text-transform: uppercase;
		display: block;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #000000;
		font-size: 100%;
		margin-bottom: 10px;
	}
	
	.sociable ul {
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
	
	.sociable ul li {
		display: inline;
		width: auto;
		float: left;
		margin-right: 10px;
		margin-bottom: 20px;
	}
	
	/*End Sociable Styles*/

.postBottom {
	background: transparent url(post-bottom.gif) no-repeat top center;
	width: 535px;
	height: 118px;
	text-align: right;
	padding: 0px 60px 0px 0px;
	margin-bottom: 0px; /*Do not remove*/
	/*The right padding, default 60px, plus the width need to add up to 595*/
}

.postNavigation {margin-top: 15px;}

#postNavigationOlder {
	width: 150px;
	height: 65px;
	background: url(ribbon_left.png) no-repeat 0px -20px;
	padding: 25px 0px 0px 35px;
	margin-top: -52px;
	margin-left: 70px;
	float: left;
}

#postNavigationNewer {
	width: 150px;
	height: 90px;
	background: url(ribbon_right.png) no-repeat 150px -20px;
	padding: 60px 0px 0px 35px;
	margin: -70px 90px 0px 0px;
	float: right;
	text-align: left;
}

#postNavigationOlder a, #postNavigationNewer a {color: #FFFFFF; font-weight: normal;}

/*End index.php*/

/*Comments.php */

#commentWrapper {
	width: 595px;
	background: transparent url(post_bground_middle.jpg) repeat-y top left;
}

.commentNavigation {
	font-size: 90%;
	padding: 0px 60px 0px 30px;
}

#commentTitle {
	clear: both;
	padding: 20px 0px 10px 0px;
	min-height: 35px;
}

h3#commentTitlePadding {padding: 0px 60px 0px 30px}

.commentList {
	padding: 0px 50px 0px 10px;
}

#commentRespond {
	padding: 0px 75px 0px 30px;
}

h3#commentReplyTitle {
	clear: both;
	border-top: solid 1px #761200;
}

/*End comments.php*/

/*Single.php (Commenting Styles) */

#singlePrintEditBox {
	float: right;
	width: 400px;
	padding-right: 60px;
	text-align: right;
}

/*End single.php*/

/*archive.php*/

h1#recipeArchiveHeader {
	text-indent: -9000px;
	display: block;
	background: transparent url(recipe_archives.gif) no-repeat top center;
	width: 575px;
	height: 41px;
	padding-bottom: 10px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	}

/*End archive.php*/

/*Page.php*/

.pageTitle {
	background: transparent url(post-top.gif) no-repeat top center;
	width: 595px;
	height: 70px;
}

h1#pageTitleHeadline {
	padding: 40px 55px 0px 20px;
	margin:0px;
}

/*End Page.php*/

/*Sidebar.php Styles*/
#sideContent {
	width: 300px;
	float: right;
	margin-top:15px;
}

#sideContent a {color: #000000;}

#sideContentSearch {
	background: transparent	url(search_background.gif) no-repeat top left;
	width: 270px;
	height: 110px;
	padding: 20px 10px 0px 25px;
	font-size: 80%;
	z-index: 100;
}

/*ul#sideContentSearchLinks li a {color: #761200;}

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

ul#sideContentSearchLinks li {
	display: block;
	width: auto;
	float: left;
}*/

form#sideContentSearchForm {padding: 15px 0px 0px 35px;}

input#searchSubmit {
	cursor: pointer;
}

input#searchSubmit:hover {
	color: #FFFFFF;
	background-color: #761200;
}

#sideContentSubmitRecipe {
	width: 300px;
	height: 91px;
	background: transparent;
	text-align: center;
	margin-bottom: 20px;
	color: white;
}

#sideContentBalistreriRecipes {
	width: 300px;
	height: 185px;
	background: transparent;
	text-align: center;
	margin-bottom: 20px;
	color: white;
}

#sideContentTagsCatsandArchive {
	background: transparent url(archive_bground_middle.jpg) repeat-y top left;
	padding: 20px 0px;
}

#sideContentTagsCatsandArchive h2, #sideContentTagsCatsandArchive h3,
#sideContentTagsCatsandArchive h4, #sideContentTagsCatsandArchive h5 {
	text-align: center;
	color: #761200;
}

#sideContentTagsCatsandArchive ul {padding-left: 10px; font-size: 80%;}

#sideContentTagsCatsandArchive h4 {
	background: transparent url(header_flare.gif) no-repeat top left;
	height: 18px;
	margin-bottom: 20px;
	font-size: 110%;
	}

#sideContentTagsCatsandArchive h5 {font-size: 90%;}

/*End sidebar.php*/

/*Footer.php Styles*/
#footer {
	clear:both;
	background: #661A0C url(footer_bground.gif) repeat-x top left;
	padding-top: 20px;
	min-height: 310px;
	width: 100%;
	color: #FFF;
	font-size: 80%;
}

#footerCopyright {
	width: 950px;
	text-align: center;
}

#footer li {
	list-style-image: none;
}

#footerColumn1, #footerColumn2, #footerColumn3, #footerColumn4 {
	width: 220px;
	min-height: 200px;
	border-right: #FFF solid 1px;
	display: block;
	float: left;
}

/*Search.php and 404 Pages*/

.searchPage, .http404Page {
	background: transparent url(post_bground_middle.jpg) repeat-y 0px 0px;
	margin-left: 35px;
}

#searchResultsMargin {padding: 0px 55px 10px 20px;}

h1.postTitle {
	margin: -10px 0px 0px 0px;
	padding: 50px 0px 0px 0px;/**/
	height: 48px; /*Subtract Top Padding from 98px to get this value*/
	text-indent: 20px;
}

.searchPage .post {background: none;}

input.searchFormLargeInput {
	width: 400px;
	margin-top: 20px;
}

#searchMoreInfoLeft {
	float: left;
	width: 220px;
	display: block;
}

#searchMoreInfoRight {
	float: right;
	width: 220px;
	display: block;
}

/*End Search.php*/