/*
Theme Name: Whiteboard Child Theme
Theme URI: http://whitebaordframework.com/
Author: Bold Perspective
Author URI: http://boldperspective.com/
Description: Child Theme
Template: whiteboard
Version: 0.3

If the Child Theme is used, this stylesheet will override the stylesheet within the Whiteboard Framework parent theme.
*/

// Uncomment the following line line to import the Whiteboard parent theme's CSS file.
// @import url("../whiteboard/style.css");


/* List of divs in the Whiteboard framework */

body,html{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;}

body.page{
	margin: 0;
	padding: 0;
	background: url('images/main-bg.gif') 0 0 repeat-x #000;
	font-family: Arial, Helvetica, sans-serif;}

body.home{
	background: url('images/home-bg.gif') 0 0 repeat-x #000;}

ul, li{
	list-style-type: none;
	padding: 0;
	margin: 0;}

.clear{
	clear:both;}

.hide{
	display: none;}

a.post-edit-link{
	position: absolute;
	display: none;}

#main{
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;}

#header{
	position: relative;
	height: 48px;
	width: 850px;}

#header h1, #header h2{
	margin: 20px 0 0 20px;
	padding: 0;}

#header h1 a, #header h2 a{
	display: block;
	float: left;
	width: 275px;
	height: 28px;
	background: url('images/sroffman-hd.png') 0 0 no-repeat;
	text-indent: -5000px;}

#nav-primary{
	position: absolute;
	right: 0;
	top: 15px;}

	#nav-primary ul{
		height: 42px;}

	#nav-primary ul li{
		float: left;
		font-size: 0.9em;
		padding: 0 0 0 20px;}

	#nav-primary ul li a{
		display: block;
		line-height: 18px;
		color: #cad;
		text-decoration: none;
		border-bottom: 4px solid #fff;}

	#nav-primary ul li a:hover{
		color: #849;}

	#nav-primary ul li.current_page_item a{
		color: #849;
		border-bottom: 4px solid #849;}

	body.home #nav-primary{
		display: none;}

/* #content{
	background: #f2eaf6;} */

	#content h1{
		display: block;
		height: 45px;
		width: 100%;
		margin: 0;
		padding: 0;
		text-indent: -5000px;}

		.page-id-149 #content h1 /*about*/{
			background: url('images/news-hd.png') 20px 15px no-repeat #e8daf0;}
		.page-id-6 #content h1 /*about*/{
			background: url('images/about-hd.png') 20px 15px no-repeat #e8daf0;}
		.page-id-8 #content h1 /*music*/{
			background: url('images/music-hd.png') 20px 15px no-repeat #e8daf0;}
		.page-id-10 #content h1 /*photos*/{
			background: url('images/photos-hd.png') 20px 15px no-repeat #e8daf0;}
		.page-id-12 #content h1 /*press*/{
			background: url('images/press-hd.png') 20px 15px no-repeat #e8daf0;}
		.page-id-14 #content h1 /*classnotes*/{
			background: url('images/classnotes-hd.png') 20px 15px no-repeat #e8daf0;}
		.page-id-16 #content h1 /*contact*/{
			background: url('images/contact-hd.png') 20px 15px no-repeat #e8daf0;}

	#content p{
		margin: 0 0 10px;}

	#content .framed-pic{
		float: left;
		margin: 20px 0 20px 20px;
		border: 5px solid #849;}

	#content .post-content, #content .page-content{
		font-size: 0.8em;
		line-height: 1.5em;
		color: #333;
		margin: 0;
		padding: 17px 0 20px 350px;
		width: 500px;
		background: #f2eaf6}

		#content iframe{
			margin: 3px 0 0;}

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

		/* Home Content */

		body.home #content .post-content, body.home #content .page-content {
			background: url('images/home-content-bg.jpg') 219px 0 no-repeat !important;
			margin: 0;
			padding: 73px 0 36px;}

		body.home #content h1{
			display: none;}




		body.home #content ul{
			margin: 0;}

		body.home #content ul li a{
			display: block;
			height: 52px;
			width: 336px;
			margin: 0 0 2px;
			text-indent: -5000px;}

			body.home #content ul li a{
				background-position: 0 0;
				background-repeat: no-repeat;}

			body.home #content ul li a:hover{
				background-position: 0 -58px;}

				body.home #content ul li#news a{
					background-image: url('images/home-news.png');}
				body.home #content ul li#about a{
					background-image: url('images/home-about.png');}
				body.home #content ul li#music a{
					background-image: url('images/home-music.png');}
				body.home #content ul li#photos a{
					background-image: url('images/home-photos.png');}
				body.home #content ul li#press a{
					background-image: url('images/home-press.png');}
				body.home #content ul li#classnotes a{
					background-image: url('images/home-classnotes.png');}
				body.home #content ul li#contact a{
					background-image: url('images/home-contact.png');}

		/* Press Page */
		ul.press-pics{
			margin: 20px 0 0;}

		ul.press-pics li{
			float: left;
			margin: 0 12px 20px 0;
			line-height: 0;}

		ul.press-pics li a{
			display: block;
			border: 2px solid #849;}

		blockquote{
			font-family: Georgia, Times, serif;
			font-size: 1.2em;
			line-height: 1.7em;
			font-style: italic;
			padding: 0 0 3px;
			border-bottom: 1px solid #849;
			margin: 0 0 15px;}

		/* Photo Gallery */
		#gallery-1{
			margin: 20px 0 0;}

		#gallery-1 dt{
			float: left;
			margin: 0 12px 12px 0;}

			#gallery-1 dt.gallery-icon a{
				display: block;
				padding: 0;
				border: 2px solid #849;
				line-height: 0;}
				#gallery-1 dt.gallery-icon img{
					margin: 0;
					padding: 0;}

		#gallery-1 br{
			display: none;
		}

#footer{
	width: 100%;
	color: #cad;
	font-size: 0.7em;}

	#footer-content{
		position: relative;
		width: 850px;
		padding: 20px;}

	body.home #footer{
		background: #000;}
		body.home #footer-content{
			padding: 0 20px 20px;}

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

	#footer p{
		margin: 0;
	}

	#footer p.top-link{
		display: none;}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}