/*
Theme Name: Foodie Fest 2010
Author: W3 Interactive Systems

*/
body
{
	background:#FFFFFF url(images/body-bg.jpg) repeat-x left top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#000000;
	padding:0px;
	margin:0px;
}

form, input
{
	padding:0px;
	margin:0px;
}

a
{
	color:#00B0D8;
	text-decoration:none;
	outline:0;
}

img
{
	border:0px;
}

img a
{
	border:0px;
}

.clear
{
	clear:both;
}

.float_left
{
	float:left;
}

.float_right
{
	float:right;
}

/****************wrapper****************/

#wrapper
{
	width:1055px;
	margin:0px auto 10px auto;
	padding-top:21px;
}

/****************header****************/

#header
{
	width:1055px;
	height:429px;
}

.header-top
{
	height:95px;
	position:relative;
}

.logo
{
	width:861px;
	float:left;
	margin-right:13px;
}

.header-icons
{
	width:181px;
	float:left;
}

.header-icons img
{
	margin-right:10px;
}

.banner-area
{
	width:980px;
	padding-left:69px;
	padding-right:6px;
	margin-top:-25px;
	z-index:1;
}

.main-banner
{
	background:url(images/banner-bg.jpg) repeat-x left top;
	width:980px;
	height:318px;
}

.scroll-left
{
	width:40px;
	float:left;
	padding-left:20px;
	padding-top:132px;
}

.scroll-right
{
	width:40px;
	float:right;
	padding-right:20px;
	padding-top:132px;
}

.main-menu
{
	width:980px;
	padding-left:69px;
	padding-right:6px;
}

.nav
{
	background:url(images/nav-bg.png) repeat-x left top;
	width:980px;
	height:41px;
}

.nav ul
{
	list-style:none;
	padding:0px;
	margin:0px;
	text-align:center;
}

.nav ul li
{
	font-size:14px;
	color:#FFFFFF;
	display:inline;
	padding:0px 18px;
	line-height:41px;
	font-weight:bold;
}

.nav ul li a
{
	color:#FFFFFF;
	text-decoration:none;
}

.nav ul li a:hover
{
	color:#FFFFFF;
	text-decoration:none;
}

/****************sub-header****************/

#subheader
{
	width:990px;
	padding-left:65px;
}

.subheader-bg
{
	background:url(images/sub-header-bg.png) repeat-y left top;
	width:990px;
}

.subheader-bottom
{
	background:url(images/sub-header-bottom.png) no-repeat left bottom;
	width:959px;
	padding:8px 13px 13px 18px;
}

.about-box
{
	background:url(images/about-bx-bg.png) repeat-y left top;
	width:317px;
	float:left;
	margin-right:3px;
}

.about-box-top
{
	background:url(images/about-bx-top.png) no-repeat left top;
	width:317px;
}

.about-box-bottom
{
	background:url(images/about-bx-bottom.png) no-repeat left bottom;
	width:287px;
	padding:19px 17px 15px 13px;
	font-size:13px;
	color:#FFFFFF;
}

.about-box-bottom h2
{
	padding:0px;
	margin:0px;
	font-size:22px;
	font-weight:normal;
	color:#FFFFFF;
	
}

.twitter-box
{
	width:321px;
	float:left;
	margin-right:7px;
}

.followus-box
{
	background:url(images/followus-bg.png) repeat-y left top;
	width:321px;
}

.followus-box-top
{
	background:url(images/followus-top.png) no-repeat left top;
	width:321px;
}

.followus-box-bottom
{
	background:url(images/followus-bottom.png) no-repeat left bottom;
	width:321px;
	line-height:20px;
	}

.followus-box-bottom h2
{
	padding:0px;
	margin:0px;
	font-size:18px;
	color:#cfc1a7;
	font-style:italic;
	padding-top:7px;
	line-height:28px;
	padding-left:10px;
}

.followus-box-bottom p
{
	padding:0px;
	margin:0px;
	padding:15px;
	text-indent:30px;
}

.twitter-logo
{
}

/****.ticket-box
{
	width:308px;
	float:left;
	padding-top:32px;
}****/

.video-box
{
	width:308px;
	float:left;
	padding-top:10px;
	padding-bottom:10px;
}

/****************content****************/

#content
{
	width:990px;
	padding-left:65px;
}

.main-content
{
	background:url(images/content-bg.png) repeat-y left top;
	width:659px;
	float:left;
	margin-right:13px;
}

.main-content-top
{
	background:url(images/content-top.png) no-repeat left top;
	width:659px;
}

.main-content-bottom
{
	background:url(images/content-bottom.png) no-repeat left bottom;
	width:619px;
	padding:22px 20px;
}

.featured-post
{
	margin-bottom:7px;
}

.featured-post img
{
	float:left;
	margin-right:10px;
}

.featured-post h1
{
	padding:0px;
	margin:0px;
	font-size:23px;
	color:#00B0D8;
	padding-top:15px;
}

.featured-post span
{
	display:block;
	margin-right:20px;
	*margin-right:15px;
	float:left;
	font-size:13px;
	*font-size:12px;
	font-style:italic;
	color:#00B0D8;
	padding-top:3px;
	
}

.featured-post p
{
	padding-top:18px;
}

.read-more
{
	background:url(images/read-more.png) no-repeat left top;
	width:152px;
	height:28px;
	float:right;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	line-height:28px;
	color:#cfc1a7;
	text-transform:uppercase;
}

.read-more a
{
	color:#cfc1a7;
	text-decoration:none;
}

.read-more a:hover
{
	color:#cfc1a7;
	text-decoration:none;
}

.regular-post
{
	margin-bottom:7px;
	line-height:20px;
}

.regular-post img
{
	float:left;
	margin-right:10px;
}

.regular-post h2
{
	padding:0px;
	margin:0px;
	font-size:22px;
	color:#00B0D8;
	padding:10px 0px;
	font-weight:normal;
}

.regular-post h2 a
{
	
	color:#00B0D8;
	font-weight:normal;
}

.regular-post p
{
	padding:0px;
	margin:0px;
	padding-right:20px;
}

.regular-post span.author
{
	font-style:italic;
	display:block;
	padding-top:3px;
}

.regular-post span.sepa
{
	font-weight:bold;
	padding:0px 15px;
}

.sidebar
{
	width:318px;
	float:left;
}

.search-aera
{
	background:#adadad;
	width:291px;
	height:34px;
	margin:3px 9px 9px 0px;
	padding:6px 6px 0px 12px;
}

.search-aera span.search
{
	font-size:20px;
	color:#FFFFFF;
	line-height:26px;
	display:block;
	float:left;
	margin-right:15px;
}

.search-text-field
{
	background:url(images/text-field.png) no-repeat left top;
	width:174px;
	height:29px;
	float:left;
	border:0px;
	line-height:29px;
	padding:0px 5px 0px 25px;
}

.widget-bg
{
	background:url(images/sidebar-bg.png) repeat-y left top;
	width:318px;
	margin-bottom:3px;
}

.widget-bottom
{
	background:url(images/sidebar-bottom.png) no-repeat left bottom;
	width:288px;
	padding:0px 15px 15px 15px;
}

.widget-bottom ul
{
	list-style:none;
	padding:0px;
	margin:0px;
	padding-top:10px;
}

.widget-bottom ul li
{
	color:#000000;
	padding-bottom:10px;
}

.widget-bottom ul li a
{
	color:#000000;
	text-decoration:none;
}

.widget-bottom ul li a:hover
{
	color:#000000;
	text-decoration:none;
}

.widget-bottom img
{
	
	margin:5px auto 5px auto;
	border:1px solid #ccc;
	padding:2px;
}

.widget-top1
{
	background:url(images/side-head1.jpg) no-repeat left top;
	width:318px;
}

.widget-top1 h2
{
	padding:0px;
	margin:0px;
	font-size:18px;
	color:#cfc1a7;
	font-style:italic;
	padding-top:12px;
	line-height:28px;
	font-weight:normal;
	background:url(images/side-head-right.jpg) no-repeat 140px 0px;
}

.widget-top2
{
	background:url(images/side-head2.png) no-repeat left top;
	width:318px;
}

.widget-top2 h2
{
	padding:0px;
	margin:0px;
	font-size:18px;
	color:#cfc1a7;
	font-style:italic;
	padding-top:12px;
	line-height:28px;
	padding-left:10px;
	font-weight:normal;
}

.widget-top3
{
	background:url(images/side-head3.png) no-repeat left top;
	width:318px;
}

.widget-top3 h2
{
	padding:0px;
	margin:0px;
	font-size:18px;
	color:#cfc1a7;
	font-style:italic;
	padding-top:12px;
	line-height:28px;
	padding-left:10px;
	font-weight:normal;
}

.widget-top4
{
	background:url(images/side-head4.png) no-repeat left top;
	width:318px;
}

.widget-top4 h2
{
	padding:0px;
	margin:0px;
	font-size:18px;
	color:#cfc1a7;
	font-style:italic;
	padding-top:8px;
	line-height:28px;
	padding-left:10px;
	font-weight:normal;
}

.widget-top5
{
	background:url(images/side-head5.png) no-repeat left top;
	width:318px;
}

.widget-top5 h2
{
	padding:0px;
	margin:0px;
	font-size:18px;
	color:#cfc1a7;
	font-style:italic;
	padding-top:3px;
	line-height:28px;
	padding-left:10px;
	font-weight:normal;
}

/***************footer*******************/

#footer
{
	
	margin-left:65px;
	width:950px;
	background:#adadad;
	height:20px;
	clear:both;
	padding:35px 20px;
	color:#FFF;
	
}


/********************************************Inner Page***************************************/

.inner-post
{
	margin-bottom:7px;
	line-height:20px;
}

.inner-post h2
{
	padding:0px;
	margin:0px;
	font-size:22px;
	color:#00B0D8;
	padding:10px 0px 5px 0px;
	font-weight:normal;
}

.inner-post span.author
{
	font-style:italic;
	display:block;
	padding-bottom:5px;
}

.inner-post span.sepa
{
	font-weight:bold;
	padding:0px 15px;
}










/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */

/* Begin Calendar */
#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}

#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
	}

/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

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

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

/********************************************Slider***************************************/
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 980px; /*Width of Carousel Viewer itself*/
height: 318px; /*Height should enough to fit largest content's height*/
clear:right;
}

html>/**/body .stepcarousel, x:-moz-any-link, x:default { 
	top:-16px;
	margin:0;
	padding:0;
	height: 318px;
	}
	
html>/**/body .stepcarousel .panel, x:-moz-any-link, x:default { 
	padding:0;
	}

.stepcarousel img {
height: 300px; /*Height should enough to fit largest content's height*/
width:980px;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin:0; /*margin around each panel*/
width: 980px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
padding-top:9px;

}

.tweeter {
	height:120px;
overflow:hidden;
	}

ul#twitter_update_list {
	list-style:none;
	*padding:0;
	*margin:10px 25px;
	}
	
ul#twitter_update_list li {
	margin-bottom:50px;
	padding:0 10px;
	}
	
ul#twitter_update_list li span {
	display:block;
	}

.fan_box {
	margin-top:10px;
	}
	
.fan_box .page_stream {
border-top:1px solid #D8DFEA;
height:1px;
overflow:auto;
padding:0 10px;
position:relative;
text-align:center;
}
/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */
.alignleft a{float:left;}
.alignright a{float:right;}
.navigation {padding:20px 0 20px 0;}