/* =========================================================

mollymaher.com | default stylesheet

author: Little Thinky <http://littlethinky.com>
last revised: 10.13.09
copyright: Molly Maher

------------------------------------------------------------

This stylesheet defines global styles and layout.

========================================================= */


/* reset styles */
@import "reset.css";


/* ---------------------------------------------------------
	global styles
--------------------------------------------------------- */

body {
	font: 11px/16px arial, helvetica, sans-serif;
	color: #333;
	background: #f2f8f8 url(../images/logo.jpg) repeat-x left top; }



/* ---------------------------------------------------------
	basic layout
--------------------------------------------------------- */

#wrapper {
	width: 900px;
	padding: 0 45px; }

#header {
	height: 254px; }

#main-content, #sidebar {
	padding: 1em 0;
	float: left; }

#main-content {
	width: 500px;
	margin-right: 100px; }

#sidebar {
	width: 300px; }

#footer {
	clear: both;
	width: 100%; }



/* ---------------------------------------------------------
	general typography
--------------------------------------------------------- */

p, ul, ol, dl, table, form, blockquote {
	margin: 1em 0; }

td, th {
	text-align: left;
	padding: .25em 1.5em .25em 0; }

td p {
	margin: 0; }


/* default links ---------------------------------------- */

a:link		{ text-decoration: underline; color: #069; }
a:visited	{ text-decoration: underline; color: #033; }
a:hover		{ text-decoration: underline; color: #064; }
a:active	{ text-decoration: underline; color: #f90; }


/* headings --------------------------------------------- */

h2, h3 {
	font-size: 11px;
	font-weight: bold; }

h2 {
	text-transform: uppercase; }



/* ---------------------------------------------------------
	header
--------------------------------------------------------- */

#header h1 {
	height: 250px;
	width: 250px; }

#header h1 a {
	display: block;
	height: 250px; }



/* ---------------------------------------------------------
	navigation
--------------------------------------------------------- */

#nav-main {
	margin-top: 2em; }

#nav-main li {
	display: inline;
	margin-right: .75em;
	padding-right: 1em;
	border-right: solid 1px #333;
	font-weight: bold; }

#nav-main li a {
	font-weight: normal; }

#nav-main #nav-home {
	margin-right: 0;
	padding-right: 0;
	border-right: none; }



/* ---------------------------------------------------------
	main content
--------------------------------------------------------- */

#home #upcoming {
	margin-top: 2em; }

#home th {
	display: none; }

#dates td.date-venue, #dates td.date-location {
	white-space: nowrap; }

#gallery img {
	display: block;
	margin: 15px 15px 0 0;
	float: left;
	border: solid 1px #064; }

#photo {
	background: #E8EFEE;
	padding: 15px;
	margin: 1em 0;
	border: solid 1px #bbd2cf;
	border-width: 1px 0; }

#photo img {
	display: block;
	margin: 0 auto; }

#nav_photos p {
	float: left;
	margin: 0; }

.prev-next {
	text-align: right; }



/* ---------------------------------------------------------
	sidebar
--------------------------------------------------------- */

#discography {
	margin: 0; }

#discography dt {
	font-weight: bold;
	clear: left;
	float: left;
	margin: .5em .35em 0 0;
	white-space: nowrap; }

#discography dd.album-date {
	float: left;
	margin: .5em 0 0 0; }

#discography dd.album-info {
	display: block;
	clear: left; }

#featured-album {
	margin: 2em 0; }

#featured-album h3 {
	text-transform: uppercase;
	margin: 1em 0; }

#featured-album img {
	float: left;
	margin-right: 15px; }

#featured-album li {
	margin-left: 1.5em;
	list-style: inside disc; }

#BB_BuyButtonForm {
	clear: both; }

#BB_BuyButtonForm input {
	margin: .5em 0 0 -14px; }

fieldset {
	margin: 0;
	padding: 0;
	border: 0; }



/* ---------------------------------------------------------
	footer
--------------------------------------------------------- */

#footer {
	position: relative;
	height: 562px;
	background: url(../images/clouds.gif) no-repeat right top; }

#footer p {
	position: absolute;
	right: 1em;
	bottom: 0;
	color: #ccc; }


/* ---------------------------------------------------------
	miscellaneous styles
--------------------------------------------------------- */

/* hide text for image replacement ---------------------- */

#header h1 {
	text-indent: -9999px;
	overflow: hidden; }

#header h1 a {
	text-decoration: none; }