/*   
Theme Name: Shape
Theme URI: http://themeshapes.com/shape/
Description: A search engine optimized website framework for WordPress.
Author: Ian Stewart
Author URI: http://themeshapes.com/
Version: 0.1.2
Tags: threaded-comments, microformats
.
The Shape Theme for WordPress is copyright ThemeShapes http://themeshapes.com/
Like WordPress, this work is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/


/* Import a basic layout */
@import url('styles/2c-r.css');

/* Reset default browser styles */
@import url('styles/reset.css');

/* Rebuild default browser styles */
@import url('styles/rebuild.css');

/* Basic WordPress Styles */
@import url('styles/wp.css');


body {
        background-image: url(images/site_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #000000;
	color: #ffffff;
	margin: 0px;
	padding: 0px
}

/* =Header
-------------------------------------------------------------- */

#branding {
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	background-color: #000000;
	width:1020px;
	height:200px;
	margin-right:auto;
	margin-left:auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	text-align:left;
}


/* =Menu
-------------------------------------------------------------- */

#access {
	margin: 0 auto;
	overflow: auto;
        width:1020px;
        height: 30px;
}

.skip-link {
	display: none;
}
.menu ul {
	list-style: none;
	margin: 0 0 0 122px;
}
.menu ul ul {
	display: none;
}
.menu li {
	display: inline;
}

.menu a {
	display: block;
	float: left;
        margin: 0px 14px 0px 13px;
}


/* =Content
-------------------------------------------------------------- */

.post {
	margin: 0 0 3em 0;	
}
.entry-content, .entry-summary {
	margin: 1.5em 0 0 0;
}


/* =Navigation
-------------------------------------------------------------- */

.navigation {
	margin: 0 0 1.5em 0;
	overflow: auto;	
}


/* =Widget Areas
-------------------------------------------------------------- */

.widget-area ul {
	list-style: none;
	margin-left: 0;
}
.widget-area ul ul {
	list-style: disc;
	margin-left: 1.1em;
}
.widget-area ul ul ul {
	margin-left: 2.5em;
}
.widget-container {
	margin: 0 0 1.5em 0;
}

/* =Temporary styles until the
		directory can read @import
		
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}
		
-------------------------------------------------------------- */



/* =Additional styles from SPD
-------------------------------------------------------------- */

a {
	color: #ffcc33;
	}
	
a img { border:0 }

a:visited {
	color: #ffcc33;
	}

a:active {
	color: #ffcc33;
	text-decoration: none;
	}

a:hover {
	color: #ffcc33;
	text-decoration: none;
	}
	
#black_overlay {
	background-image: url(images/black_overlay.png);
	background-repeat: repeat;
	width: 960px;
	margin: 0px auto 0px auto;
	padding: 0px;
	text-align:left;
	}

#left_column {
	width:300px;
	margin: 0px 10px 10px 0px;
	padding: 0px;
	text-align:left;
	float: left;
	display: inline;
	}

#middle_column {
	width:380px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	text-align:left;
	float: left;
	display: inline;
	}
	
#link_box {
	width: 220px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	text-align:left;
	float: left;
	display: inline;
	}
	
#maillist_box {
	width: 220px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	text-align:left;
	float: left;
	display: inline;
	}
	
#social_icons {
	background-image: url(images/social_icons.gif);
	background-repeat: no-repeat;
	width: 218px;
	height: 34px;
	margin: 10px 0 1.5em 0;
	padding: 0px;
	text-align:left;
	float: left;
	display: inline;
	}
	
#social_icons h4 {
	display: none;
	}
	
#twitter_link {
	float:left;
	display: inline;
	display:block;
	cursor:pointer;
	width:34px;
	height:34px;
	position:relative;
	top:0px;
	left:0px;
	padding: 0px;
	margin: 0px 12px 0px 0px;
	}
	
#myspace_link {
	float:left;
	display: inline;
	display:block;
	cursor:pointer;
	width:34px;
	height:34px;
	position:relative;
	top:0px;
	left:0px;
	padding: 0px;
	margin: 0px 12px 0px 0px;
	}
	
#facebook_link {
	float:left;
	display: inline;
	display:block;
	cursor:pointer;
	width:34px;
	height:34px;
	position:relative;
	top:0px;
	left:0px;
	padding: 0px;
	margin: 0px 12px 0px 0px;
	}
	
