/*----------------------------------*/
/* blacksockmafia.com MAIN CSS file*/
/*----------------------------------*/
body {
color: #FFF;
font: 12px Verdana, Arial, Helvetica, sans-serif;
background: #000 url(../images/bsmbg.jpg);
height: 100%;
width: 100%;
}
a            { text-decoration: none;margin: 0 auto;color: #FFF; }
a:hover      { color: #026495; }
/*------------globals-----------*/
*            { margin:0; padding:0; }
img          { border:0 none; }
ul           { list-style-type:none;}
li           { float: left; }
.fl          { float: left; }
.fr          { float: right; }
.clear       { clear: both; }
.center      { text-align: center; }
.center2     { margin: 0 auto; }
.uline       { text-decoration:underline; padding: 0 0 10px 0; }
.toppadding  { padding: 10px 0 0 0; }
.toppadding2 { padding: 20px 0 0 0; }
.toppadding3 { padding: 30px 0 0 0; }
.btmpadding  { padding: 0 0 10px 0; }
.btmpadding2 { padding: 0 0 20px 0; }
.btmpadding3 { padding: 0 0 30px 0; }
/*-----------structure----------*/
.container {
width: 1000px;
margin: 0 auto;
}
#header{
height: 260px;
background: url(../images/header.gif) no-repeat;
}
#middlesm{
height: 579px;
background: url(../images/middle_sm.gif) no-repeat;
padding: 0 50px;
}
#middlelg{
height: 991px;
background: url(../images/middle_lg.gif) no-repeat;
padding: 0 50px;
}
#footer{
width: 1000px;
height: 61px;
background: url(../images/footer.gif) no-repeat;
}
/*-----------Navigation----------*/
.headernav {
width: 1000px;
margin: 230px auto 0 auto;
}
ul.headernav {
height: 33px;
float: left;
}
ul.headernav a{
background:url(../images/header_nav.png);
}
ul.headernav li {
text-indent: -9999px;
}
ul.headernav li a{
display: block;
height: 31px;
}
#home a{
height: 33px;
width: 116px;
}
.headernav#profiles a{
height: 33px;
width: 125px;
}
.headernav#gear a{
height: 33px;
width: 84px;
}
.headernav#bands a{
height: 33px;
width: 150px;
}
.headernav#gallery a{
height: 33px;
width: 123px;
}
.headernav#forums a{
height: 33px;
width: 119px;
}
.headernav#contact a{
height: 33px;
width: 162px;
}
.headernav#links a{
height: 33px;
width: 121px;
}
ul.header a:hover{
background:url(../images/header_nav.png) 0 -34px;
}
li#home a:hover {
background-position: 0px -34px;
width: 116px;
}
li#profiles a{
background-position: -116px 0px;
width: 125px;
}
li#profiles a:hover {
background-position: -116px -34px;
width: 125px;
}
li#gear a {
background-position: -241px 0;
width: 84px;
}
li#gear a:hover {
background-position: -241px -34px;
width: 84px;
}
li#bands a {
background-position: -325px 0;
width: 150px;
}
li#bands a:hover {
background-position: -325px -34px;
width: 150px;
}
li#gallery a {
background-position: -475px 0;
width: 123px;
}
li#gallery a:hover {
background-position: -475px -34px;
width: 123px;
}
li#forums a {
background-position: -598px 0;
width: 119px;
}
li#forums a:hover {
background-position: -598px -34px;
width: 119px;
}
li#contact a {
background-position: -717px 0;
width: 162px;
}
li#contact a:hover {
background-position: -717px -34px;
width: 162px;
}
li#links a {
background-position: -879px 0;
width: 121px;
}
li#links a:hover {
background-position: -879px -34px;
width: 121px;
}
ul.footernav {
height: 61px;
float: left;
}
ul.footernav a{
background:url(../images/footer_nav.png);
}
ul.footernav li {
text-indent: -9999px;
}
ul.footernav li a{
display: block;
height: 61px;
}
#fberm a{
height: 61px;
width: 697px;
}
.footernav#fhome a{
height: 61px;
width: 87px;
}
.footernav#flinks a{
height: 61px;
width: 72px;
}
.footernav#fcontact a{
height: 61px;
width: 144px;
}
ul.footer a:hover{
background:url(../images/footer_nav.png) 0 61px;
}
li#fberm a a:hover {
width: 697px;
}
li#fhome a{
background-position: -697px 0px;
width: 87px;
}
li#fhome a:hover {
background-position: -697px -61px;
width: 87px;
}
li#flinks a {
background-position: -784px 0;
width: 72px;
}
li#flinks a:hover {
background-position: -784px -61px;
width: 72px;
}
li#fcontact a {
background-position: -856px 0;
width: 107px;
}
li#fcontact a:hover {
background-position: -856px -61px;
width: 107px;
}
/*-------------intro-----------*/
.intro{
background: url(../images/vidbackground.gif);
width: 850px;
height: 500px;
margin: 50px auto 0 auto;
}
.video{
	width: 610px;
	height: 320px;
	margin: 0 auto;
	padding: 95px 0 0 0;
}
.click{
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	width:220px;
	border: none;
	margin-top: 10px;
	margin-left: 480px;
	text-decoration:none;
	position:absolute;
}
#click a:link, a:active, a:hover, a:visited {
color: #FFF;
}
#content{
padding-top: 10px;
padding-bottom: 10px;
padding-left: 50px;
padding-right: 50px;
height: 539px;
}

/*************************  Forms ************************/
fieldset{border:0;}
ul.form{list-style:none;padding:0;margin:0 auto;width:350px;border:0;}
ul.form li{border-bottom:1px dashed #ccc;padding:6px 0;height:35px;}
.form_head{height:20px;width:400px;color:#aaa;text-align:center;border-bottom:0 !important;}
ul.form li label{display:block;float:left;width:160px;}
.required{display:block;font-size:10px;color:#ccc;width:160px;float:left;clear:left;}
ul.form li input, ul.form li select, ul.form li textarea{width:180px;background-color:#ccc;border:2px solid #ccc;padding-left:3px;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;}
ul.form li.submit{text-align:right;border:0;}
ul.form li.submit input{background:transparent url(../images/send.png) no-repeat;
border:0 none;
cursor:pointer;
display:block;
height:34px;
width:110px;
overflow:hidden;
text-indent:-4000px;
float:right;}
#comment{width:400px;background-color:#ccc;border:2px solid #ccc;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;}
ul.form li textarea{height:90px;width:340px;}
ul.form li.comment .required, ul.form li.comment label{width:120px;}
li.comments{height:130px !important;}
.valid{border:2px solid green !important;}
.invalid{border:2px solid #800 !important;}