/*
THEME NAME:Layers
THEME URI:http://jaipandya.com/themes
DESCRIPTION:Give your eyes a soothing treat with this excuisite combo of greaceful black, orange tints and shades. Comes packed with features like options page, multiple skin selection and update notifier. 
VERSION:1.1.1
AUTHOR:Jai Pandya
AUTHOR URI: http://jaipandya.com
TAGS: liquid, fixed width, two columns, dark, widgets, custom width, brown, yellow, colorful, fresh, simple, black, orange, valid XHTML, sidebar right, bottom sidebar, microformats, hcard, hatom, bright, options page
*/



/*******************************
********************************
Global element selectors
********************************
*******************************/

html{
	color:#999;
	background:#CCC;
}
a{color:#ffffff;text-decoration:none;}
a:hover{color:#daa520};
abbr,acronym{border-bottom:1px dotted #666666;font-variant:normal;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
blockquote{border:1px solid #666666;background: 5px 5px url(images/quotes.jpg) #252525 no-repeat;}
body{font:13px/1.231 'trebuchet ms',arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
body{color:#999999;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
caption,th{text-align:left;}
code{border:1px solid #cccccc;padding:10px;margin:10px 0px;display:block;background:#252525;}
div{position:relative;}
div.message{float:left;width:49%;padding:2px;text-align:center;position:relative;}
div.message textarea{border:1px solid #C8A767;width:90%;color:#f3ecdb;background:#8b8b8b none repeat scroll 0% 0%;height:107px;}
em{font-style:italic;}
/*fieldset,img{border:0;}*/
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
h1{color:#d2d2d2;font-size:150%;}
h2{color:#c9c9c9;font-size:130%;}
h3{color:#c4c4c4;font-size:110%;}
img.alignright,img.alignleft{margin:10px 20px;padding:4px;display:inline;}
input,textarea,select{font:inherit inherit inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
li{list-style:none;}
ol.comments a{color:#E13768;}
pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;*font-size:108%;}
q:before,q:after{content:'';}
sub{vertical-align:text-bottom;}
sup{vertical-align:text-top;}
table{border-collapse:collapse;border-spacing:0;}
table{font-size:inherit;font:100%;}


/*******************************
********************************
Class Selectors
********************************
*******************************/


.alignleft{float:left;}
.alignright{float:right;}
.center{margin:0pt auto;/*width:980px;*//*Set it at width 980 px to get fixed layout optimized for 1024 X 768 Pixel Resolution*/}
.clear{clear:both;}
.float-left{float:left;padding:20px;}
.float-right{float:right;padding:20px;}
.details p a{color:#666;}
.input{float:left;width:49%;position:relative;} /* Used for comment form */
.input input{border:1px solid #c8a767;margin-bottom:5px;padding:2px;width:99%;color:#f3ecdb;background:#8b8b8b none repeat scroll 0% 0%;position:relative;display:block;}/*opera cries without the display being block!*/
.wp-smiley{margin:0px !important; padding-bottom:0px !important; } /* Control margin and padding with smileys */
.avatar {float:left !important ;margin:5px 0px !important;padding:0px 10px 5px 0px !important;} /*Gravatar display with comments*/


/*******************************
********************************
ID selectors
********************************
*******************************/



/*****************************************
Style declarations for wrapper Block
*****************************************/


#wrapper{
	background:#000;
	min-width:980px;
width:expression(document.body.clientWidth < 980? "980px": "auto") ; }
/*min-width is for standard compliant browser while width serves for the poor internet explorer to keep it in good health*/


/*****************************************
Style declarations for header Block
*****************************************/

#headerprint{
	display:none;
}
#header{
	background:#3f3e3f url(../images/headerBackground.png) repeat-x bottom;
	height:146px;
}
#headerTop{
	color:#FFFFFF;
	font-family:'century gothic', 'arial narrow', arial, sans-serif;
	position:absolute;
	top:8px;
	left:30px;
	text-transform: lowercase;
	width: 96%; 
}
#headerTop h1{
	display:none;
	font-size:2.6em;
}
#headerTop h2{
	padding-left:10px;
	color:#ffffff;
	font-size:3.2em;
	letter-spacing: 120%;
}
#headerTop h3{
	color:#ffffff;
	font-size:2.2em;
}
#headerTop .banner1 {
	position: relative;
	left: 0px;
	top: 2px;
}
#headerTop .banner2 {
	position: absolute;
	top: 46px;
	left: 740px;
	width: 200px;
	right: 25px; 
}


#headerLogo{
	background-image: url(../images/pizzalogo.png);
	background-repeat: no-repeat;
	width:200px;
	height:78px;
	padding:10px 0px 0px;
	border:none;
	float: left;
}

/*****************************************
Style declarations for navigation Block
*****************************************/

#navigation{
	padding-top:15px;
	padding-bottom:11px;
	font-size:16px;
	top:104px;
}
#navigation li a{padding:15px 30px 11px;color:#000000;font-weight:bold;text-decoration:none;border-left:1px solid #000000;}
#navigation li a:hover{padding:15px 30px 12px;color:#aeacac;background:#202121 url(images/buttonBackground.png) repeat-x;text-decoration:none;}
#navigation ul li{display:inline;text-transform:uppercase;}



/*****************************************
Style declarations for content Block
*****************************************/


#content{}


/*****************************************
Style declarations for primary Block
*****************************************/


#primary{width:100%;background:#101110 url(images/primaryBackground.png) repeat-x;min-height:487px;height:100%;}

#primary #main #menupage{width:100%;background:#101110 url(images/primaryBackground2.png) repeat-x;min-height:487px;height:100%;}


/*****************************************
Style declarations for main Block
*****************************************/


#main h1,#main h2,#main h3,#main h4,#main h5,#main h6,#main ul,#main ol,#main dl,#main blockquote{margin:15px 30px;} /*main global styles*/
#main{
	margin:0px auto;
	padding:20px;
	font-family:"Lucida Grande","Lucida Sans Unicode",verdana,geneva,sans-serif;
	width: 80%;
	min-height:487px;
	height:100%;
}

.front{
	margin:0px auto;
	padding:2px;
	font-family:"Lucida Grande","Lucida Sans Unicode",verdana,geneva,sans-serif;
	width: 98%;
	min-height:487px;
	height:100%;
}

#main a{color:#fff;font-weight:bold;text-decoration:none;}
#main a:hover{color:#DAA520;}
#main dl dd{padding:10px 0px 10px 10px;}
#main dl dt{padding:10px 0px;font-weight:bold;}
#main h1{margin:15px 20px 15px 0px; font-size:180%;}
#main h1 a{border-bottom:2px solid #222;}
#main h1 a:hover{border-bottom:2px solid #daa520;color:#fff;}
#main h2{margin:15px 20px 15px 0px;color:#fff;font-size:170%;}
#main h3{color:#fff;font:130% "Trebuchet MS";}
#main .hilight{background:#313131 none repeat scroll 0 0;color:#CCCCCC;border:1px solid #AAAAAA;padding:10px;}
#main ol li{margin:10px 0 10px 25px;list-style-type:decimal;font-family:"Trebuchet MS","Sans Serif";line-height:22px;}
#main p{
	margin:15px 30px;
	padding:5px 5px;
	font-size: 1.2em;
	color: #FFF;
	line-height: 1.5em;
}
#main strong{color:#aaaaaa;font-weight:bold;}
#main table{margin:30px 30px;}
#main ul li,#main ol ul li{margin:10px 10px 10px 15px;padding:0 0 0 20px;list-style-type:disc;}
#main img{margin:15px 30px; padding:5px;}
#main a img{border:1px solid #000000;}
#main .aligncenter,#main div.aligncenter {display: block; margin-left: auto; margin-right: auto;} /*It should come after .wp-caption */
#main .largered {
	color: #F00;
	font-size: 2em;
}

