@charset "utf-8";

/* Main Stylesheet for BadFun Portfolio site */

.badfunDark body, html {
	margin:0;
	padding:0; /* set all to zero */
	background:#333;
	color:#FFC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
}

.badfunDark #wrapper {
	margin: 0 auto; /* for centering page, must also give a width */
	width: 1025px;
}

.badfunDark #main_content {
	width:100%; /* for centering page */
}

.badfunDark #header {
	background: url(../bf_grx/bf_portfolio_hdr.jpg) no-repeat left;
	height: 110px; /* must give height if there is no content in the header */
}

.badfunDark #footer {
	border-top:#F00 solid 4px;
	width:953px;
	margin: 30px 0 0 38px;
}

.badfunDark .inner_content {
	/*width: 953px;*/
	/*max-height: 179px;*/
	overflow:hidden; /* for some reason removing this interferes with text box top margin */
	margin: 15px 0 0 38px;
}

.badfunDark .inner_content img{
	float:left;
	margin: 15px 0 0 0;
	border:none;
 }

 
 .badfunDark .textbox {
 	position:relative; /* for bottom position container must be relative */
	margin: 15px 0 0 312px;
	height: 166px; /* for bottom position height must be given */
 }
 
.badfunDark .textbox p {
	font-size:12px;
}
 
.badfunDark .urlnav {
	position:absolute; /* for bottom position div must be absolute */
	bottom:4px;
}
 
.badfunDark .urlbutton {
	background: #000;
	display:table-cell;
	padding:2px;
	border: #666 thin ridge;
}

.badfunDark a.urllink {
	text-decoration: none;
	color: #FFC;
}

.badfunDark a:hover.urllink {
	background:#FFC;
	color:#333;
}
 
/* extra classes */


.redhilite {color:#F00;}


/* dynamic drive step carousel code */
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 1024px; /*Width of Carousel Viewer itself*/
height: 200px; /*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: 0; /*margin around each panel*/
/*width: 991px;*/ /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}                 /*NOTE: in my experience widths MUST be defined in each div, or panels start to overlap */

/* nav button rollovers */

.badfunDark a.nextrollover {
	display:block;
	width:24px;
	height:24px;
	background:url(../bf_grx/next_btn.gif);
	overflow: hidden;   /* next lines hide the text but still allow for accesibility */
    text-indent: -10000px;  
    font-size: 0px;  
    line-height: 0px;  
}

.badfunDark a.backrollover {
	display:block;
	width:24px;
	height:24px;
	background:url(../bf_grx/back_btn.gif);
	overflow: hidden;   /* next lines hide the text but still allow for accesibility */
    text-indent: -10000px;  
    font-size: 0px;  
    line-height: 0px;  

}
 /* states for next button */
.badfunDark a:visited.nextrollover {
	background-position: 0 -24px;
}

.badfunDark a:hover.nextrollover {
	background-position: 0 -48px;
}

.badfunDark a:active.nextrollover {
	background-position: 0 -72px;
}

/* states for back button */
.badfunDark a:visited.backrollover {
	background-position: 0 -24px;
}

.badfunDark a:hover.backrollover {
	background-position: 0 -48px;
}

.badfunDark a:active.backrollover {
	background-position: 0 -72px;
}