/*  
Theme Name: 3:AM Magazine
Theme URI: http://3ammagazine.com/brasil/
Description: Wordpress theme for an online literary magazine
Version: 1.0
Author: James Bridle
Author email: james@shorttermmemoryloss.com
Author URI: http://shorttermmemoryloss.com/
*/

body {
	font-size: 70%; /* Resets 1em to 10px */
	font-family:  Verdana, Helvetica, Arial, Sans-Serif;
	background: #000066 url('http://www.3ammagazine.com/brasil/wp-content/themes/3am/images/3ambackground.gif') repeat-x;
	color: #333;
	text-align: center;
	padding: 0px;
	margin: 0px;
	}

#page {
	margin: 0 auto;
	width: 780px;
	background-color: #336699;
	text-align: left;
	font-size: 1.1em;
    padding: 0;
	}
	
/* Header
--------------------------------------------*/

#header {
	width: 780px; 
	background: #000066;
	}

#headerimg 	{ 
	background: url('http://www.3ammagazine.com/brasil/wp-content/themes/3am/images/3amheader.jpg') no-repeat;
	text-indent: -9000px;
	margin: 0px; 
	height: 125px; 
	width: 780px; 
	}
	
#headerimg h1 { 
	margin: 0px; 
	padding: 0px;
	}
	
.homeclick {
	cursor: pointer
	}
	
#navbar {
	width: 740px;
	margin: 0px;
	padding: 12px 20px 12px 20px;
	background: transparent;
	font-weight: bold;
	font-size: 1em;
	color: white;
	text-transform: lowercase;
	}
html>body #navbar {
	width: 780px;
}
	
#navbar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

#navbar li {
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	}
html>body #navbar li {
	margin: 0 15px 0 0;
}
	
#navbar a:link, #navbar a:visited {
	color: white;
	text-decoration: none;
	border: 3px #000066 solid;
	}
	
#navbar a:hover, #navbar a:active {
	color: white;
	text-decoration: none;
	background-color: #336699;
	border: 3px #336699 solid;
	}

/* Front Page
--------------------------------------------*/
	
#frontpage {
	float: left;
	width: 560px;
	margin: 0px;
	padding-top: 0px;
	}

.frontpageblock {
	background: white url('http://www.3ammagazine.com/brasil/wp-content/themes/3am/images/pagecurl.gif') 

no-repeat bottom left;
width: 550px;
	margin: 0px 0px 10px 10px;
	padding: 0 0 10px 0;
	}
	
#frontpage ul {
	list-style: none;
	padding: 0 5px 0 5px;
	margin: 0px;
	}
	
#frontpage p {
	color: #333;
	padding: 0 5px 0 5px;
	}
	
#frontpage h2 {
	color: white;
	background: #000066 url('http://www.3ammagazine.com/brasil/wp-content/themes/3am/images/3amboxright.gif') no-repeat top right;
	width: 540px;
	font-size: 1em;
	margin: 0px;
	padding: 5px;
	}
	
#frontpage h3 {
	font-family: Sabon, Garamond, Times, Times New Roman, Serif;
	font-size: 2em;
	text-transform: lowercase;
	margin: 5px 5px 0 5px;
	}	

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

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

#frontpage .seeall {
	text-align: right;
	font-family: Sabon, Garamond, Times, Times New Roman, Serif;
	font-size: 1.8em;
	text-transform: lowercase;
	margin-bottom: 10px;
        }
html>body .seeall {
	margin-bottom: 0;
	}

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

#latestposts {
	background: white;
	margin: 0 0 10px 0;
	background: white url('http://www.3ammagazine.com/brasil/wp-content/themes/3am/images/latestbottom.gif') repeat-x bottom;
	}
	
#latestposts h2 {
	margin: 0 0 10px 0;
	background: white;
	padding: 10px 20px 20px 20px;
	background: white url('http://www.3ammagazine.com/brasil/wp-content/themes/3am/images/bottomshadow.gif') repeat-x bottom;
	font-weight: bold;
	font-size: 1em;
	}
	
#latestposts h3 {
	font-family: Sabon, Garamond, Times, Times New Roman, Serif;
	font-size: 2em;
	text-transform: lowercase;
	margin: 0px;
	}
	
#latestposts ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
#latestposts li {
	float: left;
	width: 340px;
	padding: 5px 20px 10px 10px;
	}
html>body #latestposts li {
	width: 350px;
}
	
#latestposts h3 a:link, h3 a:visited {
text-decoration: none;
	}	

#latestposts h3 a:active, h3 a:hover {
text-decoration: none;
color: #99ccff;
	}	
		
/* Articles
--------------------------------------------*/	

#articletitle {
	margin: 0;
	background: white;
	padding: 10px 20px 20px 20px;
	background: white url('http://www.3ammagazine.com/brasil/wp-content/themes/3am/images/bottomshadow.gif') repeat-x bottom;
	font-weight: bold;
	font-size: 1em;
	}

#article {
	padding: 10px 60px 20px 60px;
	background: white url('http://www.3ammagazine.com/brasil/wp-content/themes/3am/images/latestbottom.gif') repeat-x bottom;
	}
	
#article h2 {
	text-align: center;
	font-family: Sabon, Garamond, Times, Times New Roman, Serif;
	font-size: 2.5em;
	color: black;
	}
	
#article h3 {
	text-align: center;
	font-size: 1.4em;
	color: black;
	margin-bottom: 3em;
	}
	
#article h4 {
	text-align: center;
	font-size: 1.4em;
	color: black;
	margin-top: 3em;
	}
	
#article p {
	font-size: 1.4em;
	}
	
