/*
Theme Name: Marcy and Zina
Theme URI: http://www.marcyandzina.com/
Description: Custom theme for marcyandzina.com.
Version: 1.0
Author: Airplane Corporation
Author URI: http://www.airplanecorporation.com/
Tags:

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme 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

*/

body {
	background-image: url("images/body_bg.gif");
	background-repeat: repeat-x;
	background-color: #ebf0cf;
	font-family: Georgia,serif;
	font-size: 0.875em;
	color: #333;
	margin: 0;
	padding: 0;
}

a,
a:visited {
	text-decoration: none;
	color: #c30;	
}

a img {
	border: 0;	
}

#header {
	width: 950px;
	height: 98px; /* 120px - 22px top padding */
	margin: 0 auto;
	padding: 22px 0 0 0;
}

h1 {
	width: 687px;
	height: 54px;
	margin: 0 0 11px 0;
}

h1 a {
	display: block;
	width: 687px;
	height: 54px;
	background-image: url("images/title.png");
	text-indent: -9999px;
	outline: 0;
}

/**
 * Navigation menus
 * Adapted from http://www.lwis.net/free-css-drop-down-menu/
 */

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

#nav {
	position: relative;
	z-index: 597;
	float: left;
}

#nav li {
	float: left;
	vertical-align: middle;
	zoom: 1;
	color: #613f72;
	text-transform: uppercase;
	height: 26px;
	padding: 7px 10px 0 10px;
}

#nav li.hover,
#nav li:hover,
#nav li.current_page_item,
#nav li.current_page_parent {
	position: relative;
	z-index: 599;
	cursor: default;
	background-color: #613f72;
}

#nav li.hover a,
#nav li:hover a,
#nav li.current_page_item a,
#nav li.current_page_parent a {
	color: #fff;
}

#nav a {
	color: #613f72;
	display: block;
}

#nav ul {
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 598;
	width: 200px;
	background-color: #c5c593;
}

#nav li:hover ul {
	visibility: visible;
}

#nav ul li {
	float: none;
	padding: 0;
	text-transform: none;
	height: auto;
}

#nav ul li:hover,
#nav ul li.current_page_item {
	background-color: inherit;
}

#nav ul a {
	display: block;
	color: #333 !important;
	border-top: 1px #c3b995 solid;
	padding: 6px 8px;
}

#nav ul a:hover {
	background-color: #fff;
	color: #c30 !important;
}

#nav ul li:first-child a {
	border-top: 0 !important;
}

#nav-after {
	clear: left;	
}

/**
 * Home page
 */

#home-photo {
	display: block;
	margin: 0 auto;
	border-bottom: 10px #fff solid;
	width: 950px;
	height: 259px;	
}

#home-outer {
	background-color: #fff;	
}

#home-inner {
	width: 950px;
	margin: 0 auto;
	border-bottom: 10px #fff solid;
	background-color: #fff;
	background-image: url("images/home_wrapper_bg.png");
}

#home-sidebar-left {
	float: left;
	width: 226px;
}

#home-sidebar-left h2 {
	color: #c30;
	text-transform: lowercase;
	border-bottom: 1px #c3b995 solid;
	font-weight: normal;
	margin: 10px 0 9px 0;
	padding: 0 0 2px 12px;
}

#home-sidebar-left p {
	padding: 0 12px;
	margin-top: 0;
}

#home-main {
	float: left;
	width: 450px;
	margin: 0 24px;
	padding: 10px 0 0 0;
}

#home-main h2 {
	font-weight: normal;
	font-size: 1.875em;
	text-transform: lowercase;
	color: #613f72;
	margin: 0 0 9px 0;
	border-bottom: 1px #cbc2a1 solid;
}

#home-sidebar-right {
	float: left;
	width: 226px;
}

#home-sidebar-right h2 {
	color: #613f72;
	text-transform: lowercase;
	border-bottom: 1px #c3b995 solid;
	font-weight: normal;
	margin: 10px 0 9px 0;
	padding: 0 0 2px 12px;
}

#home-sidebar-right ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#home-sidebar-right li {
	background: url("images/bullet.gif") 0 0 no-repeat;
	padding: 0 0 0 16px;
}


#home-end {
	clear: left;	
}

/**
 * Blog (including home page)
 */
 
div.blog-post {
	border-bottom: 1px #cbc2a1 solid;
	padding: 0 0 24px 0;
	margin-bottom: 24px;
}

div.blog-post.single {
	border-bottom: 0;	
}

h3.blog-post-title {
	margin: 0;
	font-size: 1.4375em;	
}

.blog-post-title a {
	color: #613f72;
	font-weight: normal;	
}

p.blog-post-metadata {
	margin-top: 0;
	text-transform: uppercase;
	font-size: 0.6875em;
}

