@charset "UTF-8";
/* CSS Document */

/*
Author: Alaric King
Author URI:  http://www.alaricking.co.uk
*/


/* ------------------- Normalisation ------------------- */

/* Normalizes Padding and Margins */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td {
	margin:0;
	padding:0;
	border:0;
}
/* Normalizes font-sizes for headers */
h1, h2, h3, h4, h5, h6 {
	font-size:16px;
}
/* Removes list styles */
ol, ul {
	list-style:none;
}

/* normalizes fonts (style and weights */
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
/* Normalizes tables */
table {
	border-collapse:collapse;
	border-spacing:0;
}
/* Removes borders from fieldsets and images */
fieldset, img {
	border:0;
}
/* Left aligns captions and table headers */
caption, th {
	text-align:left;
}

/* ------------------- Basic Declarations ------------------ */

body {
	font-family: Helvetica, Arial, sans-serif;
	background-color: #FFF;
	color: #555555;
}

p {
	font-size: 12px;
	line-height: 150%;
}

h2 {
	font-size: 15px;
	font-weight: normal;
}

h3 {
	font-size: 14px;
	font-weight: normal;
}

em {
	font-style: italic;	
}

strong {
	font-weight: bold;	
}


acronym, abbr, span.caps {
	cursor: help;
}

acronym, abbr {
	border-bottom: 1px dashed #999;
}

blockquote {
	color:#7F7F7F;
	display:block;
	float:left;
	font-size:12px;
	font-style:italic;
	margin-bottom:15px;
	margin-top:25px;
	line-height:115%;
}

blockquote cite {
	margin: 5px 0 0;
	display: block;
}

.center {
	text-align: center;
}

.hidden {
	display: none;
}

hr {
	display: none;
}

a img {
	border: none;
}

form {
	font-family: Helvetica, Arial, sans-serif;
	color: #555555;	
}

input, textarea {
	border: 1px solid #B0B0B0;
	font-size: 12px;
	padding: 3px;
	color: #555555;
}

textarea {
	font-family: Helvetica, Arial, sans-serif;
}

.fl-left {
	float: left;
}

.fl-right {
	float: right;
}

.four-oh-four {
	text-align: center;
	margin-bottom: 10px;
	font-size: 25px;
	color:#7F1717;
	text-transform: uppercase;
	font-weight:bold;
}

/* ------------------ Fundamentals ------------------------- */

#container {
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 900px;
	text-align: left;
}


/* ------------------- Social Menu -----------------------*/

#social-cont {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 924px;
	z-index: 1000;
	text-align: right;
}

#social-menu {
	position:absolute;
	right:0px;
	top:5px;
	width:165px;
}

#social-menu li{
	height:18px;
	float:left;
	color:#555555;
	text-align:left;
	overflow:hidden;
	background-color: #CCC;
}

#social-menu li.dropdown-one{
	margin-right: 5px;
	width: 90px;
}

#social-menu li.dropdown-two{
	width: 70px;
}

#social-menu li span a {
	color:#555555;
	cursor:pointer;
	display:block;
	font-size:10px;
	height:15px;
	padding:5px 3px 0 23px;
	text-decoration:none;
}

#social-menu li span a:hover {
	background-color: #9f9f9f;
}

#social-menu li span.first-link a {
	padding-left: 3px;
	background-color: #FFF;
	font-size:11px;
}

#social-menu li span.first-link a:hover {
	color: #333;
}

#social-menu li .social-reddit a {
	background: transparent url(images/social_img/reddit_16.png) no-repeat 2px 2px;
}

#social-menu li .social-stumbleupon a {
	background: transparent url(images/social_img/stumbleupon_16.png) no-repeat 2px 2px;
}

#social-menu li .social-twitter a {
	background: transparent url(images/social_img/twitter_16.png) no-repeat 2px 2px;
}

#social-menu li .social-yahoobuzz a {
	background: transparent url(images/social_img/yahoobuzz_16.png) no-repeat 2px 2px;
}

#social-menu li .social-technorati a {
	background: transparent url(images/social_img/technorati_16.png) no-repeat 2px 2px;
}

#social-menu li .social-newsvine a {
	background: transparent url(images/social_img/newsvine_16.png) no-repeat 2px 2px;
}

#social-menu li .social-gmail a {
	background: transparent url(images/social_img/email_16.png) no-repeat 2px 2px;
}

