/*
Theme Name: Foodie Fundraising
Theme URI: http://foodiefundraising.com
Description: Default theme for Foodie Fundraising.
Version: 1.0
Author: Aaron Elliott
Author URI: http://forwardtrends.com
Tags: foodie

*/



/* Begin Typography & Colors */

/* CSS Document */

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, 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-top: 0pt;margin-right: 0pt;margin-bottom: 0pt;margin-left: 0pt;padding-top: 0pt;padding-right: 0pt;padding-bottom: 0pt;padding-left: 0pt;border-top-width: 0pt;border-right-width-value: 0pt;border-right-width-ltr-source: physical;border-right-width-rtl-source: physical;border-bottom-width: 0pt;border-left-width-value: 0pt;border-left-width-ltr-source: physical;border-left-width-rtl-source: physical;border-top-style: none;border-right-style-value: none;border-right-style-ltr-source: physical;border-right-style-rtl-source: physical;border-bottom-style: none;border-left-style-value: none;border-left-style-ltr-source: physical;border-left-style-rtl-source: physical;border-top-color: -moz-use-text-color;border-right-color-value: -moz-use-text-color;border-right-color-ltr-source: physical;border-right-color-rtl-source: physical;border-bottom-color: -moz-use-text-color;border-left-color-value: -moz-use-text-color;border-left-color-ltr-source: physical;border-left-color-rtl-source: physical;outline-color: -moz-use-text-color;outline-style: none;outline-width: 0pt;font-size: 100%;vertical-align: baseline;background-color: transparent;background-image: none;background-repeat: repeat;background-attachment: scroll;background-position: 0% 0%;border:0;

}


body{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	background-color:#2B0000;
	color:#FFF;
}



body.home {
	background-image:url(/img/body-bg.jpg);
	background-repeat:repeat-x;
	background-position:top center;

}

body.page, body.archive, body.single {
	background-image:url(/img/body-bg-sub.jpg);
	background-repeat:repeat-x;
	background-position:top center;

}	

html {
	height:100%;
	width:100%;
	margin:0;
	padding:0;
}

h1 {
	font-size:24px;
	font-weight:normal;
	color:#FF9900;
	margin:10px 0px;
	padding:0px;
	height:20px;
	line-height:20px;
	letter-spacing:-1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:10px 0px;
}

h2 {
	font-size:18px;
	font-weight:normal;
	color:#FF6600;
	height:20px;
	line-height:20px;
	letter-spacing:-1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:10px 0px;
}

h3 {
	font-size:16px;
	font-weight:normal;
	color:#9F3400;
	height:20px;
	line-height:20px;
	letter-spacing:-1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:10px 0px;
}

h4 {
	font-size:16px;
	font-weight:normal;
	color:#FF9900;
	height:20px;
	line-height:20px;
	letter-spacing:-1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:10px 0px;
}

#sidebar h4 {
	font-size:12px;
	color:#FFF;
	
}

a {
	color:#FF6600;
}

hr {

	height:1px;
	border:0px;
	color:#331100;
	background-color:#331100;
}

small {
	font-size:10px;
	color:#9D654D;
}

#home #bg {
	background-image:url(/img/foodie-bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	display:block;
	height:100%;
	min-height:1000px;
}

#sub #bg {
	background-image:url(/img/foodie-bg-sub.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	display:block;
	height:100%;
	min-height:1000px;
}

#wrapper {
	width:860px;
	margin:0 auto;
}

#header {
	height:124px;
	display:block;
}

#logo {
	width:200px;
	height:164px;
	position:absolute;
	margin-left:-20px;
}

#smallnav {
	position:absolute;
	font-size:10px;
	color:#666;
	margin-left:530px;
	top:15px;
}

#smallnav a {
	color:#555;
}


#nav {
	
	position:absolute;
	top:60px;
	margin:0px;
	padding:0px;
	margin-left:220px;
	width:660px;
	height:26px;
}

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

#nav ul li {
	margin:0px;
	padding:0px;
	float:left;
	outline: none;
	text-indent: -9999px;
	
}

#nav ul li a {
	background-image: url(/img/foodie-nav.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	display:block;
	height:26px;
}

#nav ul li#home a {
	width:97px;
	background-color:#FFF;
	background-position:0px 0px;
}
#nav ul li#home a:hover {
	background-position:0px -50px;
}

