/*
Theme Name: Modern Times
Theme URI: http://www.jon22.net/
Description: A design built from the ground up, baby. All about the text.
Version: 0.9
Author: Jonathan Dobres

*/

/*GLOBAL STYLES*/

* {
	margin: 0px;
	padding: 0px;
}

body {
	color: #000;
	background: #c8daeb url('i/2010springbackground.jpg') center -20px repeat-x;
	font-family: Palatino, Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
}

#torso {
	width: 960px;
	margin: 0px auto;
	padding: 260px 0px 0px 0px;
	background: transparent url('i/2010springheader.png') center -20px no-repeat;
}

h3 {
	text-transform: lowercase;
	font-variant: small-caps;
	font-size: 25px;
	font-weight: normal;
	text-align: center;
	margin: 0px;
	clear: both;
}

h4 {
	text-transform: uppercase;
	font-variant: small-caps;
	font-weight: normal;
	font-size: 15px;
	text-align: center;
	color: #666;
}

sup {
	font-size: 0.75em; line-height: 0.5em
} 

#submit, #searchsubmit {
	font-weight: bold;
	border: 3px double #fff;
	background: #8bb1f0;
	color: #fff !important;
	padding: 5px;
	float: left;
	font-weight: normal;
	margin-right: 10px;
}

#searchsubmit {
	text-decoration: none;
}

/*HEADER STYLES*/

#top_matter {
	background: transparent url('i/shadow-top-2010spring.png') center top no-repeat;
	height: 164px;
}

#header {
	float: left;
	margin: 101px 0px 0px 93px;
}

#header h1 {
	overflow: hidden;
	text-indent: -1000em;
	font-size: 1px;
	width: 254px;
	height: 63px;
	background: #fff url('i/since2002.png') center center no-repeat;
}

#header h1 a {
	display: block;
	height: 63px;
}

/*MENU STYLES*/

#menu {
	float: left;
	width: 418px;
	height: 59px;
	margin: 101px 0px 0px 106px;
}

#menu li {
	list-style: none;
	float: left;
}

#menu a {
	float: left;
	text-indent: -1000em;
	overflow: hidden;
}

#menu .about a {
	width: 114px;
	height: 59px;
	background: #fff url('i/menu.png') 0px -59px;
}

#menu .about a:hover {
	background: #fff url('i/menu.png') 0px 0px;
}

#menu .archives a {
	width: 134px;
	height: 59px;
	background: #fff url('i/menu.png') -114px -59px;
}

#menu .archives a:hover {
	background: #fff url('i/menu.png') -114px 0px;
}

#menu .elsewhere a {
	width: 170px;
	height: 59px;
	background: #fff url('i/menu.png') -248px -59px;
}

#menu .elsewhere a:hover {
	background: #fff url('i/menu.png') -248px 0px;
}

/*ARTICLE CONTENT AREA*/

#main_content {
	background: transparent url('i/shadow-sides.png') center top;
	padding: 60px 0px;
}

.single {
	padding-bottom: 1em;
	background: transparent !important;
}

h2 {
	text-transform: lowercase;
	text-align: center;
	font-weight: normal;
	azimuthfont-size: 30px;
	margin: 0px 0px 20px 0px;
}

h2 a {
	color: #000;
	text-decoration: none;
}

h2 a:hover {
	color: #679f0a;
}

#main_content h4 {
	text-align: left;
	color: #00234a;
	font-size: 1em;
}

#main_content ol, #main_content ul {
	padding: 0px 2em 0px 2em;
}

#main_content ul {
	list-style: square;
}

#main_content p, #main_content li, #main_content pre {
	margin: 0px 0px 1em 0px;
	line-height: 1.6em;
}

#main_content pre {
	font-size: 0.8em;
}

blockquote {
	padding-left: 30px;
}

#main_content p a, #main_content li a, #sub_content a {
	text-decoration: none;
	color: #679f0a;
}

#main_content p a:visited, #main_content li a:visited, sub_content a:visited {
	color: #999;
}

#main_content p a:hover, #main_content li a:hover, #sub_content a:hover {
	color: #679f0a;
	border-bottom: 1px solid #679f0a;
}

img.blog {
	float:  left;
	border:  1px solid #000;
	margin:  6px 10px 0px 0px;

}

img.full {
	float: none;
	margin: 20px auto;
	display: block;
}

img.noborder {
	padding: 0px;
	border: none;
}

#main_content table {
	width: 600px;
	margin: 1em auto;
	border-spacing: 0;
    border-collapse: collapse;
	border-top: 1px solid #ccc;
}

#main_content table td {
	padding: 10px;
	border-bottom: 1px solid #ccc;
}

/*LOOP STYLES*/

div.post {
	margin: 0px 151px;
}

div.post + div.post, div.elsewhere + div.post, div.elsewhere + div.elsewhere, div.post + div.elsewhere {
	margin-top: 4em;
}

/*FOOTER AND FOOTER-LIKE STYLES*/

#footer {
	background: transparent url('i/shadow-bottom-2010spring.png') center bottom no-repeat;
	padding: 0px 0px 80px 0px;
	clear: both;
}

#footer p {
	padding: 0px 93px;
	font-size: 13px;
	color: #333;
	text-align: right;
}

#footer a {
	text-decoration: none;
	color: #679f0a;
}

div.post_meta {
	text-align: right;
	font-variant: small-caps;
	margin: 0px 0px 0px 300px;
	padding: 0px;
	clear: both;
}

.post_meta a {
	color: #0c60d2;
	padding: 4px;
	text-decoration: none;
}

#chronology p {
	margin: 1em 0px 0px 0px;
}

