/*
Niko's Southside Grill (nikossouthside.com)

Author(s):   jarrod and laura [Endi Design Studio (.com)].
Version:  1.0 -- 2007.
Copyright (c): 2007 - all time. All rights reserved.
------------------------------------------------- */

/*
common 
------------------------------------------------- */

* {
 margin: 0; padding: 0; border: 0;
} 
body { font-family: "Lucida Grande", Arial, Verdana, sans-serif; color: #c0c0c0; font-size: 12px; margin: 0; background: #362d26;
}
h1, h2, h3, h4, h5, h6 {
 font-weight: normal;
}
hr { border-top: 1px solid #c0c0c0; padding-bottom: 10px; }

ul li { list-style-type: none; }

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

#foot a:link, #foot a:visited {
 text-decoration: none; color: #808080; }
#foot a:hover {
 text-decoration: underline; color: #808080; }

.clear { clear: both; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.mt { margin-top: 10px; }
.mb { margin-bottom: 10px; }

#wrap { width: 720px; padding: 20px; background: #606060; margin: 30px auto 0 auto; }

#top { background: #fff; width: 686px; padding: 20px 17px 17px 17px; }
#top { background: #fff; width: 686px; padding: 20px 17px 17px 17px; }
#logo_nav { padding: 0 3px; width: 680px; margin-bottom: 12px; }
#logo { width: 190px; padding-left: 20px; float: left; }
#logo h1 { height: 90px; width: 157px; background: url(img/logo.jpg) top left no-repeat; }
#logo h1 a { display: block; height: 90px; width: 157px; text-decoration: none; }
#logo h1 a strong { display: none; }

#nav_wrap { background: url(img/gray_dot-1.jpg) top left repeat-x; width: 470px; margin-top: 5px; float: left; }

ul#nav { background: url(img/gray_dot-1.jpg) bottom left repeat-x; padding: 0 20px 18px 0; }
ul#nav li { display: block; float: left; width: 110px; margin-top: 18px; padding: 0 0 0 40px; background: url(img/bullet-1.jpg) 10px 2px no-repeat; }
ul#nav li a { display: block; }
ul#nav li a:link, ul#nav li a:visited {
 text-decoration: none; color: #4A4A4A; }
ul#nav li a:hover {
 text-decoration: none; color: #C0452B; }


#photo { width: 660px; padding: 13px; background: url(img/photo_bg-1.jpg) top left no-repeat; }
#mini_photo { width: 660px; padding: 13px; background: url(img/photo_bg-2.jpg) top left no-repeat; }

.coming_soon { border-left: 1px solid #c0c0c0; padding: 20px 10px; font-size: 14px; margin-top: 10px; }



/*
pages
------------------------- */

#content { width: 720px; padding-top: 20px; }
#content .col1 { width: 480px; float: left; }
#content .col1 .subsection { }
#content .col1 .subsection h3, #content .col1 .subsection p, #content .col2 p { padding-bottom: 15px; }

.subsection2 .download { border: 2px solid #F8D093; background: #FCF3D6; padding: 8px; margin-top: 10px; }
.subsection2 .download a { background: url(img/pdf.jpg) 0 1px no-repeat; font-size: 13px; font-weight: bold; padding-left: 20px; color: #c0452b; text-decoration: none; }
.subsection2 .download a:hover { color: #333; }

.subsection2 .otp {  background: url(img/gray_dot-2.jpg) bottom left repeat-x; padding-bottom: 8px; margin-top: 15px; color: #DCDCDC; font-size: 11px; }
.subsection2 h3 { margin-top: 15px; }
.subsection2 dl { margin-top: 10px; } 
.subsection2 dt { padding-bottom: 3px; font-weight: bold; } 
.subsection2 dd { padding-bottom: 6px; } 

ul.menu_items { margin-top: 10px; } 
ul.menu_items li { padding: 0 20px 6px 0; display: block; float: left; width: 220px; font-size: 12px; color: #C0C0C0; } 
ul.menu_items li p.title { padding-bottom: 3px; font-weight: bold; } 

.subsection2 p.to_top { text-align: right; font-size: 11px; }

.choose_menu li { padding-top: 5px; }

#attribution { background: url(img/gray_dot-2.jpg) top left repeat-x; margin-top: 10px; }
#attribution .inner { background: url(img/gray_dot-2.jpg) bottom left repeat-x; padding: 10px; }
#attribution .inner .l { width: 70px; float: left; }
#attribution .inner .r { width: 300px; float: left; margin-left: 15px; }
#attribution .inner .r p { font-size: 15px; padding-top: 5px; }

h3#come_dine_with_us { height: 15px; overflow: hidden; background: url(img/come_dine_with_us.jpg) top left no-repeat; text-indent: -9000px; }
h3#upcoming_events { height: 15px; overflow: hidden; background: url(img/upcoming_events.jpg) top left no-repeat; text-indent: -9000px; }
h3#menu_links { height: 15px; overflow: hidden; background: url(img/menu_links.jpg) top left no-repeat; text-indent: -9000px; margin-top: 2px; }
h3#contact_information { height: 15px; overflow: hidden; background: url(img/contact_information.jpg) top left no-repeat; text-indent: -9000px; margin-top: 2px; }
h3#contact_form { height: 15px; overflow: hidden; background: url(img/contact_form.jpg) top left no-repeat; text-indent: -9000px; margin-top: 2px; }
h3#banquet_catering_menu { height: 17px; overflow: hidden; background: url(img/banquet_catering_menu.jpg) top left no-repeat; text-indent: -9000px; margin-top: 15px; }
h3#choosing_a_menu { height: 17px; overflow: hidden; background: url(img/choosing_a_menu.jpg) top left no-repeat; text-indent: -9000px; margin-top: 15px; }
h3#bar_options { height: 17px; overflow: hidden; background: url(img/bar_options.jpg) top left no-repeat; text-indent: -9000px; margin-top: 15px; }
h3#event_details { height: 17px; overflow: hidden; background: url(img/event_details.jpg) top left no-repeat; text-indent: -9000px; margin-top: 15px; }

h3#appetizers { height: 15px; overflow: hidden; background: url(img/appetizers.jpg) top left no-repeat; text-indent: -9000px; }
h3#sandwiches { height: 15px; overflow: hidden; background: url(img/sandwiches.jpg) top left no-repeat; text-indent: -9000px; }
h3#salads { height: 15px; overflow: hidden; background: url(img/salads.jpg) top left no-repeat; text-indent: -9000px; }
h3#entrees { height: 15px; overflow: hidden; background: url(img/entrees.jpg) top left no-repeat; text-indent: -9000px; }
h3#soups { height: 15px; overflow: hidden; background: url(img/soups.jpg) top left no-repeat; text-indent: -9000px; }
h3#sides { height: 15px; overflow: hidden; background: url(img/sides.jpg) top left no-repeat; text-indent: -9000px; }
h3#daily_specials { height: 15px; overflow: hidden; background: url(img/daily_specials.jpg) top left no-repeat; text-indent: -9000px; }
h3#desserts { height: 15px; overflow: hidden; background: url(img/desserts.jpg) top left no-repeat; text-indent: -9000px; }
h3#cafe_drinks { height: 15px; overflow: hidden; background: url(img/cafe_drinks.jpg) top left no-repeat; text-indent: -9000px; }

h3#food { height: 15px; overflow: hidden; background: url(img/food.jpg) top left no-repeat; text-indent: -9000px; }
h3#interior { height: 15px; overflow: hidden; background: url(img/interior.jpg) top left no-repeat; text-indent: -9000px; }
h3#map { height: 15px; overflow: hidden; background: url(img/map.jpg) top left no-repeat; text-indent: -9000px; }


h2#lunch_menu { height: 17px; overflow: hidden; background: url(img/lunch_menu.jpg) top left no-repeat; text-indent: -9000px; }
h2#dinner_menu { height: 17px; overflow: hidden; background: url(img/dinner_menu.jpg) top left no-repeat; text-indent: -9000px; }
h2#dessert_menu { height: 17px; overflow: hidden; background: url(img/dessert_menu.jpg) top left no-repeat; text-indent: -9000px; }
h2#wine_list { height: 17px; overflow: hidden; background: url(img/wine_list.jpg) top left no-repeat; text-indent: -9000px; }
h2#banquet_catering_services { height: 18px; overflow: hidden; background: url(img/banquet_catering_services.jpg) top left no-repeat; text-indent: -9000px; }

h2#photo_gallery { height: 17px; overflow: hidden; background: url(img/photo_gallery.jpg) top left no-repeat; text-indent: -9000px; margin-bottom: 15px; }
h2#contact_us { height: 17px; overflow: hidden; background: url(img/contact_us.jpg) top left no-repeat; text-indent: -9000px; margin-bottom: 15px; }
h2#about_us { height: 17px; overflow: hidden; background: url(img/about_us.jpg) top left no-repeat; text-indent: -9000px; margin-bottom: 15px; }

#content .col2 { width: 220px; float: left; margin-left: 20px; }
#content .col2 h3 { padding-bottom: 15px; }
#content .col2 div#upcoming { }
#content .col2 div#upcoming ul li { padding-bottom: 6px; background: url(img/gray_dot-2.jpg) bottom left repeat-x; margin-bottom: 6px; }
#content .col2 div#upcoming p.more { text-align: right; }

#content .col2 .sub ul#mlinks li { padding-bottom: 6px; background: url(img/gray_dot-2.jpg) bottom left repeat-x; margin-bottom: 6px; }

#contact_form_div { background: url(img/gray_dot-2.jpg) top left repeat-x; }
#contact_form_div div { background: url(img/gray_dot-2.jpg) bottom left repeat-x; padding: 10px; }
#contact_form_div div label { display: block; margin-bottom: 3px; } 
#contact_form_div div input { width: 300px; padding: 2px 1px; border: 2px solid #c0c0c0; margin-bottom: 5px; } 
#contact_form_div div textarea { width: 400px; height: 90px; padding: 2px 1px; border: 2px solid #c0c0c0; margin-bottom: 5px; }

.chef_image { width: 190px; float: right; margin: 0 0 10px 10px; }

ul.thumbs { }
ul.thumbs li { float: left; width: 115px; padding-bottom: 15px; text-align: left; }
ul.thumbs li img { border: 1px solid #4A4949; padding: 4px; background: #DCDCDC; }

/*Wine List*/
/*By: James*/
.winelist .wine_name{
	font-weight: bold;
}
.winelist .wine_orgin{
	font-style: italic;
}
.winelist ul.menu_items li{
	margin-bottom:8px;
}
.winelist h2{
	padding:10px 0 0 0;
}
.winelist h3{
	font-size:16px;
	background:url(./img/dash1.gif) scroll repeat-x bottom left;
	padding-bottom:3px;
}
/*Happy Hour*/
#happy_hour h2{
	padding:0 0 5px 0;
	margin:0 0 5px 0;
	background:url(./img/dash1.gif) scroll repeat-x bottom left;
}
#happy_hour p{
	line-height:1.8em;
}

/*-----*/
/*
foot
------------------------- */

#foot { width: 760px; margin: 0 auto; padding-bottom: 40px; font-size: 11px; }
#foot div.l1 { padding: 8px 20px; }
#foot div.l1 p.l { width: 360px; float: left; text-align: left; color: #606060; }
#foot div.l1 p.r { width: 360px; float: left; text-align: right; }

#foot div.l2 { border-top: 1px solid #606060; padding: 8px 20px; }
#foot div.l2 p { text-align: center; }