/*
Theme Name: John McKeown (Left Aligned)
Theme URI: http://www.johnmckeown.net
Description: Custom theme for John McKeown's website
Version: 2.1
Author: Paul Seele
Author URI: http://www.johnmckeown.net
*/

/*===START SECTION 1 - the main containers===*/

* {margin:0;padding:0}
html {height: 100%;}
body {
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	background-color:#000;
}
a:link, a:visited  {
	color: #000;
	font-weight:bold;
	text-decoration: none;
	border: 0;
	outline: 0;
}
a:hover, a:active {
	text-decoration: none;
	color: #333;
	font-weight:bold;
	border: none;
	outline: none;
}
#wrapper {
	width: 1000px;
	height: 100%;
	margin: 0px 20px;
	padding: 0px;
}
#header {
	width:1000px;
	height:180px;
	padding: 0;
	background: url(images/header_title.png) left top no-repeat;
	text-align:left;
}
#main {
	width: 690px;
	height: 100%;
	margin: 0;
	clear:both;
	margin: 0 0 0 0px;
	overflow:hidden;
}
#content {
	display:block;
	width: 430px;
	float: left;
	line-height: 1.3em;
	border: solid 5px #000;
	border-top: none;
	background:url(images/box_bg.png);
	overflow:hidden;
}
#content-wide {
	display:block;
	width: 660px;
	float: left;
	line-height: 1.3em;
	border: solid 5px #000;
	border-top: none;
	background:url(images/box_bg.png);
	overflow:hidden;
}
#sidebar {
	width: 230px;
	float: right;
}
#footer {
	height: 42px;
	clear: both;
	font-size: 16px;
	padding: 13px 0 0 20px;
}
#footer img {
	border:none;
	vertical-align:top;
	border-style: none;
text-decoration: none;
}
#footer a:link img, #footer a:visited img{
	color: #CCC;
	padding: 10px;
	opacity:0.6;filter:Alpha(opacity=60);
	}
#footer a:hover img{
	color: #999;
	opacity:1;filter:Alpha(opacity=100);
	}

/*===END SECTION 1===*/

/*===Content Headings===*/
.title_news {
	display:block;
	background: url(images/title_news.png) no-repeat top left;
	margin: -1px 0 0 0;
	height: 35px;
}
.title_page {
	display:block;
	margin: -1px 0 0 0;
	height: 35px;
	text-indent: -5000px;
}
.live .title_page {
	background: url(images/title_live.png) no-repeat top left;
}
.biography .title_page {
	background: url(images/title_biography.png) no-repeat top left;
}
.photographs .title_page {
	background: url(images/title_photographs.png) no-repeat top left;
}
.videos .title_page {
	background: url(images/title_videos.png) no-repeat top left;
}
.buy .title_page {
	background: url(images/title_buy.png) no-repeat top left;
}
.listen .title_page {
	background: url(images/title_listen.png) no-repeat top left;
}
.credits .title_page {
	background: url(images/title_credits.png) no-repeat top left;
}
.lyrics .title_page {
	background: url(images/title_lyrics.png) no-repeat top left;
}
.contact .title_page {
	background: url(images/title_contact.png) no-repeat top left;
}
.vip .title_page {
	background: url(images/title_vip.png) no-repeat top left;
}
.press-area .title_page {
	background: url(images/title_press.png) no-repeat top left;
}


/*===START SECTION 2 - general classes===*/
.description {
	clear: left;
	padding: 5px 0 5px 35px;
}
.post {
	padding: 5px;
	margin: 0 0 20px 0;
	font-size: .9em;
}
.cleardiv {
	clear:both;
}
.entry-content, .entry-excerpt {
	clear: left;
}
.navigation {
  clear: both;
  padding-top: 30px;
  padding-bottom:70px;
}
.navigation .prev {
	float:left;
	width: 45%;
	text-align:left;
}
.navigation .next {
	float: right;
	width: 45%;
	text-align:right;
}
.avatar {
  float: right;
  margin: 0 0 3px 5px;
}
.entry-meta {
  margin: 0 0 10px 0;
}
.underpost {
	font-size: .9em;
}
#content .underpost a {
	text-decoration: underline;
}
/*===END SECTION 2===*/

/*START SECTION 3 - style content and footer links*/
#content a:link, #content a:visited {
	padding: 2px;
}
#content a:hover {
	text-decoration: none;
}
/*===END SECTION 3===*/

/*===START SECTION 4 - style for menu, page links in the header===*/
#menu{
	padding: 0;
	margin: 95px 0 0 40px;
	display: block;
	width: 770px;
	float:left;
	font-size: 18px;
}
#menu ul {
	margin: 0px;
	padding: 0px;
}
#menu li {
	display: inline;
	list-style-type: none;
	margin: 0 2px 0 0;
}
#menu li a:link, #menu li a:visited {
	padding: 3px;
	color: #FFF;
}
#menu li a:hover{
	color: #999;
	opacity:0.7;filter:Alpha(opacity=70);
	}
	#menu li a:hover img{
	color: #999;
	opacity:0.7;filter:Alpha(opacity=70);
	}
#menu img {
	border:none;
	vertical-align:top;
	border-style: none;
text-decoration: none;
}
/*===END SECTION 4===*/

/*===START SECTION 5 - sidebar links===*/
#sidebar ul {
	padding: 0px;
	list-style-type: none;
}
#sidebar li a:link, #sidebar li a:visited {
	text-decoration: none;
	margin-bottom: .1em;
	padding: 1px;
}
#sidebar li a:hover {
	text-decoration: underline;
}
#sidebar ul ul {
  margin-left: 10px;
}
#sidebar ul ul li, #sidebar ul ul li {
  font-size: .9em;
  margin-left: 10px;
}

