/*   
Theme Name: (blank) - black
Theme URI: http://philsherry.com/blank/
Description: a black (blank) theme for getting things done.
Author: Phil Sherry
Author URI: http://philsherry.com/

	1: LAYOUT
	2: TYPOGRAPHY
	3: POSTS
	4: COMMENTS
	5: FORMS

*/

@import "css/reset.css";
@import "css/default.css";
@import "css/960.css";

/* - =LAYOUT --------------------------------------------------------------- */

body { background: #000 url('images/got_wood.jpg') no-repeat fixed top center; }

#container {
	overflow: hidden;
	position: relative;
}

	#user_nav {
		background: #e8e8e8;
		border-bottom-left-radius: 8px;
		border-bottom-right-radius: 8px;
		-moz-border-radius-bottomleft: 8px;
		-moz-border-radius-bottomright: 8px;
		-webkit-border-bottom-left-radius: 8px;
		-webkit-border-bottom-right-radius: 8px;
		clear: both;
		padding: 5px 10px;
		position: absolute;
		text-shadow: #fff 0 1px 0;
		top: 0;
		right: 0;
		width: auto;
	}
	
		#user_nav li {
			margin: 0 5px 0 0;
			padding: 0;
		}
	
		#user_nav li a {
			padding: 2px 5px;
		}

	#branding {
		background: #fff url('images/2010_960_header.jpg') no-repeat;
		height: 245px;
		margin-bottom: 10px;
		position: relative;
	}

	#site_nav {
		bottom: 0;
		position: absolute;
		right: 7px;
	}
	
		#site_nav ul {
			margin-right: -3px;
			padding: 0 3px;
		}
	
		#site_nav li {
			margin: 5px 2px 0;
			padding: 0;
		}
		
			#site_nav li a {
				background: #444;
				border-top-left-radius: 5px;
				border-top-right-radius: 5px;
				-moz-border-radius-topleft: 5px;
				-moz-border-radius-topright: 5px;
				-webkit-border-top-left-radius: 5px;
				-webkit-border-top-right-radius: 5px;
				border-bottom: none;
				box-shadow: rgba(0,0,0,.9) 0 0 5px;
				-khtml-box-shadow: rgba(0,0,0,.9) 0 0 5px;
				-moz-box-shadow: rgba(0,0,0,.9) 0 0 5px;
				-o-box-shadow: rgba(0,0,0,.9) 0 0 5px;
				-webkit-box-shadow: rgba(0,0,0,.9) 0 0 5px;
				color: #99cf50;
				display: block;
				padding: 5px 20px;
				text-shadow: #000 0 1px 0;
				transition: background .4s ease-in-out;
				-moz-transition: background .4s ease-in-out;
				-webkit-transition: background .4s ease-in-out;
			}
			
				#site_nav li a:hover {
					background: #333;
					color: #fff;
				}
								
					#site_nav #nav_eyefund a {
						color: #f60;
					}
				
						#site_nav #nav_eyefund a:hover {
							background: #f60;
							color: #000;
							text-shadow: none;
						}

	#content {}

		#content_main {}
		
			#prev_six { padding-top: 30px; }
			
				#prev_six article {
					border-radius: 5px;
					-khtml-border-radius: 5px;
					-moz-border-radius: 5px;
					-o-border-radius: 5px;
					-webkit-border-radius: 5px;
					height: 380px;
					margin-bottom: 20px;
					position: relative;
					transition: background .4s ease-in-out;
					-moz-transition: background .4s ease-in-out;
					-webkit-transition: background .4s ease-in-out;
				}
				
					#prev_six article:hover {
						background: #222;
					}
				
				.entry-summary { padding-bottom: 30px; }
				
					.entry-summary header img {
						height: 130px;
						width: 220px;
					}
				
				#prev_six article footer {
					bottom: 5px;
					left: 0;
					padding: 0;
					position: absolute;
				}
				
			#prev_six > footer {
				clear: both;
				font-size: 20px;
				text-align: right;
			}

		#content_sub {}
		
			#content_sub #primary ul,
			#content_sub #primary li { margin-left: 0; }
			
			#content_sub #primary > li {
				background: #444 url('images/side_back.png');
				border-radius: 3px;
				-khtml-border-radius: 3px;
				-moz-border-radius: 3px;
				-o-border-radius: 3px;
				-webkit-border-radius: 3px;
				box-shadow: inset rgba(0,0,0,.5) 0 1px 1px;
				-khtml-box-shadow: inset rgba(0,0,0,.5) 0 1px 1px;
				-moz-box-shadow: inset rgba(0,0,0,.5) 0 1px 1px;
				-o-box-shadow: inset rgba(0,0,0,.5) 0 1px 1px;
				-webkit-box-shadow: inset rgba(0,0,0,.5) 0 1px 1px;
				padding: 10px;
			}
		
			.widget-area ul,
			.widget-area li {
				list-style-type: none;
			}
		
	#nav_lists {
		clear: both;
		margin-top: 20px;
	}

	#site_footer { margin: 10px 10px 20px; }
	
		#site_footer p { margin: 0; }

