/*  
Theme Name: Stained Black
Theme URI: http://www.sendusout.com
Description: A dark wood theme that still manages to have lots of color.
Version: 1.0
Author: Daniel Pape
Author URI: http://www.sendusout.com/

*/

body {
	margin: 0;
	background: #333 url(images/tile-blackwood.jpg) repeat fixed;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #B8B8B8;
}
hr {
	clear: both;
	visibility: hidden;
}
a:link, a:visited, a:active {
	color: #5C7583;
	text-decoration: none;
}
a:hover {
	color: #92AEBF;
	text-decoration: none;
}
h1 {
	margin: 0;
}
h2 {
	margin: 0;
	font-family: "Trebuchet MS" Verdana, Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #b5b26d;
	font-weight: normal;
	text-shadow: 1px 2px 4px black;
}
h2 a:link, h2 a:visited, h2 a:active {
	color: #b5b26d;
	font-weight: normal;
	text-decoration: none;
}
h2 a:hover {
	color: #DDDC80;
	font-weight: normal;
	text-decoration: none;
}
h3 {
	margin: 0;
	font-family: "Trebuchet MS" Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #A57559;
	font-weight: normal;
	text-shadow: 1px 2px 4px black;
}
h3 a:link, h3 a:visited, h3 a:active {
	color: #A57559;
	font-weight: normal;
	text-decoration: none;
}
h3 a:hover {
	color: #ccaa94;
	font-weight: normal;
	text-decoration: none;
}
h4 {
	margin: 0;
	font-family: "Trebuchet MS" Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #b5b26d;
	font-weight: normal;
	text-shadow: 1px 2px 4px black;
}
h4 a:link, h4 a:visited, h4 a:active {
	color: #b5b26d;
	font-weight: normal;
	text-decoration: none;
}
h4 a:hover {
	color: #DDDC80;
	font-weight: normal;
	text-decoration: none;
}
h5 {
	margin: 0;
	font-family: "Trebuchet MS" Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #b5b26d;
	font-weight: normal;
	text-shadow: 1px 2px 4px black;
}
h5 a:link, h5 a:visited, h5 a:active {
	color: #b5b26d;
	font-weight: normal;
	text-decoration: none;
}
h5 a:hover {
	color: #DDDC80;
	font-weight: normal;
	text-decoration: none;
}
#iewarning {
	position: absolute;
	left: 0;
	top: 0;
	background: transparent url(images/iewarning.gif) no-repeat;
	height: 30px;
	width: 100%;
	padding: 4px 0 0 45px;
	color: #333;
	font-size: 12px;
}
#iewarning a:link, #iewarning a:visited {
	color: #0f4a78;
	text-decoration: none;
	font-weight: bold;
}
#iewarning a:hover {
	color: #cf0000;
	text-decoration: underline;
	font-weight: bold;
}
.notice {
	color: #cf0000;
	font-weight: bold;
}
#page {
	background: transparent url(images/tile-colorbar.png) repeat-x;
}
#content {
	float: left;
	width: 580px;
	margin-top: 10px;
	padding: 0 0 0 20px;
}
.clear {
	clear: both;
}
.entry {
	padding-right: 20px;
}
.poststats {
	margin: 10px 0 0 20px;
	padding-left: 20px;
	background: transparent url(images/icons/calendar.png) left top no-repeat;
	font-size: 12px;
	color: #A57559;
}
.postmetadata {
	margin: 0 0 0 20px;
	padding-left: 20px;
	background: transparent url(images/icons/book_edit.png) left top no-repeat;
	font-size: 12px;
	color: #A57559;
}
.photos {
	margin:20px 0 10px 0;
	text-align: center;
}
.navigation {
	width: 580px;
	height: 25px;
	background: transparent url(images/home-entryfooter.png) no-repeat;
	font-size: 12px;
	margin-bottom: 20px;
}
.footer-comments {
	float: left;
}	
.footer-comments a{
	font-size: 12px;
	display: block;
	margin-top: 3px;
	margin-left: 10px;
	padding-left: 20px;
	background: transparent url(images/icons/comments.png) left no-repeat;
}
.footer-continue {
	float: right;
}
.footer-continue a{
	font-size: 12px;
	display: block;
	margin-top: 3px;
	margin-right: 10px;
	padding-right: 20px;
	background: transparent url(images/icons/arrow_right.png) right no-repeat;
}
.excerpt-footer {
	width: 580px;
	height: 35px;
	background: transparent url(images/excerpt-footer.png) no-repeat;
	font-size: 12px;
	margin-bottom: 20px;
}
.nav {
	margin-top: -4px;
	background: transparent url(images/home-entryfooter.png) no-repeat;
}
.navleft {
	float: left;
	margin-left: 10px;

}
.navleft a{
	font-size: 12px;
	display: block;
	margin-top: 4px;
	padding-top: -1px;
	padding-left: 20px;
	background: transparent url(images/icons/arrow_rotate_clockwise.png) left top no-repeat;

}
.navright {
	float: right;
	margin-right: 10px;
	background: transparent url(images/icons/arrow_rotate_anticlockwise.png) right top no-repeat;
}
.navright a{
	font-size: 12px;
	display: block;
	margin-top: -1px;
	padding-top: 4px;
	padding-right: 20px;
}
.alignleft {
	float: left;
}
.alignleft a{
	font-size: 12px;
	display: block;
	margin-top: 3px;
	margin-left: 10px;
	padding-left: 20px;
	background: transparent url(images/icons/arrow_rotate_clockwise.png) left no-repeat;
}
.alignright {
	float: right;
}
.alignright a{
	font-size: 12px;
	display: block;
	margin-top: 3px;
	margin-right: 10px;
	padding-right: 20px;
	background: transparent url(images/icons/arrow_rotate_anticlockwise.png) right no-repeat;
}
.edit {
	text-indent: -9000px;
	display: inline;
	width: 16px;
	height: 16px;
	margin-left: 10px;
}
.edit a {
	display: inline;
	width: 16px;
	height: 16px;
	text-indent: -9000px;
	background: transparent url(images/icons/page_edit.png) no-repeat;
}
.comment-count {
	font-size: 12px;
	margin-left: 10px;
	padding-left: 20px;
	background: transparent url(images/icons/comments.png) left no-repeat;
}

