/* @group reset */

* {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	outline: none;
	font-size: 1em;
	text-decoration: none;
}

/* @end */

/* @group default */

a {
	color: #BBB;
	text-decoration: none;
}

p {
	color: #ccc;
	text-decoration: none;
	font-size: 9px;
}

a:hover,
a:focus {
	color: #333;
}

a:active {
	color: #000;
}

h2 {
	height: 40px;
	font: 20px/40px Helvetica Neue, Helvetica, Arial, sans-serif;
	color: #000;
	padding: 0 25px;
	background: url(../img/navigation.png) no-repeat 50% 0;
	clear: both;
}

del {
	text-decoration: line-through;
	text-shadow: none;
	color: #ccc;
}

ins {
	color: #333;
}

/* @end */

/* @group layout */

/* @group body */

body { 
	/*background: url(../img/body-top.gif) repeat-x 0 0, url(../img/body.gif) repeat 0 0;*/
	background: url(../img/BCS_bg_rev2.png) no-repeat top center;
	background-color: #000000; /* #172f53 #192415 #416b65 */
	background-attachment: fixed;
	padding-top: 0px;
	font: 11px/16px "Lucida Grande", Verdana, sans-serif;
	color: #999;
	text-shadow: #fff 0 1px 0;
	overflow: -moz-scrollbars-vertical;
	overflow: -webkit-scrollbars-vertical;
	-webkit-text-size-adjust: none;
}

/* @end */

/* @group wrapper */

#meybers {
	position: relative;
	top: 55px;
	width: 700px;
	margin:  auto;
}



/* @end */

/* @group header */

#top-login { 
	background: url(../img/top_login.png) no-repeat;
	height: 25px;
	padding: 0px 0px 0;
	position: relative;
	z-index: 500;
	align: center;
}
#header { 
	/* background: url(../img/header_lean.png) no-repeat 50% bottom; */
	height: 85px;
	padding: 35px 35px 0;
	position: relative;
}

#mugshot {
	float: right;
}

h1 {
	font: 24px/30px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #ccc;
	padding-top: 18px;
	padding-left: 10px;
	text-decoration: bold;
}

#footnote {
	color: #CCC;
	padding-left: 10px;
	line-height: 20px;
	text-shadow: #eee 0 1px 0;
	position: relative;
	top: -80px;
	left: -20px;
}

#vcard {
	position: absolute;
	top: -10px;
	right: 61px;
	width: 40px;
	height: 41px;
	text-align: center;
	z-index: 3000;
}

#vcard a {
	display: block;
	width: 40px;
	height: 140px; 
	background: url(../img/torpedo-cu.png) no-repeat 0 0;
	text-decoration: none;
	text-shadow: #036 0 1px 0;
	line-height: 42px;
	color: #fff;
	font-size: 9px; 
	font-weight: bold;
	text-transform: uppercase;
}

#vcard a:active {
	margin-top: 1px;
}

#vcard a span {
	position: absolute;
	top: -45px;
	left: -54px;
	width: 138px;
	background: url(../img/vcard-label.png) no-repeat 50% 50%;
	padding-bottom: 12px;
	display: none;
	opacity: 0;	
}

/* @end */

/* start vcard2 - ashtray */

#vcard2 {
	position: absolute;
	top: 0px; /* 43px; */
	right: 0px; /* 241px;  */
	width: 40px;
	height: 41px;
	text-align: center;
}

#vcard2 a {
	display: block;
	width: 63px;
	height: 75px; 
	background: url(../img/ash-tray.png) no-repeat 0 0;
	text-decoration: none;
	text-shadow: #036 0 1px 0;
	line-height: 42px;
	color: #fff;
	font-size: 9px; 
	font-weight: bold;
	text-transform: uppercase;
}

#vcard2 a:active {
	margin-top: 1px;
}

#vcard2 a span {
	position: absolute;
	top: -45px;
	left: -54px;
	width: 138px;
	background: url(../img/vcard-label.png) no-repeat 50% 50%;
	padding-bottom: 12px;
	display: none;
	opacity: 0;	
}

/* end vcard2 - ash tray */

/* @img scroll */

