/*
Theme Name: George Maurer
Theme URI: http://www.georgemaurer.com/
Description: A custom theme for George Maurer, featuring integrated website, blog, listening station, calendar integration, social media connections, and more.
Author: Pounce
Author URI: http://www.pounce.com/
Tags: custom, george, maurer, georgemaurer, georgemaurer.com, pounce, pounce.com, performer, composer, producer, music, jazz
*/

/* RESET STYLES */
body, div, p, ul, ol, img, h1, h2, h3, table, tr, td, a, blockquote, input {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

/* BASIC ELEMENT STYLES */
html {
	overflow-y: scroll;
}

body {
	color: #D9D9D9;
	background-color: #000000;
	font: normal 13px Arial, Helvetica, Sans-Serif;
}

a, a:focus, a:hover, a:active {
	text-decoration: none;
	outline: none;
}

a {color: #00C0C0}
a:hover {color: #00FFFF}
a:active {color: #FFFFFF}

h1, h2, h3 {
	font-weight: bold;
	color: #D9D9D9;
}

h1 {font-size: 24px}
h2 {font-size: 18px}
h3 {font-size: 14px}

p {
	line-height: 17px;
	margin-bottom: 10px;
}

ul {
	list-style: none;
}

/* MAIN CONTAINERS */
#foreground {
	background-color: #606060;
	width: 1080px;
	margin: 0 auto 20px auto;
	background: #000000 url(images/backgrounds/background-main.jpg) no-repeat scroll left top;
}

#header {
	height: 160px;
	padding: 0 79px;
	color: #303030;
	font-size: 15px;
	font-weight: bold;
	position: relative;
}

#footer {
	padding: 10px 79px;
	font-size: 11px;
	color: #808080;
	clear: both;
}

#sidebar {
	width: 300px;
	float: left;
	padding: 0 5px;
	margin-left: -1px;
	border-left: 1px solid white;
	border-right: 1px solid transparent;
}

#content {
	padding: 0 0 20px 74px;
}

.onewide, .twowide, .threewide {
	float: left;
	padding: 0 5px;
	margin-left: -1px; /* Make rules overlap */
	margin-bottom: 10px;
	border-right: 1px solid transparent;
	border-left: 1px solid transparent;
}

.onewide {
	width: 300px;
}

.twowide {
	width: 611px;
}

.threewide {
	width: 922px;
}

.rightrule {
	border-right: 1px solid #D9D9D9;
}

.leftrule {
	border-left: 1px solid #D9D9D9;
}

/* HEADER STYLES */
#buttonrow {
	position: absolute;
	bottom: 62px;
	right: 79px;
}

#buttonrow ul {
	float: right;
}

#buttonrow li {
	float: left;
	padding-left: 4px;
}

#headernav {
	width: 500px;
	position: absolute;
	bottom: 12px;
	right: 79px;
	overflow: hidden;
}

#headernav ul {
	float: right;
}

#headernav li {
	float: left;
	margin: 0 -8px 0 8px;
	height: 25px;
	cursor: pointer;
}

#headernav li a {
	border-right: 1px solid #303030;
	padding: 0 8px;
	color: #303030;
	display: inline-block;
}

#headernav li:hover {
	background: transparent url(images/underscores/small.png) no-repeat scroll center bottom;
}

#headernav li:hover a {
	color: #D9D9D9;
}

#headernav li.selected {
	background: transparent url(images/underscores/small.png) no-repeat scroll center bottom;
}

#headernav li.selected a {
	color: #D9D9D9;
}


/* FOOTER STYLES */
#footernav {
	width: 922px;
	position: relative;
	overflow: hidden;
}

#footernav ul {
	float: left;
	position: relative;
	left: 50%;
}

#footernav li {
	float: left;
	padding: 0 15px;
	position: relative;
	right: 50%;
}

#footernav li a {color: #808080}
#footernav li a:hover {color: #00C0C0}
#footernav li a:active {color: #00FFFF}



