/*   
Theme Name: SmellyBroom.com Theme
Theme URI: http://www.smellybroom.com/
Description: Customised SmellyBroom.com WordPress template.
Author: SmellyBroom
Author URI: http://www.smellybroom.com/
Version: 2.5
*/

html { height: 100%; }
* html #cell { height: 100%; }

body {
	height: 100%;
	margin: 0px;
	background: #000000;
	color: #999999;
	font-family: Lucida Grande, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;}
	
a:link		{ color: #FF00CC; text-decoration :none; }
a:visited	{ color: #FF00CC; text-decoration :none; }
a:hover		{ color: #FF00CC; text-decoration :underline; }
a:active	{ color: #FF00FF; text-decoration :underline; }

.title a:link		{ color: #999999; text-decoration :none; }
.title a:visited	{ color: #999999; text-decoration :none; }
.title a:hover		{ color: #999999; text-decoration :underline; }
.title a:active		{ color: #CCCCCC; text-decoration :underline; }

.meta a:link		{ color: #999999; text-decoration :none; }
.meta a:visited		{ color: #999999; text-decoration :none; }
.meta a:hover		{ color: #999999; text-decoration :underline; }
.meta a:active		{ color: #CCCCCC; text-decoration :underline; }

.comment-meta a:link		{ color: #999999; text-decoration :none; }
.comment-meta a:visited		{ color: #999999; text-decoration :none; }
.comment-meta a:hover		{ color: #999999; text-decoration :none; }
.comment-meta a:active		{ color: #CCCCCC; text-decoration :none; }

.comment-link a:link	{ color: #999999; text-decoration :none; }
.comment-link a:visited	{ color: #999999; text-decoration :none; }
.comment-link a:hover	{ color: #999999; text-decoration :none; }
.comment-link a:active	{ color: #CCCCCC; text-decoration :none; }

.align-left a:link		{ color: #999999; text-decoration :none; }
.align-left a:visited	{ color: #999999; text-decoration :none; }
.align-left a:hover		{ color: #999999; text-decoration :none; }
.align-left a:active	{ color: #CCCCCC; text-decoration :none; }

.align-right a:link		{ color: #999999; text-decoration :none; }
.align-right a:visited	{ color: #999999; text-decoration :none; }
.align-right a:hover	{ color: #999999; text-decoration :none; }
.align-right a:active	{ color: #CCCCCC; text-decoration :none; }

.footer-link a:link		{ color: #999999; text-decoration :none; }
.footer-link a:visited	{ color: #999999; text-decoration :none; }
.footer-link a:hover	{ color: #999999; text-decoration :underline; }
.footer-link a:active	{ color: #CCCCCC; text-decoration :underline; }

h1			{ font-size: 24px; }
h2			{ font-size: 18px; margin-top: 10px; }
h3			{ font-size: 12px; }

.span1		{ font-size: 24px; line-height: 36px; font-weight: bold; }
.span2		{ font-size: 18px; line-height: 24px; font-weight: bold; }
.span3		{ font-size: 12px; line-height: 14px; font-weight: bold; }
	
#cell {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	border-left: 1px #999999 solid;
	border-right: 1px #999999 solid;
	width: 640px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-bottom: -39px;
	background: #111111;}
	
#adbar {
	height: 100px;
	width: 637px;
	padding-left: 2px;
	background: #111111;}
	
#ad1 {
	position: relative;
	display: block;
	float: left;
	height: 100px;
	width: 158px;
	margin-right: 1px;
	background: #222222 url('ads/ad1.gif');
	line-height: 80px;}

#ad1:hover {
	background-position: 0px -100px;}
	
#ad1:active {
	background-position: 0px -200px;}
	
#ad2 {
	position: relative;
	display: block;
	float: left;
	height: 100px;
	width: 158px;
	margin-right: 2px;
	background: #222222 url('ads/ad2.gif');
	line-height: 80px;}

#ad2:hover {
	background-position: 0px -100px;}
	
#ad2:active {
	background-position: 0px -200px;}
	
#ad3 {
	position: relative;
	display: block;
	float: left;
	height: 100px;
	width: 158px;
	margin-right: 1px;
	background: #222222 url('ads/ad3.gif');
	line-height: 80px;}

#ad3:hover {
	background-position: 0px -100px;}
	
#ad3:active {
	background-position: 0px -200px;}
	
#ad4 {
	position: relative;
	display: block;
	float: left;
	height: 100px;
	width: 158px;
	margin-right: 1px;
	background: #222222 url('ads/ad4.gif');
	line-height: 80px;}

#ad4:hover {
	background-position: 0px -100px;}
	
#ad4:active {
	background-position: 0px -200px;}
	
#header {
	height: 140px;
	width: 640px;
	background: #111111 url('media/smellybroom-header.gif');
	line-height: 140px;
	font-size: 48px;}
	
.header-text {
	display: none;}

#header span {
	visibility: hidden;}

#header:hover {
	background-position: 0px -140px;}

#header:hover span {
	visibility: visible;}

#socialbar {
	visibility: hidden;
	height: 140px;
	width: 640px;
	z-index: 1;}
	
#twitter {
	position: relative;
	display: block;
	float: left;
	height: 116px;
	width: 189px;
	padding: 12px;
	vertical-align: middle;
	text-align: justify;
	line-height: normal;
	font-size: 10px;}
	
#twitter_update_list {
	margin: 0px;
	padding: 0px;
	list-style: none;}
	
#lastfm {
	position: relative;
	display: block;
	float: left;
	height: 116px;
	width: 190px;
	padding: 12px;
	vertical-align: middle;
	text-align: justify;
	line-height: normal;
	font-size: 10px ! important;}
	
#flickr {
	position: relative;
	display: block;
	float: left;
	height: 116px;
	width: 184px;
	padding: 12px;
	padding-right: 17px;
	vertical-align: middle;
	text-align: center;
	line-height: normal;
	font-size: 10px;}
	
#flickr h2 {
	margin-bottom: 1px;}
	
#flickr img {
	margin: 2px;
	border: 2px #FF00CC solid;}
	
#flickr img:hover {
	margin: 1px;
	border: 3px #FF00CC solid;}
	
#flickr img:active {
	border: 3px #FF00FF solid;}

#navbar {
	position: relative
	height: 30px;
	width: 640px;
	background: #222222;}

#navbar ul {
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 640px;
	background: #222222;}
	
#socialbar {
	width: 640px;}

#googlebar {
	height: 60px;
	margin-top: 0px;
	padding-top: 5px;
	padding-bottom: 1px;
	border-bottom: 1px solid;
	background: #333333;
	text-align: center;}
	
#googlebar p {
	margin-top: 8px;
	margin-left: 10px;
	margin-right: 10px;
	padding: 5px;
	line-height: 28px;
	font-size: 13px;
	font-weight: bold;}
	
#googlebar h2 {
	padding-top: 8px;}
	
.align-left {
	position: absolute;
	left: 0px;
	margin-left: 10px;
	padding-left: 15px;
	padding-right: 15px;}
	
.align-right {
	position: absolute;
	right: 0px;
	margin-right: 10px;
	padding-left: 15px;
	padding-right: 15px;}
	
.align-left:hover {
	background: #222222;}
	
.align-right:hover {
	background: #222222;}
	
.align-left a {
	display: block;}
	
.align-right a {
	display: block;}
	
#timebar {
	height: 50px;
	margin-top: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-top: 1px solid;
	border-bottom: 1px solid;
	background: #333333;
	text-align: center;}
	
#timebar p {
	margin: 10px;
	padding-left: 5px;
	padding-right: 5px;
	border-top: 1px #FF00CC solid;
	border-bottom: 1px #FF00CC solid;
	line-height: 28px;
	font-size: 13px;
	font-weight: bold;}
	
#footer-push {
	height: 23px;}	

#footer {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 640px;
	height: 22px;
	border-top: 1px solid;
	border-bottom: 1px solid;
	background: #333333;
	color: #999999;
	font-size: 10px;
	line-height: 22px;}
	
.statcounter {
	display: none;}
	
#content {
	padding-bottom: 26px;}
	
.title {
	text-align: left;}
	
.title-center {
	text-align: center;}

.entry {
	margin-top: 10px;
	padding-top: 0px;
	padding-bottom: 1px;
	padding-left: 10px;
	padding-right: 10px;
	border-top: 1px solid;
	border-bottom: 1px solid;
	background: #333333;
	text-align: justify;}
	
.quote-box {
	margin: 10px;
	margin-bottom: 15px;
	margin-left: 25px;
	padding: 5px;
	border-left: 2px #FF00CC solid;
	background: #222222;
	font-size: 10px;
	text-align: center;}
	
.meta {
	margin-top: -13px;
	text-align: left;
	font-size: 10px;}
	
.comment-link {
	border-top: 1px solid #FF00CC;
	border-bottom: 1px solid #FF00CC;
	line-height: 16px;
	font-size: 10px;}
	
.comment-link a {
	display: block;
	text-align: center;}
	
.comment-link:hover {
	background: #222222;}
	
.comment-entry {
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	border-top: 1px solid;
	border-bottom: 1px solid;
	background: #333333;
	text-align: justify;}
	
.comment-entry p {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
	margin-right: 20px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 4px;
	border-left: 2px solid #FF00CC;
	text-align: justify;
	font-size: 10px;}
	
.comment-meta {
	margin-bottom: -10px;
	padding: 4px ! important;
	text-align: left;
	font-weight: bold;
	font-size: 12px ! important;}
	
.comment-meta:hover {
	background: #222222;}
	
.comment-meta a {
	display: block;}
	
.comment-moderation {
	background: #222222;
	padding: 4px ! important;}
	
.comment-warning {
	padding: 4px ! important;
	background: #222222;}
	
#comment-form {
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 30px;
	margin-right: 20px;
	padding-top: 2px;
	padding-left: 5px;
	border-left: 2px solid #FF00CC;
	text-align: left;}
	
#comment {
	width: 558px;}
	
.subscribe-to-comments {
	width: 100%;
	margin-left: 0px ! important;
	padding-left: 0px ! important;
	padding-bottom: 4px ! important;
	border-left: none ! important;}
	
.subscribe-to-comments label {
	float: none ! important;
	width: 100% ! important;}
	
label {
	float: left;
	width: 100px;
	text-align: right;}
	
#contactsubmit {
	margin-left: 100px;}
	
.content ul {
	margin-left: -35px;
	margin-top: 0px;
	padding-top: 0px;}
	
.content li {
	margin-left: 30px;
	margin-right: 30px;
	list-style: none;}
	
.content li a {
	display: block;
	padding: 5px;
	color: #999999;
	font-size: 14px;
	font-weight: bold;}
	
.content li a:hover {
	background: #222222;}

#searchform {
	text-align: center;}	

#s {
	width: 450px;
	color: #333333;}

	
/* NavBar Code */

#navbar li {
	float: left;
	height: 30px;
	width: 128px;
	margin-right: 0px;
	background: #222222 url('media/navbar.gif');
	list-style-type: none;
	line-height: 30px;
	text-align: center;
	font-weight: bold;}
	
#navbar li a {
	display: block;
	float: left;
	width: 128px;
	background: #222222 url('media/navbar.gif');
	color: #999999;
	text-decoration: none;}
	
#navbar li a:hover {
	background-position: 0px -30px;}
	
#navbar li a:active {
	background-position: 0px -30px;
	color: #CCCCCC;}
	
#navbar li.active a {
	background-position: 0px -30px;}