.widget {
	border: solid 5px #000;
	border-top: none;
	background:url(images/box_bg.png);
	overflow:hidden;
	padding: 0 0 10px 0;
	margin: 0 0 20px 0;
}
.widget h2 {
	display:block;
	margin: -1px 0 5px 0;
	width: 220px;
	height: 35px;
	text-indent: -5000px;
}
.widget_gigpress h2 {
	background: url(images/title_live_widget.png) no-repeat top left;
}
.gigpress-tickets-link { display:block;
}
.widget_artistdata h2 {
	background: url(images/title_live_widget.png) no-repeat top left;
}
.widget_facebook {
	text-align:center;
}
.widget_facebook h2 {
	background: url(images/title_facebook.png) no-repeat top left;
}
#sidebar .widget_twitter  h2 {
	background: url(images/title_updates_widget.png) no-repeat top left;
}

#sidebar .widget_twitter  ul{
	margin-left: 2px;
}
#sidebar .widget_twitter ul li{
	margin-bottom: 5px;
	margin-left: 0px;
}
#sidebar .widget_twitter  .entry-meta {
	display:block;
}
#sidebar .widget_twitter  .from-meta {
	display:none;
}

#text-2 h2 {
	background: url(images/title_news.png) no-repeat top left;
}
.lyrics .widget_subpages h2 {
	background: url(images/title_lyrics_widget.png) no-repeat top left;
}

.press-area .widget_subpages h2 {
	background: url(images/title_press_widget.png) no-repeat top left;
}
/*===END SECTION 5===*/

/*===START SECTION 6 - style the headings===*/

#content h1 {
	font-size: 1.5em;
}
#sidebar h1 {
	font-size: 1.4em;
}
#sidebar h2 {
	font-size: 1.1em;
}
.post h2 {
	margin: 10px 0 0 0;
	padding: 0;
}
.post h3 {
  font-size: 1.8em;
  margin: 0;
  padding: 0;
}
/*===END SECTION 6===*/

/*===START SECTION 7 - style the post date===*/
.entry-date {
	color: #000000;
	font-weight:bold;
	margin: 1px 0 0 3px;
}
/*===END SECTION 7===*/

/*===START SECTION 8 - comment form and comments===*/
#respond p {
	font-size: .9em;
}
#commentform input {
	
}
#commentform textarea {
	
}
#commentform {	
	padding: 10px;
}
ol.commentlist {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
ol.commentlist li {
	margin: 15px 0 0 0;
}
#content ol.commentlist li a {
	text-decoration: underline;
}
li.author {
	padding: 5px;
}
/*===END SECTION 8===*/

/*START SECTION 9 - oh you're so fancy with those blockquotes....*/
blockquote {
  font: 1.2em/1.6em Georgia, "Times New Roman", Times, serif;
  width: 350px;
  background: url(images/blockquote1.png) no-repeat right bottom;
  padding: 0 10px 0 30px;
  text-indent: -30px;
}
blockquote p:first-letter {
  background: url(images/blockquote2.png) no-repeat left center;
  padding: 0 0 0 30px;
  font: italic 1.7em Georgia, "Times New Roman", Times, serif;
}
/*===END SECTION 9===*/

/*START SECTION 10 - images when inserted into a post.*/
.alignleft {
  float: left;
}
.alignright {
  float: right;
}
img.aligncenter, div.aligncenter {
	display: block;
	margin: 0 auto;
}
img.alignright, div.alignright {
	margin: 1px 0 2px 10px;
	display: inline;
}
img.alignleft, div.alignleft {
	margin: 1px 10px 2px 0;
	display: inline;
}
.wp-caption-text {
  font-size: .7em;
  line-height: 1.1em;
  margin: 0;
}
/*===END SECTION 10===*/

/*===START SECTION 11 - Misc. and Preventatives===*/
a.image:link, a.image:visited, a.image:hover {
	background: none;
	padding: 0;
	border: none;
	outline: none;
	border-style: none;
text-decoration: none;
}
img {
	border: none;
	outline: none;
	border-style: none;
text-decoration: none;
}
/*===END SECTION 11===*/

.bg_changer_panel {
display:none; bottom:5px; position:fixed; right:0; width:77px; z-index:1; background-color:#000;
}
#bg_btn{position: fixed; bottom:15px; right: 0; z-index: 1;}
#bgchanger {
	display:block;
	background:#000;
	border:solid 2px #000;
	padding:2px;
	width: 70px;
	text-align:center;
}
.bgthumb {
	border:solid #000 thin;
	margin: 2px;
	display:block;
}

#bg_close {width:60px; border:1px solid #535353; height:16px; background: #000 url('images/bg_btn_close.png') no-repeat right top; text-indent: 7000px; margin: 0 auto;}
#bg_close:hover {border:1px solid #EEEEEE; background: #333 url('images/bg_btn_close.png') no-repeat right top;}
.bg_changer_panel a.bgthumb:hover img {opacity:0.6; filter:Alpha(opacity=60);}

#bgimg {
	position:fixed;
	z-index: -3;
width:100%;
min-width:1377px;
min-height:950px;
max-height: 5112px;
max-width: 3527px;
height:auto;
}
.push {	height: 55px;}
* {	margin: 0;}

.sfwrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -55px; /* the bottom margin is the negative value of the footer's height */}
.songlist { display:block; clear:both;}
.songlist ul li { list-style:none;}