@charset "utf-8";
/* CSS Document */

/* BODY */

body
{
	width:995px;
	margin-left:20px;
	background-color:#000;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;	
	text-transform:lowercase;
}

/* BLOG STUFF */
#navbar-iframe {
   display: none !important;
}
#b-navbar { height:0px; visibility:hidden }

body.blog 
{
	margin-left:20px;
	position: relative;
	top: -42px;
}

.post-body
{
	/*width:486px	*/
}
/* END BLOG STUFF */

/* TYPOGRAPHY */

h1
{
	margin:0px;
	font-size:36px;	
	margin-bottom:30px;
}
h1.logo
{
	position:relative;
}
.strap
{
	font-size:16px;
	position:relative;
	margin-left:176px;
	top:-40px;
	line-height:100%;
}
#header 
{
	width:995px;
	background-image:url(imgs/header_bg.gif);
	background-repeat:no-repeat;
}
#header2 
{
	width:995px;
	background-image:url(imgs/header_bg2.gif);
	background-repeat:no-repeat;
}
#header3 
{
	width:995px;
	background-image:url(imgs/header_bg3.gif);
	background-repeat:no-repeat;
}
#header4 
{
	width:995px;
	background-image:url(imgs/header_bg4.gif);
	background-repeat:no-repeat;
}


h2
{
	margin:0px;
	font-size:21px;
}

h2.buy
{
	margin:0px;
	font-size:21px;
	color:#ffff99;
}

h2.footer
{
	font-size:21px;
	margin:0px;
	margin-bottom:4px;	
	padding:0px;
}

p
{
	font-size:12px;	
	text-transform:lowercase;
}

p.nav
{
	margin-top:0px;
	padding-top:0px;	
}

p.padding
{
	padding-left:10px;
	padding-right:10px;	
	padding-top:10px;		
}

p.test
{
	/*height:290px;
	overflow-y:scroll;
	padding-right:15px;*/
}

.buy, .question
{
	color:#FFFF99;	
}

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

a:hover
{
	color:#999;
}

ul {line-height:2em;}
/* COLUMNS */

.maincol
{
	width:740px;	
	float:left;
	margin-right:25px;
	padding-right:10px;
}

.fullwidthcol
{
	width:995px;
}

.wrapper
{
	float:left;
	margin-bottom:30px;
}

.vertspacer
{
	height:10px;	
}

.triplecol
{
	float:left;
	width:740px;
	margin-right:0px;
}

.doublecol, .doublecolright
{
	float:left;
	width:485px;
	margin-right:25px;
}
.doublecolright
{
	margin-right:0px;
}

.singlecol
{
	float:left;
	width:230px;
	margin-right:25px;
}
.singlecolright
{
	float:left;
	width:230px;
	margin-right:0px;
}
.singlecolnarrow
{
	float:left;
	width:220px;
	margin-right:0px;
}

div#dvd_1, div#dvd_2, div#dvd_3, div#dvd_4 {background-image:url(imgs/dvd_1.png); background-position:bottom; background-repeat:no-repeat; height:220px}
div#dvd_2 {background-image:url(imgs/dvd_2.png)}
div#dvd_3 {background-image:url(imgs/dvd_3.png)}
div#dvd_4 {background-image:url(imgs/dvd_4.png)}
								
.secondarynav
{
	width:110px;
	float:left;	
	margin-right:25px;
}
.archivenav
{

}
.singlecolfooter
{
	float:left;
	width:230px;
	margin-left:25px;
}
.singlecoltwitter
{
	float:left;
	width:220px;
	margin-left:0px;
}

.righthandcol
{
	width:220px;
	float:left;
}

.divider
{
	height:6px;
	background-color:#FFF;
	margin-top:20px;
	margin-bottom:20px;
}

.spacer
{
	height:24px;	
}

.rule, .rulenav
{
	height:1px;
	background-color:#FFF;
	margin-top:5px;
	margin-bottom:5px;	
}
.rulenav
{
	margin-top:0px;
}

img.relative 
{
	position:relative;
	left:0;
	top:0;
	z-index:-2;
}

img.editor 
{
	margin-bottom:14px
}

.overlay 
{
	background-image:url(imgs/overlay.png);
	position:relative;
	left:0;
	top:0;
	padding-left:10px;
	padding-right:10px;
	padding-top:12px;
	padding-bottom:15px; 
	z-index:1;
}

.overlay2 
{
	background-image:url(imgs/overlay.png);
	width:230px;
	position:absolute;
	left:0;
	top:46;
	padding-left:10px;
	padding-right:10px;
	padding-top:12px;
	padding-bottom:15px;
}

.toplayer
{
	background-image:url(imgs/overlay.png);
	height:55px;
	position:relative;
	top:0px;
	left:0px;
	z-index:2; 	
}

.bottomlayer
{	background-color:#CCC;
	height:100px;
	position:relative;
	top:-55px;
	left:0px;
	z-index:1;
}

#footer 
{
	width:995px;
	float:left;
	background-color:#FFF;
	color:#00CCFF;	
	padding-top:20px;
	padding-bottom:30px;
}

/* TWITTER */
div#twitter_div
{
	text-align:left;
	left-margin:0px;
	padding: 0px;
	margin-right:10px;
}

ul,li 
{
	margin:0px; padding: 0px 0px; list-style:none; font-size:12px; 
}

ul#twitter_update_list 
{
	color:#000; font-weight:bold; line-height:130%; margin-top:4px;
}

/* STEP CAROUSEL */

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 995px; /*Width of Carousel Viewer itself*/
height: 440px; /*Height should enough to fit largest content's height*/
border:1px solid#000;
}
.stepcarousel2{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 990px; /*Width of Carousel Viewer itself*/
height: 440px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}


.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin-right: 25px; /*margin around each panel*/
width: 230px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/* default block stuff */
.divider {height:6px; background-color:#FFF; margin-top:20px; margin-bottom:20px}

/* VIDEOBOX */

#lbOverlay 
{
	position: absolute;
	left: 0;
	top:0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
	z-index:9;
}

#lbCenter, #lbBottomContainer 
{
	position: absolute;
	left: 512px;
	overflow: hidden;
	background-color: #333; text-align: center; padding: 5px;
	z-index:10;
}

#lbBottomContainer 
{
	/* disable this feature */
	visibility:hidden;
}

.lbLoading 
{
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage 
{
	border: 10px solid #000;
}

#lbPrevLink, #lbNextLink 
{
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink 
{
	left: 0;
}

#lbPrevLink:hover 
{
	background: transparent url(prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink 
{
	right: 0;
}

#lbNextLink:hover 
{
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom 
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 5px solid #333;
	border-top-style: none;
}

#lbCloseLink 
{
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber 
{
	margin-right: 71px;
}

#lbCaption 
{
	font-weight: bold;
}

<!-- FLICKR OBJECT -->
#flickrShow
{
	position:relative;
	z-index:-1;	
}

<!-- EDITOR STUFF -->
.editor_body
{
	
}