/* SDF styles added by lowell 120709*/
.namestyle
{
	font-family: Calibri, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FF0;
	text-decoration: none;
}
.sdfmenutext {
	font-family: Calibri, Arial, sans-serif;
	font-size: 14px;
	color: #FF0;
	text-decoration: none;
/*	text-align:center;*/
	
}
.sdfmenulink a{
	font-family: Calibri, Arial, sans-serif;
	font-size: 14px;
	color: #FF0;
	text-decoration: none;
	text-align:left;
}

.namestyleright {
	font-family: Calibri, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FF0;
	text-decoration: none;
	text-align:right;
	margin-right: 22px;
	padding-top: 8px:

}

.smallprint {
	color: #FFF; 
	font-size: 10px; 
	font-family: Calibri, Arial, sans-serif;
}
	
.sdfheadertext {
	color:#FF0; 
	font-family: Calibri, Arial, sans-serif; 
	font-size: 18px; 
	font-weight: bold;
	text-align:right;
/*	padding-right:22px;*/

}
	

/*
dark blue = 		#005F98
medium blu = 		#0f7cbf	or rgb(15, 124, 191)
lighgt blue =		#00CCCC
hover orange = 		#FF9900
dark orange = 		#D77A0D
*/

div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align:baseline;
}

/*html {
	background-color: #000;
}*/
	
body {
	background-color: #4F4F4F;
	font-size:14px;
	font-family:Calibri, Arial, Helvetica,Tahoma,Verdana;
	font-size: 11px;
	color: #3E3E3E;
/*	background-image:url('/_components/css/img/skyline_light_bg.gif');*/
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-position:bottom center;
	background-attachment:fixed;
	background-repeat:no-repeat;
	padding:10px 0px 60px;
	margin:0px;
}

h1, h2, h3, h4, h5, h6 {
	margin:6px 0px;
	font-family:Calibri, Arial, Helvetica,Tahoma,Verdana;
	letter-spacing:1px;
	font-weight:bold;
	line-height:100%;
	text-transform:capitalize;
}

h1 {
	font-size:32px;
}
h2 {
	font-size:20px;
}
h3 {
	font-size:20px;
}
h4 {
	font-size:14px;
}
h5 {
	font-size:13px;
	font-family:'Arial Narrow', Arial, Helvetica, sans-serif;
	font-weight:bold;
}












#invalid-browser {
	width:100%;
	background-color:#ffcc66;
	height:30px;
	position:fixed;
	top:0px;
	left:0px;
	color:red;
	border-bottom:1px solid red;
	text-align:center;
	z-index:500;
}

#invalid-browser div {
	padding:10px;
}

#dyes-container {
	min-height:750px;
	width:960px;
	margin-left:auto;
	margin-right:auto;
	background-color:#0f7cbf;
	background-color:rgba(15, 124, 191, 0.9);
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);
}

#dyes-container #dyes-header-wrapper #dyes-header{
	width:960px;
	height:115px;
	background-repeat: no-repeat;
	background-size:100% auto;
}

#dyes-container #dyes-header-wrapper, #dyes-header {
	border-top-left-radius:inherit;
	border-top-right-radius:inherit;
	-moz-border-top-left-radius:inherit;
	-moz-border-top-right-radius:inherit;	
	-webkit-border-top-left-radius:inherit;
	-webkit-border-top-right-radius:inherit;
}

#dyes-container #dyes-header-wrapper #dyes-header-nav{
	width:100%;
}

#dyes-container #dyes-header-wrapper #dyes-header-nav li {
	display:inline;
	float:left;
	width:147px;
	margin:2px 0 6px 8px;
	font-size:12px;
	padding:2px 0px;
	text-align:center;
	background-color:#005f98;
	border:2px solid #0CC;
	border-radius:0px 4px 0px 4px;
	-moz-border-radius:0px 4px 0px 4px;
	-webkit-border-radius:0px 4px 0px 4px;
}

#dyes-container #dyes-header-wrapper #dyes-header-nav a:link ,
#dyes-container #dyes-header-wrapper #dyes-header-nav a:active ,
#dyes-container #dyes-header-wrapper #dyes-header-nav a:hover ,
#dyes-container #dyes-header-wrapper #dyes-header-nav a:visited {
	text-decoration:none;
}

