/*
Theme Name: Mr Fogg
Theme URI: http://wordpress.org/
Description: Mr Fogg website theme.
Version: 1.0
Author: Chris Bewick
Author URI: http://stompfrog.co.uk/
Tags: Mr Fogg
*/

@charset "UTF-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
	border:0;
}
body{
	font-family: Helvetica, arial, sans-serif;
	background:url(img/body-bg.jpg) repeat top left;
	font-size:85%;
}
#wrapper{
	width:940px;
	background: url(img/wrapper-bg.png) top left no-repeat;
	margin:40px auto;
	position:relative;
}
* html #wrapper{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/wrapper-bg.png', sizingMethod=scale);
	background:none;
}
#nav{
	min-height:26px;
	position:relative;
	width:674px;
	float:right;
	text-align:right;
	margin-top:12px;
	font-size:117%;
	margin-bottom:0;
}
#nav li{
	display:inline;
}
* html #nav{
	height:26px;
}
#nav li a{
	color:#fff;
	text-transform: uppercase;
	text-decoration: none;
	padding-right:15px;
}
#nav li a:hover{
	text-decoration:underline;
}
#main-content{
	float:right;
	width:546px;
	margin:20px 54px 40px 0;
}
* html #main-content{
	margin-right:27px;
}
#main-content ul{
	margin-left:15px;
}
#main-content li{
	line-height:140%;
	margin-bottom:0.5em;
}
#main-content object{
	margin-bottom:40px;
	display:block;
}
#main-content img{
	margin-bottom:40px;
	display:block;
}
#secondary-content{
	float:left;
	width:300px;
	margin:89px 0 40px 0;
}
#secondary-content td{
	width:150px;
	margin-bottom:0.5em;
	line-height:140%;
}
#secondary-content td.date{
	text-align: right;
}
#secondary-content td a{
	color:#333;
}
.tweet-date, .more-link{
	color:#999;
	margin:10px 0 20px;
	
}
.more-link{
	display: block;
}
#footer{
	clear:both;
	border-top:1px solid #ccc;
	margin-top:40px;
	padding-top:20px;
	width:100%;
	padding-bottom:20px;
	text-transform: uppercase;
}
#footer-nav{
	float:right;
	text-align:right;
}
#footer-nav li{
	display:inline;
}
#footer-nav li a{
	text-decoration: none;
	padding-right:15px;
	color:#333;
}
#footer-nav li a:hover{
	text-decoration:underline;
}
h1{
	display: block;
	width:548px;
	height:99px;
	background:url(img/mr-fogg-logo-text.png) top left no-repeat;
	text-indent: -3000px;
	margin-bottom:20px;
	position:relative;
	margin-top:0;
}
* html h1{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/mr-fogg-logo-text.png', sizingMethod=scale);
	background:none;
}
h2{
	background: #333;
	color:#fff;
	text-transform: uppercase;
	font-weight:normal;
	font-size:117%;
	padding:10px 7px 5px;
	margin-bottom:20px;
	margin-top:30px;
}
#main-content h2.top{
	margin-bottom:30px;
}
h2 a{
	color:#fff;
	text-decoration:none;
}
h2 a:hover{
	color:#fff;
	text-decoration:underline;
}
h3{
	text-transform: uppercase;
	font-size:32px;
	font-weight: normal;
	line-height:120%;
	margin-bottom:20px;
}
h3 a{
	text-decoration: none;
	color:#333;
}
h3 a:hover{
	text-decoration: underline;
}
h2.top{
	margin-top:0;
}
h3 span{
	color:#999;
}
#main-content p{
	line-height:140%;
	margin-bottom:1em;
}
.post-meta p{
	margin-bottom: 0px!important;
}
p.mini-promo{
	margin:30px 0;
	width:130px;
	min-height:60px;
}
* html p.mini-promo{
	height:60px;
}
a{
	color:#999;
}
.article, #post-nav, #respond{
	margin-bottom:30px;
	padding-bottom:30px;
	border-bottom: 1px solid #ccc;
	
}
#post-nav .alignright{
	float:right;
}
#post-nav .alignleft{
	float:left;
}
#social-nav{
	position:absolute;
	right:0;
	top:342px;
	margin:0;
}
#social-nav li{
	list-style:none;
}
#social-nav li a{
	text-indent:-3000px;
	display:block;
	background:url(img/social-media-sprite.png) no-repeat;
	width:28px;
	margin-bottom:10px;
}
* html #social-nav li a{
	background:url(img/social-media-sprite.gif) no-repeat;
}
#myspace{
	background-position: 0 0!important;
	height:30px;
}
#bebo{
	height:30px;
	background-position: 0 -31px!important;
}
#lastfm{
	height:16px;
	background-position: 0 -63px!important;
}
#facebook{
	height:27px;
	background-position: 0 -80px!important;
}
#myspace:hover{
	background-position: -28px 0!important;
}
#bebo:hover{
	background-position: -28px -31px!important;
}
#lastfm:hover{
	background-position: -28px -63px!important;
}
#facebook:hover{
	background-position: -28px -80px!important;
}
#author, #email, #url, #comment{
	border:1px solid #ccc;
	padding:3px;
}
#last-fm{
	margin: 0;
	padding:0;
}
#last-fm li{
	list-style:none;
	width:100%;
	clear:both;
}
#last-fm .avatar{
	height:64px;
	width:64px;
	display:block;
	text-indent: -3000px;
	float:left;
	margin:0 15px 5px 0;
	border: 1px solid #333;
}
#last-fm .username{
	float:left;
	margin-top:15px;
}
#e-mail{
	padding:5px 3px;
	border:1px solid #999;
	margin:4px 0;
	
	width:235px;
}
#send, #submit{
	background:#333;
	color:#fff;
	text-transform: uppercase;
	
	padding:5px 8px;
}
.sidebar-gigs{
	margin:0;
	padding:0;
}
.sidebar-gigs span.date{
	width:80px;
	display: block;
	float:left;
}
.gigs-calendar .date{
	width:80px;
}
.gigs-calendar .venue{
	width:240px;
}
.gigs-calendar .city{
	width:200px;
}
#Gallery .size-thumbnail{
	float:left;
	margin:0 6px 6px 0;
}


