/*-------------------------------------------------------- | YaBB 2005 | -------------------------------------------------------- | Created by: XIMinc http://www.ximinc.com | | YaBB http://www.yabbforum.com | -------------------------------------------------------- | You may adapt elements of this CSS in your own | | projects, but please give credit to yabbforum.com. | --------------------------------------------------------*/


/* General layout */

a {
	font-weight: normal;
	color: #fff;
	font-family: "lucida Grande", arial, verdana, helvetica, sans-serif;
	text-decoration: none;
}
a:hover {
	color: #bccc62;
	font-family: "lucida Grande", arial, verdana, helvetica, sans-serif;
	text-decoration: none;
}
body {
	padding: 0;
	background: #110513 url(http://www.ssdc.com/img/bg-repeat.gif) 0 0 repeat;
	font-family: "lucida Grande", arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	margin-top: 5px;
	margin-left: 0;
	margin-right: 0;
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
}
form {
	display: inline;
	padding: 0px;
	margin: 0px;
}

input {
	background-color: #fff;
	border: 1px solid #fff;
	color: #333;
	font-family: "lucida Grande", arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	padding: 3px 5px;
	margin-bottom: 5px;
	margin-top: 3px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}
textarea {
	background-color: #fff;
	border: 1px solid #fff;
	color: #333;
	font-family: "lucida Grande", arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	margin-top: 3px;
}
select {
	background-color: #fff;
	border: 1px solid #fff;
	color: #333;
	font-family: "lucida Grande", arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
	padding: 3px 5px;
	margin-top: 3px;
}
select optgroup {
	color: #333;
	font-family: verdana, helvetica, sans-serif;
	font-size: 10px;
}
.copyright {
	color: #eaeaea;
	font-family: "lucida Grande", arial, verdana, helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
}
#fscroller {
	line-height: 1.3;
}

/* YaBB navigation links */

.nav, a.nav, a.nav:visited {
	font-weight: bold;
	font-size: 13px;
	color : #81B0F2;
	text-decoration: none;
}
a.nav:hover {
	color: #bccc62;
	text-decoration: none;
}

/* YaBB alternating bgcolors */

.windowbg {
	background-color: #000;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-family: "lucida Grande", arial, verdana, helvetica, sans-serif;
	color: #fff;
}
.windowbg2 {
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-family: "lucida Grande", arial, verdana, helvetica, sans-serif;
	color: #ffffff;
}
.windowbg2 a {
	color: #81B0F2;
}
.windowbg2 a:hover {
	color: #bccc62;
	text-decoration: none;
}
table.windowbg2 {
}
.windowbg2 tbody tr td.small {
	font-size: 24px;
	font-weight: normal;
	font-family: Georgia, serif;
}
.windowbg3 {
	background-color: #000000;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-family: "lucida Grande", arial, verdana, helvetica, sans-serif;
	color: #304B58;
}

/* Misc/title/category colors */

.dividerbot {
	border-bottom: 1px #000000 solid;
}
.dividertop {
	border-top: 1px #000000 solid;
}
.hr {
	color: #000000;
}
.bordercolor {
	font-size: 12px;
	font-family: "lucida Grande", arial, verdana, helvetica, sans-serif;
	background-color: #000;
}
.bordercolor td {
	padding: 10px 25px;
	border-bottom: 1px solid #4B2746;
	border-right: 1px dashed #4B2746;
	color: #E6E6E6;
}
.bordercolor a {
	color: #81B0F2;
}
.bordercolor a:hover {
	color: #bccc62;
	text-decoration: none;
}
.small {
	font-size: 10px;
	font-family: "lucida Grande", arial, verdana, helvetica, sans-serif;
	color: #E6E6E6;
}
.top{
	font-style: normal;
	font-size: 11px;
	color: #475F79;
}
.titlebg {
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	font-family: "lucida Grande", arial, verdana, helvetica, sans-serif;
	color: #eaeaea;
	background-color: #000;
}
.titlebg a{
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	color: #628ecc;
}
.titlebg a:hover {
	color: #bccc62;
	text-decoration: none;
}
.catbg {
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	font-family: "lucida Grande", arial, verdana, helvetica, sans-serif;
	color: #ffffff;
	background-color: #4B2746;
}
.catbg a{
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	color: #ffffff;
}
.catbg a:hover{
	color: #bccc62;
	text-decoration: none;
}
.message {
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	font-family: "lucida Grande", arial, verdana, helvetica, sans-serif;
	color: #fff;
}
.message a{
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #628ecc;
	background-color: transparent;
}
.message a:hover{
	text-decoration: none;
	color: #bccc62;
	background-color: transparent;
}
.droppageindex {
	float: left;
	font-family: "lucida Grande", arial, verdana, helvetica, sans-serif;
	background-color: #ffffff;
	color: #000000;
	padding: 0px;
	padding-left: 4px;
	margin: 0px;
	border: 2px inset;
}
.droppages{
	height: 14px;
	padding-left: 1px;
	padding-right: 1px;
}
.droppages a{
	color: #000000;
	font-size: 9px;
	font-weight: normal;
}
.highlight {
	font-size: 12px;
	font-family: "lucida Grande", arial, verdana, helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	background-color: #ffe92b;
	border: 1px solid #ffe92b;
	color: #333;
}