#social-menu li .social-diggit a {
	background: transparent url(images/social_img/digg_alt_16.png) no-repeat 2px 2px;
}

#social-menu li .social-facebook a {
	background: transparent url(images/social_img/facebook_16.png) no-repeat 2px 2px;
}

#social-menu li .social-googlebm a {
	background: transparent url(images/social_img/google_16.png) no-repeat 2px 2px;
}

#social-menu li .social-linkedin a {
	background: transparent url(images/social_img/linkedin_16.png) no-repeat 2px 2px;
}

#social-menu li .social-myspace a {
	background: transparent url(images/social_img/myspace_16.png) no-repeat 2px 2px;
}

#social-menu li .social-yahoomyweb a {
	background: transparent url(images/social_img/yahoo_16.png) no-repeat 2px 2px;
}

#social-menu li .social-facebook a {
	background: transparent url(images/social_img/facebook_16.png) no-repeat 2px 2px;
}

#social-menu li .social-twitter a {
	background: transparent url(images/social_img/twitter_16.png) no-repeat 2px 2px;
}

#social-menu li .social-vimeo a {
	background: transparent url(images/social_img/vimeo_16.png) no-repeat 2px 2px;
}

#social-menu li .social-youtube a {
	background: transparent url(images/social_img/youtube_16.png) no-repeat 2px 2px;
}

/* ------------------- Header ------------------- */

#header {
	height: 50px;
	width: 900px;
	margin-top:10px;
}

#logo-left {
	width: 245px;
	height: 50px;
	float: left;
}

#logo-left #logo-heading {
	background: transparent url(images/sb_logo.gif) no-repeat scroll left top;
	height:50px;
	position:relative;
	text-indent:-9999px;
	width:245px;	
}


#logo-left #logo-heading a {
	border:0 none;
	cursor:pointer;
	display:block;
	height:0 !important;
	margin:0;
	overflow:hidden;
	padding:50px 0 0;
	text-decoration:none;
	width:245px;
}

/* ------------------- Navigation ------------------- */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {
	width:900px; 
	height:27px;
	margin-top:5px;
	padding-top: 2px;
	position:relative; 
	z-index:100;
	background: url(images/top_border.gif) top left repeat-x;
}

/* hack to correct IE5.5 faulty box model */
* html .menu {
	width:900px; 
	w\idth:900px;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
}

.menu ul ul {
	width:199px;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float:left;
	width:87px;
	position:relative;
	text-transform: uppercase;
	/*font-size: 75%;*/
	cursor:default;
	margin-right: 10px;
}

/* style the links for the top level */
.menu a, .menu a:visited {
	display:block;
	font-size:12px;
	text-decoration:none; 
	color:#3F3F3F; 
	width:87px;
	height:23px;  
	line-height:26px; 
	text-align:center;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
	/*width:90px; 
	w\idth:90px;*/
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
	background-color: #FFF;
}

/* style the second level hover */
.menu ul ul a.drop:hover{
	background-color: #4F4F4F;
}

.menu ul ul :hover > a.drop {
	background-color: #4F4F4F;
}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
	background-color: #7F7F7F;
}

/* style the third level hover */
.menu ul ul ul a:hover {
	background-color: #4F4F4F;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:23px;
	left:0; 
	width:100px;
	padding-top: 2px;
	/*border-top:3px solid #FFFFFF;*/
}

/* another hack for IE5.5 */
* html .menu ul ul {
	top:23px;
	t\op:23px;
}

/* position the third level flyout menu */
.menu ul ul ul{
	left:100px; 
	top:-1px; 
	width:80px;
}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
	left:-149px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {
	position:absolute; 
	top:0; 
	left:0; 
	border-collapse:collapse;;
}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
	background-color:#CCC; 
	color:#3F3F3F; 
	height:auto; 
	line-height:1em; 
	padding:5px 10px; 
	width:180px;
	text-align:left;
	font-size: 10px;
}

/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {
	width:180px;
	w\idth:180px;
}


/* style the top level hover */
.menu a:hover {
	font-weight:bold;
}

.menu :hover > a {
	font-weight:bold;
}

.menu ul ul a:hover{
	font-weight:normal;
	background: #9F9F9F;
}

.menu ul ul :hover > a {
	font-weight:normal;
	background: #9F9F9F;
}