#main .hangtext-q {
	text-indent: -18px;
	padding-left: 18px;
	color:#F00;
}

#main .hangtext-a {
    text-indent: -18px;
    padding-left: 18px;
}

/*****************************************
Style declarations for secondary Block
*****************************************/


#secondary{float:left;width:100%;padding:30px 0px;background:#7d5601 url(images/secondaryBackground.png) repeat-x;}
#secondaryContent{padding:0px 0px;}
#secondaryContent .block{float:left;margin:0px 12px 25px;padding:1% 1%;width:28%;border:1px solid #000000;background:#5e4101;text-align:center;}
#secondaryContent .block a{text-decoration:none;}
#secondaryContent .block h1{padding:5px 0px;font-size:170%;}
#secondaryContent .block h2{padding:5px 0px;font-size:130%;}
#secondaryContent .block h3{padding:5px 0px;font-size:130%;}
#secondaryContent .block ul{padding:10px 0px;}



/*****************************************
Style declarations for footer Block
*****************************************/



#footer{
	background:#313031 url(../images/footerBackground.png) repeat-x; 
	height:100%;
	min-height:50px;
	border-top-width: 3px;
	border-top-style: double;
	border-top-color: #F00;
	border-right-color: #F00;
	border-bottom-color: #F00;
	border-left-color: #F00;
}
#footer p{text-align:center;margin:0px;padding:15px;color:#AAAAAA;font:normal normal normal 100%/1.6em "Lucida Grande","Lucida Sans Unicode",verdana,geneva,sans-serif;font-size-adjust:none;}
#footer p a{color:white;font-weight:bold;text-decoration:none;}
#footer p span{color:white;}



