/*  
Theme Name: Doug Wilson Music
Theme URI: http://dougwilsonmusic.com/
Description: Custom theme for Doug Wilson Music, with additions for the student section.
Version: 2.0
Author: Stuart Olivera
Author URI: http://stuartolivera.com
*/

/***********CORE*************/
* {
	padding: 0;
	margin: 0;
}

body {
	background-color: #c0c0c0;
}

a img {
	border: none;
}

h1 {
    font-size: 2em;
    margin: 0.47em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.63em 0;
}

h3 {
    font-size: 1.17em;
    margin: 0.8em 0;
}

h4 {
    font-size: 1em;
    margin: 1.13em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.47em 0;
}

h6 {
    font-size: 0.75em;
    margin: 2.13em 0;
}

h1, h2, h3, h4, h5, h6 {
	color: #fff;
	margin-bottom: 0.4em;
}

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

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

#page {
	width: 800px;
	height: 600px;
	margin: 20px auto;
	color: #f5f5f5;
	background: url("images/bgcolorpage.jpg") repeat-y top left #2C5B7D;
}

div#curve {
	width: 100%;
	height: 532px;
	background: url("images/curve.bakground.v3.jpg") no-repeat top right;
}

#content {
	font-family: "Helvetica Neue", Helvetica, Arial,  sans-serif;
	font-size: 1em;
	height: 532px;
	width: 100%;
	position: relative;
}

#content ul {
	width: 30%;
	float: left;
	list-style-type: none;
	font-family: "Helvetica Neue", Helvetica, Arial,  sans-serif;
	font-size: 1em;
	margin: 20px 0 0 0;
	position: absolute;
	z-index: 100;
}

#content ul li {
	width: auto;
	margin: 0 0 20px 16px;
}

#content h1 {
	font-family: "Helvetica Neue", Helvetica, Arial,  sans-serif;
	font-size: 24px;
	letter-spacing: 2px;
	padding: 50px 30px 0 50px;
}

#content blockquote {
	position: relative;
	width: 528px;
	height: 410px;
	overflow: auto;
}

	#content blockquote #post-2.post {
		max-width: 507px;
	}
	
		#content blockquote #post-15.post div p img, #content blockquote #post-6.post div p img {
			margin-bottom: -1px;
			width: 12px;
			height: 12px;
		}

	#content blockquote#block-128 {
		width: 534px;
		height: 432px;
		margin-top: -5px;
		z-index: 100;
	}
	
#content table.listenTable {
	width: 498px;
	border: none;
}

	#content table.listenTable td p {
		padding: 0;
		margin: 0 2px;
		border: none;
	}
		#content table.listenTable td p.title {font-weight: bold;margin: 0 2px -7px;}
		#content table.listenTable td p.padded {margin-top: 4px;margin-bottom: 1px;}
		#content table.listenTable td p.title a, #content table.listenTable td p.title a:visited {text-decoration: none;color: #fff;}
		#content table.listenTable td p.title a:hover {text-decoration: underline;}
	.listenTable.weddings td {width: 32%;}
#footer {
	background-color:#000;
	color:#fff;
	height: 68px;
	font-family: "Helvetica Neue", Helvetica, Arial,  sans-serif;
}

#footer div {
	float: left;
	width:50%;
}

#footer h1 {
	font-size: 16px;
	color: #fff;
	margin: 10px 41px 3px 74px;
}

#footer .rightfooter {
	position: relative;
        width:30%;
	text-align: right;
	font-size: 10px;
	color: #965737;
}

#footer .rightfooter span {
	position: absolute;
	top: 50px;
	right: 5px;
}

#footer input {
	background-color:#000;
	color: #fff;
}


#footer form {
	margin: 0 0 0 72px;
}

#textcontainer {
	position:absolute;
	z-index:50;
	right:-10px;
	top:100px;
	float: right;
	width: 70%;
}

/* stickers -- absolute images that stick to a part of the page */
div#trumpet {
	width: 377px;
	height: 119px;
	background: url("images/trumpetnew.png") no-repeat;
	position: absolute;
	top: 334px;
	margin-left: 25px;
}

div#hptrumpet {
	width: 377px;
	height: 119px;
	background: url("images/trumpet.v3.jpg") no-repeat;
	position: absolute;
	top: 382px;
	left: 25px;
}

#welcome {
	position: absolute;
	background: url("images/hp.welcome.v3.png") top left no-repeat;
	width: 420px;
	height: 463px;
	z-index: 100;
	left: 70px;
	top: -31px;
}