/* - =TYPOGRAPHY ----------------------------------------------------------- */

body {
	font: normal 62.5%/1.5 "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	color: #ccc;
}

em {
	font-family: "HelveticaNeue-Italic", "Helvetica Neue Italic", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: italic;
}

strong {
	font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: bold;
}

/* -------------------------------------------------------- links -- */
a {
	border-bottom: 1px dotted #666;
	color: #99cf50;
}

a:visited {
	border-bottom: 1px solid #000;
	color: #578bb3;
}

a:hover,
a:focus,
a:active {
	border-bottom: 1px solid #666;
	color: #fff;
	text-shadow: none;
}

a:hover { color: #f60; }

a:active {
	color: #faf;
	position: relative;
	top: 1px;
}

.tweet_this {
	display: inline-block;
	margin: 10px 0;
}

#user_nav a:visited {
	background: #e8e8e8;
	color: #333;
}

article a:visited {
	border-bottom: none;
}

.entry-image .entry-meta a { color: #fff; }

nav#home_tags {
	margin-left: 20px;
	width: 200px;
}

.tag_list { text-transform: lowercase; }

/* -------------------------------------------------------- headers -- */
h1, h2, h3, h4, h5, h6 {
	color: #fff;
	text-shadow: #000 1px 1px 0;
}

h1 a {
	border-bottom: none !important;
	display: block;
	height: 245px;
}

#branding hgroup {
	text-indent: -31337px;
}

article.post .entry-title {
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	font-size: 30px;
	padding: 5px 10px;
	position: absolute;
	text-shadow: 0 1px 2px #000;
	width: 680px;
	z-index: 2;
}

	#page_tag article.post .entry-title {
		padding: 0;
		position: static;
		width: 700px;
	}
	
	.entry-title a { border-bottom: 0; }

#prev_six h1 {
	border-bottom: 1px solid #ccc;
	font-size: 24px;
	margin: 0 10px 10px 0;
}

#prev_six h2 {
	line-height: 1.2;
	min-height: 64px;
}
#prev_six h2 a { font-size: 20px; }

#author-description h3 {
	font-size: 18px;
	margin: 0 0 .3em;
}

h3#comments-title { margin: 10px; }

/* -------------------------------------------------------- everything else -- */

#container { font-size: 1.3em; }

#user_nav {
	color: #222;
	font: italic 13px Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
}

	#user_nav li {}

	#user_nav li a {}

#site_footer {
	font-size: .9em;
	text-shadow: #000 0 1px 0;
}

/* - =POSTS ---------------------------------------------------------------- */

.message {
	border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 5px;
	padding: 5px 10px;
}

	.message p { margin: 0; }
	
.update {
	background: #222;
	border: 1px solid #99cf50;
}
	
.alert {
	background: #7e1a46;
	border: 1px solid #fff;
}
	
	.alert a { color: #fff; }

article.page,
.entry-content,
.entry-meta {
	overflow: hidden;
	padding: 5px 10px;
	width: 680px;
}

/*article.page .entry-content { padding-top: 50px; }*/

article.type-post .entry-meta { margin-bottom: 15px; }
article.type-post .entry-image .entry-meta { margin-bottom: 0; }

.list_of_metal {
	list-style-image: url(images/horns.png);
	margin-left: 40px;
}

.list_of_metal li a { line-height: 2em; }

.entry-image {
	height: 438px;
	margin-bottom: 20px;
	overflow: hidden;
	width: 700px;
}

.navigation {
	clear: both;
	margin: 0 10px;
}

	#nav-below { margin-top: 10px; }

.nav-previous,
.nav-next {
	float: left;
	width: 50%;
}

	.nav-next {
		text-align: right;
	}

.entry-image { position: relative; }

.entry-image .entry-meta {
	background: #000;
	border-top-left-radius: 5px;
	-khtml-border-radius-topleft: 5px;
	-moz-border-radius-topleft: 5px;
	-o-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	box-shadow: inset rgba(255,255,255,.2) 1px 1px 1px;
	-khtml-box-shadow: inset rgba(255,255,255,.2) 1px 1px 1px;
	-moz-box-shadow: inset rgba(255,255,255,.2) 1px 1px 1px;
	-o-box-shadow: inset rgba(255,255,255,.2) 1px 1px 1px;
	-webkit-box-shadow: inset rgba(255,255,255,.2) 1px 1px 1px;
	bottom: 0;
	color: #fff;
	opacity: .85;
	filter: alpha(opacity=85);
	padding: 5px 10px;
	position: absolute;
	right: 0;
	text-shadow: #000 0 1px 0;
	width: auto;
	z-index: 2;
}

.post_footer {
	background: #333;
	border: 1px solid #666;
	box-shadow: inset rgba(0,0,0,.2) 0 1px 1px;
	-khtml-box-shadow: inset rgba(0,0,0,.2) 0 1px 1px;
	-moz-box-shadow: inset rgba(0,0,0,.2) 0 1px 1px;
	-o-box-shadow: inset rgba(0,0,0,.2) 0 1px 1px;
	-webkit-box-shadow: inset rgba(0,0,0,.2) 0 1px 1px;
	margin: 0 10px;
	text-shadow: #000 0 1px 0;
}

#entry-author-info {
	line-height: 1;
}

