/* Classes and ID included in Header */
body, html {margin: 0 auto; padding: 0; width: 100%; height: 100%;background: #000 url("/media/home/nyc/bridge.jpg") no-repeat center center fixed; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px;}

/*body.contact, html.contact {background: #000 url("/media/home/nyc/air.jpg") repeat center center; } */

#logo {float:right; background: transparent url(/images/global/logo.png) no-repeat top right; width:240px; height: 98px;margin-bottom:-89px; }

#header {background: none;margin:0 0 -20px 0 ;width: 100%; height: 89px;}
.sideBox { color:#ccc; font-size: 12px; border: 1px solid #a7a87d; background:#444/*IESUX*/;background:rgba(10%,10%,10%,0.7);margin: 10px 0 0 0; padding: 10px 20px 10px 20px ;font-size: 10px;-moz-border-radius: 5px; -webkit-border-radius: 5px;position:relative;z-index:10;}
.content {margin: 0; padding:0;width:100%}
.column#content { float:right; margin:0 0 0 -240px;padding:0;width:100% }
.column#side {float:left;overflow:hidden;width:200px;margin: 0 0 10px 20px;}
.container {margin: 0 ;padding:0;background:#444/*IESUX*/;background:rgba(10%,10%,10%,0.7);}

.sideBox h2 { text-align:left;font-size: 14px;line-height:14px;}
.sideBox ul {margin:0 0 0 20px;padding:0}

footer { width:100%;height:30px;position:fixed;z-index:99;bottom:0px; left:0px;background:#444/*IESUX*/;background:rgba(10%,10%,10%,0.7);  border-top: 1px solid #a7a87d; color:#eee }
footer > div.right { padding-top:5px;z-index:103;position:absolute;bottom:5px; right:10px; }
footer > div.left { padding-top:5px;z-index:101;position:absolute;bottom:7px; left:10px; }
footer > div.center { padding-top:5px;z-index:100;position:relative;top:1px;text-align:center; }

img {border:0;}

a { color: #fff; text-decoration: none; border:0; }
a:hover {color: #ccc; text-decoration: underline; }
a:visited { color: #ffffbe; }
a:hover img { filter:/*IESUX*/alpha(opacity=50); /* CSS3 standard */opacity:0.5; }

ul, ul li { text-align:left; }
pre { font-family: "Lucida Console", Monaco, monospace; }

/* global classes */
.hide { display:none; }
.clear { clear:both;font-size:1px;line-height:1px;}
.center { margin: 0 auto; width:auto;text-align:center; }

/* NAVIGATION STYLES */
nav { margin: 0 0 0 20px; width: auto; font-size: 12px;padding: 0 0 0 15px; border-left: 1px solid #a7a87d; border-top: 1px solid #a7a87d; border-bottom: 1px solid #a7a87d; -moz-border-radius-topleft: 5px ; -webkit-border-top-left-radius:5px;-moz-border-radius-bottomleft: 5px ; -webkit-border-bottom-left-radius:5px;background:#444/*IESUX*/;background:rgba(10%,10%,10%,0.9)}

nav a { border: #555 solid 1px;text-align:left;display:block;filter:/*IESUX*/alpha(opacity=100); /* CSS3 standard */opacity:1.0; }
nav a:visited {color:#bbb;}
nav a:hover { text-decoration: underline; color: #111; }
nav ul { margin: 0;padding: 0;list-style: none }
nav ul li { display:inline-block; [/* IE 7 SUX */]display:inline;/*IE 7 Fix*/zoom:1; line-height: 11px; }
nav ul li a {background: #000; margin: 5px 4px;padding:4px;width: auto;height:auto;color:#eee;}
nav a:hover { text-decoration: none;;background:#000;color:#fff;border: 1px solid #87885d; }

nav ul li.open {position:relative;}
nav ul li.open ul.sublist { position:absolute;z-index:1000;margin:0;padding:0 5px 5px 5px;background:#444/*IESUX*/;background:rgba(10%,10%,10%,0.9);border-bottom: #666 solid 1px;border-left: #a7a87d solid 1px;border-right: #666 solid 1px;min-width:160px;width:auto;white-space:nowrap;display:none;}
nav ul li.open ul.sublist li {width:auto;float:left;clear:left;margin: 0;padding: 0; list-style: none; width: 100%}

nav ul li:hover a {background:#000;color:#fff;border: 1px solid #87885d;}
nav ul li.open ul.sublist li a { background: transparent; border:transparent solid 1px; margin: 2px 4px;padding:4px;width: auto;height:auto;color:#eee;}
nav ul li.open ul.sublist li a:hover { background: #000;text-decoration: none; filter:/*IESUX*/alpha(opacity=100); /* CSS3 standard */opacity:1;background:#000;color:#fff;border: 1px solid #87885d; }

nav a#kill { background: #511; }

nav#expand {margin: 0 0 0 20px; padding:0;background:#444/*IESUX*/;background:rgba(10%,10%,10%,0.5);width:auto;}
nav#expand ul {}
nav#expand a {text-align:center; }
nav#expand a:hover { }
nav#expand ul li {border:none;float:left;clear:left;width:100%;margin: 0;padding: 0;background: none;}
nav#expand ul li:hover {background: none;}
nav#expand ul li a {background: #2c2c2c; margin: 3px;padding:4px;width: 120px;height:30px;color:#eee;text-align:center;-moz-border-top-right-radius: 10px; -webkit-border-top-right-radius: 10px;}
nav#expand ul li.open {position:none;background:none;margin: 0;padding: 0;display:inline-block; [/* IE 7 SUX */]display:inline;/*IE 7 Fix*/zoom:1;}
nav#expand ul li a:hover {background: #1c1c1c; }
nav#expand ul li.open a {float:left;}
nav#expand ul li.open:hover a {border: 1px solid #900;}
nav#expand ul li ul.sublist {background: none;border:none;position:relative; float:left; clear:none;width: auto;margin: 0 0 0px 0;padding: 0;display:inline-block; [/* IE 7 SUX */]display:inline;/*IE 7 Fix*/zoom:1;display:none;border: none;outline:none;;white-space:normal;}
nav#expand ul li ul.sublist:hover {}
nav#expand ul li ul.sublist li {width:auto;float:none;clear:none;margin: 0;padding: 0; display:inline-block; [/* IE 7 SUX */]display:inline;/*IE 7 Fix*/zoom:1}

nav#expand ul li ul.sublist li a {background: #000;border: #333 solid 1px;float:left;clear:left;}
nav#expand ul li ul.sublist li a:hover {background:#222;}

nav#expand a#kill { background: #511; }

#ajaxBtn { }
#ajaxBtn a {border: #555 solid 1px;text-align:left;display:block;filter:/*IESUX*/alpha(opacity=70); /* CSS3 standard */opacity:0.70;background: #000;margin: 0px 0px 0px 0px ; padding:0px 4px;width: auto;hcolor:#eee;}
#ajaxBtn a#noAjax { background: #511; }

.box {margin:10px 0 10px 240px;padding:10px;background:#444/*IESUX*/;background:rgba(10%,10%,10%,0.7); border-left: 1px solid #a7a87d; border-top: 1px solid #a7a87d; border-bottom: 1px solid #a7a87d; -moz-border-radius-topleft: 5px ; -webkit-border-top-left-radius:5px;-moz-border-radius-bottomleft: 5px ; -webkit-border-bottom-left-radius:5px;text-align:left;}

.box#shoutbox {margin-bottom: 40px;}

ul#subnav {list-style: none; width: 100%;margin:-10px 0 40px 0;padding:0;text-align:center;/*10pt-moz-border-radius: 5px; -webkit-border-radius: 5px;*/background: #424242 /*IESUX*/;background:rgba(15%,15%,15%,0.5);text-align:left; }
ul#subnav li {margin:0;padding:0;display:inline-block; }
ul#subnav li a {list-style: none; margin: 0 5px 0 0 ; padding:2px 5px 2px 5px;display:block; /*-moz-border-radius: 5px; -webkit-border-radius: 5px;*/ }
#subnav a:hover {background:#111/*IESUX*/;background:rgba(100%,100%,100%,0.2); color:#000 }


/* Search Specific Classes */
#pagination { margin:20px 0 40px 0;padding:0;text-align:center;font-size:10pt }
#pagination .gpage { padding:2px 5px 2px 5px;display:inline-block; /*-moz-border-radius: 5px; -webkit-border-radius: 5px;*/ }
#pagination #gleft { }
#pagination #gright { }
#pagination a { color:#ccc; padding: 0 4px; }
#pagination .gpage.active:hover {background: #424242;background:rgba(80%,80%,80%,0.7); color:#333 }

/* Page Specific IDs */
#container {color:#ccc;}
#container p { text-align:left; max-width:1800px;color:#cdcdcd;width:95%;margin:0 10px 10px 10px }
#container table {margin: 10px 0 20px 10px; padding:5px 0 5px 5px; /* -moz-border-radius: 5px; -webkit-border-radius: 5px; */background: #424242 /*IESUX*/;background:rgba(10%,10%,10%,0.8); border:0; }
#container table th { white-space:nowrap; }
#container table tr td { color: #fff; }
#container table td { padding:0; }
#container table td img { margin:5px; text-align:center; }
#container table#ajaxTable { width:722px;background: #424242 /*IESUX*/;background:rgba(10%,10%,10%,0.8); }
#container table.musicTable { width:722px;background: #424242 /*IESUX*/;background:rgba(15%,15%,15%,0.8); }
#container table img {margin:0;padding:0;}
#container h1,h2 {width:auto;text-align:center;color:#fff}
#container p img { margin: 0 auto; text-align:center} 
#container a.fancy img {}
#container h1.music {color:#000; margin:0 0 40px 0;}
#container h1.music strong { display:none;} 
#container h3 { margin: 0 0 10px 10px;}
#container #homeQuote {width:595px; font-family: 'IM Fell Double Pica SC', arial, serif;font-weight:bold;font-size:63px;padding: 70px 40px 0 40px;height:920px;color:#fff; background: transparent url(/media/home/me/drumming.jpg) no-repeat bottom center;}

#container #homeQuote #control {width: 100%; height: 400px;}
#container #homeQuote #control a#encore {color: #fff;display:block;width: 100%; height: 500px; text-decoration:none; }
#container #homeQuote #control a#encore:hover { background: rgba(30%,10%,10%,0.7) url('/images/misc/play_sym.png') no-repeat center center;  }
#container #homeQuote #control a#encore strong { padding:50px 0 0 20px;display: none; }
#container #homeQuote #control a#encore:hover strong {   display: block; }

#container #homeQuote #control a#pause {color: #fff;display:none;width: 100%; height: 500px; text-decoration:none;}
#container #homeQuote #control a#pause:hover { display:block;background: rgba(30%,10%,10%,0.7) url('/images/misc/pause_sym.png') no-repeat center center; }
#container #homeQuote #control a#pause strong { padding: 50px 0 0 20px; display: none; }
#container #homeQuote #control a#pause:hover strong { display: block; }


#container .box {margin: 10px 0 20px 0;padding:10px;width:97%;background:#444/*IESUX*/;background:rgba(10%,10%,10%,0.5); -moz-border-radius: 0px;-webkit-border-radius:0px;border:0;text-align:left;width:auto;}
.box img, #container .box a {margin:0 auto -3px auto;padding:0 0 0 10px;border:0;}
.box#photohead img {margin:0 auto; padding:0;}
#container h1#thebes { height:20px;padding: 163px 0 0 40px;background: transparent url(/media/music/thebes/logo.png) no-repeat top center; }
#container h1#vl { height:20px;padding: 256px 0 0 0; background: transparent url(/media/music/vl/logo.png) no-repeat top center; }
#container h1#wpsa { height:20px;padding:75px 0 0 0; background: transparent url(/media/music/wp/logo.png) no-repeat top center; }
#container h1#votp { height:20px;padding:192px 0 0 0; background: transparent url(/media/music/votp/logo.png) no-repeat top center; }
table #ajaxTable { width:590px;}


/**
  * ND Framework
  * Extensions ID's and Classes 
  * Modules - Plugins
  */

.error { background: #900;  /*IESUX*/;background:rgba(60%,0%,0%,0.6); color: #fff; padding: 5px 40px; width: auto;height: auto; margin-bottom: 10px; font-size: 10px; } 


/**
  *
  * AJAX STYLE RELIENCES
  */

#ajax_buffer { }


/* Framework Forms*/
label.error { float: none; color: #f33; padding-left: .5em; vertical-align: top }
#form em { display:none; }

.formSpace {margin:0 10px 0 15px;padding:0;width:130px;clear: none;float:left;display:inline-block;text-align:right }
label.how {display:inline-block;width:auto; }
#counter {font-size:44px; white-space:nowrap;text-align:center;filter:/*IESUX*/alpha(opacity=30); /* CSS3 standard */opacity:0.3; }


/**
  * NUKEDEV TAG
  * ID and Classess
  */
#nukedev {text-align:center;color:#444;margin:0 auto;z-index:25;position:relative;padding:3px 0;width:750px}
#nukedev a {color:#777;text-decoration:none;}
#nukedev a:hover {color:#aaa}
#nukedev a .blue {color:#4A6286 }
#nukedev a:hover .blue {color:#6282AF }



/* Shout Box shitte*/
#shoutform {margin: .5em auto 1em;width: 300px;}
#shoutform table td {text-align: left;font-size: 11px;}
#shoutform label {font-weight: 700;color:#aaa}
#shoutform input {border: 1px solid #d0ccc9;background: #fff;color: #5f95ef;font-size: 11px;font-weight: 700;}
#shoutform input.text {font-weight: normal;color: #565656;border: 1px solid #9c9c9c;width: 250px;padding: 2px;margin-bottom: 5px;text-align: left;}
#shoutform input.text.user {width: 100px;}
.shoutholder h1 { color:#fff;}
#shout {margin: 1em auto;}
.shoutholder ul {list-style: none;list-style-position: outside;margin:0 10px;}
.shoutholder li {color: #ccc;}
.shoutholder li#users {color: #888;}

/*Twitter shitte*/ 
#tweeter, #tweeter ul{ padding: 3px 0; margin: 0; list-style:none;} 
#tweeter ul li {padding: 3px 5px; margin: 2px 0; list-style:none;border: 1px solid #555}
#tweeter a:visited {color:#a66;} 
#tweeter a:link {color:#ffffbe;}


#load {color:#fff;}
div#loading div {  position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url('/framework/jquery.fancybox/fancybox.png') no-repeat;color:#fff; }
div#loading {  position: relative; height: 40px; width: 40px; cursor: pointer; display: none; color:#fff;overflow: hidden; background: transparent; z-index: 100; }
#loadcenter {margin:auto;width:40px;text-align:center;color:#fff;}

/** * SOUND MANAGER DEBUG */ 
#soundmanager-debug { position:fixed; _position:absolute; /* IE <7 */ bottom:1em; right:1em; width:38em; height:30em; overflow:auto; padding:0px; margin:1em; font-family:monaco,"VT-100",terminal,"lucida console",courier,system; opacity:0.9; color:#333; border:1px solid #ccddee; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; background:#f3f9ff; }
#soundmanager-debug div { font-size:x-small; padding:0.2em; margin:0px; }

/** * TEXT HIGHTLIGHT */ 
.hl-default { color: fuchsia; }
.hl-code { color: #eee; }
.hl-brackets { color: #0ff; }
.hl-comment { color: #ccc; }
.hl-quotes { color: #0f0; }
.hl-string { color: #0f0; }
.hl-identifier { color: #69f; }
.hl-builtin { color: Teal; }
.hl-reserved { color: #f00; }
.hl-inlinedoc { color: #69F; }
.hl-var { color: #36c; }
.hl-url { color: #eee; }
.hl-special { color: #fc0; }
.hl-number { color:#f00; }
.hl-inlinetags { color: #f00; }
.hl-main { background-color: black; /* -moz-border-radius: 5px; -webkit-border-radius: 5px;*/
 padding: 11px; font: Tahoma, Geneva, sans-serif; font-size: 10px; max-width: 1300px; white-space: normal; }
.hl-gutter { background-color: #999999; color: White }
.hl-table { border: solid 1px Lightgrey; }


/** * JQUERY NOTICE */ 
.notice-wrap {  position: fixed; top: 20px; right: 20px; width: 250px; z-index: 9999; }
* html .notice-wrap {  position: absolute; } 
.notice-item {  height: 60px; background: #222; -moz-border-radius: 6px; -webkit-border-radius: 6px; color: #eee; padding: 6px 6px 0 6px; font-family: lucida Grande; font-size: 11px; border: 2px solid #999; display: block; position: relative; margin: 0 0 12px 0; }
.notice-item-close {  position: absolute; font-family: Arial; font-size: 12px; font-weight: bold; right: 6px; top: 6px; cursor: pointer; }