/* CSS Document */

body 									{ background-color: #000; background-image: url(/assets/images/weave-bg.jpg);  background-repeat: repeat; margin: 0; padding: 0 0 30px 0; text-align: center; }

/* Headers */
h1 									{ font-size: 26px; font-weight: normal; color: #7ece00; margin: 0; } 
h1 span								{ font-size: 11px; }
h2  									{ font-size: 11px; color: #fff; margin: 0; }
h3										{ font-size: 14px; color: #04C3FD; margin: 25px 0 5px 0; font-weight: bold; }
h4										{}
h5										{}
span.sideheader					{ font-size: 11px !important; color: #fff !important; }

/* Linkage */
a:link 								{}
a:visited 							{}
a:hover								{}
a:focus								{}
a:active								{} 

a.no-hov							{ text-decoration: none !important; background-color: transparent !important; border: 0 !important; }

/* Misc. */
img									{ border: 0; }
acronym 							{ cursor: help; }
.clear								{ clear: both; }
::-moz-selection				{ background: #fff; color: #7ece00; }
::selection							{ background: #fff; color: #7ece00; }
#hyphy-vimeo					{ width: 255px; height: 158px; padding: 148px 0 0 166px; }
.divider-lines						{ display: block; height: 7px; background-image: url(/assets/images/divider-bg.png); background-repeat: repeat-x; margin: 0 0 20px 0; }
.img-border						{ padding: 10px; background-color: #E3E3E3; }

/* Navigation */
#nav									{ display: block; height: 35px; background-color: #0c0c0c; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; }

a.blue:link						{ display: block; height: 23px; padding: 8px 0 0 0; text-align: center; color: #fff; text-decoration: none; border-bottom: solid 4px #0c0c0c; }
a.blue:visited					{ display: block; height: 23px; padding: 8px 0 0 0; text-align: center; color: #fff; text-decoration: none; border-bottom: solid 4px #0c0c0c; }
a.blue:hover						{ display: block; height: 23px; padding: 8px 0 0 0; text-align: center; color: #00c1f9; text-decoration: none; border-bottom: solid 4px #fff; }
a.blue:focus						{ display: block; height: 23px; padding: 8px 0 0 0; text-align: center; color: #00c1f9; text-decoration: none; border-bottom: solid 4px #fff; }
a.blue:active						{ display: block; height: 23px; padding: 8px 0 0 0; text-align: center; color: #00c1f9; text-decoration: none; border-bottom: solid 4px #fff; }

a.pink:link						{ display: block; height: 23px; padding: 8px 0 0 0; text-align: center; color: #fff; text-decoration: none; border-bottom: solid 4px #0c0c0c; }
a.pink:visited					{ display: block; height: 23px; padding: 8px 0 0 0; text-align: center; color: #fff; text-decoration: none; border-bottom: solid 4px #0c0c0c; }
a.pink:hover						{ display: block; height: 23px; padding: 8px 0 0 0; text-align: center; color: #ff3ace; text-decoration: none; border-bottom: solid 4px #fff; }
a.pink:focus						{ display: block; height: 23px; padding: 8px 0 0 0; text-align: center; color: #ff3ace; text-decoration: none; border-bottom: solid 4px #fff; }
a.pink:active						{ display: block; height: 23px; padding: 8px 0 0 0; text-align: center; color: #ff3ace; text-decoration: none; border-bottom: solid 4px #fff; }

a.green:link						{ display: block; height: 23px; padding: 8px 0 0 0; text-align: center; color: #fff; text-decoration: none; border-bottom: solid 4px #0c0c0c; }
a.green:visited					{ display: block; height: 23px; padding: 8px 0 0 0; text-align: center; color: #fff; text-decoration: none; border-bottom: solid 4px #0c0c0c; }
a.green:hover					{ display: block; height: 23px; padding: 8px 0 0 0; text-align: center; color: #7ece00; text-decoration: none; border-bottom: solid 4px #fff; }
a.green:focus					{ display: block; height: 23px; padding: 8px 0 0 0; text-align: center; color: #7ece00; text-decoration: none; border-bottom: solid 4px #fff; }
a.green:active					{ display: block; height: 23px; padding: 8px 0 0 0; text-align: center; color: #7ece00; text-decoration: none; border-bottom: solid 4px #fff; }

a.orange:link						{ display: block; height: 23px; padding: 8px 0 0 0; text-align: center; color: #fff; text-decoration: none; border-bottom: solid 4px #0c0c0c; }
a.orange:visited					{ display: block; height: 23px; padding: 8px 0 0 0; text-align: center; color: #fff; text-decoration: none; border-bottom: solid 4px #0c0c0c; }
a.orange:hover					{ display: block; height: 23px; padding: 8px 0 0 0; text-align: center; color: #ff8503; text-decoration: none; border-bottom: solid 4px #fff; }
a.orange:focus					{ display: block; height: 23px; padding: 8px 0 0 0; text-align: center; color: #ff8503; text-decoration: none; border-bottom: solid 4px #fff; }
a.orange:active					{ display: block; height: 23px; padding: 8px 0 0 0; text-align: center; color: #ff8503; text-decoration: none; border-bottom: solid 4px #fff; }

ul#nav-list							{ margin: 0; padding: 0; }
ul#nav-list li						{ display: block; width: 133px; float: left; list-style-type: none; padding: 0; margin: 0; overflow: hidden; }
li#home								{ display: block; width: 135px !important; float: left; list-style-type: none; padding: 0; margin: 0; overflow: hidden; }

li#currentpage					{ display: block; width: 133px; float: left; list-style-type: none; padding: 0; margin: 0; overflow: hidden; }
#nav #currentpage a			{ display: block; height: 23px; padding: 8px 0 0 0; text-align: center; color: #fff; text-decoration: none; border-bottom: solid 4px #fff; font-weight: bold !important; }

/* Content */
#container							{ text-align: left; margin: 0 auto; padding: 0 20px; background-color: #fff; width: 800px; }
#top									{ width: 800px; height: 362px; background-image: url(/assets/images/top-black-bg.jpg); background-repeat: no-repeat; }

#content							{ display: block; padding: 5px 0 10px 0; font-family: "Trebuchet MS", Arial, Verdana; }
#content p							{ font-size: 12px; color: #626262; line-height: 180%; }
#content a:link					{ color: #7ece00; text-decoration: none; }
#content a:visited				{ color: #7ece00; text-decoration: none; }
#content a:hover				{ color: #7ece00; text-decoration: underline; }
#content a:focus				{ color: #7ece00; text-decoration: underline; }
#content a:active				{ color: #7ece00; text-decoration: underline; }

.left									{ width: 390px; float: left; }
.right								{ width: 390px; float: right; }
.black-bg							{ background-color: #000; -moz-border-radius: 10px; padding: 20px; }
.black-bg p						{ color: #fff !important; }

/* booking */
.booking-box						{ display: block; float: left; width: 360px; padding: 20px; -moz-border-radius: 10px; overflow: hidden; }
.booking-box:hover			{ background-color: #eff2f5; }
.booking-box p					{ line-height: normal !important; margin: 3px 0 !important; text-align: center; font-size: 11px !important; color: #A7A7A7 !important; }


span.booking-name			{ display: block; color: #7ece00 !important; font-size: 15px; font-weight: bold; }
span.booking-address			{ display: block; color: #fff !important; font-size: 11px; }
.booking-name-box			{ display: block; background-color: #000; -moz-border-radius: 10px; padding: 10px 20px; }

ul.booking-personnel			{ margin: 0; padding: 15px 40px; display: block; }
ul.booking-personnel li		{ display: block; height: 40px; list-style-type: square; margin: 5px 0; padding: 0 0 0 20px; font-size: 12px; color: #5d5d5d; }
li.booking-blank				{ display: block; height: 40px; list-style-type: none !important; margin: 5px 0; padding: 0 0 0 20px; }

/* bio */
#bio-bg								{ display: block; width: 800px; height: 975px; background-image: url(/assets/images/bio-bg.jpg); background-repeat: no-repeat; background-position: 50% 0; }
.left-bio							{ width: 220px; padding: 0; float: left; }
.right-bio							{ width: 220px; padding: 0; float: right; }

/* events */
#events-scroll					{ display: block; height: 152px; overflow: auto; }
ul#events							{ display: block; margin: 0; padding: 0; }
ul#events li						{ display: block; margin: 0; padding: 3px; color: #626262; font-size: 10px; list-style-type: none; }
li.event-row						{ background-color: #F6F6F6; list-style-type: none; }
ul#events li:hover				{ background-color: #ffecfc; color: #626262; }

ul#event-category-names	{ display: block; margin: 0; padding: 0; }
li#event-categories			{ display: block; margin: 0; padding: 3px; list-style-type: none; color: #7ece00 !important; font-size: 11px; font-weight: bold; border-bottom: solid #777 1px; }
li#event-categories:hover	{ background-color: transparent !important; }

span.event-cat-date			{ width: 100px; }
span.event-cat-name			{ width: 220px; }
span.event-cat-alongside	{ width: 160px; }
span.event-cat-location		{ width: 200px; }
span.event-cat-flyer			{ width: 80px; }

span.event-cat-date, span.event-cat-name, span.event-cat-alongside, span.event-cat-location, span.event-cat-flyer
										{ display: block; float: left; text-align: center; overflow: hidden; }

span.events-date				{ width: 100px; }
span.events-name				{ width: 220px; font-weight: bold; }
span.events-alongside		{ width: 160px; }
span.events-location			{ width: 200px; }
span.events-flyer				{ width: 80px; }

span.events-date, span.events-name, span.events-alongside, span.events-location, span.events-flyer
										{ display: block; float: left; text-align: center; overflow: hidden; }

/* List Styles */
ul.standard						{ margin: 0; padding: 0; width: 280px; overflow: hidden; }
ul.standard li						{ display: block; margin: 0 0 15px 0; padding: 0; list-style-type: none; color: #000; font-size: 10px; line-height: 150%; }

ul.gallery-thumbs				{ margin: 0; padding: 20px 0 0 0; }
ul.gallery-thumbs li			{ display: block; width: 60px; height: 50px; margin: 0 15px 10px 0; padding: 0; overflow: hidden; float: left; list-style-type: none; }

a.gallery:link						{ display: block; width: 50px; height: 40px; background-color: #; padding: 1px; border: solid # 4px; }
a.gallery:visited					{ display: block; width: 50px; height: 40px; background-color: #; padding: 1px; border: solid # 4px; }
a.gallery:hover					{ display: block; width: 50px; height: 40px; background-color: #; padding: 1px; border: solid # 4px; }
a.gallery:focus					{ display: block; width: 50px; height: 40px; background-color: #; padding: 1px; border: solid # 4px; }
a.gallery:active					{ display: block; width: 50px; height: 40px; background-color: #; padding: 1px; border: solid # 4px; }

ul#videos							{ margin: 0; padding: 0; }
ul#videos li						{ list-style-type: none; font-size: 40px; margin: 0; padding: 0; letter-spacing: 1px; font-weight: normal; text-transform: uppercase; line-height: 80%; }

ul#videos li a:link				{ display: block; color: #fff !important; text-decoration: none; }
ul#videos li a:visited			{ display: block; color: #fff !important; text-decoration: none; }
ul#videos li a:hover			{ display: block; color: #7ece00 !important; text-decoration: none; }
ul#videos li a:focus			{ display: block; color: #7ece00 !important; text-decoration: none; }
ul#videos li a:active			{ display: block; color: #7ece00 !important; text-decoration: none; }

/* Footer */
#footer								{ width: 800px; font-family: "Trebuchet MS", Arial, Verdana; font-size: 11px; letter-spacing: 1px; text-align: right; padding: 40px 0 15px 0; background-image: url(/assets/images/footer-bg.jpg); background-repeat: no-repeat; }

ul#footer-ext-sites				{ margin: 0; padding: 5px 0 0 0; display: block; float: right; }
ul#footer-ext-sites li			{ display: block; float: left; width: 35px; height: 35px; list-style-type: none; margin: 0 0 0 11px; }

#footer a:link					{ color: #5d5d5d; text-decoration: none; }
#footer a:visited				{ color: #5d5d5d; text-decoration: none; }
#footer a:hover					{ color: #5d5d5d; text-decoration: none; border-bottom: solid 2px #7ece00; }
#footer a:focus					{ color: #5d5d5d; text-decoration: none; border-bottom: solid 2px #7ece00; }
#footer a:active					{ color: #5d5d5d; text-decoration: none; border-bottom: solid 2px #7ece00; }