* html #welcome {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/hp.welcome.v3.png", sizingMethod="image");
}



/***********LABELS*************/
label {
	display:block;
}

#title {height:43px;width:398px;background:url("images/title.jpg");}

ul#menu li {
	
	margin-left: 75px;
	
}

#menu li a {
	display: block;
	background: url("images/nav-items.png?v=1.2");
	width: 165px;
	height: 25px;
	text-indent: -9999px;
}

#menu .biography {background-position: 0px -25px;}
#menu .biography:hover {background-position: -165px -25px;}

#menu .performances {background-position: 0px -50px;}
#menu .performances:hover {background-position: -165px -50px;}

#menu .trumpet-studio {background-position: 0px -75px;}
#menu .trumpet-studio:hover {background-position: -165px -75px;}

#menu .purchase-cd {background-position: 0px -100px;}
#menu .purchase-cd:hover {background-position: -165px -100px;}

#menu .gallery {background-position: 0px -125px;}
#menu .gallery:hover {background-position: -165px -125px;}

#menu .listen {background-position: 0px -150px;}
#menu .listen:hover {background-position: -165px -150px;}

#menu .weddings {background-position: 0px -175px;}
#menu .weddings:hover {background-position: -165px -175px;}

#menu .lesson-info {background-position: 0px -200px;}
#menu .lesson-info:hover {background-position: -165px -200px;}

#menu .map-directions {background-position: 0px -225px;}
#menu .map-directions:hover {background-position: -165px -225px;}

#menu .students-only {background-position: 0px -250px;height: 45px;}
#menu .students-only:hover {background-position: -165px -250px;}

#menu .forms {background-position: 0px -300px;}
#menu .forms:hover {background-position: -165px -300px;}

#menu .contact-me {background-position: 0px -325px;}
#menu .contact-me:hover {background-position: -165px -325px;}

#menu .back-doug-wilson {background-position: 0px -350px;}
#menu .back-doug-wilson:hover {background-position: -165px -350px;}

#menu .student-home {background-position: 0px -375px;}
#menu .student-home:hover {background-position: -165px -375px;}

#menu .downloads {background-position: 0px -400px;}
#menu .downloads:hover {background-position: -165px -400px;}

#menu .logout {background-position: 0px -425px;}
#menu .logout:hover {background-position: -165px -425px;}

#menu .back-trumpet-studio {background-position: 0px -450px;}
#menu .back-trumpet-studio:hover {background-position: -165px -450px;}


#menu #bio {height:22px;width:106px;background:url("images/biography.v2.jpg");}
#menu #sto {height:13px;width:53px;background:url("images/store.v2.jpg") no-repeat;}
#menu #per {height:22px;width:148px;background:url("images/performances.v2.jpg");}
#menu #trumpet-studio {height:22px;width:79px;background:url("images/journal.v2.jpg");}
#menu #pur {height:22px;width:132px;background:url("images/purchase.cd.v2.jpg");}
#menu #gal {height:21px;width:74px;background:url("images/gallery.v2.jpg");}
#menu #med {height:17px;width:64px;background:url("images/media.v2.jpg") no-repeat;}
#menu #med2 {height:24px;width:88px;background:url("images/weddings.png") no-repeat;}
#menu #monthly {height:15px;width:114px;background:url("images/monthly.email.jpg") no-repeat;}

#contact {height:9px;width:57px;background:url("images/contact.jpg") no-repeat;}

#contact {
	float:right;
}

#title {
	display:block;
}



/* Styles for actual posts go here */
a 
{color: #FFFFFF;}

a:visited, a:active
{color: #FFFFFF;}

a:active
{color: #CC0;}

a:hover {
	color: #dc8e64;
}

h2 a
{text-decoration: none;}

/* For the comments section */

/*EDITED*/
.entry p {
  margin:0 0 10px 0;
  font-family: 'Helvetica Neue', Helvetica, Arial, san-serif;
  font-size: 15px;
  line-height: 22px;
}

.postmetadata
{padding:0 0 50px 0;}

.commentlist
{margin:0 0 20px 0;}

.commentlist li
{padding:5px 0 5px 10px;}

h3#comments
{padding:0 0 10px 0;}

#commentform label
{float:left;width:220px;}

#commentform textarea, #commentform #submit
{margin:10px 0 0 0;}

/* STUDENTS */
.student_view table {
	display: block;
	width: 100%;
}

.student_view td {
	display: inline-block;
	padding: 0 5px;
	margin-bottom: 1px;
}

.student_view .content {
	margin-bottom: 6px;
}