#vimeo_link {
	float:left;
	display: inline;
	display:block;
	cursor:pointer;
	width:34px;
	height:34px;
	position:relative;
	top:0px;
	left:0px;
	padding: 0px;
	margin: 0px 12px 0px 0px;
	}
	
#bandcamp_link {
	float:left;
	display: inline;
	display:block;
	cursor:pointer;
	width:34px;
	height:34px;
	position:relative;
	top:0px;
	left:0px;
	padding: 0px;
	margin: 0px;
	}
	
#mail_form {
	width: 220px;
	margin: 10px 0 1.5em 0;
	padding: 0px;
	text-align:left;
	float: left;
	display: inline;
	}
	
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #ffcc33;
	margin-bottom: 7px;
	}
	
h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	color: #ffcc33;
	border-bottom: 1px dotted #95741c;
	padding-bottom: 3px;
        margin-bottom: 7px;
	}

h2 a {
	text-decoration: none;
	}
	
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffcc33;
	}
	
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	}

#footer p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	margin: 0px;
	padding: 0px;
	text-align: left;
	}

.clear {
    clear: both;
	}

#blog-title a {
    display:block;
    text-indent:-9000px;
    width:1020px;
    height:200px;
    z-index:100;
    margin: 0 auto;
}

#blog-description {
    position:absolute;
    left:-9000px;
}

.menu span {
	display: none;
	}

.menu a.home {
	background-image: url(images/menu_home.gif);
	height: 30px;
	width: 62px;
	}

.menu a:hover.home, .menu a.homeon  {
	background-image: url(images/menu_home.gif);
	background-position: bottom;
	height: 30px;
	width: 62px;
	}

.menu a.gigs {
	background-image: url(images/menu_gigs.gif);
	height: 30px;
	width: 62px;
	}

.menu a:hover.gigs, .menu a.gigson  {
	background-image: url(images/menu_gigs.gif);
	background-position: bottom;
	height: 30px;
	width: 62px;
	}

.menu a.news {
	background-image: url(images/menu_news.gif);
	height: 30px;
	width: 62px;
	}

.menu a:hover.news, .menu a.newson  {
	background-image: url(images/menu_news.gif);
	background-position: bottom;
	height: 30px;
	width: 62px;
	}

.menu a.media {
	background-image: url(images/menu_media.gif);
	height: 30px;
	width: 78px;
	}

.menu a:hover.media, .menu a.mediaon  {
	background-image: url(images/menu_media.gif);
	background-position: bottom;
	height: 30px;
	width: 78px;
	}
	
.menu a.bio {
	background-image: url(images/menu_bio.gif);
	height: 30px;
	width: 46px;
	}

.menu a:hover.bio, .menu a.bioon  {
	background-image: url(images/menu_bio.gif);
	background-position: bottom;
	height: 30px;
	width: 46px;
	}

.menu a.photos {
	background-image: url(images/menu_photos.gif);
	height: 30px;
	width: 94px;
	}

.menu a:hover.photos, .menu a.photoson  {
	background-image: url(images/menu_photos.gif);
	background-position: bottom;
	height: 30px;
	width: 94px;
	}

.menu a.video {
	background-image: url(images/menu_video.gif);
	height: 30px;
	width: 78px;
	}

.menu a:hover.video, .menu a.videoon  {
	background-image: url(images/menu_video.gif);
	background-position: bottom;
	height: 30px;
	width: 78px;
	}

.menu a.music {
	background-image: url(images/menu_music.gif);
	height: 30px;
	width: 78px;
	}

.menu a:hover.music, .menu a.musicon  {
	background-image: url(images/menu_music.gif);
	background-position: bottom;
	height: 30px;
	width: 78px;
	}
	
.menu a.extras {
	background-image: url(images/menu_extras.gif);
	height: 30px;
	width: 94px;
	}

.menu a:hover.extras, .menu a.extrason  {
	background-image: url(images/menu_extras.gif);
	background-position: bottom;
	height: 30px;
	width: 94px;
	}
	
.menu a.releases {
	background-image: url(images/menu_releases.gif);
	height: 30px;
	width: 126px;
	}

.menu a:hover.releases, .menu a.releaseson  {
	background-image: url(images/menu_releases.gif);
	background-position: bottom;
	height: 30px;
	width: 126px;
	}

.entry-meta {
    color:#999;
    font-size:10px;
    line-height:12px;
    padding-top: 5px;
}

.entry-utility {
    color:#999;
    font-size:10px;
    line-height:12px;
}