#author-avatar,
#author-description {
	float: left;
}

#author-avatar {
	height: 60px;
	margin: 0 10px 10px 0;
	width: 60px;
}

#author-description {}

#author-link {}

/* - =COMMENTS ------------------------------------------------------------- */

#comments {}

#respond { padding: 10px; }

.commentlist {
	margin: 0 10px;
	width: 680px;
}

	.commentlist .children {
		list-style-image: url(images/reply.png);
		margin-left: 70px;
		width: 610px;
	}

#comment-preview,
.commentlist article.box,
#comment-preview,
.comment-author {
	background: #222;
	margin-bottom: 10px;
}

#comment-preview,
.comment-author {
    border: 1px solid #ccc;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-khtml-box-shadow: inset rgba(0,0,0,.2) 0 1px 1px;
	-moz-box-shadow: inset rgba(0,0,0,.2) 0 1px 1px;
	-o-box-shadow: inset rgba(0,0,0,.2) 0 1px 1px;
	-webkit-box-shadow: inset rgba(0,0,0,.2) 0 1px 1px;
	box-shadow: inset rgba(0,0,0,.2) 0 1px 1px;
    float: left;
    margin: 0 20px 0 0;
    padding: 5px;
}

	.comment-author { background: #f0f0f0; }

	.comment-author-phil-sherry {
		-khtml-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-khtml-box-shadow: inset rgb(153,207,80) 0 0 5px;
		-moz-box-shadow: inset rgb(153,207,80) 0 0 5px;
		-o-box-shadow: inset rgb(153,207,80) 0 0 5px;
		-webkit-box-shadow: inset rgb(153,207,80) 0 0 5px;
		box-shadow: inset rgb(153,207,80) 0 0 5px;
	}
	
		.commentlist .comment-author-phil-sherry article.box { background: transparent; }

.comment-body { overflow: hidden; }

.comment-body .comment-by * { padding: 0 !important; }

.comment-body .comment-by {
	color: #fff;
	margin: 0 0 10px;
}

.comment-reply-link {
	clear: left;
    margin: 0 0 0 72px;
}

#commentPreview,
#comment-preview,
.commentlist {
	clear: left;
	float: left;
}

	#comment-preview,
	#commentPreview {
		margin-top: 15px;
		width: 660px;
	}

	#commentPreview .commentlist { margin-top: 10px !important; }

	#comment-preview { border: none; }

/* - =FORMS ---------------------------------------------------------------- */

.button {
	background: rgb(0,0,0);
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(50,50,50)), to(rgb(0,0,0)));
	background: -moz-linear-gradient(top, rgb(50,50,50), rgb(0,0,0));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=rgb(50,50,50), endColorstr=rgb(0,0,0));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=rgb(50,50,50), endColorstr=rgb(0,0,0))";
	border: 2px solid #ccc;
	border-radius: 8px;
	-khtml-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-webkit-border-radius: 8px;
	color: #99cf50;
	font-size: 16px;
	line-height: 1;
	padding: 5px 10px;
	text-shadow: 1px 1px 1px rgba(0,0,0,.7);
	transition: background .4s ease-in-out;
	-moz-transition: background .4s ease-in-out;
	-webkit-transition: background .4s ease-in-out;
}

	.button:hover {
		background-color: rgb(0,91,182);
		background: -webkit-gradient(linear, left top, left bottom, from(rgb(0,102,255)), to(rgb(0,91,182)));
		background: -moz-linear-gradient(top, rgb(0,102,255), rgb(0,91,182));
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=rgb(0,102,255), endColorstr=rgb(0,91,182));
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=rgb(0,102,255), endColorstr=rgb(0,91,182))";
		border: 2px solid #ccc;
		color: #fff;
		cursor: pointer;
	}

.logged_out_fields input { width: 216px; }

.comment-form-comment textarea {
	height: 180px;
	width: 660px;
}

#s { width: 195px; }

/* - =LEFTOVERS ------------------------------------------------------------ */

#loitering_links li, #hosting_links li { margin-bottom: 7px; text-transform: lowercase; }

li#amazon, li#facebook, li#flickr, li#lastfm, li#linkedin, li#trig, li#twitter, li#nin, li#php, li#wordpress, li#dominos,
li#w3c, li#jigsaw, li#jquery, li#mediatemple, li#minted, li#textmate, li#fireworks, li#pizzahut { padding-left: 24px; }

li#amazon { background: url(images/amazon.gif) no-repeat 0 50%; }
li#facebook { background: url(images/facebook.gif) no-repeat 0 50%; }
li#flickr { background: url(images/flickr.gif) no-repeat 0 50%; }
li#lastfm { background: url(images/lastfm.gif) no-repeat 0 50%; }
li#linkedin { background: url(images/linkedin.gif) no-repeat 0 50%; }
li#trig { background: url(images/trig.gif) no-repeat 0 50%; }
li#twitter { background: url(images/twitter.gif) no-repeat 0 50%; }

li#dominos { background: url(images/dominos.gif) no-repeat 0 50%; }
li#fireworks { background: url(images/fireworks.gif) no-repeat 0 50%; }
li#jigsaw { background: url(images/jigsaw.gif) no-repeat 0 50%; }
li#jquery { background: url(images/jquery.gif) no-repeat 0 50%; text-transform: none; }
li#mediatemple { background: url(images/mediatemple.gif) no-repeat 0 50%; }
li#minted { background: url(images/minted.gif) no-repeat 0 50%; }
li#nin { background: url(images/nin.gif) no-repeat 0 50%; text-transform: uppercase; }
li#php { background: url(images/php.gif) no-repeat 0 50%; }
li#pizzahut { background: url(images/pizzahut.gif) no-repeat 0 50%; }
li#textmate { background: url(images/textmate.gif) no-repeat 0 50%; }
li#wordpress { background: url(images/wordpress.gif) no-repeat 0 50%; }
li#w3c { background: url(images/w3c.gif) no-repeat 0 50%; }

#twittering {}

	#twitter_update_list li { text-align: right; }

	#twitter_update_list span {
		display: block;
		text-align: left;
	}

.alignright {
	display: inline;
	float: right;
	margin: 12px 15px;
}

.alignleft {
	display: inline;
	float: left;
	margin: 12px 15px;
}

.book_review {
	border-left: 1px dotted #ccc;
	margin-top: 15px;
	padding: 0 25px;
}

.book_review dt {
	font-style: italic;
	font-weight: bold;
	margin-bottom: 0;
}

.book_review dd {}

#book_contents h3 { font-size: 1.2em; }
#book_contents li:first-child { list-style-type: none; }
#book_chapters h3 { font-size: 1.4em; }
#book_chapters dt, 
#book_chapters dd { display: inline; }
#book_chapters dt { font-weight: bold; }
#book_chapters dd { margin: 0; }
#book_chapters dd:after { content: ", " }
#book_chapters dd:last-child:after { content: "." }

/* ------------------------------------------------------------------------------------- flickr thumbs -- */
#flickr_badge_uber_wrapper {text-align:center; width:150px;}
#flickr_badge_wrapper {padding:0 0 20px 0;}
.flickr_badge_image {display:inline;margin:0 5px 10px 0;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans-serif !important; color:#666666 !important;}

/* ------------------------------------------------------------------------------------- wedding stuff -- */
#wedding { padding: 17px; }

#us_two {
	background: #222;
	border: #faf;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: inset 0 0 3px #faf;
	-webkit-box-shadow: inset 0 0 3px #faf;
	box-shadow: inset 0 0 3px #faf;
	margin: 15px auto;
	padding: 12px;
}

#hotels li {
	display: inline;
	list-style: none;
}

#wedding_map,
#itinerary li { margin-bottom: 20px; }

#itinerary p,
#itinerary .vcard_shiz li { margin-bottom: 0; }

#itinerary h3 {
	font-size: 14px;
}

#hotels li:after { content: ", "; }
#hotels li:last-child:after { content: "."; }