p.imgcaption {
	text-align: center;
	}
	
	
#article img {
	display: block;
margin-left: auto;
margin-right: auto;
	}
	
/* Notes
--------------------------------------------*/	

.notetitle {
	margin: 0 0 10px 0;
	background: white;
	padding: 10px 20px 20px 20px;
	background: white url('http://www.3ammagazine.com/brasil/wp-content/themes/3am/images/latestbottom.gif') repeat-x bottom;
	font-weight: bold;
	font-size: 1em;
	}

#notes {
	float: left;
	width: 560px;
	margin: 0px;
	padding: 0 0 20px 0;
	}
	
.notecard {
	background: white url('http://www.3ammagazine.com/brasil/wp-content/themes/3am/images/pagecurl.gif') no-repeat bottom;
	width: 550px;
	margin: 0px 0px 10px 10px;
	padding: 0 0 30px 0;
	}

#notes p {
	margin: 0px;
        padding: 15px 20px 0 20px;
        line-height: 1.4em;
	}
	
#notes p.postmetadata {
font-size: 1.0em;
color: #aaa;
margin: 0px;
padding: 20px 10px 0 10px;
	}

#notes p.postmetadata a, p.postmetadata a:visited, p.postmetadata {
color: #aaa;
	}
	
#notes p.postmetadata a:active, p.postmetadata a:hover {
color: #99ccff;
	}	
	
#notes h3 {
color: #aaa;
	background: url('http://www.3ammagazine.com/brasil/wp-content/themes/3am/images/3amboxrightwhite.gif') no-repeat top right;
	font-family: Sabon, Garamond, Times, Times New Roman, Serif;
	font-size: 2em;
	margin: 0px;
padding: 10px 10px 10px 10px;
	}
	
#notes h3 a:link, a:active, a:hover, a:visited {
color: #000066;
	}
	
.buzzpost p {
	font-size: 1.2em;
	}

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

#sidebar {
	float: right;
	width: 220px;
	margin: 0px;
	padding: 0px;
	}

.sidebarblock {
	background: white url('http://www.3ammagazine.com/brasil/wp-content/themes/3am/images/pagecurl200.gif') 

no-repeat bottom left;
	width: 200px;
	margin: 0 10px 10px 10px;
	padding: 0 0 20px 0;
        overflow: hidden;
	}
	
#sidebar ul {
	list-style: none;
	padding: 5px 10px 0 10px;
	margin: 0px;
	}

#sidebar li {
	list-style: none;
	padding: 5px;
	margin: 0px;
	}
	
#sidebar p {
	color: #333;
	padding: 0 10px 0 10px;
	}

#sidebar form {
	padding: 10px;
	}
	
#sidebar h2 {
	color: white;
	background: #000066 url('http://www.3ammagazine.com/brasil/wp-content/themes/3am/images/3amboxright.gif') 

no-repeat top right;
	width: 190px;
	font-size: 1em;
	margin: 0px;
	padding: 5px;
	}	

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

#recentfooter {
	background: #336699;
	padding: 20px 0px 20px 20px;
	}
	
#recentfooter h2 {
	font-size: 1em;
	margin: 5px;
	}
	
#recentfooter ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#recentfooter ul li {
	float: left;
display: inline;
	width: 340px;
	background: #000066 url('http://www.3ammagazine.com/brasil/wp-content/themes/3am/images/3amboxright.gif') 

no-repeat top right;
	font-weight: bold;
	color: #ffffff;
	margin: 0 20px 0 0;
	}
html>body #postpage {
	width: 355px;
}
	
#recentfooter ul ul {
	background: white url('http://www.3ammagazine.com/brasil/wp-content/themes/3am/images/3amboxleft.gif') 

no-repeat bottom left;
	margin: 0px;
	padding: 5px 0 10px 0;
	list-style: none;
	}
	
#recentfooter ul ul li {
	float: none;
display: block;
	background: transparent;
	margin: 0px;
	padding: 5px 10px 5px 10px;
	font-weight: normal;
	}
	
/* Footer
--------------------------------------------*/	

#footer {
	clear: both;
	width: 780px;
	margin: 0px;
	padding: 0 0 10px 0;
	background: black;
	}

.dark p {
	color: #666;
	padding: 10px;
	}
	
.dark a:link, .dark a:visited {
	color: #666;
	text-decoration: none;
	}
	
.dark a:hover, .dark a:active {
	color: #666;
	text-decoration: underline;
	}		
	
/* Pervasive Things
--------------------------------------------*/

a:link, a:visited {
	color: #000066;
	text-decoration: none;
        font-weight: bold;
	}
	
a:hover, a:active {
	color: #99ccff;
	text-decoration: none;
        font-weight: bold;
	}	
	
.clear {
	clear: both;
	}
	
.centered {
	text-align: center;
	}
	
hr {
	display: none;
	}
	
.navigation {
	color: white;
	font-family: Sabon, Garamond, Times, Times New Roman, Serif;
	font-size: 1.2em;
	text-transform: lowercase;
	}
	
.navigation a:link, .navigation a:visited, .navigation a:active, .navigation a:hover {
	color: white;
	font-family: Sabon, Garamond, Times, Times New Roman, Serif;
	font-size: 2em;
	text-transform: lowercase;
	}
	
.alignleft {
	padding-left: 10px;
	float: left;
	}
	
.alignright {
	float: right;
	}
	
.login {
        text-align: center;
        font-size: 2em;
        padding: 0px;
        margin: 0px;
        }

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

.login a:hover, a:active {
        color: #333;
        }

img {
        border: none;
        }