#dyes-container #dyes-header-wrapper #dyes-header-nav a:link li,
#dyes-container #dyes-header-wrapper #dyes-header-nav a:active li,
#dyes-container #dyes-header-wrapper #dyes-header-nav a:hover li,
#dyes-container #dyes-header-wrapper #dyes-header-nav a:visited  li{
	text-decoration:none;
	font-weight:bold;
	color: #ffffff;
}

#dyes-container #dyes-header-wrapper #dyes-header-nav  a:active li,
#dyes-container #dyes-header-wrapper #dyes-header-nav  a:hover li{
	color:#ff8800;
	border:2px solid #ff8800;
	text-decoration:none;
}

#dyes-container .dyes-content-block .top-post-content a:link,
#dyes-container .dyes-content-block .top-post-content a:visited {
	color:#D77A0D;
	text-decoration:none;
}

#dyes-container .dyes-content-block .top-post-content a:active,
#dyes-container .dyes-content-block .top-post-content a:hover {
	color:#ff8800;
	text-decoration:underline;
}


/*-----Columns and Rows-----*/
#dyes-container .block-container .row {
	clear:both;
	width:100%;
	
}

#dyes-container .block-container .row.banner-ad-row {
	height:60px;
}

#dyes-container img.stretcher {
	width:95%;
	height:1px;
	margin:0px;
	padding:0px;
	display: block;
}

#dyes-container .block-container .column {
	width:100%;
	display:inline;
	float:left;
}

#dyes-container .block-container .dyes-content-container .column {
	padding:0px 8px 0px 0px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

#dyes-container .block-container .dyes-content-container iframe {
	display:none;
}

#dyes-container .block-container .odd .dyes-content-container .column:first-child {
	padding:0px 8px 8px 8px;
}


#dyes-container .block-container .even .dyes-content-container .column:first-child {
	padding:0px 8px 8px 8px;
}

/*-----Full-----*/
#dyes-container .block-container .column.full {
	width:100%;
}






/*-----Halves-----*/
#dyes-container .block-container .column.one-half,
#dyes-container .block-container .column.two-quarters,
#dyes-container .block-container .column.three-sixths {
	width:50%
}

/*-----Thirds-----*/
#dyes-container .block-container .column.one-third,
#dyes-container .block-container .column.two-sixths {
	width:33%
}

#dyes-container .block-container .column.one-third.fill,
#dyes-container .block-container .column.two-sixths.fill {
	width:34%
}

#dyes-container .block-container .column.two-thirds,
#dyes-container .block-container .column.four-sixths {
	width:67%
}

/*-----Quarters-----*/
#dyes-container .block-container .column.one-quarter {
	width:25%
}

#dyes-container .block-container .column.three-quarters {
	width:75%
}

/*-----Fifths-----*/
#dyes-container .block-container .column.one-fifth {
	width:20%
}

#dyes-container .block-container .column.two-fifths {
	width:40%
}

#dyes-container .block-container .column.three-fifths {
	width:60%
}

#dyes-container .block-container .column.four-fifths {
	width:80%
}

/*-----Sixths-----*/
#dyes-container .block-container .column.one-sixth {
	width:16%
}
#dyes-container .block-container .column.one-sixth:first-child {
	width:17%
}
#dyes-container .block-container .column.five-sixths {
	width:83%
}


/*-----Ad Styles-----*/
#dyes-container #dyes-body-wrapper .ad-space {
	color:#FFF;
}

#dyes-container #dyes-body-wrapper .ad-space .wide-skyscraper {
	width:160px;
	height:600px;
	/*background-color:rgba(255,0,0,0.1);*/	
}

#dyes-container #dyes-body-wrapper .even .one-sixth.ad-space {
	padding-left:3px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

#dyes-container #dyes-body-wrapper .ad-space .banner {
	width:468px;
	height:60px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	background-color:rgba(255,0,0,0.1);
}

#dyes-container #dyes-body-wrapper .ad-space .full-leaderboard {
	width:728px;
	height:90px;
	margin:0px 8px 8px 8px;
	display:inline;
	float:left;
}

#dyes-container #dyes-body-wrapper .ad-space .full-leaderboard-bookend {
	width:208px;
	height:90px;
	margin-right:8px;
	background:rgba(255, 0, 0, 0.5);
	display:inline;
	float:left;
}


/*-----Content-----*/
#dyes-container #dyes-body-wrapper {
	margin-top:8px;
}

#dyes-container #dyes-body-wrapper .dyes-content-container {
	min-height:861px;
}