/************************************************
Style declarations for menupage 
*************************************************/

#menupage {
	background-color: #FFF;
	color: #000;
	min-height: 400px;
	padding-left: 8px;
	padding-right: 8px;
}
#menupage h2 {
	color:#000;
	font-size: 2.6em;
	font-style: normal;
	font-weight: bold;
	margin-top: 4px;
	margin-bottom: 4px;
}
.red {
	color: #F00;
}
.pname {
	font-size: 120%;
	font-weight: bold;
	color: #F00;
}


#menupage h3 {
	font-size: 2em;
	font-weight: bold;
	color: #F00;
	background-color: #F2F2F2;
}

#menupage p {
	color: #000;
	font-weight: bold;
}
#menupage h4 {
	color: #000;
	font-size: 40px;
}
#menupage h6 {
	font-size: 2em;
	font-weight: bold;
	color: #F00;
	background-color: #F2F2F2;
}
#menupage .prices {
	font-weight: bold;
	word-spacing: 1.8em;
}
#menupage .pricestable {
	border-collapse: collapse;
	font-weight: bold;
	padding: 0px;
	width: 100%;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
	font-size: 16px;
}
#menupage .extra {
	font-size: 16px;
	font-weight: bold;
}
#menuleft #fav {
	border: medium dotted #F00;
	padding-left: 4px;
}




#main div h6 {
	text-align: center;
}
#menupage  p.menuhdgs {
	font-size: 2em;
	font-weight: bold;
	color: #000;
	background-color: #F2F2F2;
	display: block;
	line-height: 1.6em;
}

#main div h5, #main div h4, #main div h1 {
	text-align: center;
}
#printbtn {
	background-color: #F00;
	padding: 6px;
	height: 40px;
	width: 200px;
	border: thin dotted #FFF;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#main .lc {
	text-transform: lowercase;
}
#menuleft {
	float: left;
	width: 49%;
	border: thin solid #0F0;
	padding: 2px 6px 2px 0px;
	background-color: #FFF;
}
#menuright {
	padding: 2px 0px 2px 6px;
	width: 49%;
	border: thin solid #39F;
	float: left;
	background-color: #FFF;
}
.rtprice {
	font-size: 16px;
	font-weight: bold;
	right: 20px;
	float: right;
	padding-right: 20px;
}
#menupage #tblWrap {
	background-color: #FFF;
	vertical-align: top;
	width: 99%;
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 4px;
}
#menupage #tblWrap tr td.menuleft {
	background-color: #FFF;
	vertical-align: top;
	width: 49%;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 6px;
}
.tblfavs {
	border-collapse:separate;
	border: medium dotted #F00;
	margin: 0px;
	width: 100%;
	padding: 8px;
}
.tdLeft {
	font-size: 16px;
	font-weight: bold;
	text-align: left;
}
.tdMid {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
.tdRt {
	font-size: 16px;
	font-weight: bold;
	text-align: right;
}


#menupage #tblWrap tr td.menuright {
	background-color: #FFF;
	vertical-align: top;
	width: 49%;
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 10px;
}
.tblspecials {
	border-collapse:separate;
	border: medium solid #F00;
	margin: 0px;
	width: 100%;
	padding: 8px;
}
#menupdf {
	background-color: #FF6;
	text-align: center;
	border: thin solid #390;
}
#menupdf a {
	color: #000;
}
#menupdf a:hover {
	color: #F00;
}
#main div p img.facebook {
	height: 48px;
	width: 48px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
	vertical-align: middle;
}
#pslice {
	background-image: url(../images/frontpageslice2.png);
	background-repeat: no-repeat;
	position: static;
	width: 800px;
	top: 300px;
	z-index: 99;
	margin-right: -20px;
	margin-left: -80px;
	border: thin dotted #00F;
}