/*
Theme Name: Zine of the Month
Theme URI: http://www.zineofthemonth.com/
Description: Buy some MF Zines!
Version: 1.0.0.0.0.0.1
Author: The Roger
Author URI: http://www.ibreak4bacon.com/
Tags: white, fixed width, two columns
*/


/*----------------------------------------
		STRUCTURE
----------------------------------------*/
#page {
margin: 20px auto;
width: 800px;
text-align: left;
}
#header {
display:block;
width:801px;
height:127px;
}
#banner {
display:block;
width:100%;
height:106;
}
#mainmenu{
display:block;
width:801px;
height:20px;
}
#mainmenu ul {
height:100%;
padding-top:10px;
}
#navigation{
margin-top:10px;
height:100%;
}
.navleft, .navright{
display:inline;
}
.firstpost{
margin-top:5px;
}
.narrowcolumn {
float: left;
width: 720px;
overflow:hidden;
}
.pagetitle{
}
.post {
margin-bottom:20px;
}
#sidebar {
float:left;
display:inline;
width: 50px;
margin-left:10px;
}
#sidebar img {
width:50px;
}
#sidebar ul {
padding:10px;
}
#sidebar ul li {
margin-bottom:10px;
}
#footer {
margin-top:10px;
padding-top:10px;
	display:block;
	height:50px;
	clear: both;
text-align:center;
	}
p {
margin:10px 0;
}
.copyright{
margin-top:10px;
}
/*----------------------------------------
		COLUMNS
----------------------------------------*/
.left_column{
width:400px;
float:left;
display:inline;
}
.right_column{
margin-left:10px;
width:310px;
float:left;
display:inline;
}




/*----------------------------------------
		STORES PAGE
----------------------------------------*/
.store_links li{
margin-bottom:15px;
}
.link_title{
text-transform:uppercase;
margin:0;
font-size:1.3em;
font-weight:bold;
}

/*----------------------------------------
		STYLE
----------------------------------------*/
body{
	font-size: 80%; /* Resets 1em to 10px */

	font-family: Arial, Helvetica, Sans-Serif;
	background: #fff;
	color: #333;
	text-align: center;
	}
a {
	color: #888;
	text-decoration:none;
	}
a:visited{color:#aaa;text-decoration:none}
a:hover, h2 a:hover{color:yellow;}

#banner{
background-image:url(http://www.zineofthemonth.com/wp-content/uploads/2010/05/zotm_head_2010.jpg);
background-repeat:no-repeat;
}
#banner img{
width:801px;
height:100px;
}
#banner span{
display:none;
}
small {
	font-size: 0.9em;
	line-height: 1.5em;
	}
.post {
text-align:left;
}
#sidebar {
font-size:70%;
}
#footer{
font-size:0.7em;
}


/*----------------------------------------
		MAIN MENU
----------------------------------------*/
#mainmenu a{
color:#000;
font-size:0.9em;
font-weight:bold;
}
#mainmenu a:hover{
color:#ddd;
}
a.currentpage{
color:#ddd!important;
}
a.currentpage:hover{
color:#faf!important;
}

/*----------------------------------------
		HEADERS
----------------------------------------*/
h1{font-size:4em;}
h2{font-size:3em;}
h3{font-size:2em;}

.post h2 {
font-size:2em;
font-weight:bold;
}




/*----------------------------------------
		IMAGES
----------------------------------------*/
.minilink a img {
	border: 2px solid #fff;

	}
.minilink a img:hover {
border:2px solid #eee;
}
/*----------------------------------------
		LISTS
----------------------------------------*/
#mainmenu ul li{
display:inline;
margin-right:16px;
}
#sidebar ul {
list-style:none;
}
#footer ul li{
display:inline;
padding:0px 10px;
border-right:1px solid #ddd;
}
#footer ul li.lastlink{
border-right:0;
}

/*----------------------------------------
		FORMS
----------------------------------------*/
input, textarea
 {
 	border: #ddd 1px solid;
 	background-color: #ffffff;
	font-family: Arial, Helvetica, Sans-Serif;
 	font-size:1em;
 	font-weight: normal;
 }

#searchsubmit 
 {
 	cursor: pointer;
 	text-decoration:none;
 }



/*----------------------------------------
		BORDERS
----------------------------------------*/
#header{
border-bottom:3px solid #000;
}
.post {
border-top:3px solid #000;
}
.post.firstpost{
border:0px;
}
#sidebar {
}
#footer{
border-top:3px solid #000;
}
#footer ul li.border_none{
border:0px;
}


/*----------------------------------------
		MISC

----------------------------------------*/
.clear {
	clear: both;
}
.center {
margin:auto;
	}
.alignleft {
float:left;
}
.alignright{
float:right;
}
.hidden {
	display: none;
	}
.allcaps {
text-transform:uppercase;
}

hr {
clear:both;
border:0px;
height:1px;
background:#ddd;
	}