div.sc_menu {
  /* Set it so we could calculate the offsetLeft */
  position: relative;
  height: 85px; /* 145px */
  width: 660px;
  /* Add scroll-bars */
  overflow: auto;
  z-index: 1001;
}
ul.sc_menu {
  display: block;
  height: 75px;
  /* Max width here, for users without Javascript */
  width: 5000px;
  padding: 15px 0 0 15px;
  /* Remove default margin */
  margin: 0;
  /* background: url(''); */
  list-style: none;
}
.sc_menu li {
  display: block;
  float: left;
  padding: 0 4px;
}
.sc_menu a {
  display: block;
  text-decoration: none;
}
.sc_menu span {
  /* We want a caption to display on the next line */
  display: block;
  margin-top: 3px;
  text-align: center;
  font-size: 10px;
  color: #ddd;
}

.sc_menu a:hover span {
	display: block;
}
.sc_menu img {
	border: 1px #2c4743 solid;	
    height: 70px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.sc_menu a:hover img {
	filter:alpha(opacity=50);	
	opacity: 0.5;
}

/* @end */


/* @group navigation 

#nav-main{background: url('/img/slanted-brew.png') top left no-repeat;}
#nav-podcast{background: url('/img/slanted-brew.png') top left no-repeat;}
#nav-networks{background: url('/img/slanted-brew.png') top left no-repeat;}
#nav-events{background: url('/img/slanted-brew.png') top left no-repeat;}
#nav-sponsors{background: url('/img/slanted-brew.png') top left no-repeat;}
#nav-about{background: url('/img/slanted-brew.png') top left no-repeat;}

*/


#navigation {
	height: 30px;
	padding: 5px 35px;
	/* background: url(../img/navigation.png) no-repeat 50% 0; */
	border: 3px;
	-webkit-border-radius: 7px;
    	-moz-border-radius: 7px;
	line-height: 28px;
	font-weight: bold;
}

#navigation li {
	text-align:center;
	float: left;
}

#navigation li a {
	text-decoration: none;
	float: left;
	padding-right: 10px;
	margin-right: 5px; 
	background: url(../img/navigation-li-a.png) #192415 no-repeat right 30px;
	opacity: 0.6;
	-webkit-border-radius: 19px;
    -moz-border-radius: 19px;
}



#navigation li a span {
	float: left;
	padding: 1px 0 1px 10px;
	color: #fff;
	background: url(../img/navigation-li.png) no-repeat 0 30px;
	opacity: 1.0;
}

#navigation li a:hover,
#navigation li a:focus {
	background-position: right 0;
	text-shadow: #ddd 0 1px 0; 
}

#navigation li a:hover span,
#navigation li a:focus span {
	background-position: 0 0;
}

#navigation li a:active {
	background-position: right -30px;
	text-shadow: #eee 0 1px 0;
}

#navigation li a:active span {
	background-position: 0 -30px;
	padding: 2px 0 0 10px;
}

.main #navigation li#nav-main a,
.podcast #navigation li#nav-podcast a,
.networks #navigation li#nav-networks a,
.events #navigation li#nav-events a,
.sponsors #navigation li#nav-sponsors a,
.about #navigation li#nav-about a,
.forgot #navigation li#nav-forgot a {
	background-position: right -60px;
	color: #fff;
	text-shadow: #666 0 1px 2px;
	cursor: default;
}

.main #navigation li#nav-main a span,
.podcast #navigation li#nav-podcast a span,
.networks #navigation li#nav-networks a span,
.events #navigation li#nav-events a span,
.sponsors #navigation li#nav-sponsors a span,
.about #navigation li#nav-about a span,
.forgot #navigation li#nav-forgot a span {
	background-position: 0 -60px;
}

/* @end */

/* @group content */

#panels {
	padding: 0 20px; 
	background: url(../img/content.png) repeat-y 50% 0;
	overflow: hidden;
}



/* @end */

/* @group footer */

#footer {
	padding: 0 20px 20px;
	text-align: center;
	line-height: 30px;
	background: url(../img/footer.png) no-repeat 50% 0;
	color: #888;
	text-shadow: #ddd 0 1px 0; 
	text-transform: uppercase;
	font-size: 9px;
	font-weight: bold;
}

#footad {
	position: relative;
	top: 45px;
}





/* @end */

/* @end */

/* container has a background image */
div.vid a.player {	
	display:block;
	width:190px;
	height:150px;
	padding:0;	
	text-align:center;
	float:left;
	margin:0 20px 0 0;
}

/* download alignment */
div.vid p.downlink  {
	float: right;
	-moz-opacity: 1.00;
	opacity: 1.00;
}

