/*
Theme Name: Verbena
Theme URI: http://wordpress.org/
Description: Verbena Website Theme
Version: 1.6
Author: Lindsey Constantino
Author URI: http://lindseyconstantino.com/
Tags: restaurant, purple
*/



/* Begin Typography & Colors */
/* Global styles */
body { overflow: -moz-scrollbars-vertical; behavior: url(../js/csshover.htc); background:#000 url(images/bg-slice.jpg) repeat-x; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#7c7c7c;}
* {margin: 0 auto; padding: 0;}		/*<------<--------<-----| This assumes we're centering!!! */
a img {border: none;}
a { color:#4c721d; text-decoration:underline;}
	a:hover, a.current {text-decoration: none;}
p { font-size:12px; padding:0 0 10px 0; line-height:18px;}
ul, ol {padding:4px 0 0 0;}
li {}
td, th, tr {font-size:11px;}
strong { color:#5a2149;}

h1{color:#4c721d; font-size:20px; padding:0 0 10px 0;}
h2{color:#5a2149; font-size:20px; padding:0 0 10px 0;}
h3{color:#4c721d; font-size:16px; padding:0 0 10px 0;}
h4{color:#5a2149; font-size:16px; padding:0 0 10px 0;}
h5{color:#4c721d; font-size:14px; padding:0 0 10px 0;}
h6{color:#5a2149; font-size:14px; padding:0 0 10px 0;}

/***********CLASSES**************/
.right{float:right;}
.left{float:left;}

.full{position:relative; width:99%;}	/*<------<--------<-----| This works better w/ px based widths */
.split50{position:relative; width:50%;float:left;}
.split30{position:relative; width:33%;float:left;}

.formpadding td {padding: 0 0 10px 0;}
img.alignright {float:right; margin:6px 0 1em 1em}
img.alignleft {float:left; margin:6px 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:6px 0 1em 1em}
a img.alignleft {float:left; margin:6px 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
/***********WRAPPERS**************/
#ConceptWrapper { width:500px; padding:20px; border:1px solid #000; margin-top:20px; background-color:#fff;}
#PageWrapper{ width:840px; padding:20px 0 0 0; margin-bottom:10px;}
#Wrapper{}
#Top{ width:830px; padding:10px 0 10px 10px; height:74px}
#Top span{ float:right; padding:48px 0 0 0;}
#Bottom{ width:840px; color:#fff; font-size:12px; padding:0 0 0 0; margin:0; clear:both}
#Bottom span{ margin:0; padding:8px 0 14px 0; *padding:0 0 14px 0}
#SubWrapper{ width:846px; padding:8px 0 10px 0}
#SubPic{ float:left; margin:0 8px 0 0; _margin:0 6px 0 0; width:251px;}
#SubPic .about{ border:1px solid #fff; background:url(images/subpic-7.jpg) no-repeat; width:251px; height:350px;}
#SubPic .menu{ border:1px solid #fff; background:url(images/subpic-2.jpg) no-repeat; width:251px; height:350px;}
#SubPic .bar{ border:1px solid #fff; background:url(images/subpic-3.jpg) no-repeat; width:251px; height:350px;}
#SubPic .banquet{ border:1px solid #fff; background:url(images/subpic-4.jpg) no-repeat; width:251px; height:350px;}
#SubPic .events{ border:1px solid #fff; background:url(images/subpic-5.jpg) no-repeat; width:251px; height:350px;}
#SubPic .contact{ border:1px solid #fff; background:url(images/subpic-6.jpg) no-repeat; width:251px; height:350px;}
#SubContent{ background-color:#fff; width:557px; float:left; padding:12px 14px;}
#SubPic a{ color:#7c7c7c; text-decoration:none;}
#SubPic a:hover{ text-decoration:underline;}
#SubPic span{ margin-bottom:10px; display:block}
#Time{ width:241px; padding:0 10px 0 0; margin:10px 0 0 0; clear:both}

/***********HP NAVIGATION**************/
#HpNav {width: 846px; height: 399px; list-style: none; padding: 0; margin-bottom:8px; position:relative; clear:both; display:block;}
	#HpNav ul {margin:0; padding:0; list-style:none}
	#HpNav li {float: left;}					
	#HpNav li a span {display: none; }				
	#HpNav li a {height: 399px; display: block; float: left; padding: 0; margin:0 4px; _margin:0 3px;}					
	#HpNav li a.about {width:131px; background: url(images/hpnav-about.jpg) no-repeat left; border:1px solid #fff}
	#HpNav li a.menu{width:131px; background: url(images/hpnav-menu.jpg) no-repeat left; border:1px solid #fff}					
	#HpNav li a.bar {width:131px; background: url(images/hpnav-bar.jpg) no-repeat left; border:1px solid #fff}				
	#HpNav li a.banquet {width:131px; background: url(images/hpnav-banquet.jpg) no-repeat left; border:1px solid #fff}
	#HpNav li a.events {width:131px; background: url(images/hpnav-events.jpg) no-repeat left; border:1px solid #fff}
	#HpNav li a.contact {width:131px; background: url(images/hpnav-contact.jpg) no-repeat left; border:1px solid #fff}										
	#HpNav li a:hover {background-position: right; }
	#HpNav li a.current {background-position: right; }
	
/***********SUB NAVIGATION**************/
#SubNav {width: 846px; height: 38px; list-style: none; padding: 0; position:relative; clear:both; display:block;}
	#SubNav ul {margin:0; padding:0; list-style:none}
	#SubNav li {float: left;}					
	#SubNav li a span {display: none; }				
	#SubNav li a {height: 38px; display: block; float: left; padding: 0; margin:0;}					
	#SubNav li a.about {width:141px; background: url(images/nav-1.jpg) no-repeat top;}
	#SubNav li a.menu{width:126px; background: url(images/nav-2.jpg) no-repeat top;}					
	#SubNav li a.bar {width:115px; background: url(images/nav-3.jpg) no-repeat top;}				
	#SubNav li a.banquet {width:162px; background: url(images/nav-4.jpg) no-repeat top;}
	#SubNav li a.events {width:142px; background: url(images/nav-5.jpg) no-repeat top;}
	#SubNav li a.contact {width:160px; background: url(images/nav-6.jpg) no-repeat top;}										
	#SubNav li a:hover {background-position: bottom; }
	#SubNav li a.current {background-position: bottom; }

/***********Min-Height Hack**************/
.prop {float:left;width:1px;}
.clear {clear:both;height:1px;overflow:hidden;}	/* I don't currently rely on .clear */
.min431px {height:431px;}
/***************************************/	

/* -- Alsett Clearing Method*/
.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}