/*
Theme Name: Plant Custom
Description: Custom template, child of Starkers
Version: 1.0
Author: Sparking Design
Author URI: http://sparkingdesign.com
Template: Starkers
*/

*{
margin:0;
padding:0;
}
body {
margin: 0;
padding: 0;
background-image: url(images/beetBG_1200.jpg);
background-position: center;
background-repeat: no-repeat;
background-color: #842132;
/* This next one is for IE6 */
background-attachment: fixed;

background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
/*end of properties for the flexibleBG*/

text-align:center;
color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
/*
This next definition doesn't allow the background to get any smaller
than a predefined size (640x426px in this case). Change the values
here to match your background image size. The configuration in the
flexi-background javascript file should also match these values.
*/
 
@media only all and (max-width: 1200px) and (max-height: 959px) {
body {
background-size: 1200px 959px;
/*-moz-background-size: 1200px 959px;
-webkit-background-size: 1200px 959px;*/
-webkit-background-size: auto auto;
-moz-background-size: auto auto;
}
}
 
/*
The next 2 definitions are for support in iOS devices.
Since they don't recoginze the 'cover' keyword for background-size
we need to simulate it with percentages and orientation
*/
 
@media only screen and (orientation: portrait) and (device-width: 320px), (device-width: 768px) {
body {
/*-webkit-background-size: auto 100%;*/
-webkit-background-size:  auto 100%;
}
}
 
@media only screen and (orientation: landscape) and (device-width: 320px), (device-width: 768px) {
body {
/*-webkit-background-size: 100% auto;*/
-webkit-background-size: 100% auto ;
background-position: bottom;
}
}
/*///////////////////////////////////from Kimili flexible BG works with the js file//////////////////////*/
img#expando {
display: none;
position: absolute;
z-index: 1;
-ms-interpolation-mode: bicubic;
}
 
.wide img#expando,
.tall img#expando {
display: block;
}
 
.wide img#expando {
height: auto;
width: 100%;
}
 
.tall img#expando {
height: 100%;
width: auto;
}
/*////////////////////////end of flex BG styles//////////////////////////////////*/

/*main divs*/
#container{
text-align:left;
width:750px;
/*border:solid 1px red;*/
margin-left:auto;
margin-right:auto;
margin-top:30px;
}
/*header area*/
#header{
margin:6px auto 8px auto;
height:210px;
width:700px;
/*border:solid 1px blue;*/
background-image:url(images/headerBG.png);
background-repeat:no-repeat;
background-position:top;
position:relative;
}
#header li{
list-style-type:none;
padding-bottom:3px;
}
#leftHeader li a{
color:#000;
}
#leftHeader, #rightHeader{
width:160px;
/*border:solid 1px white;*/
float:left;
font-size:10px;
color:#000;
margin-left:40px;
margin-top:64px;
font-weight:bold;

}
#leftHeader{
text-align:right;
z-index:300;
margin-left:32px;
}
.phoneNum{

font-size:1.05em;
}
#rightHeader{
margin-top:55px;

}
#rightHeader li{
margin-bottom:-4px;
}
.days{
color:#940B13;
margin-left:-7px;
margin-top:2px;
}
#logo{
/*border:solid 1px green;*/
margin-left:20px;
margin-top:18px;
margin-right:2px;
width:265px;
float:left;
}
#mainNav{
clear:left;
width:725px;
margin-top:-5px;
margin-left:-10px;
background-image:url(images/paperBanner_720.png);
background-repeat:no-repeat;
height:85px;
/*border:solid 1px aqua;*/
z-index:2;
position:absolute;
bottom:-5px;
left:0px;
text-align:center;
}

/*///////////////////////////////global styles///////////////////////////*/
a img{
border:0;
}
a{
color:#fff;
}
a:visited{
color:#fff;
}
a:hover{
color:#996600;
}

/*//////////////////////////main Navigation/////////////////////////*/
#mainNav ul{
margin-top:35px;

}
#mainNav li{
list-style-type:none;
display:inline;
padding:0 12px 0 12px;

}

#mainNav .menu-item a{
	color:#940B13;
	text-transform: uppercase;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	}
#mainNav li a:hover{
	color:#996600;
	}
#mainNav .current-menu-item a{
text-decoration:line-through;
color:#536E29;
}