.dyes-content-block {
	min-height:150px;
	background-color:rgba(255, 255, 255, 0.9);
	background-color:fff;
	border-radius:4px 4px 4px 4px;
	-moz-border-radius:4px 4px 4px 4px;
	-webkit-border-radius:4px 4px 4px 4px;
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.4);
	padding:5px;
	margin:2px;
	box-sizing:border-box;
	overflow:hidden;
	position:relative;
}

.dyes-content-block.primary {
	height:210px;
}






.dyes-content-block.secondary,
.dyes-content-block.tertiary {
	height:180px;
}

.dyes-content-block.fourth,
.dyes-content-block.fifth,
.dyes-content-block.sixth {
	height:225px; /*190 + 35*/
}

.dyes-content-block.seventh {
	height:215px;
}



.fade-out {
	width:100%;
	z-index:5;
	position:absolute;
	bottom:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.fade {
	width:100%;
	height:55px;
	background:-moz-linear-gradient(top, rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 1));
	background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 0.0)));
	position:relative;	

}

.white-block {
	width:100%;
	height:20px;
	background-color:#FFF;
}

.read-more, .last-post {
	background-color:#ffffff;
	font-weight:bold;
	font-size:11px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-shadow: rgba(0, 0, 0, 0.3) 1px 1px 2px;
	position:absolute;
	bottom:4px;
}

.read-more {
	left:0px;
}


 .last-post{
	right:12px;
}

.read-more a:link,
.read-more a:hover,
.read-more a:active,
.read-more a:visited,
.last-post a:link,
.last-post a:hover,
.last-post a:active,
.last-post a:visited {
	color: #d77a0d;
	text-decoration:none;
}

.read-more a:hover,
.read-more a:active,
.last-post a:hover,
.last-post a:active{
	color:#ff8800;
}




#dyes-container #dyes-footer{
	clear:both;
	width:100%;
	width:960px;
	min-height:35px;
	padding:0px 0px 0px 8px;
	margin-top:8px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	
	border-bottom-left-radius:inherit;
	border-bottom-right-radius:inherit;
	-moz-border-bottom-left-radius:inherit;
	-moz-border-bottom-right-radius:inherit;	
	-webkit-border-bottom-left-radius:inherit;
	-webkit-border-bottom-right-radius:inherit;
}

#dyes-container #dyes-footer .copyright,
#dyes-container #dyes-footer .dyes-copyright{
	width:100%;
	padding:5px 0px 3px;
	
	height:15px;
	font-size:11px;
	text-align:center;
	color:##3FF;
	clear:both;
	text-align:center; 
	padding-top:3px;
}

.top-post-image {
	padding:0px 5px 0px 0px;
	float:right;
	display:inline;
}


.top-post-title a:link,
.top-post-title a:hover,
.top-post-title a:active,
.top-post-title a:visited,
.top-threads a:link,
.top-threads a:hover,
.top-threads a:active,
.top-threads a:visited,
#dyes-footer a:link,
#dyes-footer a:visited {
	color: #3E3E3E;
	text-decoration:none;
}

.top-post-title h1 a:link,
.top-post-title h1 a:hover,
.top-post-title h1 a:active,
.top-post-title h1 a:visited {
	color:#d77a0d;
}

.top-post-title a:hover,
.top-post-title a:active,
.top-threads a:hover,
.top-threads a:active,
#dyes-footer .dyes-content-block a:hover,
#dyes-footer .dyes-content-block a:active
{
	color:#ff8800;
}

.top-post-content a:link,
.top-post-content a:hover,
.top-post-content a:active,
.top-post-content a:visited {
	color: #005f98;
	text-decoration:none;
}

.top-post-content a:hover,
.top-post-content a:active {
	color:#ff8800;
}
	
.top-thread {
	border-bottom:1px solid #ccc;
	padding:1px 0px 0px;
}	

.timestamp, .upper-corner .photo-caption {
	font-size:8px;
	padding:1px;
	text-align:center;
	color:#999;
}

.notice {
	font-size: 10px;
	line-height: 12px;
	margin-left:10px;
	margin-right: 5px;
	margin:0px 5px 10px 5px;
}

.upper-corner, .upper-right {
	font-size: 11px;
	line-height: 13px;
	margin-bottom:8px;
}

.dyes-content-block.upper-corner .title h2{
	margin:0px 0px 3px;
}

.dyes-content-block.upper-corner p{
	margin-bottom:7px;
}

