/*  
Theme Name: 3:AM Magazine
Theme URI: http://3ammagazine.com/3am/
Description: Wordpress theme for an online literary magazine
Version: 1.0
Author: Rhys Tranter
Author email: rhystranter@mac.com
Author URI: http://www.apieceofmonologue.com/
*/

/* @import url('https://fonts.googleapis.com/css?family=EB+Garamond'); */
@import url('https://fonts.googleapis.com/css?family=Cardo');

body {
	font-size: 70%; /* Resets 1em to 10px */
	font-family: 'Cardo', serif; /* Helvetica, Arial, Sans-Serif; */
	background: #FFFFFF url('http://www.3ammagazine.com/3am/wp-content/uploads/2012/08/3amMagazine_Background4.png') repeat-x;
	color: #333;
	margin-left: auto;
	margin-right: auto;
	}

#page {  
	width: 850px ;
  	margin-left: auto;
  	margin-right: auto;
	background-color: #transparent;
	text-align: left;
	font-size: 1.1em;
	}
	
/* Header
--------------------------------------------*/

#header {
	width: 870px; 
	background: transparent;
	}


#headerimg 	{ 
	background: url('http://www.3ammagazine.com/3am/wp-content/uploads/2012/08/3amMagazine_Masthead_Transparent.png') transparent no-repeat;
	text-indent: -9000px;
	width: 890px; 
	height: 225px; 
	}

#headerimg h1 { 
	margin: 0px; 
	padding: 0px;
	background: transparent;
	}
	
.homeclick {
	cursor: pointer
	}
	
#navbar {
	padding-top: 8px;
	background: #ffffff;
	font-weight: bold;
	font-size: 1.6em;
	text-transform: lowercase;
	color: black;
	text-align: justify;
	font-family: Helvetica, Arial, Sans-Serif;
	}
	

html>body #navbar {
	width: 890px; 
	border-top: 5px #000 solid; 
}
	
#navbar ul {
	margin: 0;
	padding-bottom: 10px;
	padding-top: 10px;
	list-style: none;
margin-left: -60px;
	}

#navbar li {
	display:inline;
	text-align: left;
	padding-top: 10px;
	}
html>body #navbar li {
	margin: 0px 10px 0px 0px;
}

#navbar li:first-child {
  padding-right: 50px; }
	
#navbar a:link, #navbar a:visited {
	color: black;
	text-decoration: none;
	}
	
#navbar a:hover, #navbar a:active {
	color: black;
	text-decoration: none;
	padding-top: 10px;
	border-bottom: 5px #000000 solid;
	}

/* Front Page
--------------------------------------------*/
	
#frontpage {
	float: left;
	width: 890px;
	padding-bottom: 20px;
	padding-top: 20px;
	line-height: 1.4em;
	}

.frontpageblock {
	no-repeat bottom left;
	width: 420px;
	}
	
#frontpage ul {
	list-style: none;
	padding-left: 0px;
	margin: 0px;
		float: left;
	}
	
#frontpage p {
	color: #333;
	line-height: 1.4em;
	}
	
#frontpage h2 {
	color: #000;
	background: #e8e8e8;
	font-size: 1.8em;
	text-transform: lowercase;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 25px;
	border-bottom: 0px #000 solid;
	width: 890px;
	}
	
#frontpage h3 {
	font-family: Helvetica, Arial, sans-Serif;
	text-transform: lowercase;
	padding-top: 20px;
	font-size: 1.8em;
	line-height: 0.9em;
	margin-top: 0px;
	border-top: 5px #000 solid;
	}	

#frontpage h3 a:link, h3 a:visited {
text-decoration: none;
color: #000;
	}	

#frontpage h3 a:active, h3 a:hover {
text-decoration: none;
color: #000;
	}

#frontpage .seeall {
	text-align: right;
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 10px;
        }
html>body .seeall {
	margin-bottom: 0;
	}

/* Front Page Latest Additions
--------------------------------------------*/

#latestposts {
	background: #fff;
	width: 890px;
	padding-bottom: 20px;
	line-height: 1.4em;
	}
	
