/*
Theme Name: number61
Description: The built-from-scratch theme of number61.net.
Author: Matthew Gipp
Version: 1.5
*/

* { margin: 0; }
html { height: 100%; }

.center { text-align: center; }
.middle { margin-top: 130px; }
.intra { color: #c9894e !important; }

a.more-link {text-align: center; float: right; font-size: 1.5em !important; color: #c9894e !important; border-bottom: none !important; padding: 0 5px; width: 40px; height: 1px; line-height: 1px; border-right: 290px solid rgb(80,80,80) ; border-left: 290px solid rgb(80,80,80); margin-top: 10px;}

a.more-link:hover {
	color: rgb(250,250,250) !important;
}

.popout {
	border: 1px solid #111; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-box-shadow: 3px 3px 4px rgb(20,20,20); 
	-moz-box-shadow: 3px 3px 4px rgb(20,20,20); 
	box-shadow: 3px 3px 4px rgb(20,20,20);
}

body {
	text-align: center;
	background-color: rgb(39,39,39);
	font-size: 0.75em;
	height: 100%;
	font-family: "lucida grande", "lucida sans unicode", verdana, sans-serif;
}

#wrapper {
	position: relative;
	width: 100%;
	margin: 0px auto;
	height: auto;
	min-height: 100%;
}

form#searchform {width : 278px; font-size: 16px;}

#content {
	position: relative;	
	height: auto;
	min-height: 350px;
	width: 886px;
	margin: 0px auto 0px auto;
}

#postcontainer {
	position: relative;
	width: 876px;
	float: left;
	margin: 5px 5px 15px 5px;
	min-height: 320px;
}

p { 
	font-family: "lucida grande", "lucida sans unicode", verdana, sans-serif; 
	font-size: 1.05em; 
	color: rgb(180,180,180); 
	line-height: 1.50em; 
	text-align: left; 
}