div.vid p.downlink img {
	border: 1px #000 solid;	/* border: 1px #000 solid; */
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

div.vid a.media {
/*	border: 0px #000 solid;	 border: 1px #000 solid; */
/*    -webkit-border-radius: 3px; */
/*    -moz-border-radius: 3px; */
}

/* splash image */
div.vid a.player img {
	margin-top:55px;
	border:0;	
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

/* "row" contains video and "description" text */
div.vid  {
	clear:both;	
	width:600px;
	border:3px solid #416b65; /* 	border:1px solid #ddd; */
	margin:5px;
	padding:20px;
	font:12px "bitstream vera sans","lucida grande", verdana;
	color: #FFFFFF; /* #666 */
	/* background-color: ;  	background-color:#333333;5e5d5e */
	filter: alpha(opacity=50);
	-moz-opacity: .75;
	opacity: .75;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}

/* @group specific */


/* @group news */





/* @group end */


/* @group podcast start */

#podcast li.video {
	align: center;
	}

/* @group podcast end */

/* @group contact 

#contact {
	width: 450px;
	float: left;
	background: url(../img/about-li.png) repeat-x 0 bottom;
	position: relative;
}

#contact h3 {
	height: 51px;
	padding: 10px 0 0 25px;
	font-weight: normal; 
	background: url(../img/about-h3.png) repeat-x 0 0;
	color: #666;
}

#contact h3 strong {
	color: #000;
	font: 18px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	display: block;
	padding-top: 2px;
}

#contact-personal,
#contact-work {
	width: 224px;
	float: left;
	padding-bottom: 10px;
}

#contact-work {
	padding-left: 2px; 
	background: url(../img/contact.png) repeat-y 0 0;
}

#contact li ul {
	padding-top: 5px;
}

#contact li li {
	padding: 5px 0 0 15px;
	font: 12px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #666;
}
*/
#contact li.disclaimer {
	clear: both;
	padding: 12px 0 11px;
	text-align: center;
	font: italic 11px/18px "Lucida Sans", "Lucida Grande", Verdana, sans-serif;
	background: url() repeat-x 0 -59px;
}
/*
#contact li li a {
	display: block;
	padding-left: 23px;
	background-position: 0 1px;
	background-repeat: no-repeat;
}

#contact li li.fn,
#contact li li.photo,
#contact li li span.type {
	display: none;
}

#contact li li.org {
	padding-left: 38px;
	font-size: 11px;
	font-weight: bold; 
	text-transform: uppercase; 
	background: url(../img/icons/company.png) no-repeat 15px 6px;
}

#contact li li.email a { 
	background-image: url(../img/icons/email.png);
}

#contact li li.adr a { 
	background-image: url(../img/icons/address.png);
}

#contact li li.tel a { 
	background-image: url(../img/icons/phone.png);
}

#contact li li.url a { 
	background-image: url(../img/icons/website.png);
}

 @end */

/* @group about 

#about {
	width: 450px;
}

#about li#about-personal { 
	background: url(../img/about-li.png) repeat-x 0 bottom;
	padding-bottom: 10px;
}

#about li p,
#about li li {
	font: 12px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #666;
}

#about li li {
	padding: 5px 20px 0 65px;
}

#about li p#i {
	width: 40px;
	float: left;
	padding: 5px 10px 0 15px;
	text-align: right;
}

#about h3 {
	height: 60px;
	font-weight: normal; 
	background: url(../img/about-h3.png) repeat-x 0 0;
}

#about li#about-personal h3 {
	height: 61px;
	margin-bottom: 5px;
}

#about h3 a {
	display: block;
	height: 45px;
	padding: 10px 0 5px;
	text-decoration: none;
	-webkit-transition: background-color 0.25s linear;
}

#about h3 a:hover,
#about h3 a:focus {
	background: rgba(164, 173, 183, .15);
}

#about h3 a:active {
	background: rgba(164, 173, 183, .25);
	padding: 12px 0 3px
}

#about h3 a img {
	float: left;
	margin: 0 10px 0 15px;
	-webkit-transition: margin-left 0.25s linear;
}

#about h3 a:hover img {
	margin-left: 10px;
}

#about h3 a strong {
	color: #000;
	font: 18px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	display: block;
	padding-top: 2px;
}

#about h3 a small {
	margin-top: 10px;
	float: right;
	line-height: 20px;
	padding: 0 25px 1px 30px;
	background: url(../img/about-h3-small.png) no-repeat 0 0;
	color: #fff; 
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: #bbb 0 1px 0;
}

 @end */

