/*
Theme Name: Magazine
*/

body {
	font-size: 66.5%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #333333;
	background: url(images/footer.gif) repeat;
}

h1, h2, h3, h4, h5, h6{
	font-family: Arial, Helvetica, sans-serif;
	color: #648935;
}

h1{font-size: 1.9em;}
h2{font-size: 1.8em;}
h3{font-size: 1.7em;}
h4{font-size: 1.6em;}
h5{font-size: 1.5em;}
h6{font-size: 1.4em;}

h1+h2{
	margin: 5px 0 0 0;
}

a{color: #000000;}
a:hover{color: #666666;}

p{
	line-height: 1.6em;
	margin: 0 0 10px 0;
}

.title{
	margin: 0 0 5px 0;
	font-size: 1.2em;
	font-variant: small-caps;
	font-weight: 800;
	color: #648935;
}

#wrapper{
	width: 980px;
	margin: 0 auto 30px auto;
	text-align: left;
}


#header{
	width: 100%;
	float: left;
	padding: 0 0 10px 0;
	margin: 10px 0 10px 0;
	background: url(images/dottedline.gif) repeat-x 0 100%;
}

#header img{
	margin: 20px 0 0 0;
	float: left;
}

#header #utility{
	width: 320px;
	margin: 0 0 0 0;
	font-weight: 800;
	font-size: 1.1em;
	float: right;
	border-left: 1px solid #cccccc;
}

#header #utility ul{
	width: 310px;
	clear: both;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
}

#header #utility li{
	float: left;
	display: inline;
	margin: 0 0 0 20px;
}

#header #utility li img{
	vertical-align: middle;
	padding: 0 3px 0 0;
	margin: 0;
	background: url(images/icons/utility.gif) no-repeat;
}

#header #utility li img:hover{
	background: url(images/icons/utilityOn.gif) no-repeat;
}

#header #utility li a:hover{
	color: #5D7F2F;
}

#header #search{
	float: right;
	margin: 10px 0 20px 0;
}

#header #search .text{
	width: 240px;
	padding: 2px 4px;
	border: 1px solid #648935;
	border-left: 4px solid #648935;
	color: #666666;
}

/*------columns------ */
#container{
	width: 100%;
	background: #ffffff;
	float: left;
}

#mainContent{
	width: 470px;
	float: left;
	margin: 0 20px 0 0;
}

#fullContent{
	width: 750px;
	float: left;
}

#navigation{
	width: 490px;
	float: right;
}

#footerWrapper{
	clear: both;
	border-top: 3px solid #658A35;
	background: url(images/footer.gif) repeat;
}

/*------introduction------ */
#introduction{
	padding: 10px;
	border-top: 1px solid #DADADA;
	border-bottom: 1px solid #DADADA;
	line-height: 1.6em;
	margin: 0 0 20px 0;
	background: #F3F9FF;
	background: #F8FFEF;
}

#introduction h3{
	font-size: 1.1em;
	margin: 0 0 10px 0;
}


/*------current post, postings------ */
#currentPost{
	width: 470px;
	float: left;
}

#fullContent #currentPost, .post{
	width: 750px;
}

#mainContent .post{
	width: 470px;
}



.post{
	margin: 20px 0 0 0;
}

#currentPost .post{
	margin: 0 0 0 0;
}

.post h2{
	font-size: 1.3em;
}

#currentPost a{
	border-bottom: 1px dotted #000000;
}

#currentPost h1 a{
	border-bottom: none;
}

#currentPost h1 a:hover{
	color: #ffffff;
	background: #000000;
}

#currentPost ul.postmetadata, .post ul.postmetadata{
	float: left;
	text-align: center;
	margin: 5px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
}

ul.full{
	width: 750px;
}

#currentPost ul.postmetadata li, .post ul.postmetadata li{
	float: left;
	margin: 0 10px 0 0;
}

#currentPost ul.postmetadata li img, .post ul.postmetadata li img{
	vertical-align: middle;
	border: none;
}

#currentPost .imgleft, .post .imgleft{
	float: left;
	margin: 0 10px 10px 0;
}

#currentPost .imgright, .post .imgright{
	float: right;
	margin: 0 0 10px 10px;
	border-bottom: none;
}

#currentPost .imgcenter, .post .imgcenter{
	text-align: center;
}

#currentPost img, .post img{
	padding: 2px;
	border: 1px solid #666666;
}

#currentPost .entry, .post .entry{
	width: 470px;
	clear: both;
	float: left;
	border-top: 1px solid #cccccc;
	padding: 10px 0 0 0;
	margin: 5px 0 0 0;
}

#fullContent #currentPost .entry, .post .entry{
	width: 750px;
}

#currentPost a.imgleft, #currentPost a.imgright, #currentPost a.imgcenter{
	border-bottom: none;
}

#currentPost h2{
	margin: 10px 0 10px 0;
	text-decoration: underline;
}

#currentPost .entry ul, .list{
	margin: 5px 0 0 30px;
}

