/*
Title:      style.css - www.darlinglittlesongs.com
Author:     Christopher Thomas! [christopher@wehaventthetime.com]
Updated:    February 11, 2008
*/

body {
	font: 62.5% Helvetica, Verdana, Arial, sans-serif;
	background-color: #a7ba14;
	text-align: left;
	color: #fff;
}

strong, b { font-weight: bold; }

italic, i {font-style: italic; }

div.clear {
	clear: both;
}

	div.clear hr {
		visibility: hidden;
	}


a, a:link, a:visited {
	color: #a7ba14;
	text-decoration: underline;
}

a:hover, a:active {
	color: #94a60b;
	text-decoration: none;
}

p.ie[class] {
	display: none;
}


p.ie {
	_padding: 0.5em 0;
	_font-size: 1.6em;
	_line-height: 1.6em;
	_margin: 2.0em 0 3.0em;
	_border-top: 2px dashed #d99a3c;
	_border-bottom: 2px dashed #d99a3c;
}

div#container {
	width: 821px;
	height: 100%;
	margin: 0 auto;
	background: transparent url(img/container-bg.png) left top repeat-y;
}

	div#container div#header {
		height: 116px;
		background: #fff url(img/headerImg.png) 51px 29px no-repeat;
		width: 797px;
		margin: 0 auto;
	}
	
		div#header h1 {
			display: block;
			width: 340px;
			height: 70px;
			float: left;
			margin: 29px 0 0 51px;
			overflow: hidden;
		}
		
			div#header h1 span {
				visibility: hidden;
			}
			
			div#header h1 a {
				display: block;
				padding: 70px 0 0 340px;
				white-space: nowrap;
			}
				
		div#header div#download {
			width: 268px;
			height: 95px;
			float: right;
			margin: 12px 41px 0 0;
			overflow: hidden;
			background: #fff url(img/download.jpg) left top no-repeat;
		}
		
			div#header div#download span {
				visibility: hidden;
			}
			
			div#header div#download a {
				display: block;
				padding: 95px 0 0 268px;
				white-space: nowrap;
			}
			
	div#container div#content {
		width: 799px;
		height: 100%;
		padding: 5.0em 0 5.0em;
		margin: 0 auto;
	}
	
	div#content img#bigTree {
			float: left;
			position: absolute;
			margin-top: -5.0em;
			z-index: 1000;
		}
	
		div#content div {
			margin-bottom: 4.0em;
			padding: 0 20px 0 271px;
		}
	
			div#content div.light {
				background-color: #917c36;
				color: #fff;
				padding: 1.0em 20px 0.5em auto;
				margin-bottom: 3.0em;
			}
			
				div#content div.light a, div#content div.light a:link,
				div#content div.light a:visited {
					color: #cee519;
					text-decoration: none;
				}
				
				div#content div.light a:hover,
				div#content div.light a:active {
					color: #e5ff1c;
				}
				
			div#content div.trees {
				background-image: url(img/treesBar.jpg);
				background-repeat: no-repeat;
				background-position: left bottom;
				padding-bottom: 28px;
			}
			
		div#content div p {
			color: #bfab6a;
			font-size: 1.2em;
			line-height: 1.2em;
			margin-bottom: 2.0em;
		}
		
		div#content div h2 {
			color: #fff;
			letter-spacing: 1px;
			line-height: 0.3em;
			font-size: 2.4em;
			font-weight: bold;
			border-bottom: solid 1.1em #fff;
			margin-bottom: 0.5em;
			padding: 0.7em 8px 0 2px;
		}
		
		div#content div h2.rightAlign {
			text-align: right;
		}
		
		div#content div h3 {
			color: #fff;
			font-size: 2.0em;
			font-weight: bold;
			margin-bottom: 0;
		}
		
			div#content div h3 span {
				font-weight: normal;
				font-size: 0.7em;
				margin-top: 0;
				margin-left: -.7em;
				vertical-align: sub;
			}
			
		div table {
			width: 100%;
			vertical-align: top;
			table-layout: fixed;
			border-spacing: collapse;
		}
		
		div table tr td {
			font-size: 1.2em;
		}			

		div#shows table {
			margin-top: -3.8em;
		}
		
			div#shows table tr.headRow td {
				font-weight: bold;
				font-size: 1.5em;
				color: #a7ba14;
			}
			
				div#shows table tr td {
					padding: 0.5em 2px;
				}
			
			div#shows table tr.even {
				background-color: #a6955c;
			}
			
		div#content  p#booking {
			color: #bfab6a;
			text-align: right;
			margin-top: 1.0em;
			margin-bottom: 1.0em;
		}
		
			div#content p#booking a,
			div#content p#booking a:link,
			div#content p#booking a:visited {
				color: #bfab6a;
				text-decoration: none;
			}
			
			div#content p#booking a:hover, div#content p#booking a:active {
				color: #dfcb8a;
			}
		
		div#content div ul {
			margin-top: -1.0em;
		}
		
		div#content div ul li {
			color: #bfab6a;
			font-size: 1.2em;
			line-height: 1.2em;
			margin-bottom: 1.0em;
			padding-left: 80px;
			text-indent: -80px;
		}
			
			
			
