/*
Theme Name: Xondie Musician
Theme URI: http://xondie.com/
Description: A custom theme for musician, Colin Armstrong
Version: 1.0
Author: Xondie
Author URI: http://www.xondie.com/
*/

/* RESETS */
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;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

pre,code,kbd,samp,tt {
	font-family: monospace;
	font-size: 108%;
	line-height: 99%;
}

html {
  height: 100%; 
}

/* BASE */
body {
	text-align: center;
	font-family:  "Lucida Grande", Arial, Helvetica, sans-serif;
	background: #ffffff url("images/background_thin.jpg") center top repeat-x;
	font-size: 13px;
	line-height: 1.4;
	color: #222222;
	margin: 0 auto;
	height: 100%;
}

h1 {
	/*26px via YUI Fonts CSS foundation*/
	font-size:197%;  
	letter-spacing: .3em;
	padding: .5em 0;
}
h2 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%; 
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin: .5em 0;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:0 0 1em 0;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:1em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: none;
	margin: .5em 0;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	border:1px solid #000;
	padding: .4em 1em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated margin to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table,pre {
	/*so things don't run into each other*/
	margin-bottom:1em;
}

h1 a:link, h1 a:visited {
	color: #000;
	text-decoration: none;
}
h2 a:link, h2 a:visited {
	color: #000;
	text-decoration: none;
}
h2 a:hover {
	text-decoration: underline;
}

a:link, a:visited {
	color: #2e394b;
	text-decoration: none;
}
a:hover {
    color: #ffa21d;
}

div#page {
	background: transparent url(images/background_thin.jpg) repeat-x center top;
	text-align: left;
	width: 960px;
	color: #3b3a34;
	position: relative;
  	min-height: 100%; /* For Modern Browsers */
  	height: auto !important; /* For Modern Browsers */
  	margin: 0 auto;
}

#header {
	height: 165px;
	width: 920px;
	margin: 0 20px;
	text-align: left;
}

#logo	{ 
	/* background: transparent url(images/colinarmstrong.gif) left bottom no-repeat;*/
	height: 150px;
	width: 310px;
	margin: 0;
	float: left;
	border-bottom: transparent 15px solid;
	/* text-indent: -9999px; */
} 

#logo a img {
	margin-top: 65px;
	height: 85px;
	width: 257px;
}
#flash {
	width: 600px;
	margin: 0 0 0 auto;
	padding: 0;
	height: 165px;
	float: right;
}
#wplayer_bg {
	/* background: url(images/background_player.jpg); */
}
#wplayer iframe {
	float: left;
	margin-left: 84px;
	margin-top: 5px;
	/* border: solid 1px #dfe7e9; */
}
#wplayer a:link {
	color: #fff;
	
}
#wplayer a:hover {
	text-decoration: underline;
	
}
#navbar {
	width: 920px; 
	height: 35px; 
	margin: 0 20px; 
	position: relative;
	clear: both;
	margin-top: -15px;
}

#navbar ul { margin-left: 0; padding-left: 0; }
#navbar ul li { display: inline; margin-left: 0 !important; padding-left: 0; }
#navbar ul li a { float: left; height: 0; margin: 0; padding: 35px 0 0 0; overflow: hidden; }
#navbar ul li a { 
	background-image: url(images/nav.gif); 
	background-repeat: no-repeat; 
}

/* UNSELECTED */
#navbar li#home a { background-position: 0 0; width: 61px;}
#navbar li#bio a { background-position: -61px 0; width: 56px; }
#navbar li#music a { background-position: -118px 0; width: 77px;}
#navbar li#photos a { background-position: -194px 0; width: 98px; }
#navbar li#shows a { background-position: -294px 0; width: 88px; }
#navbar li#blog a { background-position: -381px 0; width: 75px;}
#navbar li#contact a { background-position: -456px 0; width: 91px;}

/* HOVER */
#navbar li#home a:hover { background-position: 0 -35px; width: 61px;}
#navbar li#bio a:hover { background-position: -61px -35px; width: 56px; }
#navbar li#music a:hover { background-position: -118px -35px; width: 77px;}
#navbar li#photos a:hover { background-position: -194px -35px; width: 98px; }
#navbar li#shows a:hover { background-position: -294px -35px; width: 88px; }
#navbar li#blog a:hover { background-position: -381px -35px; width: 75px;}
#navbar li#contact a:hover { background-position: -456px -35px; width: 91px;}

/* SELECTED */
#navbar li#home_current a { background-position: 0 -70px; width: 61px;}
#navbar li#bio_current a { background-position: -61px -70px; width: 56px; }
#navbar li#music_current a { background-position: -118px -70px; width: 77px;}
#navbar li#photos_current a { background-position: -194px -70px; width: 98px; }
#navbar li#shows_current a { background-position: -294px -70px; width: 88px; }
#navbar li#blog_current a { background-position: -381px -70px; width: 75px;}
#navbar li#contact_current a { background-position: -456px -70px; width: 91px;}