.home #home a {
	background-position:0px -50px!important;
}

#nav ul li#about a {
	width:103px;
	background-color:#FFF;
	background-position:-96px 0px;
}
#nav ul li#about a:hover {
	background-position:-96px -50px;
}

.page-id-2 #about a, .parent-pageid-2 #about a {
	background-position:-96px -50px!important;
}

#nav ul li#services a {
	width:109px;
	background-color:#FFF;
	background-position:-198px 0px;
}
#nav ul li#services a:hover {
	background-position:-198px -50px;
}
.page-id-7 #services a, .parent-pageid-7 #services a {
	background-position:-198px -50px!important;
}

#nav ul li#events a {
	width:115px;
	background-color:#FFF;
	background-position:-306px 0px;
}
#nav ul li#events a:hover {
	background-position:-306px -50px;
}
.page-id-21 #events a {
	background-position:-306px -50px!important;
}

#nav ul li#blog a {
	width:114px;
	background-color:#FFF;
	background-position:-420px 0px;
}
#nav ul li#blog a:hover {
	background-position:-420px -50px;
}
.page-id-53 #blog a, .parent-pageid-53 #blog a {
	background-position:-420px -50px!important;
}

#nav ul li#contact a {
	width:117px;
	background-color:#FFF;
	background-position:-533px 0px;
}
#nav ul li#contact a:hover {
	background-position:-533px -50px;
}
.page-id-13 #contact a, .parent-pageid-13 #contact a {
	background-position:-533px -50px!important;
}


#content {
	display:block;
	padding:20px 0px;
	width:820px;
}	

#maincontent {
	display:block;
	width:860px;
	margin-top:20px;
}

#main {
	width:600px;
	float:left;
}

#main p {
	line-height:18px;
	font-size:12px;
	margin:10px 0px;
	color:#E6DEDD
}

#main ul {
	list-style-type:none;
	padding-left:20px;
}

#main li {
	line-height:15px;
	font-size:12px;
	margin:10px 0px;
	color:#FFFFFF;
	font-style:italic;
	width:80%;
	
}

#sidebar {
	width:260px;
	float:right;
	height:600px;
}

#sidebar p, #sidebar li {
	line-height:16px;
	font-size:11px;
	margin:10px 0px;
	color:#E6DEDD
}

#sidebar a {
	color:#FF9900;
}

#home #splash {
	display:block;
	height:356px;
}	
#sub #splash {
	display:block;
	height:206px;
} 

#splash-image {
	position:absolute;
}

#splash-children {
	font-size:10px;
	text-transform:uppercase;
	line-height:30px;
	color:#9D4F00;
}

#splash-children a {
	color:#6A3500;
	text-decoration:none;
}

#splash-children ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#splash-children ul li {
	margin:0px;
	padding:0px;
	float:left;
}

#dinnerware {
	width:518px;
	height:342px;
	position:absolute;
	background-image:url(/img/dinnerware.png);
	background-repeat:no-repeat;
	margin-left:417px;
}

#tag {
	position:absolute;
	height:78px;
	width:402px;
	text-indent:-9999px;
	background-image:url(/img/tag.png);
	background-repeat:no-repeat;
	background-position:0 0 ;
	margin-top:130px;
}

#home-btns {
	height:107px;
	width:450px;
	position:absolute;
	margin-left:-34px;
	z-index:10;
	margin-top:250px;
}

#home-btns ul {
	list-style-type:none;
	margin:0;
	padding:0;
	height:107px;
}
#home-btns ul li {
	margin:0px;
	padding:0px;
	float:left;
	outline: none;
	text-indent: -9999px;
}
#home-btns ul li a {
	background-image: url(/img/home-btns.png);
	background-position:0 0;
	background-repeat:no-repeat;
	display:block;
	height:107px;
}
#home-btns ul li#learnmore a {
	width:225px;
	background-position:0px 0px;
}
#home-btns ul li#learnmore a:hover {
	width:225px;
	background-position:0px -107px;
}
#home-btns ul li#getstarted a {
	width:223px;
	background-position:-224px 0px;
}
#home-btns ul li#getstarted a:hover {
	width:223px;
	background-position:-224px -107px;
}

#main p, #bot p, #bot-locations p, #sidebar p, #sidebar li {

	width:92%;
}