/* ---------------- DOWNLOAD PAGE ---------------- */
			
			div#content div h4 {
				font-weight: bold;
				font-size: 2.4em;
				color: #fff;
			}
			
			div#content div span.white {
				color: #fff;
			}
			
			div#content div#downloadHead {
				background: transparent url(img/downloadCover.jpg) 436px 6px no-repeat;
				height: 275px;
				margin-bottom: 1.5em;
				line-height: 2.8em;
			}
			
				div#content div#downloadHead h4 {
					color: #bfab6a;
				}
				
					div#content div#downloadHead h4 span {
						padding: 0.2em 8px 0;
						background-color: #bfab6a;
						color: #fff;
						margin-left: -8px;
					}
			
			div#content div#downloadBar table  {
				margin: 1.5em 0 2.0em;	
			}
			
				div#content div#downloadBar table h4 {
					font-size: 2.0em;
				}
				
					div#content div#downloadBar table tr td {
						padding: 0.7em 15px 0.6em 0;	
					}
					
						div#content div#downloadBar table tr td.leftBorder {
							border-left: 2px solid #dfcb8a;	
							padding-left: 30px;
							padding-right: 0;
						}
			
			
/*			
/* --- WINDOWLESS POPUP BOX STYLES ---
#ieBox {
    width: 540px;
	height: 405px;
	position: absolute;    /* DO NOT EDIT POSITION! IT MUST BE ABSOLUTE!
}

    #ieBox #closer {
        height: 14px;
        width: 14px;
        margin: 3px 3px 0 0;
        overflow: hidden;
    }
    
        #ieBox #closer a {
            display: block;
            background: url(images/close_popup.png) left top no-repeat;
            padding: 14px 0 0 14px;
        }
    
    #ieBox .popup_content {
        background: #fff;
        padding: 20px 5px 5px;
    	margin: 10px;
    	border: 5px solid #97cc34;
    	width: 500px;
    	height: 350px;
    	overflow: hidden;
    }

        #ieBox .popup_content h3 {
            font-size: 1.4em;
            text-decoration: underline;
            margin: 0;
        }
        
        #ieBox .popup_content table {
            font-size: 1.2em;
            margin: 0;
            padding: 0;
        }
        
            #ieBox .popup_content table td.label {
                font-weight: bold;
                vertical-align: top;
                width: 80px;
            }
            
            #ieBox .popup_content table td.error input,
            #ieBox .popup_content table td.error textarea { border: 2px solid #f00; }
        
        #ieBox .popup_content p {
            padding: 0 5px;
            font-size: 1.2em;
        }
        
        #ieBox .popup_content ul.submission_errors {
            margin: 3px 0;
            font-size: 1.2em;
            display: block;
            list-style: disc outside none;
            width: 100%;
        }
        
            #ieBox .popup_content ul.submission_errors li {
                margin: 4px 0;
                padding: 0 0 0 30px;;
                display: block;
                float: none;
            }
*/