/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul{
	visibility:visible; 
}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
	visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
	visibility:visible;
}

.menu ul li ul li .nav-heading {
	display:block;
	width:180px; 
	text-align:left;
	background-color:#CCCCCC;
	padding:10px 10px 2px 10px;
	font-size: 10px;
}


.menu ul li ul li .nav-heading-sub {
	padding-left: 20px;
	width:170px;
}

.menu a.selected {
	font-weight:bold;
}

.menu li li a.selected {
	font-weight:bold;
	background-color: #9F9F9F;
}

.menu .txt-algn-lft {
	margin-right: 0px;
	width:60px;
}

.menu .txt-algn-lft a, .menu .txt-algn-lft a:visited {
	text-align: left;	
	margin-right: 0px;
	width:60px;
}

.menu .txt-algn-rgt {
	margin-right: 0px;
	width:60px;
	margin-right: 0px;
}

.menu .txt-algn-rgt a, .menu .txt-algn-rgt a:visited {
	text-align: right;
	width:60px;
	margin-right: 0px;
}


/* ------------------ Page Heading ------------------------- */

#page-heading {
	margin-top:15px;
	height:20px;
	float: left;
	width: 900px;
}

#page-heading h2 {
	display: block;
	float: left;
	text-transform: uppercase;
}




/* ------------------ Content ------------------------- */

#content {
	width: 640px;
	float: left;
	margin-top:15px;
}

#content p a, #content p a:visited {
	text-decoration: none;
	color:#7F1717;
	
}

#content p a:hover {
	text-decoration: underline;	
}

.post {
	padding-bottom: 70px;
}

.pagetitle {
	background-color:#AFAFAF;
	color:#FFFFFF;
	font-weight:bold;
	line-height:146%;
	margin-bottom:15px;
	padding-left:5px;
	text-transform:uppercase;
	font-size: 14px;
}

.post-heading {
	width: 640px;
	display: block;
	height:15px;
	margin-bottom:10px;
}

.post-heading h3 {
	display: block;
	float: left;
	width: 500px;
}

.post-heading h3 a {
	color: #555555;
	text-decoration: none;
	font-weight: bold;
}

.post-heading h3 a:hover {
	color: #555555;
	text-decoration: underline;
}

.post-date {
	display:block;
	float:right;
	font-size:12px;
	font-style:italic;
	text-align:right;
	width:140px;
}

.entry {
	margin-top:5px;
	padding-bottom: 15px;
	overflow:hidden;
	clear: both;
}

.entry p {
	line-height:150%;
	margin-bottom:10px;	
}

/* ------------------ Meta Data ------------------------- */


.post-metadata {
	font-size: 12px;
}

.post-metadata a {
	text-decoration: none;
}

.post-metadata .meta-catagory {
	margin-right: 15px;
	line-height:155%;
}

.meta-button-catagory a {
	background:transparent url(images/button_catagory.gif) repeat scroll left 0;
	color:#FFFFFF;
	display:block;
	height:18px;
	line-height:155%;
	padding-left:26px;
	padding-right:8px;
	text-decoration:none;
	margin-right: 15px;
	float:left;
}

.meta-button-catagory a:hover {
	background: url(images/button_catagory.gif) left -18px;
}

.post-metadata .meta-user {
	padding-left:20px;
	margin-right: 15px;
	font-weight: bold;
	background: url(images/icon_hat.gif) no-repeat top left;
	margin-right: 15px;
}

.meta-button-comment a {
	background:transparent url(images/button_comment.gif) repeat scroll left 0;
	color:#FFFFFF;
	display:block;
	height:18px;
	line-height:155%;
	padding-left:21px;
	padding-right:8px;
	text-decoration:none;
	margin-right: 15px;
}

.meta-button-comment a:hover {
	background: url(images/button_comment.gif) left -18px;
}

.post-metadata .meta-comments {
	background: url(images/icon_comments.gif) no-repeat top left;
	color: #FFFFFF;
	font-size: 12px;
	position: absolute;
	width: 15px;
	height: 15px;
	text-align: center;
	margin-right: 15px;
}

.post-metadata .meta-comments-link {
	margin-left:20px;
}

/* ------------------ Comments ------------------------- */

#responses {
	
}

#responses a, #responses a:visited {
	text-decoration: none;
	color:#7F1717;
	
}

