/*
Theme Name: KC Hopps Corporate
Theme URI: http://kchopps.com/
Description: Version 1 of the KC Hopps Corporate CMS theme built on the 960 gs
Version: 1
Author: Nick Davis
*/

body{
	font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
	font-size: 12px;
	color: #000000;
	background-color: #2c2c2c;
	margin-bottom: 75px;
	line-height: 1.4em;
}

h1, h2,.sf-menu a {
	font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
}

h1{
	margin: 4px 0px 6px 0px;
	font-size: 22px; 
	color: #000000; 
	font-weight: bold; 
	text-transform: uppercase;
}

h1 a{
	color: #222222;
	text-decoration: none;
}

h1 a:link, h1 a:visited, h1 a:hover, h1 {
	text-decoration: none;
}

h1.huge{
	font-size: 22px; 
}

h2, .title{
	margin: 2px 0px 6px 0px;
	font-size: 18px; 
	color: #000000; 
	font-weight: bold; 
}

h3{
	margin: 2px 0px 6px 0px;
	font-size: 16px; 
	color: #555555; 
	font-style: italic; 
}

h4{
	font-size: 14px;
	font-weight: bold;
	color: #333333; 
}

.title{
	margin: 2px 0 0 0;
}

a {
	color: #666666;
}

blockquote{
	text-align: center;
	font-size: 16px;
	font-style: italic;
	background-color: #cccccc;
	padding: 15px;
}

a:link {  text-decoration: underline;}
a:visited {  text-decoration: underline;}
a:hover { color: #111111;  text-decoration: underline;}
a:active {  text-decoration: none;}

#container{
	overflow: hidden;
	margin-bottom: 20px;
	margin-top: 1px;
}

#content{
	background-color: white;
	padding-top: 10px;
}

#home_content{
	background: #000000;
	border:0;
}

#home_headcontainer{
	height: 73px;
	background-image: url('images/headbg.gif');
	overflow: visible;
	z-index: 100;
}

#home_panels{
	display: none;
}

#headpad{
	height: 32px;
	background-color: #2c2c2c;
}

#headpadbot{
	height: 12px;
	background-color: #919191;
}

#gallery_wrap{
	margin: 0;
	padding: 0;
	background-color: #000000;
	border: #919191 solid 12px;
	border-top: none;
	border-bottom: none;
	width:916px;
	height: 582px;
	
}

#headcontainer{
	margin: 20px 10px 0px 10px;
	height: 110px;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
}

#headcontainer > div{
	float: left;
	height: 110px;
}

#pagefooter{
	background-color: #919191;
	color: #ffffff;
	
}
#pagefooter div{
	text-align: center;
	padding: 22px;
}
#logo{
	 backbackground-color: #919191;
	
}
#logo img{
	padding: 0;
}

#righthead{
	margin: 0;
	padding: 0;
}

#search{
	margin: -10px 0 0 0 ;
	text-align: right;
	height: 30px;

}

#s{
	margin: 5px -5px 0 0;
	width: 160px;
	height: 16px;
}

#searchimage{
	margin: 1px 0px 0 0 ;
}

a.selected {
	text-decoration: underline;
	font-weight: bold;
}

#navmenu{
	background-color: #000000;
	height: 29px;
	font-size: 11px; 
	font-weight: bold;
	
}

#navmenu ul{
	display:inline;
}

#navmenu li{
	display: inline;
	text-decoration: none;
	text-align: left;
}

#maincontent p {
	padding: 4px 0px 4px 0px;
}

div p, .textwidget {
	
}

.breadcrumb{
	margin: 3px 0px 5px 0px; 
}

.sf-menu li.sfHover ul {
	top:			0em; /* match top ul list item height */
}

ul.blogroll li, .cat-item{
	
	list-style: none;
	margin: -4px 0px 0px 0px;
	padding: 1px;
	text-decoration: underline;
	
}

.center{
	text-align: center;
}

.white{
	background: #ffffff;
}

.green {
	background: #009933;
	
}

.bump{
	padding-left: 4px;			
}

.post{
	clear: left;
}

.floatright{
	float:right;
}

.floatleft{
	float:left;	
}



.watermarktext{
	color: #999999;
	font-size: 9px;
	line-height: 12px;
}

.restaurantlink{
	color: #000000;
}





.galleria_wrapper{

}




#gallery li img{
	display:none;
}




div{
	/*border: 1px dotted #888888;*/
}


#post{
	
}

#post > div, #sidebar > div{
	padding: 10px;
}


#sidebar {
	text-align: left;
}

#sidebar div p{
	text-align: left;
}

.img{
	margin-top: 10px;
	text-align: center;
}

.img img{
	margin: 0 auto 0 auto;
}



.breadcrumb{
	padding-bottom: 8px;
	border-bottom: 2px solid #bbbbbb;
}


/*** Wordpress-Specific Classes ***/

img.alignright {float:right; margin:0 0 1em 1em;}
img.alignleft {float:left; margin:0 1em 1em 0;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto;}
a img.alignright {float:right; margin:0 0 1em 1em;}
a img.alignleft {float:left; margin:0 1em 1em 0;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.caption { margin: 5px; padding: 5px; border: solid 1px #E5E5FF; background: #E5F2FF; font-size:90%; color: black; }

/*** Email Form Classes ***/

#emailform {font-family:verdana; font-size:11px; text-align:left; vertical-align: top;}
#emailform .required {color:red;}
#emailform .listcontainer {}
#emailform .sitetable {padding:5px; margin-left:15px; width:400px; display:none; border-bottom:1px solid black;}

.siteheader td{
	vertical-align: top;
}

#map{
	height: 500px;
}


.menulink, .menu{
	margin: 10px;
	padding: 10px;
	width: 140px;
	
	background-color: #eeeeee;
	height: 180px;
	text-align: center;
	
}

.border{
	border: 1px solid #ff0000;	
}


.restaurantinfo{
	width: 100%;
	height: 100%;
}

.restaurantinfo *{
	color: #ffffff;
}

.restinfo{
	float: left;
	width: 320px;
	height: 210px;
}

.restinfo img{
	float: left;
	width: 100px;
	height: 84px;
	padding: 0 5px 5px 0;
}
.restinfo div{
	width: 205px;
	height: 53px;
	line-height: 24px;
	font-size: 22px;
	font-weight: bold;
	position: absolute;
	top: 31px;
	left: 110px;
	
}

.restinfo p{
	clear: both;
	
}

.restloc{
	float: left;
	height: 210px;
	border-left: 2px solid #aaaaaa;
	margin-left: 10px;
	padding-left: 10px;
	
}

.restloc h2{
	font-size: 16px;
	padding-bottom: 5px;
}

.restloc a{
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	text-transform: lowercase;
	text-decoration: none;
}

.restloc a:hover{
	text-decoration: underline;
	color: #ffffff;
}

.restloc:hover{
	background-image: url('images/panelbg-darker.png')
}

.single{
	width: 560px;	
}

.double{
	width: 267px;
}

.triple{
	width: 171px;
}

.days{
	width: 150px;
}

.triple .days{
	width: 80px;
}

.tighter h2, .tighter p, .tighter h3{
padding-bottom: 0px;	
margin-bottom: 4px;
}

.alleylogo{
	text-align: center;
	padding: 50px 0 0 120px;
	
}

#home_fadeimage{
	z-index: 100;
	position: fixed;
	margin-top: 73px;
	padding-left: 22px;
}