#latestposts h2 {
	color: #000;
	background: #e8e8e8;
	font-size: 1.8em;
	text-transform: lowercase;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 25px;
	border-bottom: 0px #000 solid;
	}
	
#latestposts h3 {
	font-family: Helvetica, Arial, sans-Serif;
	text-transform: lowercase;
	padding-top: 20px;
	font-size: 1.8em;
	line-height: 0.9em;
	margin-top: 0px;
	border-top: 5px #000 solid;
	}
	
#latestposts ul {
	padding: 0;
	list-style: none;
	padding-left: 0px;
	padding-right: 0px;
	font-size: 15px;
	line-height: 22px;
	}
	
#latestposts li {
	float: left;
	margin-bottom: 50px;
	}
html>body #latestposts li {
	width: 420px;
}

#latestposts li.odd {
  padding-right: 50px; 
}
	
#latestposts h3 a:link, h3 a:visited {
text-decoration: none;
	border-bottom: 0px #000000 solid;
	color: #000;
	}	

#latestposts h3 a:active, h3 a:hover {
text-decoration: none;
	border-bottom: 0px #000000 solid;
	color: #000;
	}	
		
/* Articles
--------------------------------------------*/	

#articletitle {
	color: #000;
	background: #e8e8e8;
	font-size: 1.8em;
	text-transform: lowercase;
	margin-top: 20px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 0px;
	border-bottom: 0px #000 solid;
	font-weight: bold;
	width: 890px;
	}

#article {
	width: 600px;
	float: left;
	}
	
#article h2 {
	font-family: Helvetica, Arial, sans-Serif;
	text-transform: lowercase;
	color: black;
	padding-top: 15px;
	font-size: 2.5em;
	line-height: 1.0em;
	margin-top: 25px;
	margin-bottom: 0px;
	border-top: 5px #000 solid;
	}
	
#article h3 {
	text-align: left;
	font-size: 1.0em;
	color: black;
	margin-bottom: 3em;
	}
	
#article h4 {
	text-align: left;
	font-size: 1.0em;
	color: black;
	margin-top: 3em;
	}
	
#article p {
	font-size: 1.4em;
	line-height: 1.4em;
	}
	
p.imgcaption {
	text-align: center;
	padding-bottom: 10px;
	}
	
	
#article img {
	display: block;
margin-left: auto;
margin-right: auto;
	}
	
	
/* Contacts page
--------------------------------------------*/	

.contact-row { 
	overflow: hidden; 
	margin-bottom:1em;
} 

.contact-col { 
	width: 48%; 
} 

.contact-col.left { 
	
	float: left; 
	
}

.contact-col.right { 
	float: right;
	
}

	
/* Notes
--------------------------------------------*/	

.notetitle {
	color: #000;
	background: #e8e8e8;
	font-size: 1.8em;
	text-transform: lowercase;
	margin-top: 20px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 0px;
	border-bottom: 0px #000 solid;
	font-weight: bold;
	width: 890px;
	}

#notes {
	float: left;
	width: 590px;
	margin: 0px;
	}
	
.notecard {
	no-repeat bottom left;
	padding-bottom: 20px;
	width: 590px;
	margin: 0px 0px 50px 0px;
	padding-bottom: 50px;
	}

#notes p {
	margin: 0px;
	padding-top: 0px;
	font-size: 1.4em;
	line-height: 1.4em;
	padding-bottom: 10px;
	}
	
#notes img {
	display: block;
margin-left: auto;
margin-right: auto;
	padding-bottom: 10px;
	}

#notes p.postmetadata {
	font-size: 1.1em;
	line-height: 1.3em;
color: #aaa;
margin: 0px;
padding-top: 10px;
	}

#notes p.postmetadata a, p.postmetadata a:visited, p.postmetadata {
color: #aaa;
	}
	
#notes p.postmetadata a:active, p.postmetadata a:hover {
color: #aaaaaa;
	}	
	
#notes h3 {
	font-family: Helvetica, Arial, sans-Serif;
	text-transform: lowercase;
	padding-top: 20px;
	font-size: 1.8em;
	line-height: 1.2em;
	margin-top: 25px;
	border-top: 5px #000 solid;
	color: #666;
	width: 590px;

	}	
	