/* Image fonts */

.imgbg {
	font-style: normal;
	font-size: 10px;
	color: #ffffff;
}
.imgcatbg {
	font-style: normal;
	font-size: 10px;
	font-weight: bold;
}
.imgtitlebg {
	font-style: normal;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
}
.imgwindowbg {
	font-style: normal;
	font-size: 12px;
	color: #fff;
}
.imgmenu {
	font-style: normal;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
}

/* Post quote/code colors */

.quote {
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	font-family: "lucida Grande", arial, verdana, helvetica, sans-serif;
	color: #000000;
	background-color: #E8EBEF;
	border: 1px #000000 solid;
	width: 90%;
	padding: 4px;
}
.code {
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-family: Courier, Courier New, Sans-Serif;
	color: #000000;
	background-color: #cccccc;
	border: 1px #000000 solid;
	width: 90%;
	padding: 4px;
}
.editbg{
	background: #fff;
	color: #333;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-family: "lucida Grande", arial, verdana, helvetica, sans-serif;
	width: 90%;
	padding: 8px;
	margin: 10px 0 0 0;
}

/* Anything below here is just for the template */

#container{
    -moz-border-radius: 10px 10px 10px 10px;
    background: none repeat scroll 0 0 rgba(65, 10, 74, 0.6);
    margin: 104px auto 30px;
    padding-top: 30px;
    width: 960px;
	font-family: "Lucida Grande", Arial, verdana, sans-serif;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}
.topline{
	border-top: 1px solid #000000;
}
.topheader{
	background: #4981B8;
	margin-bottom: 10px;
}
.boardcontainer {
	background-color: #bbbbbb;
	border-bottom: 3px solid #000000;
	border-left: 1px solid #000000;
}
.displaycontainer {
	width: 100%;
	padding: 1px;
	background-color: #bbbbbb;
}
.headerwelc{
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
}
.headerwelc a{
	color: #ffffff;
}
.headerwelc a:hover{
	color: #bccc62;
	text-decoration: none;
}
.headerinfo{
	color: #ffffff;
}
.headerinfo a{
	color: #000000;
	text-decoration: underline;
}
.headerinfo a:hover{
	color: #bccc62;
	text-decoration: none;
}
.seperator {
	border-bottom: 3px solid #000000;
	border-left: 1px solid #000000;
	background-color: #bbbbbb;
}
.navbarcontainer{
	margin: 0px;
}

.tabtitle select
{
background: #fff;
border: 1px solid #fff;
padding: 4px;
font-size: 12px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;
margin: 15px;
}

input.button
{
background: #1761a0;
border: 1px solid #1761a0;
color: #fff;
padding: 4px 10px;
cursor: pointer;
font-weight: bold;
}

input.button:hover
{
background: #3284c9;
border: 1px solid #3284c9;
}

input#search1
{
margin-left: -25px;
}

/*** ssdc/footer ***/
/* footer */
#ft-opathity-box, #ft-internal-opathity-box
{
	clear: both;
	width: 960px;
	margin: 30px auto 10px auto;
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(65, 10, 74);
	/* RGBa with 0.6 opacity */
	background: rgba(65, 10, 74, 0.5);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}

#ft-internal-opathity-box
{
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(255, 255, 255);
	/* RGBa with 0.6 opacity */
	background: rgba(255, 255, 255, 0.1);
}

#ft-opathity-box #ft, #ft-internal-opathity-box #ft {
text-align: center;
color: #628ecc;
clear: both;
width: 960px;
padding: 10px 25px;
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;
height: 139px;
}