#more_posts {
	text-align: center;
	background: transparent url('i/metaStripe.png') center center repeat-x;
	margin: 2em 151px;
}

#more_posts a {
	line-height: 60px;
	text-transform: uppercase;
	font-variant: small-caps;
	background: #fff;
	color: #00234a;
	text-decoration: none;
	font-size: 20px;
	padding: 5px;
	border: 3px double #000 !important;
}

#more_posts a + a {
	margin-left: 200px;
}

#more_posts a:hover {
	background: #0c60d2;
	color: #eee;
	border: 3px double #fff !important;
}

ol.footnote {
    border-top: 1px dotted #555;
    padding: 1em !important;
}

ol.footnote li {
    font-size: .9em;
    line-height: 1.1em;
}

/*SUB-CONTENT (COMMENTS, RELATED ARTICLES, ETC) STYLES*/

#sub_content {
	float: left;
	background: transparent url('i/shadow-sides.png') center top;
	padding: 0px 0px 60px 0px;
	font-size: 0.85em;
	width: 960px;
}

#sub_content ol, #sub_content ul {
	margin-top: 1em;
}

#sub_content li {
	padding: 1em 32px 1em 32px;
	line-height: 1.3em;
}

#sub_content p {
	margin-bottom: 1em;
}

/*comments styles*/

#commentsAndpings {
	width: 410px;
	float: left;
	margin: -2em 10px 0 32px;
}

p.nocomments {
	padding: 1em 0 0 32px;
}

#comments h3, #comments h4 {
	padding-left: 32px;
}

ol.commentlist {
	list-style: none;
	clear: both;
	margin-top: 1em;
	float: left;
}

.comment_author {
	font-style: italic;
	font-size: 1.2em;
}

.admin {
	background: #ecedff;;
}

ul.pinglist {
	list-style: none;
	margin-top: 1em;
}

/*'add comment' styles*/

#addresponse {
	margin: 1em 0em 0em 32px;
}

label.inlined {
	display: block;
	font: normal 12px/18px Helvetica, Verdana, Tahoma, Arial, sans-serif;
	padding-left: 6px;
	opacity: 0.5;
	width: 372px;
}

input#author, input#email, input#url {
	height: 18px;
	width: 372px;
	margin-top: -18px;
	border: 1px solid #ccc;
	background: transparent;
	display: block;
	margin-bottom: 3px;
	padding-left: 6px;
}

label.focus {
	opacity: 0.3;
}

label.has-text {
	opacity: 0.0;
	-webkit-transition-duration: 0s;
}

textarea {
	width: 378px;
	height: 150px;
	border:  1px solid #ccc;
}

#format_help {
	float: left;
	width: 100%;
	margin: 1em 0 0 0;
	list-style: none;
	border-bottom: none;
	clear: both;
}

#format_help li {
	font-family: monospace;
	text-align: center;
	font-size: 13px;
	margin: 0px;
	padding: 6px;
	clear: both;
	border-bottom: 1px solid #ddd;
}

#format_help em, #format_help strong, #format_help strike, #format_help a {
	font-family: "Times New Roman", Times, Georgia, serif;
}

#format_help_button {
	border: 3px double #fff;
	background: #ccc;
	color: #fff !important;
	padding: 5px;
	text-align: center;
	float: left;
}

a#format_help_button:hover, a#submit:hover, a#searchsubmit:hover {
	background: #0c60d2;
	border: 3px double #fff;
}


/*related posts styles*/

#related, #chronology {
	width: 410px;
	float: right;
	margin: -2em 64px 0 10px;
}

#related {
	margin-top: 1em;
}

#related ul {
	list-style: none;
}

#related li {
	margin: 0px;
	padding: 0px;
}

/*ARCHIVES STYLES*/

.archives h3 {
	margin: 10px 0;
	background: transparent url('i/metaStripe.png') center 6px repeat-x;
}

h3 span {
	background: #fff;
	padding: 0px 10px;
}


/*'ELSEWHERE' ENTRY STYLES*/

div.elsewhere {
	width: 657px;
	margin-left: 32px;
	padding: 1em 119px;
	background: #ecf2e0;
}

div.elsewhere h2 {
	text-align: left;
	font-variant: small-caps;
	text-indent: -0.75em;
	line-height: 1em;
}

/*SEARCH FORM AND PAGE STYLES*/

input#searchbox {
	width: 300px;
	padding: 5px;
	font-size: 21px;
	font-family: "Times New Roman","Times","Georgia",serif;
	border: 1px solid #ccc;
}

div.search_form {
	margin: 2em 0px 2em 0px;
}

form#searchform div {
	margin: 0px auto;
	width: 440px;
	padding: 4px;
	position: relative;
}

.search_result h2, .search_result h3 {
	text-align: left;
	margin: 0px;
}

.search_result h2 {
	font-size: 20px;
	font-variant: small-caps;
	text-transform: uppercase;
	color: #999;
}

.search_result .entry p {
	margin: 0px;
	padding: 0px 0px 0px 1em;
}

div.search_result + div.search_result {
	margin-top: 2em;
}

.search_form_results {
	margin: 0px 151px 1em 151px;
	border-bottom: 1px solid #aaa;
	padding: 0 0 2em 0;
}

a#searchsubmit {
	float: none;
	position: absolute;
	top: 5px;
	right: 0px;
	width: 100px;
	text-align: center;
}

/*LINKS PAGE STYLES*/

#main_content ul.bookmark_list {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#main_content ul.bookmark_list li {
	margin: 0 0 1em 2em;
}

#main_content ul.bookmark_list a {
	display: block;
	font-variant: small-caps;
	text-transform: uppercase;
	margin: 0 0 0 -2em;
}

#main_content ul.bookmark_list a:hover {
	border: none;
}