/*
Theme Name: Tokyo Sushi St. Louis
Theme URI: http://tokyosushistl.com/
Description: WordPress theme developed exclusively for Tokyo Sushi of St. Louis.
Version: 1.0
Author: Tanner Hobin
Author URI: http://tannerhobin.com/
Tags: fixed width, two columns, widgets

	Tokyo Sushi v1.0
	 http://tokyosushistl.com/

	This theme was designed and built by Tanner Hobin,
	whose blog you will find at http://tannerhobin.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* 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,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}body{line-height:1}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}

/* Typography */
body{font:13px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;color:#333}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:disc}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{font-weight:normal;padding:0;margin:0 0 5px}small{font-size:11px}a{color:#06C;text-decoration:none}a:hover{text-decoration:underline}

/* Layout */
body {background:#789172 url(images/bg_body.gif) top repeat-x}
.container {width:750px; margin:0 auto}
.header {background:url(images/bg_header.png) right no-repeat; padding-top:20px; height:119px; width:750px}
	ul.topnav {list-style:none; margin:0;}
	ul.topnav li {margin:0; display:inline}
	ul.topnav li a {display:block; float:left; background:#58432c; color:#fffcd6; font-weight:bold; text-transform:uppercase; padding:8px 16px; margin:0 10px 20px 0; text-decoration:none}
	ul.topnav li a:hover {background:#fffcd6; color:#58432c; text-decoration:none}
	ul.topnav li.current_page_item a {background:#fffcd6; color:#58432c}
	
.content {background:#fffcd6; clear:both; margin-bottom:20px; padding:10px}
.footer {background:#fffcd6}
	.footer p {padding:10px}
	

/* Misc Classes */
.clear{clear:both}
.small{font-size:11px}
.red{color:#c00}
acronym, abbr {border-bottom: 1px dashed #999; cursor:help}
blockquote {margin:15px 30px 0 10px; padding-left:20px; border-left:5px solid #ddd}
blockquote cite {margin:5px 0 0; display:block}

/* Images */
p img {padding:0; max-width:100%}
a img {border:none}
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
img.centered {display:block; margin-left:auto; margin-right:auto}
img.alignright {padding:4px; margin:0 0 2px 7px; display:inline}
img.alignleft {padding:4px;	margin:0 7px 2px 0;	display:inline}
.alignright {float:right}
.alignleft {float:left}