/* 
	jazzcrazy.co.uk
	Created by Mark Richards
	V3.03 03-06-2009
*/

* { margin: 0; padding: 0; }

html { font-size: 100%; }
body {
	padding: 18px 0;
	background: #242424;
	font: 75% Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.6em;
}
		
#wrapper { width: 900px; margin: 0 auto; border: 1px solid #555555; }
#logo {background: #303030 url(jazzcrazy-2009-05-20.png) no-repeat; height: 120px;}

h1 {
	color: gray;
	font-size: 1.4em;
	font-weight: bold;
}
h2 {
	color: #66cdaa;
	font-size: 1.1em;
	font-weight: bold;
}
h3 { color: #D0AE38; font-weight: bold; font-size: 1.1em;}

#content { padding: 12px; background: #303030; color: #f0f8ff; }
hr  { height: 2px; margin-bottom: 8px; background-color: #555555; color: #555555; border: none; }

.columnLeft { float: left; width: 402px; }
.columnRight { float: right; width: 402px; }
.columnLeft, .columnRight { margin-right: 12px; }

.giglistthumb {	float: left; margin: 3px 5px;}

ul {list-style-type: none;}
li {list-style-type: none;}

/* ---------------------- Redslate nav ---------------------- */
.red #slatenav {position:relative;display:block;height:42px;font-size:12px;font-weight:bold;background:transparent url(assets/redslate_background.gif) repeat-x top left; font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase;}
.red #slatenav ul {margin:0px;padding:0;list-style-type:none;width:auto;}
.red #slatenav ul li {display:block;float:left;margin:0 1px 0 0;}
.red #slatenav ul li a{display:block;float:left;color:#FECCC3;text-decoration:none;padding:14px 22px 0 22px;height:28px;}
.red #slatenav ul li a:hover, .red #slatenav ul li a.current {color:#fff;background:transparent url(assets/redslate_backgroundOVER.gif) no-repeat top center;}
/* ---------------------- END Redslate nav ---------------------- */			

/* ---------------------- Blueslate nav ---------------------- */
.blue #slatenav {position:relative;display:block;height:42px;font-size:12px;font-weight:bold;background:transparent url(assets/blueslate_background.gif) repeat-x top left; font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase;}
.blue #slatenav ul {margin:0px;padding:0;list-style-type:none;width:auto;}
.blue #slatenav ul li {display:block;float:left;margin:0 1px 0 0;}
.blue #slatenav ul li a{display:block;float:left;color:#D5F1FF;text-decoration:none;padding:14px 22px 0 22px;height:28px;}
.blue #slatenav ul li a:hover, .blue #slatenav ul li a.current {color:#fff;background:transparent url(assets/blueslate_backgroundOVER.gif) no-repeat top center;}
/* ---------------------- END Blueslate nav ---------------------- */

/* ---------------------- Greenslate nav ---------------------- */
.green #slatenav {position:relative;display:block;height:42px;font-size:12px;font-weight:bold;background:transparent url(assets/greenslate_background.gif) repeat-x top left; font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase;}
.green #slatenav ul {margin:0px;padding:0;list-style-type:none;width:auto;}
.green #slatenav ul li {display:block;float:left;margin:0 1px 0 0;}
.green #slatenav ul li a{display:block;float:left;color:#EEFFDF;text-decoration:none;padding:14px 22px 0 22px;height:28px;}
.green #slatenav ul li a:hover, .green #slatenav ul li a.current {color:#fff;background:transparent url(assets/greenslate_backgroundOVER.gif) no-repeat top center;}
/* ---------------------- END Greenslate nav ---------------------- */

/* ---------------------- Purpleslate nav ---------------------- */
.purple #slatenav {position:relative;display:block;height:42px;font-size:12px;font-weight:bold;background:transparent url(assets/purpleslate_background.gif) repeat-x top left; font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase;}
.purple #slatenav ul {margin:0px;padding:0;list-style-type:none;width:auto;}
.purple #slatenav ul li {display:block;float:left;margin:0 1px 0 0;}
.purple #slatenav ul li a{display:block;float:left;color:#FBDAFA;text-decoration:none;padding:14px 22px 0 22px;height:28px;}
.purple #slatenav ul li a:hover, .purple #slatenav ul li a.current {color:#fff;background:transparent url(assets/purpleslate_backgroundOVER.gif) no-repeat top center;}
/* ---------------------- END Purpleslate nav ---------------------- */

/* ---------------------- Black nav ---------------------- */
.navigation { padding: 0 0 0 32px; margin: 0; list-style: none; height: 35px; background: #000 url(assets/button1.gif); position: relative; border: 1px solid #000; border-width: 0 1px; border-bottom: 1px solid #444; }
.navigation li {float:left;}
.navigation li a {display: block; float: left; height: 35px; line-height: 35px; color: #fff; text-decoration: none; font-size: 11px; font-family: arial, verdana, sans-serif; font-weight: bold; text-align: center; padding: 0 0 0 8px; cursor: pointer;}
.navigation li a b {float:left; display:block; padding:0 16px 0 8px;}
.navigation li.current a { color: #7fffd4;  background:url(assets/button3.gif);}
.navigation li.current a b {background:url(assets/button3.gif) no-repeat right top;}
.navigation li a:hover { color: #7fffd4;  background:#000 url(assets/button2.gif);}
.navigation li a:hover b {background:url(assets/button2.gif) no-repeat right top;}
.navigation li.current a:hover { color: #7fffd4;  background:#000 url(assets/button3.gif); cursor:default;}
.navigation li.current a:hover b {background:url(assets/button3.gif) no-repeat right top;}

.mus-ul { list-style-type: none; margin-left: 12px; font-size: 1.0em; margin-bottom: 12px; }
.mus-list { 	list-style-type: square; margin-left: 14px; }

.mus-list a { text-transform: uppercase; font-weight: bold; font-size: 0.8em; color: aqua; }
.mus-list a:link {text-decoration: none; color: aqua; }
.mus-list a:visited {text-decoration: none; color: aqua; }
.mus-list a:active {text-decoration: none;}
.mus-list a:hover {text-decoration: underline; color: #7fffd4; }

.pro-ul { list-style-type: none; margin-left: 12px; font-size: 1.0em; margin-bottom: 12px; }
.pro-list { margin-left: 12px; background: url(assets/bullet_tan.png) no-repeat 0px 0px; padding-left: 12px; }

.pro-list a { text-transform: uppercase; font-weight: bold; font-size: 0.8em; color: aqua; }
.pro-list a:link {text-decoration: none; color: aqua; }
.pro-list a:visited {text-decoration: none; color: aqua; }
.pro-list a:active {text-decoration: none;}
.pro-list a:hover {text-decoration: underline; color: #7fffd4; }

.leg-ul { list-style-type: none; margin-left: 12px; font-size: 1.0em; margin-bottom: 12px; }
.leg-list {	list-style-type: square; margin-left: 14px; }

.leg-list a { text-transform: uppercase; font-weight: bold; font-size: 0.8em; color: aqua; }
.leg-list a:link {text-decoration: none; color: aqua; }
.leg-list a:visited {text-decoration: none; color: aqua; }
.leg-list a:active {text-decoration: none;}
.leg-list a:hover {text-decoration: underline; color: #7fffd4; }

.columnLeft h1, .columnRight h1 { color: #e2e2e2; font-size: 1.5em; font-variant: small-caps; border-bottom: 1px solid #555555; }
.columnLeft h2, .columnRight h2 { font-size: 1.2em; text-transform: uppercase; border-bottom: 1px solid #555555; }
/*.columnLeft h3, .columnRight h3 { font-size: 1.2em; text-transform: uppercase; border-bottom: 1px solid #555555; }*/

#content h1 { color: #e2e2e2; font-size: 1.5em; font-variant: small-caps; border-bottom: 1px solid #555555; }
#content h2 {font-size: 1.2em; text-transform: uppercase; border-bottom: 1px solid #555555; }
/*#content h3 {font-size: 1.2em; text-transform: uppercase; border-bottom: 1px solid #555555; }*/

p { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1.1em; line-height: 1.63636363em; margin-bottom: 1.63636363em; text-align: left;}

p a {font-weight: bold; font-size: 0.8em; color: aqua; }
p a:link {text-decoration: none; color: aqua; }
p a:visited {text-decoration: none; color: aqua; }
p a:active {text-decoration: none;}
p a:hover {text-decoration: underline; color: #7fffd4; }

.ep {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 2.0em;
	color: aqua;
	text-align: right;
}
.ep a:link {text-decoration: none; color: aqua; }
.ep a:visited {text-decoration: none; color: aqua; }
.ep a:active {text-decoration: none;}
.ep a:hover {text-decoration: underline; color: #7fffd4; }


#legalleft p, #legalright p { text-align: justify; }
#legalleft .mac-list, #legalright .mac-list { text-align: justify; margin-right: 16px;}

#masthead h1 { color: #ffffff; font-size: 2.0em; padding: 8px 8px 0 120px; line-height: 36px; font-variant: small-caps;}
#masthead h2 { color: #ffffff; font-size: 1.8em; padding: 8px 8px 0 180px; line-height: 1.3em; font-variant: small-caps;}

/* p.footer {clear: both; text-align: right; padding-top: 1.63636363em; border-top: 1px dotted #555555;} */
p.footer {clear: both; text-align: right; padding-top: 8px; border-top: 1px dotted #555555;}

.footlinks a { font-weight: bold; font-size: 0.8em; color: aqua; }
.footlinks a:link { text-decoration: none; color: aqua; }
.footlinks a:visited { text-decoration: none; color: aqua; }
.footlinks a:active { text-decoration: none; }
.footlinks a:hover { text-decoration: underline; color: #7fffd4; }
p.footer img { float: left; margin: 0 0 18px 18px; }

.standout { font-weight: bold; text-align: center; }

blockquote { width: auto; border: 1px solid #E0DBD2; background: #1c1c1c url(assets/blockquote.png) no-repeat 7px; color: #f0f8ff; margin: 0; margin: 18px; padding: 14px 25px 14px 80px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; clear: left; }
blockquote a {	font-weight: bold; font-size: 1.0em; color: aqua; }
blockquote a:link {text-decoration: none; color: aqua; }
blockquote a:visited {text-decoration: none; color: aqua; }
blockquote a:active {text-decoration: none;}
blockquote a:hover {text-decoration: underline; color: #7fffd4; }

blockquote p { color: #fff; font-size: 1.0em; line-height: 1.3846153em; font-weight: bold; text-align: justify;  padding: 0 33px;	margin-bottom: 0;	}
cite { display: block; width: 100%; text-align: right; font-weight: normal; font-style: italic; }
blockquote>p+p { background: none; }

a img { border: 0; }

img.leadImage { float: right; margin: 0 0 18px 18px; }
img.leadImage01 {	float: right; margin: 0 0 18px 18px; border: 0px solid #ffffff;}

.profileleft { float: left; margin: 18px 18px 18px 18px; }

form .row {height:25px;}
form .row1 {height:34px;}
.altBtn {background-color: #eff3f7; font-family: verdana; border: #557ea6 1px solid; font-size: 12px; color: #557ea6; width: 71px;} 
input    {width: 330px; height: 21px; background-color: #615C61; border: 1px solid #A6A1A7; color: #6495ED; font-family: tahoma, arial, sans-serif; font-size: 12px; padding-left: 2px; }
textarea {width: 330px; height: 70px; background-color: #615C61; border: 1px solid #a6a1a7; color: #6495ED; padding-left: 2px; overflow: auto; font-family: tahoma, arial, sans-serif; font-size: 12px;}
form .div {text-align:right; padding:6px 0 0 0;}

#wrap {width:420px; height:447px; background: #333; position:relative; border:2px solid #303030; margin:30px auto 20px auto;}
#wrap h3 {
	color: #D0AE38;
	font-weight: bold;
	font-size: 1.4em;
	text-align: center;
	text-transform: uppercase;
	margin-top: 5px;
}
#slide {
	width: 390px;
	height: 390px;
	overflow: hidden;
	position: absolute;
	left: 15px;
	top: 42px;
	background: #242424;
	border: 1px solid #888;
}
#slide a {text-decoration:none; display:block; width:390px; height:390px; position:absolute; left:390px;}
#slide a img {display:block; border:0;}
#previous b {display:none;}
* html #previous {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iphoto-slide/left.png', sizingMethod='crop');}
#next b {display:none;}
* html #next {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='photo-slide/right.png', sizingMethod='crop');}
#buttons {position:absolute; left:32px; top:360px;}
#buttons div {width:35px; height:35px; float:left; margin-right:5px; display:inline;}
#buttons div img {display:block; cursor:pointer; border:1px solid #444;}
img#loading {position:absolute; left:240px; top:170px;}
/*#wrap {width:580px; height:380px; background: #333; position:relative; border:2px solid #303030; margin:30px auto 20px auto;}
#slide {
	width: 480px;
	height: 280px;
	overflow: hidden;
	position: absolute;
	left: 49px;
	top: 29px;
	background: #242424;
	border: 1px solid #888;
}
#slide a {text-decoration:none; display:block; width:480px; height:360px; position:absolute; left:480px;}
#slide a img {display:block; border:0;}
#previous b {display:none;}
#previous {width:32px; height:32px; background:url(auto-slide/left.png); position:absolute; left:34px; top:154px; cursor:pointer;}
* html #previous {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iphoto-slide/left.png', sizingMethod='crop');}
#next b {display:none;}
#next {width:32px; height:32px; background:url(auto-slide/right.png); position:absolute; left:514px; top:154px; cursor:pointer;}
* html #next {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='photo-slide/right.png', sizingMethod='crop');}
#buttons {position:absolute; left:50px; top:330px;}
#buttons div {width:62px; height:37px; float:left; margin-right:8px; display:inline;}
#buttons div img {display:block; cursor:pointer; border:1px solid #444;}
img#loading {position:absolute; left:240px; top:170px;}
*/