/*////////////////////////content area///////////////////////////*/
#headerImg{
margin-top:-20px;
margin-left:2px;
}
#headerImg img{
border:solid #fff 10px;
}
#contentHolder{
background-image:url(images/bgTile.png);
border:solid 1px #000;
padding:15px;
margin-top:-40px;
z-index:1;
width:675px;
margin-left:auto;
margin-right:auto;
}
#blogContent{
float:left;
width:430px;
/*border:solid 1px yellow;*/
padding:0px 10px 0px 10px;
}
.post{
margin-bottom:25px;
border-bottom:dashed 1px #fff;
padding-bottom:15px;
}
.postedBy, .postedBy a{
margin-bottom:5px;
color:#EEC979;
font-size:10px;
}
#content{
padding:0px 10px 0px 10px;
/*border:solid 1px yellow;*/
}
.clearfloat{
clear:both;
width:100%;
}
#content h1, #content h2, #content h3, #blogContent h1, #blogContent h2, #blogContent h3{
margin-bottom:10px;
margin-top:10px;
}
#content p, #blogContent p{
margin-bottom:15px;
}
#content ul, #blogContent ul{
margin-left:35px;
}
#content li, #blogContent li{
margin-bottom:5px;
}
#content img{
float:left;
border:solid 3px #fff;
margin-right:15px;
margin-bottom:15px;
}
#blogContent img{
border:solid 3px #fff;
}
/*//////////////////////////////sidebar area///////////////////////*/

#sidebar{
float:left;
width:200px;
margin-left:5px;
/*padding-right:15px;*/
}
#sidebar li{
list-style-type:none;
}
#sidebar li li{
margin-left:30px;
margin-bottom:5px;
}
#sidebar h3{
margin-bottom:5px;
margin-top:15px;
background-image:url(images/paper_150.png);
background-repeat:no-repeat;
background-position:center center;
padding:10px 0 14px 0;
text-align:center;
color:#940B13;
}
#sidebar ul{
margin-bottom:40px;
}
/*////////////////////////footer area/////////////////////////*/
#footer{
background-image:url(images/bgTile.png);
border:solid 1px #000;
padding:8px 5px 8px 5px;
padding-top:10px;
width:695px;
height:20px;
margin-top:30px;
margin-left:auto;
margin-right:auto;
text-align:center;
overflow:visible;
white-space:nowrap;
}
.copyright{
font-size:10px;
margin-top:20px;
margin-bottom:20px;
text-align:center;
color:#000;
}
.copyright a{
color:#000;
}

#footer li{
	display:inline;
	padding:3px 8px 5px 25px;
	font-size:11px;
	white-space: nowrap;
}
.fbLi{
background-image:url(images/fbIcon.png);
background-repeat:no-repeat;
background-position:left center;
}
.cowLi{
background-image:url(images/happyCowIcon.png);
background-repeat:no-repeat;
background-position:left center;
}
.tripLi{
background-image:url(images/tripAdvisorIcon.png);
background-repeat:no-repeat;
background-position:left center;
}
.twitterLi{
background-image:url(images/twitterIcon.png);
background-repeat:no-repeat;
background-position:left center;
}
.mapLi{
background-image:url(images/mapIcon.png);
background-repeat:no-repeat;
background-position:left center;
}
.instaLi{
background-image:url(images/instagramIcon.png);
background-repeat:no-repeat;
background-position:left center;
}
.spoonLi{
background-image:url(images/spoonIcon.png);
background-repeat:no-repeat;
background-position:left center;

}
.spoonA{
padding-left:20px;
}
.yelpLi{
background-image:url(images/yelpIcon.png);
background-repeat:no-repeat;
background-position:left center;
}
#footer .AIRicon{
background-image:url(images/AIRicon.png);
background-repeat:no-repeat;
background-position:left center;
padding:10px 0px 10px 45px;
margin-top:25px;
display:inline-block;
}
.AIRicon a{
color:#000;
}

#content img .ngg-gallery-thumbnail img{
border:none;
}

/*/////////////////////////special styling for [gallery] shortcode/////////////////*/
.gallery-item{
float:left;
text-align:center;
margin:0 0px 20px 6px;
}
.gallery-item p{
margin-top:0px;

}