@charset "UTF-8";
/* ===============================================================================================================

	Basic Style Sheet (for version 4 browsers)
	
	version:	1.1
	author:		joseph freeman
	email:		info@cabanmediagroup.com
	website:	http://cabanmediagroup.com

==================================================================================================================*/


/* ===========================================================
		
		--	BEGIN GENERAL DECLARATIONS --

============================================================*/

h1 {font-size:3em;font-weight:bold}

h2 {font-size:2.4em;font-weight:bold}

h3 {font-size:2em;font-weight:bold}

h4 {font-size:1.9em;font-weight:bold}

h5 {font-size:1.7em;font-weight:bold}

h6 {font-size:1.5em;font-weight:bold}

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

ul {
	list-style:none;
}

.clear {clear:both;}
/* ===========================================================
		
		-- BEGIN SITE SPECIFIC DECLARATIONS --

============================================================*/
html{background:#000 url(../images/body_tile.gif) left top repeat;}

body {
	font:normal 62.5%/150% "Lucida Grande", Arial, Helvetica, sans-serif;
	background:#000000;
	text-align:center;
}
	

#mainCont {
	position:absolute;
	top:50%;
	left:50%;
	width:860px;
	height:485px;
	margin-top:-243px;
	margin-left:-430px;
	background:#000000 url(../images/b_left.gif) left top no-repeat;
}

#mainCont2 {
	position:absolute;
	top:0;
	left:0;
	width:860px;
	height:485px;
	margin:0;
	background:url(../images/b_right.gif) right top no-repeat;
}

#wrapper {
	width:773px;
	height:450px;
	margin:0 37px 0 50px;
	background:url(../images/b_top.gif) -50px top no-repeat;
	padding-top:10px;
}

/* Navigation Column and descendents
----------------------------------------*/
#col1 {
	float:left;
	display:inline;
	width:210px;
	height:450px;
	background:url(../images/nav_back.gif) left top no-repeat;
}

#col1 h1 {
	position:relative;
	color:#ffffff;
	line-height:1em;
	width:210px;
	height:173px;
}

#col1 h1 a {
	color:#000000;
}

#col1 h1 a span {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:209px;
	height:173px;
	background:url(../images/logo.gif) left top no-repeat;
}

#address {
	text-align:right;
	margin:0 40px 5px auto;
	width:130px;
	font-size:0.9em;
	line-height:1.2em;
}

#col1 ul h2 a {
	font-size:0.5em;
}

#mainNav {
	margin-top:15px;
	text-align:right;
	width:210px;
	line-height:1.3em;
}

#mainNav li {
	width:122px;
	margin:5px 45px 5px auto;
	text-align:right;
	padding:0.2em 0;
}

#mainNav li h2 a {
	color:#ffffff;
}

#subNav {
	margin:20px 0 0 0;
	text-align:right;
	width:210px;
}

#subNav li {
	background:#332a21;
	width:122px;
	margin:0 45px 12px auto;
	text-align:left;
	padding:0.2em 0 0.4em 0;
	line-height:1.2em;
}

#subNav li h2 a {
	color:#ffffff;
	margin-left:10px;
}

#col1 #mainNav li h2 a:hover {
	color:#000000;
}

#col1 #subNav li h2 a:hover {
	color:#003399;
}

/* Main Content box and descendents
-----------------------------------------*/
#col2 {
	float:right;
	display:inline;
	width:563px;
	height:450px;
	background:#ffffff url(../images/content_back.gif) left top no-repeat;
}

form {
	float:right;
	display:inline;
	background:none;
	width:122px;
	margin:20px 20px 0 0;
	text-align:left;
}

label {
	margin:0 0 5px 0;
	color:#332a21;
}

input {
	margin:0;
}

input#emailInput {
	width:120px;
}

input#submit {
	margin:5px 0 0 0;
}

/* Footer and descendents
-----------------------------------------*/

#footer {
	clear:both;
	width:860px;
	height:25px;
	background:#000000 url(../images/body_tile.gif) left top repeat;
}

