/*  
Theme Name: Sub Shop
Theme URI: 
Description: Mmm... subs!
Version: 1.0
Author: Matthew Johnson
Author URI: http://www.easyitny.com
*/

body 	{
	background:#C61D11;
	font-family: georgia, arial, sans-serif;
	font-size:14px;
	text-align:center; 			/* for centering #wrapper in IE */
	margin:10px;
	}
	
a	{
	color:#C61D11;
	text-decoration:underline;
	}

a:hover {
	color:#C61D11;
	text-decoration:none;
	}
	
#greenspace {
	background:#007D40;
	padding-top:70px;
	padding-bottom:70px;
	}
	
#shell {
	width:770px;
	margin-left:auto;
	margin-right:auto;
	border:10px solid #006735;
	border-radius:25px;			/* rounded edges */
	-moz-border-radius:25px; 	/* for Firefox 3.6 and earlier */
	-webkit-border-radius:25px;
	display:block;
	}

#wrapper {
	background:#FFF;
	width:750px;
	text-align:left;
	margin-right:auto;
	margin-left:auto;
	padding:10px;
	border-radius:15px;			/* rounded edges */
	-moz-border-radius:15px; 	/* for Firefox 3.6 and earlier */
	-webkit-border-radius:15px;
	display:block;
	}
	
#header	{
	background: url("http://www.guyssubs.com/wp-content/themes/subshop/images/banner.jpg") no-repeat;
	width:750px;
	height:190px;
	margin:0px;
	}

/* ----------------- MENU --------------- */
	
#menu {
	font-size:14px;
	font-weight:bold;
	text-align:center;
	background:#C61D11;
	width:750px;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:20px;
	}
	
#menu a	{
	color:#FFF;
	padding-top: 9px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	background:#C61D11;
	text-decoration:none;
   	}
	
#menu a:hover	{
	color:#FFF;
	padding-top: 9px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	background:#E35347;
	text-decoration:none;
   	}
	
#menu a.current	{
	color:#FFF;
	padding-top: 9px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	background:#E35347;
	text-decoration:none;
   	}
	
	
/* ----------------- CONTENT SHELL --------------- */	
	
#content {
	background:#FFF;
	width:750px;
	overflow:hidden;		/* without this for some reason the footer top-margin doesn't work */
	}
	
/* ----------------- SIDEBAR --------------- */	

img {
	border:0;
	}

.sidebarsmalltext {
	font-size:11px;
	font-family: georgia;
	font-weight:normal;
	}
	
.followus {
	font-size:16px;
	color:#C61D11;
	text-align:center;
	font-weight:bold;
	}
	
#sidebar {
	background:#FFF;
	width:24%;
	font-size:14px;
	margin-right:10px;		/* spaces sidebar from main content */
	float:left;
	}
	
#buttons a {
	background:#C61D11;
	width:auto;
	font-weight:bold;
	padding: 10px 0px 10px 10px;		/* menu button padding */
	margin-bottom:2px;		/* thin space between buttons */
	color:#FFF;
	text-decoration:none;
	border-left:0px solid #E35347;		/* small bit of green on left end of button */
	display:block;			/* in a vertical button-style menu, this allows top and bottom padding to work for links */
   	}
	
#buttons a:hover {
	background:#E35347;
	width:auto;
	padding: 10px 0px 10px 10px;
	margin-bottom:2px;
	color:#FFF;
	text-decoration:none;
	border-left:0px solid #E35347;
	display:block;			
   	}
	
#buttons a.current {			/* highlights current page on sidebar */
	background:#E35347;
	width:auto;
	padding: 10px 0px 10px 10px;
	margin-bottom:2px;
	color:#FFF;
	text-decoration:none;
	border-left:0px solid #E35347;
	display:block;			
   	}
	
/* ----------------- MAIN --------------- */	
		
#main	{
	width:74%;
	float:right;
	color:#444;
	}
	
#main p {
	margin:0px;				/* gets rid of white space between name and slogan */
	}
	
#main td {
	padding-top:5px;
	padding-bottom:5px;
	}
	
#topleftmain {
	float:left;
	height:40px;
	}
	
#toprightmain {
	float:right;
	height:40px;
	}
	
.blogpost {					/* formatting for blog-style posts (i.e. "Events" and "New Items" and "Reviews"), differentiates from page posts */
	border:1px solid #f3f27d;
	padding:10px;
	margin-top:20px;
	background:#fbfbdb;
	}
	
span.guyssubs {				
	font-size:26px;
	font-weight:bold;
	color:#000;
	}
	
h2	{
	font-size:18px;
	font-weight:bold;
	color:#000;
	margin-top:0px;
	margin-bottom:20px;
	}
	
/* ---------------- FOOTER -------------- */
	
#footer	{
	clear:both;
	text-align:center;
	font-size:11px;
	font-family: arial, georgia;
	color:#FFF;
	margin-top:20px;
	margin-bottom:10px;
	}
	
#footer a {
	font-weight:bold;
	color:#FFF;
	}