#sidebar {
	width:260px;
	float:left;
}

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

#sidebar ul li ul {
	margin-left:10px;
}

#sidebar ul li ul li ul {
	margin-left:10px;
}

#sidebar li {
	margin:0px;
	padding:0px;
	text-indent:none;
}


#bot {
	display:block;
	width:840px;
}

#bot-res {
	float:left;
	width:260px;
	margin-right:20px;
}

#bot-news {
	float:left;
	width:260px;
	margin-right:20px;
}

#bot-locations {
	float:left;
	width:260px;
}

#bot p {
	font-size:12px;
	color:#FFF;
	line-height:16px;
	margin:10px 0px;
}

#footer {
	height:80px;
	font-size:10px;
	color:#454545;
	padding:20px 0px;
	width:860px;
	margin-top:40px;
	background-image:url(/img/footer-bg.jpg);
	background-repeat:no-repeat;
	padding-top:40px;
}

#footer a {
	color:#454545;
	margin-right:2px;
	margin-left:2px;
}

#footer-left{
	float:left;
	width:250px;
}

#footer-right {
	width:590px;
	float:right;
	text-align:right;
}

#sosodef {
	display:block;
	background-image:url(/img/foodie-def.jpg);
	background-repeat:no-repeat;
	padding-top:100px;
	font-size:12px;
	margin-top:20px;
	margin-bottom:20px;
}
#sosodef .def {
	width:50%;
	float:left;
	font-size:12px;
	color:#FFF;
	padding-bottom:10px;
}

/* classes */



.left_50 {
	width:47%;
	float:left;
}

.right_50 {
	width:50%;
	text-align:right;
	float:left;
}

.hidden {
	color:#FF9900;
}

.left_25 {
	float:left;
	width:25%;
}

.left_20 {
	float:left;
	width:20%;
}

/* clearfix */

.clearfix:after
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix
{
	min-width: 0;		/* trigger hasLayout for IE7 */
	display: inline-block;
	/* \*/	display: block;	/* Hide from IE Mac */
}
* html .clearfix
{
	/* \*/  height: 1%;	/* Hide from IE Mac */ 
}

/* PNG Fix */

img, div, input { 
	behavior: url("/htc/iepngfix.htc") ;
}

#sub-rotator {
	width:267px;
	height:200px;
	overflow:hidden;
	position:absolute;
	top:126px;
	margin-left:586px;
}

/* rotator in-page placement */
    div#rotator {
	width:350px;
	height:385px;
	overflow:hidden;
	position:absolute;
	top:168px;
	margin-left:546px;
}

/* rotator in-page placement */
    div#siderotator {
	width:150px;
	height:150px;
	overflow:hidden;
	position:absolute;
}
/* rotator css */
	div#siderotator ul li {
	float:left;
	position:absolute;
	list-style: none;
	margni:0;
	padding:0;
}
/* rotator image style */	
	div#siderotator ul li img {
	
	
}
    div#siderotator ul li.show {
	z-index:500
}


/* 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 0px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */


.navigation {
	font-size:10px!important;
	display:block;
	clear:both;
	margin-bottom:10px;
}

.post {
	display:block;
	clear:both;
	padding-top:20px;
}

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

ul#recentposts li {
	margin:0px;
	padding:0px;
	font-size:12px;
}
ul#recentposts a {
	color:#FFF!important;
}




.entry ul li:before, #sidebar ul ul li:before, ul#recentposts li:before {

	content: "\00BB \0020";
	color:#FFF;
	}
	
	#sub_left ul ul li:before {
	content: "\00BB \0020";
	color:#CCC;
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

.postmetadata {
	font-size:10px!important;
}


#pageflip {
	position: absolute;
	right: 0; top: 0;
	float: right; 
	z-index:10000;
	background-color:#FFF;!important;
	background-image:url(/img/pageflip-bg.jpg);
	
	
}
#pageflip img {
	width: 140px; height: 125px;
	z-index: 99;
	position: absolute;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
	width: 135px; height: 115px;
	overflow: hidden;
	position: absolute;
	right: 0; top: 0;
	text-align:right;
	padding-right:5px;
	padding-top:5px;
	background: url(/img/flipbook.png) no-repeat right top;
}

label {
	color:#FFF;
	font-size:11px;
}

#c_form_2 {
	color:#FFF;
	font-size:11px;
}