div.blog-post-content-after {
	clear: both; /* to clear any floats from images */
}

form#commentform input {
	border: 1px #cbc2a1 solid;
	font-family: Georgia,serif;
	font-size: 1em;
	padding: 8px;
	margin-right: 10px;
}

textarea#comment {
	border: 1px #cbc2a1 solid;
	width: 432px; /* 450px - 2px border - 16px padding */
	height: 100px;
	font-family: Georgia,serif;
	font-size: 1em;
	padding: 8px;
}

div.blog-nav {
	margin: 0 0 10px 0;
}

div.blog-nav-prev {
	float: left;
	width: 50%;
}

div.blog-nav-next {
	float: left;
	width: 50%;
	text-align: right;
}

div.blog-nav-end {
	clear: left;	
}

/**
 * Images in blog posts
 * Copied directly from the default WordPress theme
 */

p img {
	padding: 0;
	max-width: 100%;
}

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;
}

/**
 * Interior pages
 */

/**
 * Main area
 */

#main-outer {
	clear: left; /* to clear #nav */
	background-color: #e1e1c2;
	border-top: 10px #fff solid;
	border-bottom: 10px #fff solid;
}

#main-inner {
	width: 950px;
	margin: 0 auto;	
}

#main-sidebar-left {
	float: left;
	width: 174px;
	padding: 10px 0;	
}

#main-meat {
	float: left;
	width: 520px;
	background-color: #fff;
	padding: 0 28px;
}

#main-meat h2 {
	margin: 0 0 2px 0;
	color: #613f72;
	font-size: 1.75em;
	font-weight: normal;
}

#interior-photo {
	border-top: 1px #c3b995 solid;
	border-bottom: 1px #c3b995 solid;
	padding: 2px 0;
	width: 520px;
	height: 174px;
}

#main-meat h3 {
	font-size: 1.25em;
	color: #613f72;
	margin: 9px 0 12px 0;
	font-weight: normal;	
}

#main-sidebar-right {
	float: left;
	width: 200px;
	padding: 10px 0;
}

#main-sidebar-right h2 {
	border-bottom: 1px #c3b995 solid;
	color: #613f72;
	text-transform: lowercase;
	padding: 3px 0 2px 10px;
	margin: 0 0 13px 0;
	font-size: 1.625em;
	font-weight: normal;
}

#home-sidebar-right .sidebar-box,
#main-sidebar-right .sidebar-box {
	padding: 0 16px 16px 16px;
}

#main-sidebar-right ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#main-sidebar-right li {
	background: url("images/bullet.gif") 0 0 no-repeat;
	padding: 0 0 0 16px;
}

#main-end {
	clear: left;	
}

#interior-photo img {
	display: block;
	width: 520px;
	height: 174px;	
}
/**
 * Search forms
 */

form#search {
	border-top: 1px #c3b995 solid;
	padding: 14px 0 0 12px;
}

form#search label {
	color: #333;
	text-transform: uppercase;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 0.75em;
}

form#search input {
	border: 1px #999 solid;	
	width: 94px; /* 102px - 2px border - 6px padding */
	height: 17px; /* 25px - 2px border - 6px padding */
	padding: 3px;
	font-family: Georgia,serif;
	font-size: 1.125em;
}

form#search button {
	color: #c30;
	text-transform: uppercase;
	border: 0;
	margin: 0;
	padding: 0;
	background-color: transparent;
	cursor: pointer;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 0.75em;
}

/**
 * Subnavs
 */

ul.subnav {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border-top: 1px #c3b995 solid;
	font-size: 0.875em;
}

ul.subnav a {
	display: block;
	padding: 6px 10px;
	border-bottom: 1px #c3b995 solid;		
}

ul.subnav a:hover,
ul.subnav li.current_page_item a {
	background-color: #fff;
	color: #333;	
}

/**
 * Footer
 */

#footer {
	background-color: #ebf0cf;
	font-family: Arial,Helvetica,sans-serif;
	padding: 10px 0;
	font-size: 0.6875em;
}

#footer p {
	width: 950px;
	margin: 0 auto;
	text-align: right;
}

/**
 * Tracklists (e.g., on Store > Songbook pages)
 */

table.tracklist {
	border-collapse: collapse;
	border-top: 1px #cbc2a1 solid;
	width: 357px;
}

table.tracklist td {
	border-bottom: 1px #cbc2a1 solid;
	padding: 2px 4px;
}

table.tracklist a {
	color: #333;	
}

table.tracklist td.listen {
	width: 56px;	
}

table.tracklist td.listen a {
	text-transform: uppercase;
	font-size: 0.6875em;
	color: #613f72;
}

table.tracklist td.lyrics {
	width: 48px;
}

table.tracklist td.lyrics a {
	text-transform: uppercase;
	font-size: 0.6875em;
	color: #c30;
}
