/*
Theme Name: Vitalfood
Description: Based on  http://github.com/zencoder/html5-boilerplate-for-wordpress
Author: Jim
*/

/** Allgemeine Styles **/
* { position: relative; font-family: 'Belgrano', serif; margin-top: 0; line-height: 24px;}
html { background: url(./images/bknd_wood.jpg) top center repeat; height: 100%; width: 100%; margin-top: 0; }
body { /*background: url(./images/dishes.png) no-repeat;*/ height: 100%; width: 100%; margin: 0 auto; color: #000; line-height: 24px; float: left; }

div#container { width: 960px; min-height: 100%; height: 100%; margin: 0 auto; z-index: 10; }
div#position_container { margin: 0 177px; }

h1, h2, h3 { margin: 0; padding: 0; text-align: center; text-transform: uppercase; }
h1 { font-size: 40px; color: #362f2d; }
h2 { font-size: 26px; color: #736357; }
h3 { font-size: 12px; color: #362f2d; line-height: 14px; }
h4 { font-size: 10px; color: #362f2d; text-align: center; line-height: 12px; }

ul { list-style: none; text-align: center; }
li { display: inline; padding: 0px 15px 0  0; font-size: 15px;}
li a { color:  #362f2d; }

p {}

a, a:link, a:active, a:visited, a:hover { }

img { border: 0; }

/** Grafikelement **/
#dish_elem { position: absolute; z-index: 0; left: -370px; top: 0px; }	
#dish_elem_2 { position: absolute; z-index: 0; left: 650px; top: 2500px; }	

/** Navigation **/
nav {
	margin-top: -5px; 
}


/** Header **/
header#page_head { width: 606px; height: 240px; background: url(./images/header.png) center -30px no-repeat; position: fixed; z-index: 100; } 
header#page_head h1 { margin: 25px 120px; }


/** Content **/
#main section { top: 200px; position: relative; background: url(./images/bknd_paper.png) repeat-y; width: 606px;  min-height: 100%; height: 100%; padding: 60px 0 100px 0px; }
#main section h1 { margin: 25px 0 35px 0; }
#main section h2 { width: 420px; margin: 25px 0 15px 45px; border-bottom: 1px dotted #736357; line-height: 50px; }
#main section h3 { text-align: left; margin-left: 45px; line-height: 30px;}
#main article#speisekarte { margin-bottom: 50px; }
#main article#impressionen { height: 980px; width: 570px; background: url(./images/bknd_chalk_board_big.jpg) top center no-repeat; margin: 0 18px; }
#main article#impressionen h1{ color: #fff; padding-top: 35px; }
#main article#wo-wir-sind { width: 420px; margin: 0 25px 0 35px; padding: 10px 55px; }
#main article#wo-wir-sind h2 { margin: 0; }


/** Speisekarte **/
#main article#speisekarte dl, #main article#speisekarte dt { width: 420px; margin: 0 20px 0 45px; clear: both; color: #362f2d; min-height: 20px; }
#main article#speisekarte dt { margin-bottom: 15px; display: block; }
#main article#speisekarte dt:nth-child(2n+1) { color: #736357; }
span.dish_name { float: left; display: block; width: 335px; }
span.dish_price { float: right; width: 85px; display: block; text-align: right; }
span.dish_description { width: 320px; display: block; line-height: 12px; font-size: 11px; margin: 0; padding: 0; }


/** Impressionen **/
#main article#impressionen #gallery-1 { margin-left: 35px; }
#main article#impressionen #gallery-1 img { border: 1px solid #362f2d; }
#main article#impressionen #gallery-1 img:hover { border: 1px solid #736357; }
#main article#impressionen dl.gallery-item { margin: 0; padding: 5px; width: 155px; }
#main article#impressionen dt.gallery-icon { margin: 0; padding: 0;  }

/** Footer **/	
footer { margin: 0 18px; width: 570px; height: 116px; display: block; background: url(./images/bknd_footer.png) bottom center no-repeat; position: fixed; bottom: -30px; }
footer p { padding: 40px 50px 0 50px; }