a {color: #4d9bca; font-size : 1.05em; text-decoration : none;}
a:hover { color: #cccccc; border-bottom: 1px solid #666;}
a:active, a:focus { outline: 0; }
b, strong { color: rgb(200,200,200); }

span.hilite { color: #eee; background: #444; padding: 5px; border: 1px dotted #ccc; }
img { border: 0; }

blockquote {
	margin: 0 0 0 10px;
	border-left: 1px solid #666;
	padding-left: 10px;
	font-family: "lucida grande", arial, sans-serif;
}

blockquote p {
	color: rgb(150,150,150) !important;
}

.pullquote {
	margin: 0 0 0 10px;
	font-family: georgia;
	font-size: 1.5em;
	color: #cccccc;
	margin-top: 10px;
	line-height: 23px;
}

.entry .pullquote a {
	font-family: georgia;
	font-size: 22px;
	color: #cccccc;
	border: none;
}

.entry { position: relative; float: left; margin: 0px 10px 20px 10px; }
.entry p {margin: 10px 0;}

.block h2 {margin: 5px 0 -5px 10px; text-align: left;}
.block h2 a {
	font-family : "Helvetica Neue", Helvetica, sans-serif;
	font-weight : 300;
	color : #4d9bca;
	font-size : 18px;
	text-decoration : none;
	text-align : right;
	border : none;
}

.one.quote h2 { display : none; }

.block.one h2 a:hover { background: #333; }

h4 {					/* italic georgia (comments header)  */
	font-family: georgia;
	text-align: left;
	font-style: italic;
	font-weight: 300;
	font-size: 2.2em;
	padding: 0;
	margin: 0 auto;
	color: #ccc;
	margin: 20px 10px 10px 10px;
}

h5 {   					/* Search/tag display text */
	color: #ccc;
	font-family: helvetica;
	font-size: 30px;
	margin: 20px 10px 20px 0;
	text-align: left;
}

.block {
	position: relative;
	height: 310px;
	width: 280px;
	float: left;
	margin: 5px;
	overflow: hidden;
	text-align: left;
}

.dateline {
	text-transform: uppercase;
	color: rgb(170,170,170);
	font-size: .9em;
	background: rgb(15,15,15);
	padding: 5px 0 1px 5px;
	height: 19px;
	border-bottom: 1px solid #222;
}

.blurb {
	position: absolute;
	background-color: rgba(20,20,20,.85);
	bottom: 20px;
	right: 10px;
	z-index: 500;
	margin-left: 10px;
	padding: 4px;
	border: 1px solid rgb(70,70,70);
}

.one {
	width: 280px; 
	border: 1px solid #111; 
	background: rgb(25,25,25);
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;  
	-webkit-box-shadow: 3px 3px 4px rgb(20,20,20); 
	-moz-box-shadow: 3px 3px 4px rgb(20,20,20); 
	box-shadow: 3px 3px 4px rgb(20,20,20);
}

.two {width : 572px; border : 1px solid #2d2d2d; background : #1b1b1b;}
.three {width : 864px; height: auto; border : 1px solid #2d2d2d; background : #1b1b1b;}

/***Photo Captions***/

.wp-caption {
	float: left;
	text-align: center;
	background-color: rgb(15,15,15);
	padding-top: 4px;
	margin: 0px auto 10px auto;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 3px;
	-webkit-box-shadow: 3px 3px 4px rgb(22,22,22); 
	-moz-box-shadow: 3px 3px 4px rgb(22,22,22); 
	box-shadow: 3px 3px 4px rgb(22,22,22);
}

.wp-caption img { margin: 0; padding: 0; border: 1px solid rgb(25,25,25); }
.wp-caption a { border-bottom: none; }

.wp-caption p.wp-caption-text {
	padding: 10px;
	margin: 0;
	font-family: georgia;
	font-style: italic;
}

.graphic { clip : auto; }

.graphic h2 {
	position : absolute;
	margin : 3px 0 0 0;
	z-index : 1;
	padding : 2px 10px;
}

.graphic h2 a { padding : 2px; }
.graphic.two h2 { max-width : 300px; }

.graphic .entry {
	margin: 0; 
	height: 270px; 
	width: 280px;
}

.graphic .entry p {
	margin: 0;
}

/* BLOG POST STYLE */

.blog, .media_blog {
	width: 100%; 
	height: auto; 
	padding: 30px 0;
}

.blog h2 { font-size : 30px; padding : 0; float : left; clear : both; width : auto; line-height: 1.2em; margin: 0;}
.media_blog h2 { font-size : 30px; padding : 0; float : left; clear: none; width : auto; line-height: 1.2em; margin: 0;}

.blog h2 a, .media_blog h2 a { 
	font-size : 1.1em; 
	padding : 0; 
	color : #c9894e; 
	max-width: 640px; 
}

.blog .entry, .media_blog .entry {
	width : 630px;
	padding : 0;
	margin:0 0 0 118px;
	float: left;
}	
		
.blog p, .media_blog p {	
	line-height : 1.65em;
	padding : 0;
	margin: 15px 0;
	overflow: display;	
}

.firstletter {
	width : auto;
	display : block;
	float : left;
	font-size : 3.75em;
	line-height : 1em;
	margin-bottom : -0.25em;
	margin-right : 3px;
	color : #FFF;
	font-family : georgia;
}
		
.subhed { float: left; width: 100%; }
.subhed p.sub { font: italic 1.70em georgia; color: rgb(190,190,190); line-height: 1.35em; margin: 10px 0;}

/* Blog Meta */

.blog_author { float: left; width: 100%; }
.media_blog .blog_author { float: left; width: auto;}

p.byline { font-size: 1.2em; color: rgb(140,140,140); margin: 0; text-align: center;}
p.byline span.author_name { color: rgb(200,200,200); }
.media_blog p.byline { margin: 13px 0 0 5px; }

ul.postmenu { float: right; list-style: none; background: rgb(25,25,25); padding: 0; margin:10px 4px 4px 4px; border-top: 1px solid rgb(50,50,50); border-left: 1px solid rgb(50,50,50); }

ul.postmenu li { padding: 10px; }
ul.postmenu li a { color: rgb(170,170,170); }

ul.postmenu li.comments { text-align: center; padding: 10px; border-bottom: 1px solid rgb(10,10,10); }
ul.postmenu li.tag_head { border-top: 1px solid rgb(45,45,45); padding-bottom: 0px; font: italic 1.2em georgia, "times new roman"; color: rgb(210,210,210);}
ul.postmenu li.tags { text-transform: capitalize; padding: 5px 15px 15px 15px; line-height: 1.45em; }

.blog_date {
	float: left; 
	font: 1.2em "lucida grande", "lucida sans unicode", verdana, sans serif; 
	color: rgb(130,130,130); 
	margin: 0 0 5px 118px ; 
}

.blog .entry .body {
	float: left;
}

span.thetime { float : left; color: #bbb; border-bottom: 1px solid #999;}
span.thetime:hover { color: rgb(230,230,230); }


.dateline span.slash {
	float : left;
	padding : 0 5px 0 5px;
}
		
h1 { margin : 0; float: left; }

h1 a {
	font-family : helvetica;
	font-size : 3.65em;
	color : #ccc;
	margin : 0;
	padding : 0;
}

h1 a:hover { color : #c9894e; border: 0; }

#mastheadwrapper { width : 888px; margin: 11px auto 0px auto; }
#masthead { width: auto; height: 85px; }
#hedcontainer { width : 888px; margin: 0 auto; }

.meta {
	position: absolute;
	border-top : 1px solid #222;
	width: 100%;
	bottom: 0px;
	height: 25px;
	background: rgb(15,15,15);
}


.one .tags, .two .tags, .three .tags { float: left; margin: 5px 0px 0 5px; width : auto; text-align : left;}
.one p.tags, .two p.tags, .three p.tags { margin : 0; font: italic 1em georgia, "times new roman", serif; color: #777; }
.one p.tags a, .two p.tags a, .three p.tags a { text-transform : uppercase; font-size: .9em; font-style: normal; font-family: "lucida grande", "lucida sans unicode", verdana, sans-serif; color: #bbb; }


/*ADD A COMMENT — MAIN PAGE*/

.one .comments, .two .comments, .three .comments { width : 25px; height: 25px; float: right; right : 8px; }

.one p.comments, .two p.comments, .three p.comments { margin : 0; padding : 0; text-align : center; }
.one p.comments a, .two p.comments a, .three p.comments a { position: relative; margin: 0px 0 0 6px; line-height: 2.25em; }

.smalladd { font-size: 1.4em; color: #888; font-family: "lucida grande", georgia; font-weight: bolder; }
.smalladd:hover { color: #fff; }

.editbutton { position : absolute; top : 31px; right : 0; z-index: 100; }
.editbutton a {color : #7a3733; font-size : 26px;}

/* SEARCH/TAG PAGE */

.tagterm { color: #f8ff83; text-transform: lowercase;}
.searchterm { background-color : #7a3733;}

/*					COMMENTS SECTION					*/		


#respond {	margin: 20px 0 30px 0; float: left; width : 856px; padding: 0 10px; }
#respond p { margin-top : 0; }

#commentwrapper {
	position : relative;
	text-align : center;
	height: auto;
	width : 100%;
	clear : both;
	background : rgb(25,25,25);
	margin : 0;
	padding : 0;
	border-top : 1px solid #131313;
	float: left;
	-webkit-box-shadow: -4px -3px 4px #111111; 
	-moz-box-shadow: -4px -3px 4px #080808;
	box-shadow: -4px -3px 4px #080808;
}

textarea#comment {
	background : rgb(25,25,25);
	border : 1px dashed rgb(60,60,60);
	width : 500px;
	font : 1.0em "lucida grande", helvetica;
	color : rgb(180,180,180);
	padding: 3px;
}
			
textarea#comment:hover { background: rgb(40,40,40); color: white; border: 1px solid rgb(60,60,60);}
textarea#comment:focus { background: white; color: black; border: 1px solid rgb(60,60,60);}

#comment_entry { float: left; width: 310px; margin: 0 20px 0 10px; }
#comment_entry p { width: 310px !important; border-bottom: 1px dashed rgb(60,60,60); margin: 0! important;}

#comments { position: relative; width: 886px; height: 100%; margin: 0 auto; }
#commentform { width : 856px; margin : 10px 0; float: left; }
#commentform p { float:left; width: 500px; margin: 2px 0px;	}
#commentform p a { color: #ccc; font-weight: bold; }

#commentform p input { color: #aaa; }
		
#commentform p.submitbutton { width: 100%; }
#commentform p.submitbutton input#submit:hover {color: white; }
#commentform p.submitbutton input#submit:active {
	background: #13ce83;
	color: white;
	-webkit-border-radius: 5px; -moz-border-radius: 5px;
}

#commentform p.submitbutton input#submit {
	font-size: 1.8em;
	margin: 10px 10px 0 0;
	background: 0;
	border: 0;
	float: right;
	font-family: georgia;
	font-style: italic;
	color: rgb(150,150,150);
}

ol.commentlist {
	float: left;
	text-align: left;
	padding: 0 0;
	margin-left: 0 px;
	width: 876px;
	height: auto;
}

.commentlist li { float: right; padding: 20px 10px; list-style: none; margin-top: -1px; height: auto; width: 856px; border-bottom: 1px solid rgb(60,60,60); }

.cite {width: 310px; float: left; font : 1.05em "lucida grande", "lucida sans unicode", verdana, sans-serif; color: rgb(150,150,150); padding : 0; margin: 0 20px 0 10px; }
.cite a {color: rgb(140,140,140); font-size: 1em; font-style: normal;}
.cite a:hover {color: rgb(201,137,78);}

.cite .c_author {float: left; clear: both; width: 100%; border-bottom: 1px solid rgb(45,45,45); margin-bottom: 5px; padding-bottom: 5px; }
.cite .c_date {float: left; clear: both; width: 100%; border-bottom: 1px solid rgb(45,45,45); margin-bottom: 5px; padding-bottom: 5px;}
.cite .c_edit {float: right; clear: both;}

.c_perma {font-family: "lucida grande", sans-serif; color:rgb(150,150,150);}
.c_perma a { color: rgb(220,220,220);}

.comment_text { float: left; width : 500px; }
.comment_text p { margin-bottom : 10px;}

input#author, input#url, input#email { border: 0; background : rgb(25,25,25); width: 310px; font : 1.0em "lucida grande", helvetica; padding-bottom: 5px !important; }
input#author:focus, input#url:focus, input#email:focus  { background: white; color: black; }

.postnumber { display: inline; float: right; font-size: 1.2em; font-family: "lucida grande", helvetica; color: rgb(80,80,80);}
.postnumber a {font-size: 1em; color: rgb(200,200,200); }
.postnumber a:hover { color: rgb(201,137,78); }

/*Admin-specific comment color scheme */
.admincomment { background: rgb(30,30,30); border: 1px solid rgb(60,60,60);float: left; }
.admin_id {color: rgb(201,137,78)}


/* FOOTER */

#footer {
	position : relative;
	width : 100%;
	height: auto;
	min-height : 280px;
	clear : both;
	background : rgb(17,17,17);
	margin : 0;
	padding : 0;
	border-top : 1px solid #131313;
	-webkit-box-shadow: -4px -3px 4px #080808; 
	-moz-box-shadow: -4px -3px 4px #080808;
	box-shadow: -4px -3px 4px #080808;
}

#footer_wrapper { position : relative; margin : 0 auto; width : 888px; bottom : 0; height : 280px; }

#fc1 { position : relative; float : left; width : 249px; height : 250px; }
#fc1 p { padding : 10px; width : 100%; text-transform : lowercase; }

#fc2 { position : relative; float : right; width : 249px; height : 250px;}
#fc2 .archive { width : 100%; }
#fc2 .archive p { font-family : georgia; font-style : italic; font-size : 2em; padding-bottom : 10px !important ; color : #555; text-align: right; }

#fc2 .archive ul {
	list-style : none;
	text-align : right;
	padding : 10px;
}

#fc2 .archive ul li a {
	font-size : 1.75em;
	text-transform : uppercase;
	color : #ccc;
	padding : 2px;
}

#fc2 .archive ul li a:hover { color : black; background-color : #ccc; }

#fc3 {
	position : relative;
	float : left;
	width : 388px;
	height : 250px;
}

#fc3 .blogroll { position : absolute; width : 100%; height : auto; }

.blogrollheader {width : 100%; float : left;}
.blogrollheader p {
	font : italic 2em georgia;
	color : #555;
	padding-bottom : 0 !important;
}

#fc3 .blogroll p {
	text-align : left;
	line-height : 1.25em;
	padding : 10px;
}

#fc3 .blogroll p a {
	color : #ccc;
	font-family : arial;
	font-size : 1em;
	text-transform : lowercase;
}

#fc3 .blogroll .col {
	text-transform : uppercase;
	width : 50%;
	float : left;
	height : 100%;
}

#footer #wp_plug {
	position : absolute;
	bottom : 0;
	right : 0;
	width : 100%;
	text-align : right;
	border-top : 1px solid #333;
}

#wp_plug p {
	font-size : 8pt;
	color : #333;
	margin : 0;
	line-height : 25px;
}
		
		

/* FOOTNOTES */

ol.footnotes { margin-top : 20px; border-top : 1px solid #444; padding-top : 10px; padding-left: 50px; }

li.footnote { font-size: 1.15em; line-height: 1.4em; margin-bottom: 7px; color : #777; }
.footnote a { font-size: 1em; line-height : 1.4em;}

a.footnote-identifier-link { color : #c9894e; font-family : verdana; font-size : 9px;}
a.footnote-back-link { color : #c9894e; }

		
/* PAGE NAVIGATION */

.postnav {
	position: relative;
	height: 41px;
	text-transform: uppercase;
	color: #ccc;
	clear: both;
	margin: 0 0 20px -5px;
	width: 886px;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
}

.postnav a {font-size : 13px; font-family : "lucida grande", "lucida sans unicode", sans-serif; font-weight : 300; color : #999; line-height: 40px;}
.nextpost {float : left; margin-left : 5px; width : auto; padding: 0 5px;}
.prevpost {float : right; margin-right : 5px; width : auto; padding: 0 5px;}
.prevpost a, .nextpost a {padding: 12px 0px;}
.prevpost a:hover, .nextpost a:hover { color: white; }

.pagenav {
	position: relative;
	height: 40px;
	clear: both;
	margin: 0 0 20px 0;
	width: 100%;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
}

.pagenav a {font-size : 1.5em; color : rgb(100,100,100); line-height: 40px;}

span.older { float: right; }
span.newer { float: left; }

/* HEADER */

#header {
	position: relative;
	width: 100%;
	height: 165px;
	clear: both;
	background: rgb(17,17,17);
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #131313;
	-webkit-box-shadow: -4px 3px 4px #080808; 
	-moz-box-shadow: -4px 3px 4px #080808;
	box-shadow: -4px 3px 4px #080808;
}

#navbar {
	width : 100%;
	height : 4em;
}

#nav, #nav ul {
	clear: both;
	width: 888px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	height : 4em;
	border-bottom: 1px solid #333;
}
		
#nav a {
	padding: 11px 0;
	color: #ccc;
	text-decoration: none;
	font: italic 2em georgia;
	float: left;
	width: 100%;
}

#nav a:hover {background-color: #fff; color: #333;}

#nav li {
	float: left;
	width: 150px;
	margin: 0;
	padding: 0;
}

#nav ul {
	width: 150px;
}
		
#nav li ul {width: 148px; margin: 0;}

#nav li ul a {
	width: 148px;
	height: auto;
	float: left;
	padding: 0;
	margin: 0;
}

li#tags a:hover {background: #f8ff83;}
li#blog a:hover{background-color: #c9894e; color: white;}

#search {
	width: 280px;
	height: 3em;
	float: right;
	list-style: none;
	margin: 30px 10px 0px 0px;
}	
			
input#s {
	position: relative;
	background: rgb(17,17,17);
	color: #999;
	text-align: center;
	width: 278px;
	padding: 8px 0;
	font-size: 1em;
	border: 1px solid #333;
}
		
input#s:focus { color: #111; background-color: #ddd;}


/*TAG CLOUD*/
#cloud { line-height: 2em; max-width: 600px; min-width: 320px; margin: 20px auto 10px auto;}
#cloud a {text-transform: lowercase; color: #ccc; padding: 0 .2em; font-family: verdana;}
#cloud a:hover { color: #f8ff83; }

.oftext {font-size : 0.5em;}