#currentPost .entry  ul li, .list li{
	list-style-type: square;
	margin: 0 0 10px 0;
}

#currentPost .entry  ol{
	margin: 5px 0 0 30px;
}

#currentPost .entry  ol li{
	list-style: decimal;
	margin: 0 0 10px 0;
}

#currentPost .entry  blockquote{
	border-top: 1px solid #658A35;
	border-bottom: 1px solid #658A35;
	padding: 5px 20px;
	font-size: 1.3em;
	text-align: center;
	margin: 10px 130px;
	color: #666666;
}


#mainContent #currentPost .entry blockquote{
	margin: 10px 10px;
}

#currentPost .entry  blockquote cite{
	margin: 5px 0 0 0;
	font-style: italic;
}

.entry .screenshot{
	clear: both;
	width: 508px;
	border: 1px solid #333333;
	margin: 10px auto;
	font-family: Arial, Helvetica, sans-serif;
	background: #eeeeee;
}

.entry .screenshot img{
	margin: 1px 0 1px 1px;
	display: inline;
	float: left;
}

.entry .screenshot p{
	clear: both;
	font-weight: 800;
	border-top: 1px solid #333333;
	padding: 10px 10px;
	
}

code, pre{
	width: 430px;
	padding: 0 20px 20px 20px;
	font-size: 1.2em;
	line-height: 1.8em;
	font-family: "Courier New", Courier, monospace;
}


/*------recent------ */
#recent{
	width: 260px;
	margin: 0 20px 0 0;
	float: left;
}

#recent h2{
	font-size: 1.0em;
}

#recent h2 a:hover{
	color: #ffffff;
	background: #000000;
}

#recent ul{
	width: 260px;
	float: left;
}

#recent ul li{
	width: 260px;
	float: left;
	clear: both;
	padding: 10px 0;
	margin: 0;
	border-bottom: 1px dotted #cccccc;
}

#recent ul img{
	float: left;
	margin: 0 10px 0 0;
	border: 2px solid #999999;
}

#recent p{
	margin: 2px 0 0 0;
}

#recent p.date{
	color: #797979;
}

#recent p.comments{
	color: #797979;
}

#recent p.comments img{
	border: none;
	margin: 3px 0 0 0;
	vertical-align: bottom;
}

#recent p.comments a{
	color: #666666;
}

/*------categories------ */
#categories{
	width: 190px;
	float: right;
	margin: 0 1px 0 0;
	display: inline;
}

#categories ul{
	width: 190px;
	float: left;
	margin: 0 0 20px 0;
}

#categories ul li{
	width: 180px;
	padding: 0 0 0 10px;
	height: 25px;
	line-height: 25px;
	margin: 0 0 1px 0;
	float: left;
	border-left: 2px solid #DADADA;
	border-bottom: 1px solid #DADADA;
	color: #666666;
}

#categories ul li:hover{
	color: #ffffff;
	background: #333333;
}

#categories ul li:hover a{
	color: #ffffff;
}

#categories .post-categories li, #categories #tags li{
	border-left: 2px solid #4B6827;
}

#categories .post-categories li:hover a, #categories #tags li:hover a{
	color: #EAFFCF;
}

/*------paging------ */
#categories #paging, #categories #profilePaging{
	width: 190px;
	float: left;
}

#categories #paging li, #categories #profilePaging li{
	width: 95px;
	padding: 0;
	float: left;
	border: none;
}

#categories #paging li.previous a, #categories #profilePaging li.previous a{
	width: 90px;
	height: 25px;
	text-indent: -9999em;
	display: block;
	outline: none;
	background: url(images/previous.gif) no-repeat;
}

#categories #profilePaging li.previous a{
	background: url(images/previousProfile.gif) no-repeat;
}

#categories #paging li.next, #categories #profilePaging li.next{
	float: right;
}

#categories #paging li.next a, #categories #profilePaging .next a{
	width: 90px;
	height: 25px;
	text-indent: -9999em;
	display: block;
	float: right;
	outline: none;
	background: url(images/next.gif) no-repeat;
}

#categories #profilePaging .next a{
	background: url(images/nextProfile.gif) no-repeat;
}

#categories #paging li:hover, #categories #profilePaging li:hover{
	background: none;
}

/*------featured------ */
#featured{
	width: 450px;
	padding: 10px 10px 0 10px;
	float: left;
	clear: both;
	margin: 20px 0 20px 0;
	border-top: 1px dotted #cccccc;
	border-bottom: 1px dotted #cccccc;
	background: #F2F2F2;
}

#featured a{
	border-bottom: 1px dotted #000000;
}

#featured img{
	float: left;
	margin: 0 10px 10px 0;
	padding: 2px;
	border: 1px solid #666666;
}

#featured .title{
	font-weight: 800;
	font-size: 1.2em;
	font-variant: small-caps;
	color: #72A02D;
}

#featured h2{
	clear: both;
	margin: 10px 0 0 0;
	font-size: 1.2em;
}

