/*

mollyjack.com | default stylesheet

author: richard medek
last revised: 12.13.06
copyright: Molly Jack

*/



/* ------------------------------------------------------------

contents:

under pressure

------------------------------------------------------------ */




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

* {
	margin: 0;
	padding: 0;	
}

html, body {
	height: 100%;
}

body	{
	font: 12px/1.5 helvetica, arial, sans-serif;
	background: #000;
	color: #666; /* just in case */
}




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

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

a:link 		{ color: #631717; text-decoration: underline; }
a:visited	{ color: #544A4A; text-decoration: underline; }
a:hover		{ color: #900; text-decoration: underline; }
a:active	{ color: #000; text-decoration: underline; }


/* headings */
h2 {
	font-size: 14px;
	font-weight: bold;
	margin: 1em 0 0 0;
}



/* ------------------------------------------------------------
	container layout
------------------------------------------------------------ */

#shim {
	visibility: hidden;
	width: 100%;
	height: 50%;
	margin-top: -260px;
	float: left;
}

#wrapper {
	position: relative;
	width: 780px;
	height: 500px;
	margin: 0 auto;
	clear:both;
	background: url(../images/bg_main.jpg) no-repeat left top;
	color: #302A1A;
}

#sidebar {
	padding-top: 60px;
}

#main	{
	position: absolute;
	left: 555px;
	top: 130px;
	width: 210px;
	height: 350px;
	padding: 10px 15px 10px 0;
	overflow: auto;
}


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

#header { 
	position: absolute;
	left: 540px;
	top: 0;
	width: 240px;
	height: 135px;
}

#header h1 a {
	display: block;
	width: 240px;
	height: 135px;
}




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

#nav {
	position: absolute;
	left: 60px;
	top: 25px;
	width: 410px;
	height: 16px;
	list-style: none;
	margin: 0;
}

#nav li {
	width: 81px;
	height: 16px;
	border-right: solid 1px #fff;
	float: left;
	text-align: center;
}

#nav li a {
	text-decoration: none;
	color: #fff;
	font: normal 12px/16px "trebuchet ms", verdana, arial, sans-serif;
}

/* hovered, selected links */
#nav li a:hover, #home #nav_home a, #about #nav_about a, #music #nav_music a, #gigs #nav_gigs a, #contact #nav_contact a	{
	color: #AC9B87;
	font-size: 16px;
	line-height: 15px;
}

#nav #nav_contact {
	border: none;
}




/* ------------------------------------------------------------
	article styles
------------------------------------------------------------ */

/* gig calendar */
#gig_listings dt {
	font-weight: bold;
	margin-top: 1.5em;
	padding-top: 2.3em;
	background: url(../images/divider.gif) no-repeat center top;
}

#gig_listings dt.lead {
	margin: 0;
	padding: 0;
	background: none;
}

.gig_venue {
	margin: .5em 0;
}


/* mp3 player */
#music h2	{
	margin-bottom: .5em;
}


/* mp3 player pop-up */ 
#player #header { 
	display: none;
}





/* ------------------------------------------------------------
	forms
------------------------------------------------------------ */

form {
	margin: 1em 0;
}

form br {
	display: none;
}

input, select, textarea {
	background: #ddd7cf;
	font: 12px/16px arial, sans-serif;
	padding: 2px;
	border-width: 1px;
}

fieldset input {
	display: block;
	width: 200px;
	margin-bottom: 1em;
}

fieldset {
	border: none;
}

textarea	{
	width: 200px;
	height: 50px;
}

input.button {
	width: 7em;
	margin: 1em 0;
	background: #ccc;
	border-color: #999;
}

input.hidden {
	display: none;
}



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

#footer { 
	width: 780px;
	margin: 0 auto;
}

p.logo, p.logo a	{
	width: 155px;
	height: 11px;
}

p.logo	{
	position: relative;
	float: right;
}

p.logo a	{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/gd_logo.gif) no-repeat left top;
}




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

/* hide text for image-replacement */
#header h1, #header p, #myspace, p.logo {
	text-indent: -9999px;
	overflow: hidden;
}


/* main "framed" photo */
img#section_photo {
	display: block;
	margin: 0;
}


/* myspace links */
#myspace p {
	margin: 0;
	font-size: 0;
}

#myspace {
	position: absolute;
	left: 237px;
	top: 452px;
	width: 260px;
	height: 40px;
}

#myspace a {
	display: block;
	float: left;
	height: 40px;
}

#view_profile   { width: 110px; }
#add_to_friends { width: 150px; }


/* float clearing rules */
.playlist {
	min-width: 0;
}

.playlist:after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

* html .playlist {
	height: 1%;
}