/*
Theme Name: Black N Blue
Theme URI: http://www.blacknbluemc.com/
Description: Custom theme developed for Black 'N Blue Motorcycle Club.
Version: 1.0
Author: Black N Blue
Author URI: http://www.blacknbluemc.com

*/


body {background: url(http://www.blacknbluemc.org/images/mainbkg.jpg) repeat-x #000000; padding: 0 0 30px 0; margin: 0 auto; text-align: center; position: relative; line-height: 1em; font-family: Verdana, Arial, Helvetica, sans-serif;}

/* BEGIN UBIQUITOUS STYLES */

h1, h2, h3, h4, h5, h6 {padding: 0; margin: 0; line-height: 1.2em; font-family: "Arial Black", Arial, Helvetica, sans-serif;} 
h4, h5, h6 {font-family: Arial, Helvetica, sans-serif !important; }

* {padding: 0; margin: 0;}

hr {border: 0px; margin: 20px 30px; padding: 0; height: 0px !important; border-top: 1px solid #999999; clear: both !important; display: block; }

hr:after {content: "."; display: block; height: 0; clear: left; visibility: hidden; margin: 0; padding: 0; font-size: 0px; line-height: 0px;}
/* Hides from IE-mac \*/
*html hr {height: 1%;}
/* End hide from IE-mac */  


html a {color:#003399; } 
html a:visited {color: #555555; }
html a:hover {color: #0066FF; }

.clearboth {clear: both;  overflow: visible; height: 0px; line-height: 0px; font-size: 0em;  margin: 0; padding: 0; width: 100%;}

#contentwrapper {margin: 0 auto; padding: 0 0px 70px 0;  width: 980px;  position: relative; text-align: left; z-index: 1;  background: url(http://www.blacknbluemc.org/images/bodybkg.jpg) repeat-y; border: solid #000000; border-width: 0px 8px; }

#contentwrapper:after {content: "."; display: block; height: 0; clear: left; visibility: hidden; margin: 0; padding: 0;	font-size: 0px;	line-height: 0px;}
/* Hides from IE-mac \*/
*html #contentwrapper {height: 1%;}
/* End hide from IE-mac */  


/* BEGIN HEADER */

#header {margin: 0px 18px; position: relative; padding: 0; text-align: left;}
#header img {padding: 0; margin: 25px 0px 0px 0px; border: 0; position: relative; }
p#established {position: absolute; top: 167px; left: 62px; font-family: "Copperplate Gothic Light", "Copperplate Gothic Bold", "CopprplGoth Bd BT", "Copperplate", Times, serif; color: #FFFFFF; width: 200px; text-align: center; font-size: 1.1em; color: #333333;}


#header form {position: absolute; right: 20px; top: 15px; }

#nav {font-family: Arial, Helvetica, sans-serif; font-weight: 100; font-size: .75em; letter-spacing: 0px; text-align: left; padding: 0; margin: 0; position: absolute; color: #FFFFFF; font-weight: bold; top: 55px; left: 330px;}

#nav:after {content: "."; display: block; height: 0; clear: left; visibility: hidden; margin: 0; padding: 0; font-size: 0px; line-height: 0px; }	
#nav ul {text-indent: 0px; margin: 0px 0px 0px 0px; padding: 25px 0 0 0; list-style-type: none; text-align: left; position: relative;}

#nav ul:after { content: "."; display: block; height: 0; clear: left; visibility: hidden; margin: 0; padding: 0; font-size: 0px; line-height: 0px; }


#nav li {padding: 15px 0px 3px 0px; margin: 0px; float: left; border-bottom: 1px solid #FFFFFF; position: relative;}
#nav li a {margin: 0px 8px; padding: 0px 0px 4px 0px; text-decoration: none; line-height: 1.3em; color: #FFFFFF; position: relative;}
#nav li a.first {margin-left: 0px; } 
#nav li a.last {margin-right: 0px; }
#nav li a:hover {border-bottom: 4px solid #2d4859 !important; color: #2d4859; z-index: 1000;} 


/* END HEADER */

#content {margin: 30px 20px 0 20px; width: 940px; background: url(http://www.blacknbluemc.org/images/pagetop.gif) no-repeat #FFFFFF; padding: 20px 0; }

#content:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: left; 
    visibility: hidden;
	margin: 0;
	padding: 0;
	font-size: 0px;
	line-height: 0px;
}


/* Hides from IE-mac \*/
*html #content {height: 1%;}
/* End hide from IE-mac */  

#mainrail {width: 574px; padding: 15px; background: #DDDDDD; border: 6px solid #666666; margin: 0px 0px 20px 20px; float: left; clear: left; display: inline; }

h1 {font-family: "Arial Black", "Arial", Helvetica, sans-serif; letter-spacing: -2px; color: #000000; padding: 10px 0; border-bottom: 1px solid #999999; margin: 0 0 10px 0; line-height: 1.2em; font-size: 2.3em; }
h2 {font-family:  "Arial Black", "Arial", Helvetica, sans-serif; letter-spacing: -1px; font-size: 1.6em; padding: 0; margin: 0 0 10px 0; line-height: 1.2em; }

p {margin: 0; padding: 10px 0; font-size: .8em; }
p.readmore {margin-top: -5px !important; margin-bottom: 35px; font-weight: bold; padding-bottom: 15px; border-bottom: 1px solid #CCCCCC; }

#sidebar {width: 240px; float: left; clear: right; margin: 20px 0 0 0; padding: 20px; display: inline; background: #f0f0f0; border: solid #c1c1c1; border-width: 1px 1px 1px 0px; font-size: .8em;}
#sidebar ul {margin: 0 0 20px 0; padding: 0;  width: 100%; font-size: .8em;}
#sidebar li {text-indent: 0; list-style-type: none; padding: 0px 0; margin: 0; line-height: 1em; display: block; width: 100%;}
#sidebar li a {margin: 0; padding: 8px; border-top: 1px solid #d2d2d2; background: #f0f0f0; width: 224px; display: block; color: #333333;}
#sidebar li a:hover {background: #0066ff; color: #FFFFFF;}

textarea {width: 540px; }
#respond {margin: 30px 0 0 0; padding: 20px 0; border-top: 1px solid #111111;  }

#footer {width: 940px; background: url(http://www.blacknbluemc.org/images/pagebottom.gif) no-repeat; padding: 40px 0 0 0; margin: 0 20px 30px 20px; }