*, html, body { margin:0; padding:0; border:0; }

body 			 { font-size: 80%; font-family: "trebuchet ms", tahoma, helvetica, sans-serif; background: #000; color:#ccc; } 
a,a:link		 { color:#f60; text-decoration: none; }
a:active,a:hover { color: #575757; }
img				 { border:0; }

#searchdiv 		 { margin:5px; }

#header h1{ padding:0; margin:0;}
#header { padding:10px 10px 0 0; text-align:right; text-transform:uppercase; background:#fff; }
* html #header { background:#fff;}
#header h1.bigtitle { margin-top:-4px; }

#banner { margin:0; padding:0; text-align:center; background:#000 url(/resources/images/layout/lemon-background.gif) repeat-x;}

#gutter { float: left; width: 1%; height: 1px; }

#navigation { font:160% "trebuchet ms", Georgia, Tahoma, serif; text-transform:uppercase; text-align:center;}
ul { padding:0; margin:0; list-style-type:none; }
li.inline, li.last { display: inline; padding:7px 10px; margin:1px; border-right:1px solid #066; list-style-type:none;}
li.last { border-right:1px solid #000; } 
li:hover.inline, li:hover.last { }
li.inline a, li.last a{ color:#0c3; }
li.inline a:hover, li.last a:hover{ color:#eee; }

input {font-size:2em; font-family: "Trebuchet MS", verdana, arial; }
li {margin:1ex 0 1ex 2em;}

.topPadding 	{ padding-top:15px;}
.bottomPadding 	{ padding-bottom:15px;}

#repertoire ul li { font:110% "Trebuchet MS", Georgia, sans-serif; text-transform:uppercase; margin:0 0 5px 10px; padding:0; }
ul li ul { margin:0; padding:0; }
#repertoire ul li ul li { border-bottom:1px solid #333; margin-right:5%; }

#main { clear: both; padding:20px 5% 30px 5%; font:120% "Trebuchet MS", Georgia, Tahoma, serif; }
p#punchline { text-align:center; }

#col1 			 { float: left; width:600px; margin-bottom: 10px; text-align:left; }
#left 			 { float:left; width:600px; }
#right 			 { float:left; width:360px; margin-left:10px; }
#right ul 		 { padding:0; margin:0; list-style-type:none;}	
#right ul li 	 { margin:0; padding:1px 1px 0 3px; }
#right ul li img { padding:2px; background-color:#fff; }

#col3 			{ float: left; width: 20%; border-left:1px solid #333;  color:#fff; padding-left:3px; text-align:left; }
#col3.gallery 	{ width: 30%; }

#loading_img{ display:inline;}
#fetching { font:160% "Trebuchet MS", Georgia, Arial; color:#ccc; }

#footer 			{ clear:both; text-align:center; padding:40px 0 0 0; background:#333 url(/resources/images/layout/bluevelvet-lounge-bg.jpg) repeat-x; width:100%; height:100px;}
#footer ul li 		{ display:inline; border-right:1px solid #666; margin:0 0 0 3px; padding:0 6px 0 0; }
#footer ul li.last  { border:0; padding-left:0; }
#footer ul li a  		{ color:#999; }
#footer ul li a:hover  	{ color:#ccc; border-bottom:1px dotted #ccc; }


#content { width:1000px; margin:0px auto; clear: both; margin-bottom:10px; padding:5px 0; }

.left 		{ float:left; }
.right 		{ float:right;}
.inline 	{ display:inline; }
.clearLeft 	{ clear:left; }
.clear	 	{ clear:both; }
.inline 	{ display:inline; }
.hidden		{ display:none; }

#playlist ul { color:#0f9; border-top:1px solid #666; }
#playlist ul li { list-style-type:none; display:block; border-bottom:1px solid #666; margin:0; padding:2px; cursor:pointer }
#playlist ul li:hover { background-color:#333; }


/* search - related */
#searchbar 		{ background-color:#333; border-top:1px solid #666; border-bottom:1px solid #666; padding:2px 5%; margin-bottom:5px; display:block;}
#searchform 	{ display:inline; }
#searchdiv 		{ display:inline; padding:5px 0; margin:10px; }
input#q 		{ background-color:#333; border:1px solid #666; color:#3cf; padding:3px; font:120% "Trebuchet MS", Georgia, Tahoma, serif; }
#searchform label { font-size:120%; }
#searchResults   	{ }
#searchResults h1  	{ font-size:16px; text-transform:uppercase; }
#searchClose  		{ margin-left:4px; cursor:pointer; }

/* additional classes */
.blue 		{ text-transform:uppercase; color:#09c; }
.normal_img { margin:5px 5px 5px 0; }
.innerWrapper { width:980px; margin:0 auto; }

/* tooltips: css-mastery */
a.tooltip { position: relative; }
a.tooltip span { display: none; }
a.tooltip:hover { height: 100%; /* Fixes bug in IE5.x/Win */ }
a.tooltip:hover span { display:block; position:absolute; top:1.2em; left:1em; padding:4px; border:2px solid #000; background-color:#fff; color:#000; }

/* contact */
input.roofed { width:200px; margin:2px 10px; border:1px solid #0c3; }
textarea.roofed { width:200px; margin:2px 10px; border:1px solid #0c3; height:5em; }
.inputs {display:block; clear:both; padding:10px; }
.tinputs {float:left; width:80px;}
.tinputs_error {float:left; width:80px; border-bottom:1px solid red; }
.finputs { float:left; }
#thankyou { font-size:140%; color:#fc6; }
#contact p { font-size:16px; padding:4px 0; }

/* repertoire */
.composer { color:#ffc; }

/* gallery */
#bigcol { width:100%; }
#gal { background:#000 url(/resources/images/layout/lemon-background.gif) repeat-x; border-top:1px solid #fff; padding-bottom:10px; }
#gal_explain { padding:4px; }
#recipe h2 { text-transform:uppercase; color:#ccc; }
#recipe ul li 		{ margin:0; padding:0; }
#recipe ul li ul li { border-bottom:1px solid #333; color:#9cc; }
* html #recipe ul li ul { padding-bottom:10px; color:#00CC00;}

/* images */
#images ul 				{ margin:0; padding:0; }
#images ul li 			{ float:left; width:280px; height:310px; border:1px dotted #333; text-align:center; background:url('/resources/images/layout/diag.gif'); margin:5px; padding:0;}
#images ul li img 		{ margin-top:10px; padding:4px; background:#fff; }
#images.homePage ul li 	{ height:225px; }

/* reference */
.reference { padding:10px 10px 5px 10px; margin-right:10px; border:1px dotted #333; background:#5F5D53; }
.signature { display:block; text-align:right; color:#aaa; margin:0 20px 30px 0; font:16px normal georgia, serif; }

/* errors */
.formEntry 			{ margin-bottom:10px; }
.formEntry input, .formEntry textarea , .formEntry select	{ border:2px solid #5FD5FF; }
.hasError input, .hasError select, .hasError textarea 	{ border:2px solid red; background:#FFEFF1; }
.errorsList			{ float:right; margin-right:50px; }
.errorsList	ul li	{  color:#5FD5FF; display:block; border-bottom:1px dotted #fff; }
.formButton 		{  }

#infoWrapper { width:100%; background:#555; border-bottom:1px solid #666; border-top:1px solid #666; }
.info 	 { width:1000px; margin:5px auto; font-size:20px; text-align:center; text-transform:uppercase; cursor:pointer; }
#error 	 { color:#FF5F5F; }
#message { color:lime; }

#playlist ul li 	 			 { height:24px; line-height:24px; font-size:11px; cursor:default; padding-left:3px; font-family: arial, sans-serif; }
#playlist ul li.last 	 		 { border-bottom:0; }
#playlist ul li .playerContainer { position:relative; top:2px; float:right; }
#playlist ul.hidden 			 { display:none; }
#playlist a.moreless 	 		 { text-align:right; display:inline; outline:none; }
#playlist a.moreless:hover 	 	 { background:#fff; color:#000; }



.tube 		{ margin:15px auto; width:340px; background:url('/resources/images/layout/diag.gif'); padding:8px; border:1px solid #333; }
.tube img 	{ }

ul.inlineGallery li { display:inline; }
ul.inlineGallery li a { margin-right:4px; }
ul.inlineGallery li.last a { margin-right:0; }

.box { border:1px solid #333; padding:4px 10px; margin:20px 0; }
#playlist.box ul li	{ font:normal 11px arial, sans-serif; }
#playlist.box h3 	{ margin:4px 0; }