/*  
Theme Name: Meadowlark
Theme URI: http://meadowlarkrestaurant.com
Description: The WordPress theme for Meadowlark Restaurant.
Version: 1
Author: John Paul Davis


*/


img, div { behavior: url(http://www.livingpixeldesign.com/ml/scripts/iepngfix.htc) }

 a:link {color: #fff; text-decoration: none; border-bottom: none;}
 a:visited {color: #fff; text-decoration: none; border-bottom: none;}
 a:hover {color: #ECB058; text-decoration: none;}
 a:active {color: #ECB058; outline: none; text-decoration: none;}

body {margin:0px; padding:0px; font-size: 76%; font-family: helvetica, arial, sans-serif; color: #fff;} /* Need to set body margin and padding to get consistency between browsers. */

.subhead {
font-family: helvetica, arial, sans-serif; 
font-size: 1.6em; 
color: #FFF;
font-weight:bolder;
}

.menuitems {
list-style: none;
margin: 0;
padding: 0;
}

.menuitem {
list-style: none;
font-family: helvetica, arial, sans-serif; 
font-size: 1em; 
color: #FFF;
font-weight:normal;
margin-bottom: 10px;
margin-top: 10px;
padding: 5px;
}

.menuitem:hover {
background-color: #eee;
color: #413A30;
}

.menuitem h4 {
font-size: 1.3em;
margin: 0;
padding: 0;
}

#content {
	position:absolute;
	left:50%;
	width:2000px;
	height: 1400px;
	margin-top:0;
	margin-left:-1016px;
    background: transparent url(http://www.meadowlarkrestaurant.com/images/background-new.jpg) 0 0 no-repeat;
	}
	
#main {
margin-left: 600px;
margin-top: 0;
width: 818px;
height: 600px;
background: transparent url(http://www.meadowlarkrestaurant.com/images/container.png) 0 0 no-repeat;
}

#credits {
position:absolute;
left:50%;
width: 790px;
margin-left: -380px;
margin-top: 4px;
}

#topbar {
position:absolute;
margin-top: 4px;
margin-left: 13px;
width:795px;
height:46px;
background:transparent url(http://www.meadowlarkrestaurant.com/images/menu_bar.png) 0 0 no-repeat;
z-index:20;
}

#header {
position: relative;
top:-4px;
}
	
h1 {
position: relative;
background: transparent url(http://www.meadowlarkrestaurant.com/images/header.png) 0 0 no-repeat;
margin: 0 0 0 0;
}

h1, h1 a {
width: 295px;
height: 47px;
padding: 0;
}

h1 a {
display: block;
text-indent: -9999px;
margin: 0;
} 

#slideshow {
	width:450px;
	height:588px;
	left:958px;
	top:0;
	position:absolute;
	z-index:1;
	visibility: visible;
	overflow: hidden;
}


#nav, #navigation {
width: 398px;
height: 46px;
}

#nav {
position: absolute;
top: 1px;
left: 350px;
}

#navigation {
width: 100%;
height: 100%;
display: block;
list-style: none;
margin: 0;
padding: 0;
position: relative;
background: transparent url(http://www.meadowlarkrestaurant.com/images/nav1.png) 0 0 no-repeat;
z-index:9;
}

#navigation li {
position: absolute;
list-style: none;
text-indent: -9999px;
}

#navigation li, #navigation li a {
height: 44px;
display: block;
}

#homelink {
left:0px;
width:83px;
}

#aboutlink {
left:84px;
width:75px;
}

#menuslink {
left:159px;
width:82px;
}

#specialslink {
left:240px;
width:100px;
}

#linkslink {
left:341px;
width:109px;
}

#homelink a:hover{
background: transparent url(http://www.meadowlarkrestaurant.com/images/nav1.png) -0px -46px no-repeat;
}
#aboutlink a:hover{
background: transparent url(http://www.meadowlarkrestaurant.com/images/nav1.png) -84px -46px no-repeat;
}
#menuslink a:hover{
background: transparent url(http://www.meadowlarkrestaurant.com/images/nav1.png) -159px -46px no-repeat;
}
#specialslink a:hover{
background: transparent url(http://www.meadowlarkrestaurant.com/images/nav1.png) -240px -46px no-repeat;
}
#linkslink a:hover{
background: transparent url(http://www.meadowlarkrestaurant.com/images/nav1.png) -341px -46px no-repeat;
}

#main_content {
position:absolute;
width:795px;
height:536px;
margin-top:50px;
left:613px;
}

#index_content {
position:relative;
left:15px;
width:303px;
height:auto;
}



.holder {
				position:absolute;
				left:-7px;
				top:7px;
					
			}
			
.scroll-pane {
				overflow: auto;
				background: transparent;
				height: 480px;
				width: 330px;	
			}
			
.left .jScrollPaneTrack {
				left: 0;
				right: auto;
			}
			.left a.jScrollArrowUp {
				left: 0;
				right: auto;
			}
			.left a.jScrollArrowDown {
				left: 0;
				right: auto;
			}
			
#menunav {
margin: 0 0 10px 0;
padding: 0;
list-style: none;
width: 100%;
text-align: center;
}

#menunav li
{
display: inline;
list-style-type: none;
padding-right: 10px;

}		

#main_content p {
color: #fff;
}

h3.menutitle {
font-size: 2em;
}

.subcategorylist {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
border-bottom: 1px solid #94846B;
}

.subcategorylist li {
list-style: none;
margin: 0 0 0 0;
display: block;
width: 100%;
font-size: 1.5em;
text-transform: uppercase;
border-top: 1px solid #94846B;
}

.subcategorylist li a {
display: block;
width: 99%;
height: 100%;
padding-top: 13px;
padding-bottom: 13px;
padding-left: 5px;
}

.subcategorylist li a:hover {
background-color: #3E372D;
}

#credits p {
width: 100%;
text-align: right;
font-size: .9em;
color: #ccc;
}