#contact-form label.text{
	float:left;
	width:150px;
	clear:left;
	margin-bottom:1em;
	display: block;
}
#contact-form input{
	display:block;
	float:left;
	padding:3px 3px;
	border:1px solid #999;
	margin:4px 0;
	
	width:200px;
}
#contact-form select{
	float:left;
	margin:4px 0;
	border:1px solid #999;
}
#contact-form #message{
	padding:3px 3px;
	border:1px solid #999;
	width:388px;
	height:200px;
	margin:4px 0;
	height:300px;
	font-family:Helvetica, arial, sans-serif;
}
#contact-form #send-email{
	background:#333;
	color:#fff;
	text-transform: uppercase;
	
	padding:3px 8px;
	float:left;
	margin-left:150px;
	width:auto;
	clear:left;
}
#contact-form label.error{
	float:left;
	margin:0.5em;
	color:#f00;
}
#contact-form label.error[for='message']{
	margin-left:150px;
}
p.error{
	color:#f00;
}






.release{
	padding:40px 0 30px;
	border-top:1px solid #ccc;
	position:relative;
	padding-left:170px;
	min-height:150px;
	
}
* html .release{
	height:150px;
}
.release img{
	position:absolute;
	margin-left:-170px;
	border:1px solid #333;
}
.release ol{
	margin-left:20px;
	margin-bottom:0.6em;
}
#main-content .release ol li{
	margin-bottom:0;
}
.release h4{
	margin-bottom:0.6em;
}







.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */