/* 
Theme Name: SuperBee
Theme URL: http://mattbee.co.uk/themes/
Description: The SuperBee Theme.
Author: Matt Bee
Author URI: http://mattbee.co.uk
Version: 0.2

*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	/*outline: 0; overflow: hidden;
	/background: #f0f;*/
}
a:focus { outline: 1px dotted; overflow: hidden; }
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* 
body bg  #920101
blue #3399cc
*/
body	{
	background: #920101 url(images/bg-body.gif) repeat-x;
	font-family: arial, verdana, sans-serif;
	color: #fff;
	font-size: 75%;
	
}
p { margin-bottom: 1.5em; clear: left; }
a, a:link, a:visited, a:hover, a:active {
	color: #3399cc;
	text-decoration: none;
}
a:hover {
	color: #fff;
	text-decoration: underline;
}
#wrapper {
	width: 840px;
	margin: 0 auto;
	background: url(images/bg-wrapper.gif) no-repeat 570px 67px;
	overflow: hidden;
	padding-bottom: 30px;
}
	#header ul	{
		float: right;
		padding-top: 5px;
	}
		#header ul li {
			display: inline;
			padding-right: 20px;
		}
			#header ul li a, #header ul li a:link, #header ul li a:visited, #header ul li a:hover, #header ul li a:active	{
				font-size: 1.4em;
				color: #fff;
				font-family: georgia, times, serif;
				font-style: italic;
				text-transform: lowercase;
				text-decoration: none;
				padding: 1px 3px;
			}
			#header ul li a:hover	{
				border-top: 1px solid #3399cc;
				border-bottom: 1px solid #3399cc;
			}
			.home #header ul li a.home, .home #header ul li a.home:link, .home #header ul li a.home:visited, .home #header ul li a.home:hover, .home #header ul li a.home:active {
				background: #140000;
				border-bottom: 1px solid #3399cc;
			}
	#header h1 {
		margin-top: 67px;
		float: left;
		background:  url(images/bg-header-h1.gif) no-repeat;
		width: 361px;
		height: 96px;
		text-indent: -9999px;
		margin-bottom: 20px;
	}
	#header h1 a {
		width: 361px;
		height: 96px;
		display: block;
	}
	
#mainContent {
	clear: both;
	width: 540px;
	float: left;
	line-height: 1.5em;
}
	#mainContent h2 {
		margin-bottom: 30px;
		font-size: 2em;
		color: #fff;
		line-height: 1.6em;
	}
	#mainContent h2 strong	{
		background: #300000;
		font-family: georgia, times, serif;
		font-style: italic;
		display: inline;
		width: 540px;
		border-bottom: 1px solid #3399cc;
		margin-bottom: 30px;
	}
	#mainContent h3	{
	float: left; clear: left;
		font-family: georgia, times, serif;
		font-style: italic;
		border-bottom: 2px dotted #3399cc;
		margin-bottom: 30px;
		font-size: 1.6em;
		color: #fff;
		line-height: 1.6em;
		overflow: hidden;
		margin-top: 30px;
		width: 540px;
	}
		#mainContent h3 strong {
			float: left;
			font-weight: normal;
		}
		#mainContent h3	em	{
			font-size: .9em;
			float: right;
			color: #3399cc;
			
		}
	#mainContent h4 {
		background: #400000;
		color: #39c;
		font-size: 1.6em;
		font-weight: normal;
		padding: 2px;
		border-bottom: 1px solid #fff;
		display: inline;
		float: left;
		font-family: georgia, times, serif;
		font-style: italic;
		margin: 10px 0;
	}

#wrapper a.main-link, #wrapper a.main-link:link, #wrapper a.main-link:visited, #wrapper a.main-link:hover, #wrapper a.main-link:active {
	border-bottom: 1px solid #fff; color: #000; padding: 3px; font-family: georgia, times, serif; font-style: italic; font-size: 1.1em; line-height: 1.8em; font-weight: 900; text-decoration: none; padding-right: 20px; border-top: 1px solid #39c; background: #39c url(images/bg-main-link.gif) no-repeat top right; }
#wrapper a.main-link:hover { border-top: 1px solid #fff; border-bottom: 1px solid #fff; }
#subContent { width: 271px; float: right; padding-top: 350px; }

#twitter_div, #sidebar { background: url(images/bg-twitter-top.gif) no-repeat top left; padding-top: 35px; position: relative; }
	#twitter_div div.twitter-bottom, #sidebar div.sidebar-bottom { width: 271px; height: 27px; background: url(images/bg-twitter-bottom.gif) no-repeat bottom left; margin-top: 30px; }
	#twitter_div div.twitter-bottom hr, #sidebar div.sidebar-bottom hr { display: none; }
	#twitter_div h4, #sidebar h4 { font-family: georgia, times, serif; font-style: italic; font-size: 1.6em; border-bottom: 2px dotted #39c; padding-bottom: 4px; }
	#twitter_div h4, #twitter_div ul, #sidebar h4, #sidebar ul, #sidebar p	{ margin: 0 15px 15px 15px; }
	#twitter_div ul { margin-bottom: 0; line-height: 1.4em; }
		#twitter_div a, #twitter_div a:link, #twitter_div a:visited, #twitter_div a:hover, #twitter_div a:active { display: block; margin-bottom: 8px; color: #39c; text-decoration: none; padding-bottom: 8px; border-bottom: 2px dotted #442735; }
		#twitter_div span a, #twitter_div span a:link, #twitter_div span a:visited, #twitter_div span a:hover, #twitter_div span a:active { display: inline; border: none; }
		#twitter_div a:hover { text-decoration: underline; }
		#wrapper #twitter_div a.main-link { display: inline; position: absolute; right: 0; margin: 8px 15px; padding: 0 20px 0 4px; }


/* .blog p	{ float: left; width: 450px; margin-bottom: 1em; } */
	p.blog-img	{ float: left; width: 160px; border: 5px solid #420000; margin: 0 20px 20px 0; line-height: 0.7em; }
	p.blog-img img { border-bottom: 1px solid #39c; }
.blog strong, .post strong { font-weight: bold; }
.calendar, .event { clear: both; margin-bottom: 1em; }
	#mainContent .calendar .event h4 { width: 150px; float: left; text-align: right; clear: left; margin: 0 35px 0 0; }
	#mainContent .calendar .event p	{ font-size: 1.6em; font-weight: normal; padding: 2px; display: inline; font-family: georgia, times, serif; font-style: italic; margin: 0; }
	#mainContent .calendar p a { margin-left: 190px; }
	.blog ul { float: none; clear: left; list-style-type: disc; padding-left: 40px; margin-bottom: 1.5em; }
	
.post, #postmeta { margin-bottom: 3em; }
#mainContent ul { margin-bottom: 1em; padding-left: 15px;  list-style-type: disc; }
#mainContent ul li {  list-style-type: disc;  }
#mainContent ol li p { clear: both; }

#mainContent table, .post table {  border-collapse: collapse; margin-left: 20px; margin-bottom: 20px; }
#mainContent table td { border: 1px solid #39c; padding: 5px 20px; }

#mainContent .wp-caption-text  { border-bottom: 1px solid #39c; padding: 5px; font-style: italic; }

#tagcloud { clear: both; }

ol#commentlist li { padding: 20px; }
ol#commentlist li strong { font-weight: bold; }
.alt { background: #aa0000; color: #f0f0f0; border-top: 2px solid #fff; }
.standard { background: #990000; border-top: 2px solid #ccc; }
ol#commentlist li .commenttext-admin { font-weight: bold; }

	
#sidebar ul { margin-bottom: 2em;  }
#sidebar ul li { margin-bottom: 3px;  }
	
#footer { background: #4a0000 url(images/bg-footer.gif) repeat-x; clear: both; }
	#footer #footerContent { background: url(images/bg-geek.gif) no-repeat top right; width: 840px; margin: 0 auto; padding: 90px 0 50px 0; }	}
	#footer #footerContent ul { float: right; margin-right: 120px; }
		#footer #footerContent ul li { display: inline; border-right: 1px solid #39c; padding-right: 10px; margin-right: 10px; }
		#footer #footerContent ul li.last { border: none; margin: 0; padding: 0; }
	#footer #footerContent p { line-height: 1.5em; margin-bottom: 0; }