/* @group networks */ 

#networks {
	background: url() repeat 0 0;
	width: 600px;
	float: right;
	align: center;
}

#networks li {
	width: 300px;
	height: 60px;
	float: left;
}

#networks li a {
	display: block;
	width: 300px;
	height: 45px;
	padding: 10px 0 5px;
	text-decoration: none;
	-webkit-transition: background-color 0.25s linear;
}

#networks li a:hover,
#networks li a:focus {
	background: rgba(164, 173, 183, .15);
}

#networks li a:active {
	background: rgba(164, 173, 183, .25);
	padding: 12px 0 3px
}

#networks li a img {
	float: left;
	margin: 0 10px 0 15px;
	-webkit-transition: margin-left 0.25s linear;
}

#networks li a:hover img {
	margin-left: 10px;
}

#networks li a strong {
	color: #ccc;
	font: 18px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	display: block;
	padding-top: 2px;
}

/* @end */

/* @group networks */ 

#sponsors {
	background: url() repeat 0 0;
	width: 600px;
	float: right;
	align: center;
}

#sponsors li {
	width: 300px;
	height: 60px;
	float: left;
}

#sponsors li a {
	display: block;
	width: 300px;
	height: 45px;
	padding: 10px 0 5px;
	text-decoration: none;
	-webkit-transition: background-color 0.25s linear;
}

#sponsors li a:hover,
#sponsors li a:focus {
	background: rgba(164, 173, 183, .15);
}

#sponsors li a:active {
	background: rgba(164, 173, 183, .25);
	padding: 12px 0 3px
}

#sponsors li a img {
	float: left;
	margin: 0 10px 0 15px;
	-webkit-transition: margin-left 0.25s linear;
}

#sponsors li a:hover img {
	margin-left: 10px;
}

#sponsors li a strong {
	color: #ccc;
	font: 18px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	display: block;
	padding-top: 2px;
}

/* @end */

/* @end */

/* Overlay */
#contact-overlay {background-color:#000; cursor:not-allowed; z-index: 3005;}

/* Container */
#contact-container {width:450px; font-family:'Trebuchet MS', Verdana, Arial; font-size:16px; text-align:left; z-index: 3005;}
#contact-container .contact-content {background-color:#333; background:url(../img/form_middle.png) repeat-y; color:#ddd; height:40px;}
#contact-container h1 {color:#d76300; margin:0; padding:0 0 6px 12px; font-size:1.2em; text-align:left;}
#contact-container .contact-loading {position:absolute; background:url(../img/loading.gif) no-repeat; z-index:8000; height:55px; width:54px; margin:-14px 0 0 170px; padding:0;}
#contact-container .contact-message {text-align:center;}
#contact-container .contact-error {width:92%; font-size:.8em; background:#000; border:2px solid #ccc; font-size:0.8em; font-weight:bold; margin:0 auto; padding:2px;}
#contact-container br {clear:both;}
#contact-container form {padding:0; margin:0;}
#contact-container label {clear:left; display:block; width:100px; float:left; text-align:right; padding-right:4px; font-weight:bold;}
#contact-container .contact-input {font-family:'Trebuchet MS', Verdana, Arial; float:left; padding:2px; margin:2px; background:#eee; border:1px solid #fff; width:300px;}
#contact-container .contact-beer {font-family:'Trebuchet MS', Verdana, Arial; float:left; padding:2px; margin:2px; background:#eee; border:1px solid #fff; width:200px;}
#contact-container .contact-dropdown {font-family:'Trebuchet MS', Verdana, Arial; float:left; padding:1px; margin:2px; background:#eee; border:0px solid #fff; width:300px;}
#contact-container textarea {height:114px; font-size:.9em;}
#contact-container .contact-cc {font-size:.9em; cursor:default;}
#contact-container .contact-top {height:13px; background:url(../img/form_top.png) no-repeat; padding:0; margin:0;}
#contact-container .contact-bottom {height:13px; background:url(../img/form_bottom.png) no-repeat; font-size:.7em; text-align:center;}
#contact-container .contact-bottom a,
#contact-container .contact-bottom a:link,
#contact-container .contact-bottom a:active,
#contact-container .contact-bottom a:visited {position:relative; top:-4px; text-decoration:none; color:#666;}
#contact-container .contact-bottom a:hover {color:#888;}
#contact-container .contact-button {margin:4px 0 0 4px; cursor:pointer; height:24px; border:0; font-size:1em; font-weight:bold; color:#fff; text-align:center; vertical-align:middle;}
#contact-container .contact-send {width:50px; background:url(../img/send.png) no-repeat;}
#contact-container .contact-cancel {width:65px; background:url(../img/cancel.png) no-repeat;}
#contact-container a.modalCloseX,
#contact-container a.modalCloseX:link,
#contact-container a.modalCloseX:active,
#contact-container a.modalCloseX:visited {text-decoration:none; font-weight:bold; font-size:1.2em; position:absolute; top:-1px; right:6px; color:#999;}
#contact-container a.modalCloseX:hover {color:#9bb3b3;}

