/*
Theme Name: Wonderful Spells 2008
Theme URI: http://wonderfulspells.com/
Description: The theme for the <a href="http://wonderfulspells.com/">Wonderful Spells</a> band website, based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 0.1
Author: Eric Strathmeyer
Author URI: http://VAWKS.com/
Tags: photographic, fixed width

	XHTML based on:
	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	Kubrick is a theme that was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
*/



/* Defaults and base definitions.
 * 
 * A lot of the information here (particularly for .content) will be overridden later,
 * but this provides a nice fallback. 
 * 
 */

* {
	margin:0;
	padding:0;
}


body {
	font-family: Helvetica, Arial, sans-serif;
	background-color: black;
	
}	

a {
	color:#632534;
}

#doc {
	width: 760px;
	margin: 0 auto;	
	margin:10px auto;
	
}

#hd {
	text-align: center;
	/* background: url(images/pink_footer.gif) bottom left no-repeat; */
	padding-bottom: 64px;
}

#hd .inner {
	/* background: url(images/pink_bg2.gif) top left repeat-x; */
	padding-top: 30px;
	
}

#hd a {
  background: #e5e5e5;
  padding: 10px 15px; 
}

#bd {
	width: 760px;
	height: 651px;
	background: url(images/backgrounds/brick_trim.jpg) top left no-repeat pink;
	position: relative;
	overflow: hidden;
}

#content {
	height:338px;
	left:258px;
	overflow:auto;
	position:absolute;
	top:308px;
	width:319px;
}

#ft {
	
	background:#222222 url(images/footer_bg.gif) no-repeat scroll left bottom;
	color:#333333;
	font-size:0.7em;
	margin-bottom: 20px;
	padding:10px;
	text-align:center;
	
}

#ft a {
	color: #444;
	text-decoration: none;

}

#nav_panel {
	background-color:white;
	width: 200px;
	bottom:64px;
	left:0px;
	padding:10px;
	
	position:absolute;
	float: left;
}

#nav_panel .controls {
	float: right;
	margin: auto 0px;
	
	display: block;
}

#nav_panel .controls a {
	background-color:#DDDDDD;
	display:block;
	padding:8px;
	text-decoration:none;
}

#sidebar {
	float: left;
}

#sidebar li {
	list-style: none;
	margin-left: 5px;
}

div.post {
	margin-bottom: 20px;
}




/*
 * END OF DEFAULTS
 */


/*
 * index.php
 */

body.index #bd {
	background-image: none;
}

body.index #content {
	height:auto;
	left:168px;
	position:fixed;
	top:49px;
	width:auto;
	background-color: white;
	padding: 20px 40px;
}

/*
 * news
 */

body.news #bd {
	background: url(images/backgrounds/wallpaper.jpg) top left no-repeat pink;
}

body.news #content {
	height:381px;
	left:325px;
	top:152px;
	width:293px;
}

/*
 * shows
 */

body.shows #bd {
	background: url(images/backgrounds/sketches.jpg) top left no-repeat pink;
}

body.shows #content {
	height:278px;
	left:227px;
	top:147px;
	width:393px;
}

/*
 * Random backgrounds
 */

body.random-1 #bd {
		background: url(images/backgrounds/sketches.jpg);
	}
	
body.random-1 #content {
	height:278px;
	left:227px;
	top:147px;
	width:393px;
}

body.random-2 #bd {
	background: url(images/backgrounds/wallpaper.jpg) top left no-repeat pink;
}

body.random-2 #content {
	height:381px;
	left:325px;
	top:152px;
	width:293px;
}

body.random-3 #bd {
	background: url(images/backgrounds/brick_trim.jpg) top left no-repeat pink;
}

body.random-3 #content {
	height:338px;
	left:258px;
	top:308px;
	width:319px;
}