#footer p {
	text-align:right;
	line-height:1em;
	padding-top:2px;
	padding-bottom:3px;
	font-size:.9em;
	margin-right:37px;
}

#footer p a {
	color:#332a21;
}

#footer p a:hover {
	color:#003399;
}

/* ===========================================================
		
		-- PAGE SPECIFIC DECLARATIONS --

============================================================*/
.menuHeads {
	color:#332a21;
	font-size:1.4em;
	margin:30px 0 10px 20px;
	text-align:left;
	width:300px;
}


.headPrice {
	font-size:0.8em;
	font-weight:normal;
	margin:0;
}

.subHead {
	font-size:1.4em;
	margin:0 20px;
	font-weight:bold;
}

.ital {
	font-size:1em;
	font-style:italic;
	margin:-10px 0 10px 20px;
}

input[type~="submit"] { 
	background:#332a21;
	color:#ffffff;
}

/* home
----------------------------------------------------------- */
#home #col2 {
	position:relative;
	background:url(../images/content_back_soon.gif) left top no-repeat
}

#home #col2 #object {
	position:absolute;
	top:0;
	left:0;
}

/* events
----------------------------------------------------------- */
#events #col2 {
	text-align:justify;
	background:#ffffff url(../images/content_back21.jpg) left top no-repeat;
}

#events #col2 p {
	margin:-10px 20px 10px 20px;
	color:#332a21;
	text-align:left;
	font-weight:bold;
}


#events #col2 #calendarWrap {
	float:left;
	display:inline;
	margin:0 0 10px 40px;
	width:500px;
	height:315px;
	overflow:auto;
}

#events #col2 #calendar dt {
	color:#332a21;
	font-weight:bold;
	font-size:1.2em;
}

#events #col2 #calendar dd {
	margin: 0 0 20px 0;
	color:#003399;
	margin-right:15px;
}

#events #col2 a {
	font-weight:normal;
	color:#003399;
}

#events #col2 a:hover {
	font-weight:normal;
	color:#000000;
}

/* store
----------------------------------------------------------- */
#store #col2 {
	background:url(../images/content_back16.jpg) left top no-repeat;
}

#store #col2 p {
	margin:200px auto;
	font-size:1.5em;
	font-weight:bold;
	color:#332a21;
}

/* menu
----------------------------------------------------------- */
	
#menu #col2 {
	text-align:justify;
	background:url(../images/content_back12.jpg) left top no-repeat;
}

#menu.appetizers #col2 {
	background:url(../images/content_back12.jpg) left top no-repeat;
}

#menu.soups_salads #col2 {
	background:url(../images/content_back9.jpg) left top no-repeat;
}

#menu.tacos_sandwiches #col2 {
	background:url(../images/content_back7.jpg) left top no-repeat;
}

#menu.entrees #col2 {
	background:url(../images/content_back8.jpg) left top no-repeat;
}

#menu.kids #col2 {
	background:url(../images/content_back6.jpg) left top no-repeat;
}

#menu.desserts #col2 {
	background:url(../images/content_back15.jpg) left top no-repeat;
}

#menu.sides #col2 {
	background:url(../images/content_back3.jpg) left top no-repeat;
}

#menu #col2 #menuWrap {
	float:left;
	height:335px;
	width:400px;
	background:none;
}


#menuItems {
	overflow:auto;
	height:278px;
	width:400px;
	text-align:justify
}

#menu.tacos_sandwiches #menuItems, #menu.desserts #menuItems {
	height:260px;
}

#menu #col2 #menuWrap #menuItems .items dt {
	color:#332a21;
	font-weight:bold;
	margin-left:40px;
	font-size:1.2em;
}

#menu #col2 #menuWrap #menuItems .items dd {
	margin: 0 10px 20px 40px;
	color:#003399;
}


#menu #col2 ul h2 a {
	font-size:0.5em;
}

#menu #menuNav {
	clear:right;
	float:right;
	display:inline;
	margin:20px 0 0 0;
	text-align:right;
	width:142px;
}

#menu #menuNav li {
	background:#332a21;
	width:122px;
	margin:0 20px 12px auto;
	text-align:left;
	padding:0.2em 0 0.4em 0;
	line-height:1.2em;
}