#top_right {
	border: 0px red dashed;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 280px;
	overflow: hidden;
	height: 300px;
	z-index: 1000;
}
#top_right img {
	border: none;
}
/* Start Opt for Firefox Logo */
#fflink {
	z-index: 4000;
	position: absolute;
	right: 0;
	top: 0;
	width: 400px;
	height: 35px;
	overflow: hidden;
}

#fflink img, #fflink div {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}

#fflink img {
  right: 0px;
}

#fflink div.ff_wrapper {
  width: 280px;
  height: 35px;
}

#fflink div.follow {
  width: 280px;
  height: 35px;
  left: 0px;
}

#fflink div.firefox {
  width: 32px;
  height: 25px;
  background: top right url(../img/optfff.png);
  top: 5px;
}

/* End Opt for Firefox Logo */
/* Start Opt for IE8 Logo */
#ielink {
	z-index: 2000;
	position: absolute;
	right: 0;
	top: 35px;
	width: 400px;
	height: 35px;
	overflow: hidden;
}

#ielink img, #ielink div {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}

#ielink img {
  right: 0px;
}

#ielink div.ie_wrapper {
  width: 280px;
  height: 35px;
}

#ielink div.iefollow {
  width: 280px;
  height: 35px;
  left: 0px;
}

#ielink div.iexplorer {
  width: 32px;
  height: 25px;
  background: top right url(../img/optie8txt.png);
  top: 5px;
}

/* End Opt for IE8 Logo */
/* Start Opt for RSSHI */
#rsshi {
	position: absolute;
	right: 60px;
	top: 80px;
	width: 27px;
	height: 400px;
	overflow: hidden;
	border: 0px blue dotted;
	z-index: 8000;
	float: right;
}
#rsshi div.rss1{
	border: 0px red solid;
	height: 20px;
	width: 30px;
	right: 30px;	
}
#rsshi img, #rsshi div {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
#rsshi div.rsshi_wrapper {
  width: 30px;
  height: 500px;
}
#rsshi div.rss1 {
  width: 280px;
  height: 0px;
  left: 0px;
  background: top left url(../img/RSS-MP4hi.png);
  top: 5px;
}
/* End Opt for RSSHI */
/* Start Opt for RSSLO */
#rsslo {
	position: absolute;
	right: 30px;
	top: 80px;
	width: 27px;
	height: 400px;
	overflow: hidden;
	border: 0px blue dotted;
	z-index: 8000;
	float: right;
}
#rsslo div.rss2{
	border: 0px red solid;
	height: 20px;
	width: 30px;
	right: 30px;	
}
#rsslo img, #rsslo div {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
#rsslo div.rsslo_wrapper {
  width: 30px;
  height: 35px;
}
#rsslo div.rss2 {
  width: 280px;
  height: 0px;
  left: 0px;
  background: top left url(../img/RSS-MP4lo.png);
  top: 5px;
}
/* End Opt for RSSLO */
/* Start Opt for RSSREG */
#rssreg {
	position: absolute;
	right: 0px;
	top: 80px;
	width: 27px;
	height: 400px;
	overflow: hidden;
	border: 0px blue dotted;
	z-index: 8000;
	float: right;
}
#rssreg div.rss3{
	border: 0px red solid;
	height: 20px;
	width: 30px;
	right: 30px;	
}
#rssreg img, #rssreg div {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
#rssreg div.rssreg_wrapper {
  width: 30px;
  height: 35px;
}
#rssreg div.rss3 {
  width: 280px;
  height: 0px;
  left: 0px;
  background: top left url(../img/RSS-MP3.png);
  top: 5px;
}
/* End Opt for RSSREG */
#rss_wrapper {
	border: 0px orange solid;
	float: right;
}
#rss_wrapper img.rssverify {
	position: relative;
	top: 70px;
	z-index: 9000;
}