/* @override http://www.toddboyce.com/_library/boyce.css */

/*------------------------------------------------------------------------
STRUCTURE
------------------------------------------------------------------------*/

html {
	font-size:62.5%;
	font-family: myriad,arial,sans-serif;
	color: #595959;
	
}

body {
	margin:0;padding:0;
	background-color:#8A8889;
}

div#wrapper {
	width:820px;
	background-image:url('/_images/drop_shadow.gif');
	background-repeat: repeat-y;
	background-position: 50% 0px;	
/*	_background-image:none; IE6 background bug fix */
	position:relative;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	padding-left:19px;
	_padding-left:30px;
}

#branding {
	width:800px;
	height:144px;
	background-image:url('/_images/header.gif'); /* SPRING & SUMMER HEADER*/
}

#content_wrapper { /* holds the content area background building image */
	width:800px;
	min-height:725px;
	_height:725px;
	background-image:url('/_images/repeater.gif');
	background-repeat:repeat-y;
	background-position:0 0;
}

	
	#content {
		width:560px;
		margin-left:205px;
		padding:10px 15px 15px 15px;	
	}
	
	#sidebar {
		width:200px;
		float:left;
	}

#footer {
	width:800px;
	height:65px;
	background-image:url('/_images/footer.gif') !important;
	background-repeat:no-repeat;
	background-position:left bottom;
	margin:0;padding:0 15px 0 15px;
	text-align:center;
}

#hp_news {
min-height:575px;
_height:575px;
}

.artist {
min-height:320px;
_height:320px;
margin-bottom:0px;
}

.artist_special {
min-height:475px;
_height:400px;
margin-bottom:0px;
}

.artist_forhire {
min-height:200px;
_height:200px;
border:solid 1px #ccc;
padding:5px;
margin-bottom:25px;
}

.left {
float:left;
width:180px;
}

.right{
position:right;
margin-left:182px;
width:344px;
padding:40px 10px 10px 10px;
}

.right_projects {
position:right;
margin-left:182px;
width:344px;
padding:15px 10px 10px 10px;
}

.block_right {
float:right;
width:250px;
margin:0px;padding:0px;
}

/* ---------------------------------------------------------------------------------------------------
NAVIGATION STYLING
--------------------------------------------------------------------------------------------------- */

#navigation {
        width:200px;
 	margin: 0;
	padding: 0;
	list-style-type: none;
}

#navigation ul {
	list-style-type:none;
	margin:0;padding:0;
}

#navigation ul li {
	font-family:myriad,arial,sans-serif!important;
	font-size:1.2em;
	font-weight:bold;
	border-bottom:solid 1px #A57C2D;
}

#navigation ul li a:link, #navigation ul li a:visited {
color:#A57C2D;
	text-decoration:none;
	display:block!important;
padding:10px 0 10px 15px;

}

#navigation ul li a:hover {
color:#CCC;
}

/* ---------------------------------------------------------------------------------------------------
TYPOGRAPHIC STYLING
--------------------------------------------------------------------------------------------------- */

h1, h2, h3 {
font-family:myriad, arial, sans-serif!important;
color:#5C2B1C;
font-weight:900;
}

h1 {
font-size:1.8em;
margin:0;
padding:0;
}

h2 {
font-size:1.6em;
margin:0 0 5px 0;
padding:0;
}

h2.pagetitle {
border-bottom:solid 1px #5C2B1C;
}

h3 {
font-size:1.4em;
margin-bottom:10px;
padding:0;
}

h3.playertitle {
font-size:1.2em;
margin:0px;padding:0px;
}


h2.tagline {
color:#ffffff;
font-size:1.3em;
font-weight:bold;
float:right;
margin:120px 15px 0 0;
}

p {
margin-bottom:10px;padding:0;
font-size:1.2em;
line-height:1.3em;
}

.right p {
_margin-top:15px;
}

.left p {
margin:0px;
}

ul li p {
font-size:1em;
margin-top:0px;padding-top:0px;
}

#footer p {
color:#ffffff;
margin:0;padding-top:27px;
}

p.callout {
float:left;
width:195px;
font-size:1.6em;
font-weight:bold;
margin:0 10px 10px 0;
padding:15px 0 0 15px;
background:url('/_images/quotes.gif') no-repeat;
}

#content ul {
list-style-type:none;
margin:10px 0 10px 0;padding-left:0!important;
}

#content ul li {
font-size:1.2em;

}

#hp_news li {
padding-bottom:5px;margin-bottom:15px;
background: url('/_images/arrow.png') no-repeat;
padding-left:15px;
}

ul li h3 {
font-size:1em;
margin:0px;padding:0px;
}

form label {
display:block;
margin-bottom:5px;
}

#contactform label {
font-size:1.2em;
}


input {
margin-bottom:10px;
}

/* ---------------------------------------------------------------------------------------------------
LINK STYLING
--------------------------------------------------------------------------------------------------- */
a:link, a:visited {
color:#A57C2D;
}

a:hover {
color:#A57C2D;
text-decoration:none;
}

#footer a:link, #footer a:visited {
color:#fff;
}

#footer a:hover {
text-decoration:none;
}

#hp_news ul li a:link, #hp_news ul li a:visited {
font-weight:bold;
color:#5C2B1C;
font-size:1.2em;
}

#hp_news ul li a:link.readmore, #hp_news ul li a:visited.readmore {
font-weight:normal;
color:#A57C2D;
font-size:1em;
}

/* ---------------------------------------------------------------------------------------------------
IMAGE STYLING
--------------------------------------------------------------------------------------------------- */
img.hp {
width:560px;
_width:555px;
}

.img_left {
float:left;
margin: 0 15px 5px 0;
border:solid 1px #8A8889;
}

.img {
border:solid 1px #ccc;
margin-bottom:5px;
}

.transcriptions_banner {
float:right;
border:solid 1px #8A8889;
}

/*--------------------------------------------
PDF LIST STYLING
---------------------------------------------*/

.pdf_list {
	margin-bottom:15px;
	padding:0 0 5px 0;
}

	.pdf_list img {
		float:left;
		margin-right:10px;
	}
	
	.pdf_list p {
		width:250px !important;
	}
/*--------------------------------------------
TRANSCRIPTION STYLING
---------------------------------------------*/

.transcription {
	margin:0;
	padding:0 0 20px 0;
}

	.transcription img {
		float:left;
margin-right:10px;

	}
	
	.transcription p {
		width:300px !important;
		margin:0px 0 10px 0px !important;
		padding-left:0px;
	}
	
/*--------------------------------------------
TEACHING UTILITIES BOX STYLING
---------------------------------------------*/

.utilities {
float:right;
margin-left:10px;
padding:3px 12px 5px 12px;
background:url('/_images/titlebar.gif') no-repeat;
border:solid 1px #ccc;
}

.utilities p {
line-height:1.4em;
}

.utilities h3 {
margin:0px;
color:#fff;
}