/*-- SIDEBAR --*/
#sidebar {
	float: left;
	margin: 10px 0 0 20px;
	font-size: 12px;
}
#sidebar ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
#searchform{
	margin-top: -4px;
}

#searchform label{
	float: left;
	width: 5px;
	height: 25px;
	text-indent: -9000px;
	background: transparent url(images/form-roundedge.png) no-repeat;
}
#searchform .searchfield{
	float: left;
	width: 241px;
	height: 19px;
	background-color: #efefef;
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
	border-left: 0;
	border-right: 0;
	font-size: 11px;
	color: #999;
	padding: 4px 0 0 6px;
}
#searchform .searchbutton{
	float: left;
	width: 33px;
	height: 25px;
	border: 0;
	background: transparent url(images/form-searchsubmit.png) no-repeat;
	text-indent: -9000px;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}
#advancedsearch {
	clear: both;
	padding-top: 3px;
	text-align: right;
	font-size: 12px;
}
#advancedsearch a:link, #advancedsearch a:active, #advancedsearch a:visited{
	color: #b5b26d;
}
#advancedsearch a:hover{
	color: #DDDC80;
}
#recentposts {
	margin: 10px 0 10px 0;
}
#recentposts ul {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
	margin-top: 5px;
}
#recentposts li a{
	font-size: 12px;
	margin-left: 8px;
	padding-left: 18px;
	background: transparent url(images/icons/bullet_star.png) left no-repeat;
}
#archives-list {
	margin: 10px 0 10px 0;
}
#archives-list ul {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
	margin-top: 5px;
}
#archives-list li a{
	font-size: 12px;
	margin-left: 8px;
	padding-left: 18px;
	background: transparent url(images/icons/bullet_clock.png) left no-repeat;
}
#categories-list {
	margin: 10px 0 10px 0;
}
#categories-list ul {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
	margin-top: 5px;
}
#categories-list li a{
	font-size: 12px;
	margin-left: 8px;
	padding-left: 18px;
	background: transparent url(images/icons/bullet_folder_page.png) left no-repeat;
}
#coins {
	padding: 10px 0 10px 0;
	width: 295px;
	height: 135px;
	background: transparent url(images/sidebar-coins.png) left no-repeat;
}
#sidebar-alert {
	margin: 0;
	padding: 0 10px 0 10px;
	height: 115px;
	width: 260px;
	background: transparent url(images/sidebar-alert.png) no-repeat center;
	text-align: center;
	
	display:table-cell;
	vertical-align:middle;
	position:static;
	
	font-family: "Trebuchet MS" Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 22px;
	color: #a22c2c;
	font-weight: normal;
	text-shadow: 1px 2px 3px #333;
}
#sidebar-alert p {
	margin: 0;
	padding: 0;
	position: relative;
}
*:first-child+html #sidebar-alert {
	background: transparent url(images/sidebar-alert.png) no-repeat;
}
*:first-child+html #sidebar-alert p {
	margin:auto;
}
#sidebar-alert-2 {
	margin-bottom: 20px;
}
#sidebar-alert-2 a{
	display: block;
	height: 95px;
	width: 280px;
	background: transparent url(images/sidebar-alert-2.png) no-repeat center;
	text-indent: -9000px;
}
/*-- END SIDEBAR --*/