.top-post-content .bbcode_quote {
	display:none;
}
.top-post-content {
	margin-left: 10px;
}

#dyes-footer .column .dyes-content-block ul{
	font-family:Times, serif;
	font-size:14px;
	font-weight:bold;
	padding-left:35px;
	list-style-type:none;
	text-indent:none;
}

#dyes-footer .column .dyes-content-block {
	height:166px;
}

#dyes-footer .column .dyes-content-block h6{
	color: #369;
	text-transform: uppercase;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

/*---- Template Specific -----*/

#dyes-container.dual-sidebar-141-2 #dyes-body-wrapper > .row > .column.two-thirds,
#dyes-container.right-sidebar-21-1 #dyes-body-wrapper > .row > .column.two-thirds,
#dyes-container.left-sidebar-12-2 #dyes-body-wrapper > .row > .column.two-thirds {
	width:624px;
}

/*---- right sidebar 21-1 & left sidebar 12-2 -----*/
#dyes-container.right-sidebar-21-1 #dyes-body-wrapper > .row > .column.one-third,
#dyes-container.left-sidebar-12-2 #dyes-body-wrapper > .row > .column.one-third {
	width:328px;
}

#dyes-container.right-sidebar-21-1 #dyes-body-wrapper .dyes-content-block.upper-corner,
#dyes-container.left-sidebar-12-2 #dyes-body-wrapper .dyes-content-block.upper-corner {
	height:250px;
}

#dyes-container.right-sidebar-21-1 #dyes-body-wrapper .dyes-content-block.upper-corner .title,
#dyes-container.left-sidebar-12-2 #dyes-body-wrapper .dyes-content-block.upper-corner .title {
	width:100%;
	text-align:center;
}

#dyes-container.right-sidebar-21-1 #dyes-body-wrapper .dyes-content-block.upper-corner .first,
#dyes-container.left-sidebar-12-2 #dyes-body-wrapper .dyes-content-block.upper-corner .first {
	width:50%;
	text-align:center;
	float:left;
	display:inline;
}

#dyes-container.right-sidebar-21-1 #dyes-body-wrapper .dyes-content-block.upper-corner .second,
#dyes-container.left-sidebar-12-2 #dyes-body-wrapper .dyes-content-block.upper-corner .second {
	width:50%;
	display:inline;
	float:left;
}

/*---- left sidebar 12-2 -----*/
#dyes-container.left-sidebar-12-2  #dyes-body-wrapper > .row > .column.one-third {
	margin-left:8px;
}

/*---- right sidebar 21-1 -----*/


/*---- dual sidebar 141-2 -----*/
#dyes-container.dual-sidebar-141-2  #dyes-body-wrapper > .row > .column.one-sixth {
	width:160px;
	padding:0px 8px 0px 0px;
}

#dyes-container.dual-sidebar-141-2 #dyes-body-wrapper > .row > .column.one-sixth:first-child {
	padding:0px 0px 0px 8px;
}



#dyes-container.dual-sidebar-141-2 #dyes-body-wrapper .dyes-content-block.upper-corner p {
	margin-bottom:7px;
}

#dyes-container.dual-sidebar-141-2 #dyes-body-wrapper .dyes-content-block.upper-corner .title{
	width:100%;
	text-align:center;
}

#dyes-container.dual-sidebar-141-2 #dyes-body-wrapper .dyes-content-block.upper-corner .title h2{
	margin:0px 0px 3px;
}

#dyes-container.dual-sidebar-141-2 #dyes-body-wrapper .dyes-content-block.upper-corner .first{
	width:100%;
	text-align:center;
	float:left;
	display:inline;
}

#dyes-container.dual-sidebar-141-2 #dyes-body-wrapper .dyes-content-block.upper-corner.right .title{
	width:100%;
	text-align:center;
	display:inline;
}

/*-----Why does firefox add another 19px to the total height?---*/
@-moz-document url-prefix() {
	.dyes-content-block.primary {
		height:192px;
	}

	.dyes-content-block.secondary,
	.dyes-content-block.tertiary {
		height:185px;
	}

	.dyes-content-block.fourth,
	.dyes-content-block.fifth,
	.dyes-content-block.sixth {
		height:207px; /*190 + 35*/
	}
	
	#dyes-footer {
		height:220px;
		position:relative;
	}
	
	#dyes-footer .copyright {
		position:absolute;
		bottom:0px;
		background-color:#F00;
	}