#ft .column-1, #ft .column-2, #ft .column-3
{
width: 300px;
float: left;
}

#ft .copyright, #ft-internal-opathity-box #ft .copyright
{
font-size: 11px;
line-height: 135%;
text-align: left;
background: url(http://www.ssdc.com/img/ssdcinc_logo.png) 0 15px no-repeat;
padding-left: 70px;
width: 250px;
color: #e6e6e6;
}

#ft-internal-opathity-box #ft .copyright
{
padding-left: 80px;
}

#ft .nav
{
font-size: 11px;
line-height: 135%;
text-align: left;
list-style: none;
}

#ft .nav a:link, #ft .nav a:visited, #ft .nav a:hover
{
color: #e6e6e6;
text-decoration: underline;
font-family: "Lucida Grande",Arial,Verdana,Sans-serif;
}

#ft .nav a:hover
{
color: #fff;
text-decoration: none;
}

#ft .social, #ft-internal-opathity-box #ft .social
{
width: 250px;
margin-left: -70px;
}

#ft-internal-opathity-box #ft .social
{
margin-left: -123px;
margin-top: 16px;
}

#ft .social li
{
float: left;
margin: 0;
margin-right: 10px;
}

#ft-internal-opathity-box li {
	display: block;
	height: 14px;
}

#ft-internal-opathity-box #ft:after {
	clear: both;	
	content: '';
	display: block;
}

/* Facebook */
#ft .social li a.fb:link, #ft .social li a.fb:visited, #ft .social li a.fb:hover
{
background: url(http://www.ssdc.com/img/social-network-icons.png) 0 0 no-repeat;
width: 22px;
height: 23px;
display: block;
text-indent: -9999px;
}

#ft .social li a.fb:hover
{
background: url(http://www.ssdc.com/img/social-network-icons.png) 0 -23px no-repeat;
}

/* Twitter */
#ft .social li a.tw:link, #ft .social li a.tw:visited, #ft .social li a.tw:hover
{
background: url(http://www.ssdc.com/img/social-network-icons.png) -30px 0 no-repeat;
width: 22px;
height: 23px;
display: block;
text-indent: -9999px;
}

#ft .social li a.tw:hover
{
background: url(http://www.ssdc.com/img/social-network-icons.png) -30px -23px no-repeat;
}

/* RSS */
#ft .social li a.rss:link, #ft .social li a.rss:visited, #ft .social li a.rss:hover
{
background: url(http://www.ssdc.com/img/social-network-icons.png) -60px 0 no-repeat;
width: 22px;
height: 23px;
display: block;
text-indent: -9999px;
}

#ft .social li a.rss:hover
{
background: url(http://www.ssdc.com/img/social-network-icons.png) -60px -23px no-repeat;
}

#ft p
{
clear: both;
padding-top: 5px;
font-family: "Lucida Grande",Arial,Verdana,Sans-serif;
}

/* ------------------------------ ssdc/header.php ------------------------------ */

#top-feather
{
background: url(http://www.ssdc.com/img/top-feather.png) 0 0 repeat-x;
width: 100%;
height: 40px;
position: fixed;
top: 43px;
z-index: 900;
}

/* top nav */
.top-nav
{
width: 100%;
background: #000;
padding: 5px;
border-bottom: 1px solid #363636;
position: fixed;
top: 0;
height: 32px;
z-index: 1000;
}

.top-nav .nav-wrapper
{
width: 960px;
margin: 0 auto;
}

.top-nav ul#navmenu-h
{
width: 620px;
float: right;
margin: 0 auto;
}

.top-nav ul li
{
border-left: 1px solid #000;
float: left;
margin: 0 3px;
padding-left: 6px;
}

.top-nav ul li:first-child
{
border-left: none;
}

ul#navmenu-h .bold
{
font-weight: 700;
}

/* Logo - internal */
#logo-internal
{
float: left;
width: 220px;
}

#logo-internal a:link, #logo-internal a:visited, #logo-internal a:hover
{
background: url(http://www.ssdc.com/img/logo-internal.png) 0 0 no-repeat;
width: 210px;
height: 36px;
display: block;
text-indent: -9999px;
margin: 2px 0 0 20px;
}

#logo-internal a:hover
{
background: url(http://www.ssdc.com/img/logo-internal.png) 0 -44px no-repeat;
}