/* SIDEBAR STYLES */
#sidebar h2 {
	margin-bottom: 5px;
}

#sidebar-top, #sidebar-middle, #sidebar-bottom {
	margin-left: 15px;
}

#sidebar-middle, #sidebar-bottom {
	border-top: 1px solid #D9D9D9;
	padding-top: 15px;
}

.widget {
	margin-bottom: 15px;
}

.widget ul {
	margin-left: 15px;
	font-size: 14px;
}

#wp-calendar {
	margin: 0 auto;
	font-size: 13px;
	border-collapse: separate;
	color: #303030;
	background-color: #D9D9D9;
	padding: 5px 10px;
}

#wp-calendar caption {
	font-weight: bold;
	background-color: #D9D9D9;
	padding: 5px 0 0 0;
}

#wp-calendar td, th {
	padding: 3px 5px;
	text-align: center;
	background-color: #F0F0F0;
}

#wp-calendar td:hover, th:hover {
	font-weight: bold;
	background-color: #E0E0E0;
}

#wp-calendar td.pad {background-color: #D9D9D9}
#wp-calendar td.pad:hover {background-color: #D9D9D9}


.sbblog {
	margin-bottom: 20px;
}

.sbblog h3 {
	margin-bottom: 5px;
}

.sbblog p {
	margin-bottom: 5px;
}

.sbblog a {color: #D0A050}
.sbblog a:hover {color: #FFE070}
.sbblog a:active {color: #FFFF80}


/* CONTENT STYLES */

/* FRONT PAGE STYLES */
#fpblog {
	padding: 15px;
}

#fpblog h3 {
	margin-bottom: 10px;
	text-transform: uppercase;
}

#fpblog a, #fpcalendar a, #fptwitter h3 a {color: #D0A050}
#fpblog a:hover, #fpcalendar a:hover, #fptwitter h3 a:hover {color: #FFE070}
#fpblog a:active, #fpcalendar a:active, #fptwitter h3 a:active {color: #FFFF80}

#fpcalendar {
	margin: 0 15px;
	padding: 15px 0;
	border-bottom: 1px solid #D9D9D9;
}

#fptwitter {
	margin: 0 15px;
	padding: 15px 0;
}

#fptwitter div {
	margin-top: 5px;
	padding-left: 80px;
	background: transparent url(images/logos/twitter_thumbnail.jpg) no-repeat scroll left center;
}

/* ABOUT PAGE STYLES */
#about-p1, #about-p2 {
	text-align: center;
	margin: 20px 0;
}

#about-p1 {
	font-size: 22px;
	font-weight: bold;
	line-height: 26px;
}

#about-p2 {
	font-size: 16px;
	line-height: 24px;
	color: #D0A050;
}

.about-photo {
	position: absolute;
	top: 0;
	left: 0;
}

#about-nav {
	margin: 260px 0 10px -15px;
	font-size: 22px;
	text-transform: uppercase;
	overflow: hidden;
	width: 630px;
}

#about-nav li {
	float: left;
	padding: 0 15px;
	height: 40px;
	color: #D0A050;
	cursor: pointer;
}

#about-nav li:hover {
	background: transparent url(images/underscores/large.png) no-repeat scroll center bottom;
	color: #D9D9D9;
}

#about-nav li:active {color: #FFFF80}

#about-nav li.selected {
	background: transparent url(images/underscores/large.png) no-repeat scroll center bottom;
	color: #D9D9D9;
}

#about-content {
	margin: 0 0 20px 0;
	padding-right: 100px;
}



/* GROUP PAGE STYLES */
.group-column {
	color: #D9D9D9;
}

.group-column h1 {
	float: left;
	text-transform: uppercase;
	font-weight: normal;
	color: #D0A050;
	height: 40px;
	padding: 0 50px;
	margin: 20px 0 20px -50px; /* Negative margin to allow underscore to extend past column */
	cursor: pointer;
	white-space: nowrap;
}

.group-column h1:hover {
	background: transparent url(images/underscores/large.png) no-repeat scroll center bottom;
	color: #D9D9D9;
}

