/* ################################################################# */
/*                                                                   */
/* TITLE:        ls.css                                              */
/* SITE:         lucyshelton.com                                     */
/* AUTHOR:       Margo McLean with thanks to Brian Maniere   */
/* VERSION:      0.02                                                */
/* LAST UPDATED: 2007/01/15                                          */
/*                                                                   */
/* ################################################################# */


/* ##### GENERAL ####################### */

html { 
	min-width: 803px;
	}

html {
	font: small/18px "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	color: #505153;
	background: #fff;
	}
	
body {
	text-align: center;
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	height: 100%;
	color: #666;
	}

/* ##### CANVAS ######################## */

#canvas {
	position: relative;
	text-align: left;
	margin: 22px auto 0;
	width: 803px;
	height: auto;
	}

/* ##### TITLE ######################### */

#title {
	float: left;
	height: 68px;
	background: transparent;
	}
	

/* ##### GLOBALNAV ##################### */

#globalnav {
	float: right;
	margin: 52px 7px 0 0;
	width: 143px;
	height: 9px;
	}

* html #globalnav {
	width: 146px;
	margin-right: 3px;
	}

#globalnav li, #globalnav li a {
	float: left;
	height: 9px;
	}
	
*/ hack for ie */
* html #globalnav li a {
	display: block;
	}

#globalnav .home, #globalnav .home a {
	width: 45px;
	}

#globalnav .home {
	background: url(images/home_hov.gif) top left no-repeat;
	}

#globalnav .home a {
	background: url(images/home_a.gif) top left no-repeat;
	}

#globalnav .contact, #globalnav .contact a {
	width: 69px;
	}

#globalnav .contact {
	background: url(images/contact_hov.gif) top left no-repeat;
	}

#globalnav .contact a {
	background: url(images/contact_a.gif) top left no-repeat;
	}

#globalnav .site, #globalnav .site a {
	width: 29px;
	}

#globalnav .site {
	background: url(images/site_hov.gif) top left no-repeat;
	}

#globalnav .site a {
	background: url(images/site_a.gif) top left no-repeat;
	}

#globalnav a:hover, .home .home a, .contact .contact a, .site .site a {
	background: transparent !important;
	}


/* ##### CONTENT ####################### */

#content {
	position: relative;
	float: left;
	border-left: 2px solid #C1E7E8;
	padding-right: 7px;
	width: 803px;
 	background: url('images/rt_shadow.gif') 100% 0 repeat-y;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 794px;
	}

html>body #content {
	width: 794px;
	}	

/* ##### BANNER ######################## */

#banner {
	float: left;
	width: 100%;
	border-bottom: 2px solid white;
	}
	
#banner img {
	float: left;
	}
	
#portrait {
	border-right: 2px solid white;
	}
	

/* ##### MAIN BODY ########################## */

#mainbody {
	position: relative;
	float: left;
	width: 794px;
	height: 100%;
	background: url('images/mainbody_bg.gif') 0 0 repeat-y;
	}

/* ##### SIDEBAR ####################### */

#sidebar {
	float: left;
	padding-left: 37px;
	width: 250px;
	height: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 213px;
	}

html>body #sidebar {
	width: 213px;
	}	
	
/* ==== MAINNAV ================= */

#mainnav {
	padding-top: 28px;
	text-transform: uppercase;
	height: 100%;
	}

#mainnav li {
	margin-bottom: 9px;
	letter-spacing: 1px;
	font-size: 19px;
	color: #eb4731;		
	}

#mainnav a {
	text-decoration: none;
	color: #666;		
	}

#mainnav a:visited {
	color: #666;
	}

#mainnav a:hover {
	color: #16bbc1;		
	}

#mainnav a:active {
	color: #16bbc1;		
	}

/* ##### MAIN CONTENT ################## */

#maincontent {
	float: left;
	padding: 28px 16px 15px 15px;
	border-left: 2px solid white;
	width: 544px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 511px;
	}

html>body #maincontent {
	width: 511px;
	}

#maincontent h2	{
	margin-bottom: 7px;
	color: #eb4630;
	background: url('images/hdr_icon.gif') top left no-repeat;
	padding-left: 36px;
	}

#maincontent p	{
	margin: 0 0 1em 0;
	line-height: 140%;
	}

/* ---- AWAITINGCONTENT ----- */

.awaitingcontent #maincontent {
	height: 300px;
	}

/* ----- THREE COLUMN ------- */
	
.threecolumn #maincontent {
	padding-right: 150px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 377px;
	}
	
html>body .threecolumn #maincontent {
	width: 377px;
	}

/* ----- EVENT ------- */

.event {
	margin: 0 0 15px 0;
	}

#maincontent .event p {
	margin: 0;
	}

#maincontent .event p.view {
	padding-left: 16px;
	background: url('images/purchase.gif') center left no-repeat;
	}
	
	
/* ----- REVIEW REVIEWER ------- */

.review {
	position: relative;
	margin: 0 0 15px 0;
	}
	
#maincontent .review p {
	margin: 0;
	}

#maincontent .review p.reviewer {
	text-align: right;
	}
	

/* --- RECORDING ------ */

.recording {
	float: left;
	padding: 8px 0 16px;
	width: 100%;
	}

.recording img {
	float: left;
	border: 1px solid #ccc;
	}

.recording h4, .recording h5, .recording h6 {
	font-family: "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	font-size: small/18px;
	font-weight: normal;
	margin: 0;
	}	

.recording .info {
	float: left;
	margin-left: 14px;
	border-top: 1px solid #efefef;
	width: 409px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 395px;
	}

html>body .recording .info {
	width: 395px;
	}


.recording .info .title {
	text-transform: uppercase;
	padding-top: .5em;
	}

.recording .info .composer {
	}

.recording .info .label {
	}
	
.recording .info .purchase {
	padding-left: 16px;
	background: url('images/purchase.gif') center left no-repeat;
	}

	

/* ##### EXTRA ######################### */

#extra {
	position: absolute;
	top: 0;
	right: 0;
	width: 135px;
	}
	
#subelements {
	margin-top: 28px;
	padding: 0 15px 0 15px;
	font-size: 10px;
	border-left: 1px solid #c1e7e8;
	}
	
#subelements h3 {
	font-size: 14px;
	font-weight: normal;
	color: #eb4630;
	}
	
/* ##### FOOTER ######################## */

#footer {
	float: left;
	padding: 5px 15px 5px 15px;
	width: 794px;
	font-size: 11px;
	line-height: 16px;
	color: #fff;
	background: #8dd8db url('images/ftr_img_v3.gif') 100% 8px no-repeat;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 764px;
	}

html>body #footer {
	width: 764px;
	}

#footer a {
  color: #fff;
  text-decoration:none;
  border-bottom:1px dotted #fff;
  }

#footer a:visited {
	color: #fff;
	border-color: #fff;	
	}

#footer a:hover {
	border-color: #179a9e;
	color: #179a9e;
	}	


/* ##### UTIL ########################## */

.nocss {
	display: none; !important;
	}
	
* html .iecrackfix {
	float: left;
	margin-right: -3px;
	}

html, body, div, img, h1, h2, h3, p, ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	}

h1, h2, h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	}


h2 {
	}

h3 {
	}

h4 {
	}

p.view {
	padding-left: 16px;
	background: url('images/purchase.gif') center left no-repeat;
	}

	
ul li {
	list-style: none;
	}
	
a:link, a:visited {
	text-decoration : underline;
	color: #16bbc1;
	}

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

a:active {
	color: #eb4731;
	background: transparent;  
	}