#menu #menuNav li h2 a {
	color:#ffffff;
	margin-left:10px;
}

#menu #menuNav li h2 a:hover {
	color:#003399;
}

#menu #col2 #menuPix {
	clear:both;
	width:563px;
	height:115px;
	margin:0;
}

#menu.appetizers #col2 #menuPix {
	background:url(../images/menu_pix3.jpg) center top no-repeat;
}

#menu.soups_salads #col2 #menuPix {
	background:url(../images/menu_pix4.jpg) center top no-repeat;
}

#menu.tacos_sandwiches #col2 #menuPix {
	background:url(../images/menu_pix5.jpg) center top no-repeat;
}

#menu.entrees #col2 #menuPix {
	background:url(../images/menu_pix1.jpg) center top no-repeat;
}

#menu.kids #col2 #menuPix {
	background:url(../images/menu_pix1.jpg) center top no-repeat;
}

#menu.desserts #col2 #menuPix {
	background:url(../images/menu_pix2.jpg) center top no-repeat;
}

#menu.sides #col2 #menuPix {
	background:url(../images/menu_pix1.jpg) center top no-repeat;
}


/* happHour
----------------------------------------------------------- */
#events.happy_hour #col2 {
	background:url(../images/content_back17.jpg) left top no-repeat;
}

#events.happy_hour #col2 p {
	margin:10px 20px;
	color:#332a21;
	font-weight:bold;
}

#events.happy_hour #col2 #p1 {
	font-size:1.2em;
	margin-top:60px;
}

#events.happy_hour #happyPrice {
	height:auto;
	margin:10px 20px;
}

#events.happy_hour #happyPrice li {
	font-weight:bold;
	color:#332a21;
	font-size:1.2em;
}

#events.happy_hour #happyPrice li span {
	font-weight:normal;
	color:#003399;
}

/* contact
----------------------------------------------------------- */
#contact #col2 {
	background:url(../images/content_back4.jpg) left top no-repeat;
}

#contact #col2 p {
	margin:10px 20px;
	color:#332a21;
	font-weight:bold;
}

#contact #col2 #p1 {
	font-size:1.2em;
	margin-top:60px;
}

#contact #col2 #contactWrap {
	height:auto;
	width:260px;
	margin:10px auto;
	text-align:justify
}

#contact #contactWrap li {
	font-weight:bold;
	font-size:1.2em;
	color:#332a21;
	margin:10px 0;
}

#contact #contactWrap li span {
	display:block;
	font-weight:normal;
	color:#003399;
	margin-left:8px
}

#contact #contactWrap li span a {
	font-weight:normal;
	color:#003399;
}

#contact #contactWrap li a:hover span {
	font-weight:normal;
	color:#000000;
}

#contact #contactWrap li span #po {
	display:block;
	margin:15px;
	color:#332a21;
}

/* map
----------------------------------------------------------- */

#contact.directions #col2 {
	background:url(../images/content_back5_map.jpg) left top no-repeat;
}

#mapImage {
	float:left;
	display:inline;
	margin-top:60px;
	margin-left:20px;
	width:300px;
	height:300px;
	background:url(../images/map.gif) left top no-repeat;
}

#directions {
	float:right;
	display:inline;
	margin:30px 20px 20px 300px;
	text-align:justify;
	width:200px;	
}

#directions h5 {
	margin:0;
	width:200px
}

#directions ul {
	margin-top:10px;
}

#directions ul li {
	margin:8px auto;
	padding-left:35px;
	background:url(../images/bullet_arrow.png) left top no-repeat;
}

/* pagination
----------------------------------------------------------- */

.pagination {
  padding: 0px;
  margin: 40px 0 40px 0;
}
.pagination a {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #8c745b;
  text-decoration: none;
  color: #003399;
}
.pagination a:hover, .pagination a:active {
  border: 1px solid #332A21;
}
.pagination span.current {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #332A21;
  font-weight: bold;
  background-color: #332A21;
  color: #FFF;
}
  .pagination span.disabled {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #bf9e7c;
    color: #bf9e7c;
  }