.group-column.selected h1 {
	background: transparent url(images/underscores/large.png) no-repeat scroll center bottom;
	color: #D9D9D9;
}

.group-content {
	clear: both;
	cursor: pointer;
}

.group-content h3 {
	margin-bottom: 15px;
}

.group-content ul {
	margin: 15px 0 15px 30px;
}

.group-content li {
	margin-bottom: 3px;
}


/* CALENDAR PAGE STYLES */
#calendar-intro {
	width: 611px;
	margin-bottom: 20px;
}

/* LISTEN PAGE STYLES */
.album ul {
	margin: 10px 0 15px 15px;
	list-style: disc;
}

.album-art {
	float: left;
	width: 375px;
	height: 450px;
}

.album-content {
	float: left;
	margin-left: 11px;
	width: 225px;
	height: 450px;
	overflow-y: auto;
}

#listen-nav {
	overflow: hidden;
	margin: 20px 0;
}

#listen-nav li {
	float: left;
	margin: 0 12px 12px 0;
}

/* BOOKING PAGE STYLES */
.booking {
}

.booking h1 {
	text-transform: uppercase;
	margin-bottom: 10px;
}

.booking h2 {
	margin-bottom: 15px;
}

.booking ul {
	margin: 0 0 20px 10px;
}

.booking li{
	margin-bottom: 5px;
}

#booking-form {
	margin: 15px;
}

#booking-content {
	margin-bottom: 20px;
}

/* BLOG PAGE STYLES */
#blog-nav {
	width: 601px;
	font-size: 13px;
	font-weight: bold;
	color: #303030;
	overflow: hidden; /* contain floated li */
	margin: 0 10px 20px 0;
}

#blog-nav-left, #blog-nav-right {
	width: 295px;
}

#blog-nav-left {
	float: left;
}

#blog-nav-right {
	float: right;
	text-align: right;
}

#blog-nav li a {color: #303030}
#blog-nav li a:hover {color: #00FFFF}
#blog-nav li a:active {color: #FFFFFF}

.blog-full {
}

.blog-full div {
	margin-bottom: 20px;
}

.blog-full ul, ol {
	margin: 0 0 15px 30px;	
}

.blog-full li {
	margin-bottom: 5px;
}

.blog-full h1 a {color: #D9D9D9}
.blog-full h1 a:hover {color: #00C0C0}
.blog-full h1 a:active {color: #00FFFF}

.blog-content {
	margin: 30px 10px 30px 0;
}


.fsimage { /* Full-screen image, for blog attachments */
	margin: 0 auto;
}

.fsimage-description {
	width: 300px;
	margin: 20px auto;
}

/* ARCHIVE PAGE STYLES */
.arblog {
	margin-right: 15px;
	padding: 10px 0;
	border-bottom: 1px solid #D9D9D9;
}

.arblog-text {
	float: left;
	width: 480px;
}

.arblog h2 a {color: #D9D9D9}
.arblog h2 a:hover {color: #00C0C0}
.arblog h2 a:active {color: #00FFFF}

/* REUSABLE STYLES */
.clear {clear: both}

.darktext {color: #303030; font-weight: bold}

/* STYLES FOR WORDPRESS BUILT-INS */
em {font-style: italic}
strong {font-weight: bold}

div.alignright {float:right; margin:0 0 0 15px}
div.alignleft {float:left; margin:0 15px 0 0}
div.aligncenter {display: block; margin: 0 auto}
img.alignright {float:right; margin:0 0 0 15px}
img.alignleft {float:left; margin:0 15px 0 0}
img.aligncenter {display: block; margin: 0 auto}
a img.alignright {float:right; margin:0 0 0 15px}
a img.alignleft {float:left; margin:0 15px 0 0}
a img.aligncenter {display: block; margin: 0 auto}

.wp-caption {padding: 0}
.wp-caption-text {margin-top: 10px; text-align: center}

.wp-post-image {float: left; margin: 0 10px 10px 0}