#notes h3 a:link, a:active, a:hover, a:visited {
color: black;
	}
	
.buzzpost p {
	font-size: 1.1em;
	line-height: 1.3em;
	padding-bottom: 5px;
	}

/* Sidebar
--------------------------------------------*/

#sidebar {
	float: right;
	width: 240px;
	margin-top: 5px;
	padding-top: 20px;
	}

.sidebarblock {
	background: #fff;
	no-repeat bottom left;
	width: 240px;
	padding-left: 40px;
	padding-bottom: 50px;
	}
	
#sidebar ul {
	list-style: none;
	padding: 0px 0px 0 10px;
	margin: 0px;
	font-size: 14px;
	}

#sidebar li {
	list-style: none;
	padding-bottom: 2px;
	padding-top: 2px;
	margin: 0px;
	}
	
#sidebar p {
	color: #333;
	font-size: 1.1em;
	}

#sidebar form {
	padding: 0px;
	}
	
#sidebar h2 {
	color: black;
	border-top: 5px #000000 solid;
	no-repeat top right;
	width: 240px;
	font-size: 1.4em;
	text-transform: lowercase;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 18px;
	}	

	
/* Recent Links Footer
--------------------------------------------*/	

#recentfooter {
	background: #fff;
	margin-top: 30px;
	}
	
#recentfooter h2 {
	font-family: Helvetica, Arial, sans-Serif;
	text-transform: lowercase;
	color: black;
	padding-top: 20px;
	font-size: 1.8em;
	line-height: 0.9em;
	margin-top: 0px;
	border-top: 5px #000 solid;
	}

	
#recentfooter ul {
	list-style: none;
	padding-bottom: 20px;
	padding-left: 0px;
	margin-left: 0px;
	}
	
#recentfooter ul li {
	float: left;
	display: inline;
	width: 600px;
	padding-bottom: 5px;

no-repeat top left;
	font-size: 1.1em;
	color: #000;
	}
html>body #postpage {
	width: 600px;
}
	
#recentfooter ul ul {
	background: white url('') 

no-repeat bottom left;
	list-style: none;
	}
	
#recentfooter ul ul li {
	float: left;
display: block;
	font-size: 1.1em;
	line-height: 1.3em;
	}
	
/* Footer
--------------------------------------------*/	

#footer {
	clear: both;
	width: 890px;
	margin: 0 0 -12px;
	padding: 0 0 0px 0;
	background: white;
	}

.dark p {
	color: #666;
	padding: 0px;
	}
	
.dark a:link, .dark a:visited {
	color: #666;
	text-decoration: none;
	}
	
.dark a:hover, .dark a:active {
	color: #666;
	text-decoration: underline;
	}		

.foot {
background: #e8e8e8 none repeat scroll 0 0;
border-top: 5px solid #000;
}
.foot p {
font-size: 14px;
}
	
/* Pervasive Things
--------------------------------------------*/

a:link, a:visited {
	color: #222222;
	text-decoration: none;
        font-weight: bold;
	}
	
a:hover, a:active {
	color: #222222;
	text-decoration: underline;
        font-weight: bold;
	}	
	
.clear {
	clear: both;
	}
	
.centered {
	text-align: center;
	}
b {
	font-weight: bold;
}	
hr {
	display: none;
	}
	
.navigation {
	color: black;
	font-family: Helvetica, Arial, sans-Serif;
	font-size: 1.4em;
	text-transform: lowercase;
	}
	
.navigation a:link, .navigation a:visited, .navigation a:active, .navigation a:hover {
	color: black;
	font-family: Helvetica, Arial, sans-Serif;
	font-size: 1.4em;
	}
	
.alignleft {
	padding-left: 0px;
	float: left;
	}
	
.alignright {
	float: right;
	}
	
.login {
        text-align: center;
        font-size: 2em;
        padding: 0px;
        margin: 0px;
        }

.login a:link, .login a:visited {
        color: white;
        }

.login a:hover, a:active {
        color: white;
        }