/*-- HEADER STYLES --*/
#header {
	float: left;
}
#header-title {
	height: 162px;
	width: 600px;
	background: transparent url(images/header-title.png) no-repeat bottom;
	text-indent: -9000px;
}
#header-title a {
	display: block;
	height: 162px;
	width: 600px;
}
#header-desc {
	height: 47px;
	width: 600px;
	background: transparent url(images/header-desc.png) no-repeat;
	text-indent: -9000px;
}
#header-desc a {
	display: block;
	height: 47px;
	width: 600px;
}

#site-navigation {list-style: none; margin: 0 0 0 -40px;}

#nav-home {float: left;	height: 38px; width: 76px; text-indent: -9000px; display: block; background: transparent url(images/nav-home-over.png) no-repeat;}
#nav-home a {display: block; background: transparent url(images/nav-home.png) no-repeat; height: 38px; width: 76px;}
#nav-home a:hover, #nav-home a:focus {display: block; background: transparent url(images/nav-home-over.png) no-repeat; height: 38px; width: 76px;}

#nav-posts {float: left; height: 38px; width: 71px; text-indent: -9000px; display: block; background: transparent url(images/nav-posts-over.png) no-repeat;}
#nav-posts a {display: block; background: transparent url(images/nav-posts.png) no-repeat; height: 38px; width: 71px;}
#nav-posts a:hover, #nav-posts a:focus {display: block; background: transparent url(images/nav-posts-over.png) no-repeat; height: 38px; width: 71px;}

#nav-photos {float: left; height: 38px; width: 76px; text-indent: -9000px; display: block; background: transparent url(images/nav-photos-over.png) no-repeat;}
#nav-photos a {display: block; background: transparent url(images/nav-photos.png) no-repeat; height: 38px; width: 76px;}
#nav-photos a:hover, #nav-photos a:focus {display: block; background: transparent url(images/nav-photos-over.png) no-repeat; height: 38px; width: 76px;}

#nav-links {float: left; height: 38px; width: 72px; text-indent: -9000px; display: block; background: transparent url(images/nav-links-over.png) no-repeat;}
#nav-links a {display: block; background: transparent url(images/nav-links.png) no-repeat; height: 38px; width: 72px;}
#nav-links a:hover, #nav-links a:focus{display: block; background: transparent url(images/nav-links-over.png) no-repeat; height: 38px; width: 72px;}