#responses a:hover {
	text-decoration: underline;	
}

#respond {
	margin-top: 30px;
	margin-bottom: 30px;
}

h3#comments {
	font-size:13px;
	font-weight:bold;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom:20px;
	padding-bottom:5px;
}

#commentform {
	margin-top: 10px;
}

#comment {
	width:480px;
}

#submit {
	background-color:#555555;
	border:1px solid #555555;
	color:#FFFFFF;
	cursor:pointer;
	font-weight:bold;
	height:20px;
	padding: 0px 5px 0px 5px;
}

#pass-submit {
	background-color: #3f3f3f;
	color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 12px;
	margin-top: 5px;
}

.comment-heading {
	width: 485px;
	height: 35px;
}

.comment-heading h3 {
	margin-left:45px;
	padding-top:5px;
}

.comment-date {
	height: 33px;
	width: 35px;
	background-color: #3f3f3f;
	color:#FFFFFF;
	float:left;
	display: block;
	overflow: hidden;
}

.comment-date-day {
	width: 35px;
	height:20px;
	display: block;
	float: left;
	font-size: 130%;
	font-weight: bold;
	text-align: center;
}

.comment-date-month {
	width: 35px;
	height:10px;
	text-transform:uppercase;
	display: block;
	float: left;
	font-size: 80%;
	font-weight: bold;
	text-align: center;
}

.comment-author {
	font-size: 12px;
	margin-bottom: 3px;
}

.comment-meta {
	font-size: 12px;
	font-style: italic;
}

/* ------------------ Sidebar ------------------------- */

#sidebar {
	width: 210px;
	float: right;
	margin-top:15px;
	margin-bottom:80px;
	font-size:12px;
}

#sidebar a {
	color:#555555;
	text-decoration: underline;
	font-weight: bold;
}

#sidebar a:hover {
 	text-decoration: none;
}


#sidebar li {
	margin-bottom: 30px;
}

#sidebar h2 {
	background-color:#AFAFAF;
	color:#FFFFFF;
	font-weight:bold;
	line-height:140%;
	padding-left:5px;
	text-transform: uppercase;
	margin-bottom: 15px;
	font-size: 13px;
}

#text-3 h2 {
	background: #AFAFAF url(images/rss_icon.gif) no-repeat center right;
}	

#text-3 a {
	color:#555555;
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
}

#text-484702541 a:hover {
	text-decoration: underline;
}

#archives-3 ul {
	list-style-type: disc;
	list-style-position: inside;
	
}

#sidebar p {
	font-size:11px;
	font-style:italic;
	line-height:1.6em;
}

#sidebar ul li ul li {
	border: none;
	margin: 0 0 5px 0px;
}

#sidebar ul ul {
	margin: 0px 5px;
}

#sidebar ul li ul li a {
	color:#555555;
	text-decoration: none;
	font-weight: bold;
}

#sidebar ul li ul li a:hover {
	text-decoration: underline;
}

#sidebar-comments {
	font-size: 12px;
	font-style: italic;
	line-height:150%;
}

#sidebar-comments-author {
	font-size: 11px;
	font-weight: bold;
}

#sidebar #twitter-1 h2 a {
	text-decoration: none;
	color:#FFFFFF;
}

#sidebar .twitter .twitter-item {
	margin-bottom: 10px;
	font-style: italic;
	padding-left: 15px;
	background:transparent url(http://www.stevebloomphoto.com/blog/wp-content/themes/sb_theme/images/icon_begin_quote.gif) no-repeat scroll left top;
}

/* ------------------ Footer ------------------------- */

#container #footer {
	color:#999999;
	float:left;
	font-size:11px;
	margin-top:60px;
	text-align:right;
	width:900px;
	height: 60px;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */


/* Begin Comments*/
.alt {
	margin: 0;
	}

.commentlist {
	padding: 0;
	}

.commentlist li {
	margin: 15px 0 50px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin-top: 10px;
	line-height: 1.5em;
	font-size: 12px;
	font-style:italic;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	font-size: 12px;
	}
	
.navigation a {
	background-color: #AFAFAF;
	color:#FFFFFF;
	display:block;
	height:18px;
	width: 100px;
	line-height:155%;
	padding-left:5px;
	padding-right:5px;
	text-decoration:none;
}

.navigation a:hover {
	background-color: #979797;
}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}