#featured h2 a{
	border-bottom: none;
}

#featured h2 a:hover{
	color: #ffffff;
	background: #000000;
}

#featured ul.postmetadata{
	float: left;
	text-align: center;
	margin: 5px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
}

#featured ul.postmetadata li{
	float: left;
	margin: 0 10px 0 0;
}

#featured ul.postmetadata li img{
	vertical-align: middle;
	border: none;
	margin: 0;
}

#featured .entry{
	width: 450px;
	clear: both;
	float: left;
	border-top: 1px solid #cccccc;
	padding: 10px 0 0 0;
	margin: 5px 0 5px 0;
}



/*------footer------ */
#footer{
	width: 980px;
	padding: 30px 0 20px 0;
	margin: 0 auto 0 auto;
	text-align: left;
}

#footer .title{
	color: #ffffff;
}

#footer ul{
	width: 980px;
	float: left;
	margin: 0 0 10px 0;
}

#footer ul li{
	width: 316px;
	padding: 0 10px 0 0;
	float: left;
	color: #ffffff;
}

#footer ul li a{
	color: #ffffff;
}

#footer ul li img{
	float: left;
	padding: 2px;
	margin: 0 10px 0 0;
	border: 1px solid #A8CF74;
}

#footer ul li ul{
	width: auto;
	list-style: square;
}

#footer ul li.digested li{
	list-style: none;
}

#footer ul li.archive ul{
	margin: 0 0 0 80px;
	display: inline;
}	

#footer ul li.archive .title{
	margin: 0 0 5px 60px;
}

#footer ul li ul li{
	width: auto;
	float:  none;
	margin: 0 0 5px 0;
}

#footer .rss p{
	margin: 20px 0 0 0;
}

#footer p.copyright{
	border-top: 1px solid #7D9F4F;
	padding: 10px 0;
	clear: both;
	color: #CFEFA4;
}


/*------rumination------ */
#rumination li{
	padding: 0 0 0 10px;
	border-left: 5px solid #DADADA;
}

#rumination a{
	border-bottom: 1px dotted #000000;
}

/*------respond------ */
h4#respond{
	width: 750px;
	float: left;
	clear: both;
	margin: 10px 0 10px; 0;
	padding: 5px 0 0 0;
	border-top: 1px solid #cccccc;
}

/*------comments------ */
h4#comments{
	width: 750px;
	float: left;
	clear: both;
	margin: 10px 0 10px; 0;
	padding: 5px 0 0 0;
	border-top: 1px solid #cccccc;
}

ol#comment_list{
	clear: both;
	margin: 0 0 10px 0;
}

ol#comment_list li{
	padding: 20px 10px;
	border-bottom: 1px dotted #cccccc;
}

ol#comment_list li:last-child{
	border-bottom: none;
}

ol#comment_list li.author{
	background: #efefef;
}

ol#comment_list li:last, ol#comment_list li.author:last{
	border-bottom: none;
}

ol#comment_list li cite{
	font-weight: 800;
}

ol#comment_list a{
	color: #648935;
}

ol#comment_list p{
	margin: 5px 0 0 0;
}

/*------commentform------ */
#commentform form{
	width: 520px;
	float: left;
}

#commentform label{
	display: block;
	margin: 10px 0 0 0;
	font-weight: 800;
	padding: 0 0 3px 0;
}

#commentform label span{
	font-weight: 100;
	font-style: italic;
}

#allowed_tags{
	width: 218px;
	\width: 220px;
	w\idth: 218px;
	border: 1px solid #DFC68B;
	float: right;
	line-height: 1.6em;
	margin: 10px 0 0 0;
	background: #FFFAEF;
}

#allowed_tags p{
	padding: 5px;
}

.medium{width: 200px;}
.extralong{width: 412px;}

/*------attributes------ */
#attributes{
	width: 750px;
	float: left;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border: 1px dotted #cccccc;
	font-family: Arial, Helvetica, sans-serif;
	background: #eeeeee;
}

#attributes dt{
	width: 70px;
	padding: 10px 0 0 10px;
	float: left;
	font-weight: 800;
}

#attributes dd{
	width: 670px;
	float: left;
	padding: 10px 0 0 0;
}

/*------monthly------ */
ul.monthly{
	margin: 10px 0 20px 20px;
}

ul.monthly li{
	margin: 0 0 10px 0;
	list-style: square;
}

/*------display------ */
table.display{
	width: 100%;
	margin: 0 0 20px 0;
}

table.display th, table.display td{
	padding: 10px;
}

table.display thead th{
	text-align: left;
	border-bottom: 3px solid #DADADA;
	text-transform:uppercase;
	color: #666666;
}

table.display tbody td, table.display tbody th{
	border-bottom: 1px solid #eeeeee;
}

table.display tbody th{
	border-right: 2px solid #DADADA;
}

table.display tbody tr:hover{
     background: #F8FFEF;
}

table.display tbody tr.emphasize{
	background: #F8FFEF;
}