#nav-support {float: left; height: 38px; width: 90px; text-indent: -9000px; display: block; background: transparent url(images/nav-support-over.png) no-repeat;}
#nav-support a {display: block; background: transparent url(images/nav-support.png) no-repeat; height: 38px; width: 90px;}
#nav-support a:hover, #nav-support a:focus {display: block; background: transparent url(images/nav-support-over.png) no-repeat; height: 38px; width: 90px;}

#nav-about {float: left; height: 38px; width: 99px; text-indent: -9000px; display: block; background: transparent url(images/nav-about-over.png) no-repeat;}
#nav-about a {display: block; background: transparent url(images/nav-about.png) no-repeat; height: 38px; width: 99px;}
#nav-about a:hover, #nav-about a:focus {display: block; background: transparent url(images/nav-about-over.png) no-repeat; height: 38px; width: 99px;}

#nav-contact {float: left; height: 38px; width: 116px; text-indent: -9000px; display: block; background: transparent url(images/nav-contact-over.png) no-repeat;}
#nav-contact a {display: block; background: transparent url(images/nav-contact.png) no-repeat; height: 38px; width: 116px;}
#nav-contact a:hover, #nav-contact a:focus {display: block; background: transparent url(images/nav-contact-over.png) no-repeat; height: 38px; width: 116px;}

#fotobook-photos-widget {width: 310px; height: 185px; margin: 55px 0 0 20px; padding:10px 0 10px 0; float: left;}
#fotobook-photos-widget .thumbnail {margin:0 9px 8px 0; width:75px; height: 75px; display: inline; overflow: hidden}
#fotobook-photos-widget .thumbnail img {border: 6px solid #110f12 !important;}


#flickr_badge_wrapper {width: 310px; height: 185px; margin: 55px 0 0 20px; padding:10px 0 10px 0; float: left;}
.flickr_badge_image {margin:0 9px 8px 0; width:75px; height: 75px; display: inline; overflow: hidden}
.flickr_badge_image img {border: 6px solid #110f12 !important;}
/*-- END HEADER STYLES --*/


/*-- HOME STYLES --*/
#home-asides {
	margin-top: 25px;
	margin-left: -20px;
}
#polaroids{
	float: left;
	width: 320px;
}
#mini-posts {
	float: left;
	font-size: 12px;
	width: 280px;
}
#mini-posts ul{
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}
#mini-posts li{
	padding: 0 10px 0 20px;
	margin-left: 0;
	margin-bottom: 10px;
	background: transparent url(images/icons/link_go.png) no-repeat;
}
/*-- END HOME STYLES --*/


/* Advanced Search form */

#ctas_form {
	text-align: left;
}

#ctas_form fieldset ul {
	list-style: none;
	margin: 5px 15px;
	padding: 0;
}

#ctas_form fieldset {
	border: 1px solid #777;
	margin: 15px 0;
	padding: 15px;
}

#ctas_form legend {
	font-size: 1.1em;
	font-weight: bold;
}

#ctas_form fieldset li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#ctas_form fieldset li:before { /* for the default theme */
	content: '';
} 

#ctas_form input {
	border: 1px solid #777;
	background-color: #f9f9f9;
	color: #444;
}

#ctas_form input:focus {
	background-color: #fff;
	color: #444;
}

#ctas_footer p {
	font-size: 0.9em;
	text-align: center;
	margin-top: 25px;
	border-top: 1px solid #888;
}

#ctas_month1, #ctas_month2, #ctas_year1, #ctas_year2 {
	text-align: center;
}

/* End Advanced Search form */



/*-- TWITTER STYLES --*/
#twitter {
	width: 280px;
	margin: 15px 0 15px 0;
}
#twitter h4 {
	margin: 10px 0 -10px 0;
}
.twitter-timestamp {
	color: #FF9;	
}
#twitter-boxtop {
	height: 7px;
	background: transparent url(images/twitter-top.png) no-repeat;
}
#twitter-content {
	background: transparent url(images/twitter-box.png) bottom no-repeat;
	padding: 3px 10px 3px 10px;
	font-size: 12px;
}
#twitter-boxbottom {
	height: 7px;
	background: transparent url(images/twitter-bottom.png) no-repeat;
}
/* End TWITTER */



