/*

Style sheet for China Wokery Restaurant
San Marcos CA

*/

	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,
	b, u, i, center, dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td		{ margin: 0; padding: 0; border: 0;	outline: 0;	font-size: 100%; vertical-align: baseline; background: transparent; }
	ol, ul												{ list-style: none;	}
	blockquote, q										{ quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after									{ content: ''; content: none; }
	:focus												{ outline: 0; }
	ins													{ text-decoration: none; }
	del													{ text-decoration: line-through; }
	table												{ border-collapse: collapse; border-spacing: 0;	}

/*  =defaults
	-------------------------------------------------------------- */
	body												{
	width: 100%;
	font: normal 81.25%/1.538 Georgia, "Times New Roman", Times, serif;
	color: #C0C1B7; /*color: #888a76;*/
	background: #231c12;
	line-height: 195%;
}
    h1, h2, h3, h4, h5, h6                          	{ font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: -.02em; font-weight: bold; font-style: normal; }
    h1                                              	{ font-size: 1.6em; line-height: 1; color: #fff9ae; }
h1a {
	font-size: 16px;
	line-height: 18pt;
}

h1i {
	font-size: 1.6em;
	line-height: 1;
	color: #B42024;
}

    h2, h3, h4, h5, h6                              	{ font-size: 1.3em; line-height: 1.333; font-weight: normal; padding-bottom: 10px; }
    blockquote											{ font-style: italic; line-height: 1.5; background: transparent url( images/blockquote.gif ) 25px 0 no-repeat; padding: 20px 0 20px 25px; margin-top: 20px; }
    a                                               	{ text-decoration: none; }
    a:link, a:active                                	{ color: #87845c; }
    a:visited                                       	{ color: #51483c; }
    a:hover, a:focus                                	{ color: #fff9ae; }

	
	img													{
	background-color: #f6f6e2;
	padding: 5px;
	margin: 0 10px 5px 0;
	float: left;
}

	p													{ margin-bottom: 10px; }

	
	h1 a:link, h1 a:active,  
	h2 a:link, h2 a:active, 
	h3 a:link, h3 a:active, 
	h4 a:link, h4 a:active, 
	h5 a:link, h5 a:active, 
	h6 a:link, h6 a:active				 				{ color: #87845c; }
	
	h1 a:visited,  
	h2 a:visited, 
	h3 a:visited, 
	h4 a:visited, 
	h5 a:visited, 
	h6 a:visited 										{ color: #87845c; }
	
	h1 a:hover, h1 a:focus, 
	h2 a:hover, h2 a:focus, 
	h3 a:hover, h3 a:focus, 
	h4 a:hover, h4 a:focus, 
	h5 a:hover, h5 a:focus, 
	h6 a:hover, h6 a:focus 				 				{ color: #fff9ae; }
    	
    /*  =form-defaults
	-------------------------------------------------------------- */
    input, textarea, button                         	{ border: none; background: #17120c; color: #888a76; font: 100%/1.5 Georgia, "Times New Roman", Times, serif; }
    
/*  =layout
	-------------------------------------------------------------- */
	#logoholder 										{ width: 100%; clear: both; overflow: hidden; height: 50px; }
	#logoholder .logo 									{
	width: 960px;
	margin: 0 auto;
	height: 50px;
	overflow: hidden;
	background-color: transparent;
	background-image: url(../images/callus_tel.png);
	background-position: left top;
	background-repeat: no-repeat;
	zoom: 1;
}
	
	#head 												{
	width: 100%;
	clear: both;
	overflow: hidden;
	height: 250px;
	background: url(../images/stripes_yel.jpg) repeat-x left top;
}
	#head_a {
	width: 100%;
	clear: both;
	overflow: hidden;
	height: 250px;
	background: #321b08 url(../images/head_carriage.jpg) no-repeat left top;
}

	#head_g {
	width: 100%;
	clear: both;
	overflow: hidden;
	height: 250px;
	background: #E5BB19 url(../images/head_lettuce.jpg) no-repeat 1;
}
	#head_c {
	width: 100%;
	clear: both;
	overflow: hidden;
	height: 250px;
	background: #190F0D url(../images/head_wokery.jpg) no-repeat left top;
}
	#head_cx {
	width: 100%;
	clear: both;
	overflow: hidden;
	height: 250px;
	background: #331C0A url(../images/head_carriage.jpg) no-repeat left top;
}
	#head_cg {
	width: 100%;
	clear: both;
	overflow: hidden;
	height: 250px;
	background: #1C0306 url(../images/head_general.jpg) no-repeat left top;
}


	#head_i {
	width: 100%;
	clear: both;
	overflow: hidden;
	height: 250px;
	background-color: #050000;
	background-image: url(../images/head_about.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

	/*#head_j {
	width: 100%;
	clear: both;
	overflow: hidden;
	height: 250px;
	background: #1B0205 url(../images/head_general.jpg) no-repeat 1;
}*/
	#head_J {
	width: 100%;
	clear: both;
	overflow: hidden;
	height: 250px;
	background: #1B0205 url(../images/head_general.jpg) no-repeat left top;
}

	#head_t {
	width: 100%;
	clear: both;
	overflow: hidden;
	height: 250px;
	background: #1B0205 url(../images/head_tiger.jpg) no-repeat 1;
}

	#head_mg {
	width: 100%;
	clear: both;
	overflow: hidden;
	height: 250px;
	background: #641310 url(../images/head_menu.jpg) no-repeat left top;
}

	#head .headcut 										{
	width: 100%;
	clear: both;
	overflow: hidden;
	height: 10px;
	background: transparent url(../images/cut.png) repeat-x left top;
}
	#head .headcuti {
	width: 100%;
	clear: both;
	overflow: hidden;
	height: 10px;
}

	* html #head .headcut								{
	background: transparent url(../images/cut.gif) repeat-x left top;
	zoom: 1;
}
	
	#headcontainer 										{
	width: 960px;
	margin: 0 auto;
	height: 240px;
	clear: both;
}
	#headcontaineri {
	width: 960px;
	margin: 0 auto;
	height: 250px;
	clear: both;
}

	#headflash 											{
	width: 640px;
	height: 240px;
	display: inline;
	float: left;
	overflow: hidden;
}
	#headflashi {
	width: 960px;
	height: 250px;
	display: inline;
	float: left;
	overflow: hidden;
}

	#headcontainer .headgraphic 						{
	width: 320px;
	height: 240px;
	display: inline;
	float: right;
	overflow: hidden;
	background-color: transparent;
	background-image: url(../images/logo_red.png);
	background-position: left top;
	background-repeat: no-repeat;
	zoom: 1;
}

	
	#mainnavig 											{
	width: 100%;
	height: 39px;
	overflow: hidden;
	clear: both;
	background: transparent url(../images/navig_bg.gif) repeat-x left top;
	zoom: 1;
}
	.menu 												{ width: 960px; margin: 0 auto; height: 39px; clear: both; border-right: 1px solid #231c12; }
	
	#intro 												{
	width: 100%;
	overflow: hidden;
	clear: both;
	background: transparent url(../images/intro_bg.gif) repeat left top;
	zoom: 1;
}
	.block 												{ width: 960px; margin: 0 auto; padding: 25px 0; clear: both; }
	.block p											{ font-size: 17px; line-height: 180%; font-style: italic; margin-top: 10px; margin-bottom: 0; }
	
	#contentwrap 										{ width: 100%; clear: both; overflow: hidden; }
		#homecontainer 									{
	width: 960px;
	margin: 0 auto;
	padding: 40px 0;
	clear: both;
	background-color: transparent;
	background-image: url(../images/shine-trans.png);
	background-repeat: no-repeat;
	background-position: left top;
	zoom: 1;
}
			#hours, 
			#special 									{ width: 300px; float: left; display: inline; margin-right: 30px; overflow: hidden; }
			#news 										{ width: 300px; float: left; display: inline; margin-right: 0; overflow: hidden; }
			.small										{ font-size: 11px; font-weight: bold; width: 310px; display: block; color: #51483c; }
			#special p									{ }
			#special p img								{ margin: 8px 10px 0 0; }
			
			#photogallery								{ width: 960px; margin: 0 auto; padding: 30px 0 0 0; clear: both; overflow: hidden; }
			
			#photogallery img							{ margin: 0; }
		    #photogallery ul							{ list-style-image: none; list-style-position: outside; list-style-type: none; overflow: hidden; padding: 0 70px; }
		    #photogallery li							{ float: left; padding: 10px 20px 0 0; background: none; }
		    #photogallery li.last						{ padding: 10px 0 0 0; }
			
	#content											{ width: 630px; float: left; display: inline; overflow: hidden; margin-right: 30px; padding-bottom: 30px; }
	#content img										{ margin-top: 10px; margin-bottom: 0; }
	#content .continue									{ font-size: 11px; margin-left: 5px; }
	
	#content #menulist									{ }
	#content ul#menulist								{ padding-left: 0; margin: 0; }
	#content ul#menulist li								{ width: 100%; display: block; clear: both; background: none; padding: 0; }
	
	#content .menulistitem								{ overflow: hidden; margin-bottom: 20px; }
	#content .menulistitem h2							{ padding-bottom: 0; }
	#content .menulistitem img							{ width: 180px; height: 130px; display: block; float: left; margin-top: 7px; }
	#content .menulistitem p							{ margin-top: 10px; }
	#content .menulistitem span.categ					{ text-transform: uppercase; font-size: 11px; }
	
	#sidebar											{ width: 300px; float: left; display: inline; overflow: hidden; }
	.widget												{ width: 100%; float: left; clear: both; overflow: hidden; margin-bottom: 20px; }
	.widget .review										{ display: block; clear: both; font-style: italic; margin-bottom: 20px; }
	.deco												{
	width: 100%;
	height: 17px;
	clear: both;
	overflow: hidden;
	margin: 5px 0;
	background: transparent url(../images/deco_border.gif) repeat-x center top;
	zoom: 1;
}
	.widget #subnavig									{  }
	.widget ul#subnavig 								{ list-style-image: none; list-style-position: outside; list-style-type: none; }
	.widget ul#subnavig li 								{ width: 100%; display: block; padding-top: 5px; }
	
	#homecontainer #news ul.newslist,
	#sidebar .widget ul.newslist						{ padding-left: 0; }
	#homecontainer #news ul.newslist li,
	#sidebar .widget ul.newslist li						{ background: none; padding-left: 0; }
	
	#content #gallery									{  }
	#content ul#gallery									{ list-style-image: none; list-style-position: outside; list-style-type: none; overflow: hidden; padding: 0; margin: 0; }
	#content ul#gallery li								{ float: left; padding: 10px 30px 15px 0; background: none; }
	#content ul#gallery li.last							{ padding: 10px 0; }
	#content ul#gallery li img							{ margin: 0; }
	
	#content ul, 
	#content ol, 
	#sidebar ul, 
	#sidebar ol 										{ list-style-image: none; list-style-position: outside; list-style-type: none; margin-bottom: 0; padding-left: 15px; }
	#content li, 
	#sidebar li 										{
	background: transparent url(../images/bullet_red.gif) no-repeat scroll 0 center;
	padding-left: 17px;
	zoom: 1;
}
			
	#footwrap											{ width: 100%; clear: both; overflow: hidden; background-color: #16110b; }
	#footinner											{ width: 960px; margin: 0 auto; padding: 40px 0; clear: both; overflow: hidden; }
	.footmenu 											{ width: 640px; margin: 0 auto; height: 39px; float: left; display: inline; }
	.logolight											{
	width: 320px;
	height: 17px;
	float: left;
	display: inline;
	background-color: transparent;
	background-image: url(../images/logo_footer.png);
	background-repeat: no-repeat;
	background-position: left top;
	zoom: 1;
}
	.copyright											{ width: 960px; clear: both; overflow: hidden; padding-top: 20px; }
	.copyright p										{ font-size: 10px; color: #39332a; text-align: center; }
	
/*  =main navigation
	-------------------------------------------------------------- */	
	
	#topMenu 											{  }
	ul#topMenu 											{ list-style-image: none; list-style-position: outside; list-style-type: none; float: right; }
	ul#topMenu li 										{ float: left; padding: 8px 25px; border-left: 1px solid #231c12; }
	ul#topMenu li a 									{ font-size: 15px; color: #fff9ae; text-decoration: none; line-height: 160%; }
	ul#topMenu li a:hover 								{ color: #db1e0a; }
	
	ul#topMenu li a:active,
	ul#topMenu li.page_item.current_page_item a:link,
	ul#topMenu li.page_item.current_page_item a:hover,
	ul#topMenu li.page_item.current_page_item a:visited,
	ul#topMenu li.page_item.current_page_item a:active 	{ color: #db1e0a; background-color: transparent; }
	
	#bottomMenu 										{  }
	ul#bottomMenu 										{ list-style-image: none; list-style-position: outside; list-style-type: none; }
	ul#bottomMenu li 									{ float: left; padding: 0 30px 8px 0; }
	ul#bottomMenu li a 									{ font-size: 12px; color: #888a76; text-decoration: none; line-height: 0; }
	ul#bottomMenu li a:hover 							{ color: #db1e0a; }
	
	ul#bottomMenu li a:active,
	ul#bottomMenu li.page_item.current_page_item a:link,
	ul#bottomMenu li.page_item.current_page_item a:hover,
	ul#bottomMenu li.page_item.current_page_item a:visited,
	ul#bottomMenu li.page_item.current_page_item a:active 	{ color: #db1e0a; background-color: transparent; }
	
/*  =contact form
	-------------------------------------------------------------- */	
	
	#form, * html #form										{  }
	#form label,  											
	* html #form label										{ display: block; padding: 8px 0 2px; }
	* html #form input, * html #form textarea, 
	#form input, #form textarea 							{ background-color: #17120c; padding: 5px; font-size: 12px; font-family: Georgia, "Times New Roman", serif; color: #87845c; width: 300px; }
	* html #form textarea, 
	#form textarea 											{ width: 95%; }
	* html #form #submit, 
	#form #submit 											{ border: none; width: 103px; height: 24px; text-align: center; padding-top: 4px; text-transform: uppercase; margin-top: 15px; display: block; clear: both; }