/** 
 * nilshendriks.com
 * 
 * Standard Layout (all parts)
 * 
 * @project   Creative eateries
 * @copyright 2010 by the author
 *
 * @file	  default.css
 * @version   1.0.0 
 * @author    Nils Hendriks
 * @date      2010-06-15
 *
 * @package   xhtml-css 
 * @cssdoc    version 1.0-pre 
 * 
 *  */

/* ..... reset default browser rendering */
/* =Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
ul { list-style:none; }
table { border-collapse:collapse; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }
th, td { vertical-align:top; }
img { display:block; border:0; }
.text-only { visibility:hidden; position:absolute; top:-9999em; }
.print, .print-logo { display:none; }
/* /Reset */


@media screen, tv, projection { 
body { background:#000; color:#272825; font-family:Arial, sans-serif; font-size: 62.5%; line-height:1.5; }

/* =GENERIC
	   ----------------------------------------------------*/
a { text-decoration:none; color: #000; }
a:hover { color: #333;}
.invisible { visibility:hidden; }
.hide { display:none !important; }
strong { font-weight:bold; }
em { font-style:italic; }
input.radio, label { vertical-align:middle; }
pre { font-size:1.2em; line-height:1.5; margin:1.5em 0 0 0; }
code {font-family: Monaco,"Andale Mono","Lucida Console", "Courier New", serif;}
abbr { letter-spacing: 0.1em;}
.amp { font-family: Baskerville, Palatino, "Book Antiqua", serif; font-style: italic;} 
blockquote { background: transparent url(../images/symbols/quote-1.png) 0 0 no-repeat;}
blockquote p { font-size: 1.75em; margin:0.714em 0 0.714em 40px; line-height: 1.14; color: #e7a997;}
cite { font-size: 0.5715em; color: #fff;}
.mobile { float: right; }

/* =LAYOUT
	   ----------------------------------------------------*/
	#header,
	#page-content,
	#footer { /*max-width: 98em;*/ margin: 0 auto; max-width: 1024px; }
	#page-content{ position:relative; }
	
	/* header */
	#header { background: #000 url(../images/backgrounds/bg-h1.png) 0 100% no-repeat; position: relative; }
	h1 { background: transparent url(../images/backgrounds/bg-header.jpg) 100% 0 no-repeat; padding: 72px 0 130px;  }
		#logo { display: block; color: #fff; text-indent: -9999em; background: #fff url(../images/logos/logo.jpg) 0 0 no-repeat; padding: 0;  
		 width: 301px; height: 188px; margin-left: 81px; }
		#logo-ce { display: block; color: #fff; text-indent: -9999em; background: transparent url(../images/logos/logo-ce.png) 0 0 no-repeat; width: 181px; height: 80px; position: absolute; top: 0; right: 69px; } 
		#ce-dropdown { display:none;}
		.utilities { position: absolute; bottom: 13px; right: 37px; }
	
	/* page-content */
	#page-content { background: #fff url(../images/backgrounds/bg-content.jpg) 0 0 repeat-y; padding: 0; position: relative; }
		.grid { overflow: hidden; clear: both; width: 100%; }
		.grid .inner {overflow: hidden; clear: both; }
		.article { float: left; padding: 52px 0 0 87px; width: 44.4%; }
		.aside { float: right; padding: 52px 30px 0 0; width: 38.96%; }		
	
#footer {background: #0c141e; overflow: hidden; clear: both; padding: 10px 0 10px 0; color: #fff; position: relative; }
	#footer .copyrights {margin: 0 0 0 25px; bottom: 10px; font-size: 1.1em; }
		#footer .restaurants { overflow: hidden; clear: both; float: right; margin-right: 30px; 
	display: none;	}
		#footer .restaurants li { display: block; float: left; }		
		#footer a { color: #fff; }
		
/* =COMPONENTS
	   ----------------------------------------------------*/
	/*utilities*/				
	.utilities { overflow: hidden; clear: both; font-size: 1.2em; line-height: 1.5; }
	.utilities li { display: block; float: left;}
	.utilities input { color: #fff;  }	
	.utilities input.text { padding: 7px 15px 6px 7px; background: #42433f; border-radius:3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; width: 118px; font-size: 1.166em; margin-right: 2px; color: #adadad; 
	font-family: "Times New Roman", serif; } 	
	#maillist-btn { position:relative;top:9px;}
		
	.utilities a { display: block; text-indent: -999em; color: #fff; width: 24px; height: 27px; background: transparent url(../images/icons/icons.png) 0 0 no-repeat !important; margin: 0 5px 0 0; }	
	.utilities a.facebook { }
	.utilities a.twitter { background-position: 0 -100px !important; }	

	

/* =HEADINGS
	   ----------------------------------------------------*/
	h1 { }
	h2 { font-size: 3.2em; color: #040504; text-transform: uppercase; line-height: 1; margin: 0.4165em 0; font-family: Georgia, serif; }
	h3 { font-size: 1.4em; color: #07594b; line-height: 1; margin: 0.4165em 0; }
	
	h2.png_bg { text-indent: -999em; background: transparent url(../images/headings/h2s.png) 0 0 no-repeat; height: 30px;}
	h2#hd-about { margin-top: 0; margin-bottom: 15px; }
	h2#hd-promo { margin-top: 0; }		
	h2#hd-menu { margin-bottom: 10px; margin-top: -40px; }	
	h2#hd-contact { margin-top: -24px; }
	
	h2 em { font-style: normal; color: #724f29;	}
	
	h3#hd-special { width: 111px; height: 25px; text-indent: -999em; background: transparent url(../images/headings/h3-special.png) 0 0 no-repeat; margin-top: 0; }	
	
/* =CONTENT
	   ----------------------------------------------------*/
	p { font-size: 1.2em; margin: 1.25em 0; }
	p.intro { margin-bottom: 30px;	}
	p.attached { margin-top: 0;	margin-left:60px;}
	#terms { /*margin: -20px 0 0 0; */font-size:1.1em; text-align: right; }
	
	/* footer vcards */
	#footer .vcard h3 { color: #fdbe53; font-weight: bold; font-size: 1.2em; margin: 0 0 10px 0; }
	#footer .vcard h3 a { color: #fdbe53; font-weight: bold; }
	#footer .vcard { /*border-right:1px solid #6c5833;*/ padding: 0 35px; }	
	#footer .vcard.last { border-right: none; }		
	#footer .vcard p { margin: 0; font-size: 1.1em; line-height: 1.25; }
	#footer .vcard .country-name,
	#footer .vcard .logo { display: none; }	
	
/* =ILLUSTRATIONS
	   ----------------------------------------------------*/
	p.illustration { position: relative; margin-left: 200px; margin-bottom: 70px; text-align: justify; }
	p.illustration img { position: absolute; margin-left: -240px; top: -5px; }
	#ill-1 { margin-left: 160px; }
	#ill-2 { margin-left: 142px; }	
	
	.menu-images { overflow: hidden; clear: both; margin-bottom: 1em; }
	.menu-images .thumb { background: transparent url(../images/backgrounds/bg-thumb.png) 0 0 no-repeat; display: block; padding: 21px 22px; width: 104px; height: 140px; float: left; margin-bottom: 5px; margin-right: 5px; }	
	.menu-images .thumb img {  }	
	.menu-images .thumb.last { margin-right: 0; } 	

/* =LISTS
	   ----------------------------------------------------*/
	#promos {}
	#promos h3 a { text-decoration: underline; font-weight: bold; color: #000; line-height: 1.1428; }	
	
/* =FORMS, BUTTONS & LINK-BUTTONS
	   ----------------------------------------------------*/	
	.button {  }   
	 #full-menu { width: 157px;background: transparent url(../images/buttons/btn-menu.png) 0 0 no-repeat; display: block; text-indent: -999em; height: 33px; margin-bottom: 10px; }
	 .controls { overflow: hidden; clear: both; width: 341px; }
	 #getdir { width: 121px;background: transparent url(../images/buttons/btn-directions.png) 0 0 no-repeat; display: block; text-indent: -999em; height: 33px; float: left; }	 
	 #getoutlets { display: block; float: right; width:100px; height: 32px; background: transparent url(../images/buttons/btn-outlets.png) 0 0 no-repeat;text-indent: -999em;}	 
	 h2.legend { font-size: 1.2em; text-transform: none; font-weight: bold; color: #000; }


   

}



@media print {
	#logo,
	#home h1,
	nav, 
	.mobile {display: none;}
	
	header, section, footer { display: block; margin: 0 0 32px 0; }

	.print-logo {display: block;width: 186px; height: 28px;}
/*	.print-logo img {width: 186px; height: 28px; }*/

}