div#content_wrap {
	width: 960px;
	margin: 0 auto;
	padding:0;
	clear: both;

}
div#content 	{
	float: left;
	margin: 16px 0 16px 0;
	width: 610px;
	padding: 0 20px 0 0;
	border: 0;
	border-right: solid 1px #ccc;
	margin-left: 20px; 
	}

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

h2#pagetitle_home {
	background: url(images/header_lg_whatsnew.gif) no-repeat;
	height: 20px;
	margin-bottom: -7px;
	text-indent: -9999px;
}

h2#pagetitle_bio {
	background: url(images/header_lg_bio.gif) no-repeat;
	height: 20px;
	margin-bottom: 16px;
	text-indent: -9999px;
}

h2#pagetitle_music {
	background: url(images/header_lg_music.gif) no-repeat;
	height: 20px;
	margin-bottom: 16px;
	text-indent: -9999px;
}


h2#pagetitle_photos {
	background: url(images/header_lg_photos.gif) no-repeat;
	height: 20px;
	margin-bottom: 16px;
	text-indent: -9999px;
}


h2#pagetitle_shows {
	background: url(images/header_lg_shows.gif) no-repeat;
	height: 20px;
	margin-bottom: 16px;
	text-indent: -9999px;
}


h2#pagetitle_blog {
	background: url(images/header_lg_blog.gif) no-repeat;
	height: 20px;
	margin-bottom: 16px;
	text-indent: -9999px;
}


h2#pagetitle_contact {
	background: url(images/header_lg_contact.gif) no-repeat;
	height: 20px;
	margin-bottom: 16px;
	text-indent: -9999px;
}


#sidebar ul li#upcoming-gigs h2.widgettitle {
	background: url(images/header_side_shows.gif) no-repeat;
	height: 15px;
	padding-bottom: 5px;
	text-indent: -9999px;
}

#sidebar ul li#text-2 h2.widgettitle {
	background: url(images/header_side_subscribe.gif) no-repeat;
	height: 15px;
	padding-bottom: 5px;
	text-indent: -9999px;
}

#sidebar ul li#links h2.widgettitle {
	background: url(images/header_side_links.gif) no-repeat;
	height: 15px;
	padding-bottom: 5px;
	text-indent: -9999px;
}
div#sidebar {
	float: left;
	width: 280px;
	padding: 0;
	margin: 16px 0 0 20px;
	height: 400px;

}
#sidebar ul li {
	margin-bottom: 25px;
}

div#footer	{
	clear: both;
	width: 100%;
	text-align: center;
	background: transparent url(images/footer.jpg) repeat-x center top;
	position: relative;
	}

div#footer p {
    width: 960px;
    text-align: left;
    font-size: 85%;
	padding: 4px 0 4px;
	margin: 0 auto;
	background: transparent url(images/footer.jpg) repeat-x center top;
}

div#footer p#footer_text a {
	color: #525452;
	text-decoration: none;
	margin: 0;
	margin-left: 20px;
}
div#footer p#footer_text a:hover { color: #000; text-decoration: underline; }

.current_page_item {
	list-style: disc outside;
}

/*	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.pp_image {
	padding-top: 10px;
}

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 10px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

/* End Images */
.sendit {
	margin: 0 5px 0 0;
	border: 1px solid #959596;
}

p.input {
	line-height: 1.56em;
	margin: 1.56em 0 0 0;
	padding: 0;
	text-align: left;
}
#contact_form {
	margin-bottom: 1em;
}
#sidebar li#newsletter-form form {
	display: inline;
	margin:0;
}
input#email{
	width: 135px;
	margin-top: 3px;
	vertical-align: middle;
}

input#stnl_submit {
	margin-left: 3px;
	vertical-align: middle;
	margin-top: 3px;
}
#content div.entry {
	margin: 0;
	padding: 0;
}
div.post {
	clear: both;
}


#content div.entry p a { text-decoration: underline; }

div.post h3 { margin-bottom: 0.1em; }

div.ddfmwrap {
	margin: 0;
	margin-left: 0;
	margin-right: 20px;
	float: right;
	margin-top: -140px;
}

div.post p small {
	color: #818079;
	font-size: 85%;
}
#navbar a img#detach {
	float: left;
	margin: 0;
	margin-top: 8px;
	margin-left: 8px;
}

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

#sidebar ul {
	margin-left: 0;
}
#sidebar ul.gigs li {
	margin-bottom: 10px;
	margin-left: 0;
}

#content table.gigs {
	border: solid 1px #ccc;
}
.clear {
	clear: both;
	height: 20px;
}

#content div.gig table hd, #content div.gig table td {
	border: none;
}

#content table.gigs, #content table.gigs hd, #content table.gigs td {
	border: solid 1px #ccc;
}

 #content table.gigs td a{
 	text-decoration: underline;
 }

#content table.group, #content table.group hd, #content table.group td {
	border: solid 1px #ccc;
}
div.thumbs {
	padding-left: 2px;
}