/*-- SUBSCRIPTION STYLES --*/
#subscriptions {
	width: 280px;
}
#subscriptions h4 {
	margin: 10px 0 -10px 0;
}
#boxtop {
	height: 7px;
	background: transparent url(images/sidebar-boxtop.png) no-repeat;
}
#subscription-content {
	background: transparent url(images/sidebar-box.png) repeat-y;
	padding: 3px 10px 3px 10px;
	font-size: 12px;
}
#boxbottom {
	height: 7px;
	background: transparent url(images/sidebar-boxbottom.png) no-repeat;
}
#subscriptions hr {
	margin-top: -5px;
	padding-bottom: 15px;
}
#subscribe label{
	float: left;
	width: 5px;
	height: 25px;
	text-indent: -9000px;
	background: transparent url(images/form-roundedge.png) no-repeat;
}
#subscribe .emailfield{
	float: left;
	width: 215px;
	height: 19px;
	background-color: #efefef;
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
	border-left: 0;
	border-right: 0;
	font-size: 11px;
	color: #999;
	padding: 4px 0 0 6px;
}
#subscribe .emailbutton{
	float: left;
	width: 33px;
	height: 25px;
	border: 0;
	background: transparent url(images/form-emailbutton.png) no-repeat;
	text-indent: -9000px;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}
#subscribe2 {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

#subscribe2 li a{
	display: block;
	margin-left: 8px;
	padding-left: 22px;
	background: transparent url(images/icons/email_add.png) left no-repeat;
}

#feedlist {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

#feedlist li a{
	display: block;
	margin-left: 8px;
	padding-left: 20px;
	background: transparent url(images/icons/bullet_feed.png) left no-repeat;
}

#feedlist li a:link, #feedlist li a:visited, #feedlist li a:active {
	color: #FF9846;
}
#feedlist li a:hover{
	color: #FFBC73;
}
/*-- END SUBSCRIPTION STYLES --*/


/*-- COMMENTS --*/
#comments-box {
	margin-bottom: 20px;
}
#comments-box li {
	clear: both;
}
#comments-top {
	height: 10px;
	background: transparent url(images/comments-top.png) no-repeat;
}
#comments-block {
	background: transparent url(images/comments-block.png) repeat-y;
	padding: 3px 15px 3px 15px;
	font-size: 12px;
}
#comments-bottom {
	height: 10px;
	background: transparent url(images/comments-bottom.png) no-repeat;
}
.commentlist {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
.commentlist p{
	margin: 0;
}
.gravatar {
	float: left;
	margin: 2px 0 10px 0;
}
.comment-entry {
	float: left;
	width: 480px;
	padding: 0 0 15px 10px;
}
.comment-author {
	font-style: normal;
	font-size: 14px;
	font-weight: bold;
	color: #b5b26d;
}
.comment-author a {
	color: #b5b26d;
}
.comment-author a:hover {
	color: #DDDC80;
}
#comment-divider {
	margin: 0 -14px 0 -14px;
	height: 30px;
	background: transparent url(images/comment-divider.png) repeat-x;
}
#loading {
	margin: 23px -14px 10px -14px;
	padding: 12px 14px 1px 14px;
	background: transparent url(images/trans-red.png) repeat;
	color: #FFF;
}
#errors {
	margin: 23px -14px 10px -14px;
	padding: 12px 14px 12px 14px;
	background: transparent url(images/trans-red.png) repeat;
	color: #FFF;
}
#comment {
	width: 537px;
	background-color: #363636;
	border: solid 1px #5b5b5b;
	font-size: 12px;
	color: #ccc;
	padding: 5px;
}
#author, #email, #url {
	background-color: #363636;
	border: solid 1px #5b5b5b;
	font-size: 12px;
	color: #ccc;
	padding: 3px 5px 3px 5px;
}
/*-- END COMMENTS --*/


/*-- FOOTER --*/
#footer {
	background: transparent url(images/footer.png) no-repeat;
	height: 31px;
	font-size: 9px;
	padding: 7px 0 0 45px;
}
/*-- END FOOTER --*/