@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

/*
STRUCTURE
*/

#page-wrap {
background-color:#000000;
margin: 0px auto;
width: 900px;
border: 1px solid #333333;
}

.opaque1 {	// for all other browsers
	opacity: .5;
}


#content {
float:left;
margin-left: 30px;
margin-top: 10px;
margin-bottom: 20px;
background-color:#000000;
width: 590px;
}



#sidebar {
vertical-align:top;
float: right;
margin-right: 10px;
margin-top: 13px;
margin-bottom: 20px;
background-color:#000000;
width: 270px;
}

#topsearchform {
float:right;
position:absolute;
top: 0px;
left: 715px;
}

#social {
float:left;
margin-left:40px;
}

.blockquote{
	margin: 0px 0px;
	width: 420px;
 	padding: 30px 30px 30px 50px;	 
   	background: #000 url(images/quote.jpg) no-repeat 10px 10px;
	font: 1.6em/1.2em Georgia, "Times New Roman", Times, serif;
	letter-spacing: -.02em;
	color: #FFF;	
}

.clear {
clear:both;
}

.post {
margin-bottom:50px;
}

/* 
CUSTOM PAGE
*/

#page {
float:left;
margin-left:40px;
margin-right: 20px;
background-color:#000000;
width: 860px;
}

#page h1{
font-family: Times New Roman, Times, serif; font-size: 36px; color:#FFFFFF; font-weight:100; margin-top: 10px;
background: url(images/footer-top.jpg) no-repeat center bottom; margin-right: 80px; text-transform: uppercase;
margin-bottom: 10px;

}

#page h2{
font-family: Times New Roman, Times, serif; font-size:10px; color:#FFFFFF; font-style:italic; font-weight:100; text-transform: uppercase;
}

#page h3{
      font-family: Times New Roman, Times, serif; font-size: 30px; color:#FFFFFF; font-weight:100; margin-bottom: 5px;
      background: url(images/footerbtm.jpg) no-repeat center bottom; margin-right: 5px; text-transform: uppercase;
}

#page h4{
font-family: Times New Roman, Times, serif; font-size: 36px; color:#FFFFFF; font-weight:100; margin-top: 10px;
background: url(images/footer-top.jpg) no-repeat center bottom; margin-right: 80px; text-transform: uppercase;

}

.pagepost {
margin-bottom: 0px;
font-size:16px;
}

.pagepost p{
color:#999999;
font-family:Arial, Helvetica, sans-serif;
font-size: 18em;
}

.pagepost h1 { font-family: Times New Roman, Times, serif; font-size: 12px; color:#FFFFFF; font-weight:100; font-style:italic; margin-left: 0px;text-transform: uppercase;
     background: url(images/footer-top.jpg) no-repeat center bottom; margin-right: 120px; margin-top: 16px;}
	 
.pagepost h3 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 36px; color:#FFFFFF; font-weight:100;}
 
.pagepost h4 { margin-bottom: 10px; font-family:Arial, Helvetica, sans-serif; color:#999999; font-size: 12px; }
.pagepost h5 { margin-bottom: 10px; font-family:Arial, Helvetica, sans-serif; font-size: 10px; }
.pagepost h6 { font-family: Times New Roman, Times, serif; font-size: 16px; color:#FFFFFF; font-weight:100; font-style:italic; margin-top: 10px;
text-transform: uppercase;
}


ul.nwod {
font-size:12px;
font-style:italic;
text-transform: uppercase;
}


/* 
COMMENTS
*/

#comments {
float:left;
width: 500px;
padding: 15px 10px;
margin-bottom: 10px;
}
.avatar {
width: 40px;
float:left;
padding-right: 9px;
}

.commenttext {
width: 420px;
float:left;
}





/* 
CREW
*/

#crew {
float:left;
margin-right: 20px;
margin-top: 15px;
background-color:#000000;
width: 860px;
}

#crew h1{
font-family: Times New Roman, Times, serif; font-size: 36px; color:#FFFFFF; font-weight:100; margin-top: 10px;
background: url(images/footer-top.jpg) no-repeat center bottom; margin-right: 80px; text-transform: uppercase;
margin-bottom: 10px;

}

#crew h2{
font-family: Times New Roman, Times, serif; font-size:10px; line-height: 4px; color:#FFFFFF; font-style:italic; font-weight:100; text-transform: uppercase; margin-top: 5px;
}

#crew h3{
      font-family: Times New Roman, Times, serif; font-size: 30px; color:#FFFFFF; font-weight:100; margin-bottom: 5px;
      background: url(images/footerbtm.jpg) no-repeat center bottom; margin-right: 5px; text-transform: uppercase;
}

#crew h4{
font-family: Times New Roman, Times, serif; font-size: 36px; color:#FFFFFF; font-weight:100; margin-top: 10px;
background: url(images/footer-top.jpg) no-repeat center bottom; margin-right: 80px; text-transform: uppercase;
margin-bottom: 10px;

}

#crew p{
color:#999999;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
margin-top: 5px;
}

.rider {
float:left;
margin-bottom: 30px;
margin-left:0px;
margin-right: 5px;
width: 370px;
}

.riderrt {
float:left;
margin-bottom: 30px;
margin-left:30px;
width: 370px;
}


.image {
float:left;
margin-right: 10px;
width:150px;
}


.info {
float:left;
width: 200px;
}

/* 
CONTACT
*/


#contact {
float:left;
margin-right: 20px;
margin-top: 20px;
background-color:#000000;
width: 860px;
}


#contact p{
color:#999999;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
margin-top: 5px;
margin-right:20px;
}

#contact h1{
font-family: Times New Roman, Times, serif; font-size: 36px; color:#FFFFFF; font-weight:100; margin-top: 10px;
background: url(images/footer-top.jpg) no-repeat center bottom; margin-right: 80px; text-transform: uppercase;
margin-bottom: 10px;

}

#contact h2{
font-family: Times New Roman, Times, serif; font-size:16px; color:#FFFFFF; font-style:italic; font-weight:100; text-transform: uppercase;
margin-top: 15px;
}

#contact h3{
      font-family: Times New Roman, Times, serif; font-size: 20px; color:#FFFFFF; font-weight:100; margin-bottom: 10px;
      background: url(images/footerbtm.jpg) no-repeat center bottom; margin-right: 60px; text-transform: uppercase;
}


.contactinfo {
float:left;
width:200px;
margin-right: 40px;
}

.faq {
float:right;
width: 560px;
margin-right:60px;
}


/* 
THREADS
*/

#threads {
float:left;
margin-right: 20px;
margin-top: 20px;
background-color:#000000;
width: 860px;
}

#threads p{
color:#999999;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
margin-top: 5px;
}

#threads p.designed{
color:#999999;
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
font-size: 10px;
}

#threads h1{
font-family: Times New Roman, Times, serif; font-size: 36px; color:#FFFFFF; font-weight:100; margin-top: 10px;
background: url(images/footer-top.jpg) no-repeat center bottom; margin-right: 80px; text-transform: uppercase;
margin-bottom: 10px;

}

#threads h2{
font-family: Times New Roman, Times, serif; font-size:10px; color:#FFFFFF; font-style:italic; font-weight:100; text-transform: uppercase;
}

#threads h3{
      font-family: Times New Roman, Times, serif; font-size: 30px; color:#FFFFFF; line-height: 28px; font-weight:100; margin-bottom: 5px;
      background: url(images/footerbtm.jpg) no-repeat center bottom; margin-right: 5px; text-transform: uppercase;
}

#threads h4{
font-family: Times New Roman, Times, serif; font-size: 36px; color:#FFFFFF; font-weight:100; margin-top: 10px;
background: url(images/footer-top.jpg) no-repeat center bottom; margin-right: 80px; text-transform: uppercase;
margin-bottom: 10px;

}

.product {
float:left;
margin-bottom: 30px;
margin-left:0px;
margin-right: 5px;
width: 420px;
}

.productimage {
float:left;
margin-right: 0px;
width:250px;
}


.productinfo {
float:left;
margin-top:140px;
width: 120px;
}


/* 
VIDEO PAGE
*/


#video {
float:left;
margin-top: 10px;
background-color:#000000;
width: 860px;
}


#video p{
color:#999999;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
margin-right:20px;
}

#video h1{
font-family: Times New Roman, Times, serif; font-size: 36px; color:#FFFFFF; font-weight:100; margin-top: 10px;
background: url(images/footer-top.jpg) no-repeat center bottom; margin-right: 80px; text-transform: uppercase;
margin-bottom: 10px;

}

#video h2{
font-family: Times New Roman, Times, serif; font-size:16px; color:#FFFFFF; font-style:italic; font-weight:100; text-transform: uppercase;
margin-top: 15px;
}

#video h3{
      font-family: Times New Roman, Times, serif; font-size: 20px; color:#FFFFFF; font-weight:100; margin-bottom: 0px;
      background: url(images/footerbtm.jpg) no-repeat center bottom; margin-right: 70px; text-transform: uppercase;
}


.player {
float:left;
width:600px;
margin-right: 15px;
}

.videoinfo {
float:left;
width: 200px;
}



/*
SIDEBAR TYPOGRAPHY
*/

#sidebar h1{
font-family: Times New Roman, Times, serif; font-size: 11px; color:#FFFFFF; font-weight:100; font-style:italic; margin-top: 10px; margin-bottom: 5px;
      background: url(images/footer-top.jpg) no-repeat center bottom; margin-right: 20px; text-transform: uppercase;
}

#sidebar ul{
font-family: Times New Roman, Times, serif; font-size: 11px; color:#FFFFFF; font-weight:100; font-style:italic; margin-top: 0px; margin-bottom:4px;
}

#sidebar h2{
font-family: Times New Roman, Times, serif; font-size: 12px; color:#FFFFFF; font-weight:100; font-style:italic; margin-top: 10px; margin-bottom:15px;
      background: url(images/footer-top.jpg) no-repeat center bottom; margin-right: 20px; text-transform: uppercase;
}

#sidebar .bottom{
float:left;
width: 135px;
height: auto;
}

#sidebar .feed{
float:right;
width: 135px;
height: auto;
}

.side{
margin-bottom: 30px;

}



/*
POST TYPOGRAPHY
*/

.post h1 {  font-family: "Lucida Grande", Tahoma;
	font-size: 9px;
	font-weight: lighter;
	font-variant: normal;
	text-transform: uppercase;
	color:#666666;
	font-style:italic;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	border-bottom: dotted thin #999999;
	margin: 16px 120px 0px 0px;}
	
	.post h1 a{color:#666666;}
	.post h1 a:hover{color:#640391;}
	 
.post h2 { font-family: Times New Roman, Times, serif; font-size: 14px; color:#FFFFFF; font-weight:100; font-style:italic; margin-top: 10px; margin-left: 0px;
      background: url(images/footer-top.jpg) no-repeat center bottom; margin-right: 60px; margin-top: 16px;}
.post h3 { font-family: georgia,serif;
			font-variant: normal;
		font-size: 24px;
		font-style: italic;
		letter-spacing: -0.8pt;
		word-spacing: 0.2pt;
		line-height: 32px;
		color:#FFFFFF; 
		font-weight:100;
		text-transform:uppercase;}
 
.post h4 { margin-bottom: 10px; font-family:Arial, Helvetica, sans-serif; color:#999999; font-size: 10px; }
.post h5 { margin-bottom: 10px; font-family:Arial, Helvetica, sans-serif; font-size: 10px; }
.post h6 { font-family: Times New Roman, Times, serif; font-size: 16px; color:#FFFFFF; font-weight:100; font-style:italic; margin-top: 10px;
text-transform: uppercase;
}

.post p {
color:#999999;
font-family:Arial, Helvetica, sans-serif;
line-height:1.6em;
font-size: 12px;
padding: 15px 85px 15px 0;
}

.post p.archive {
margin-top:2px;
line-height: 5px;
margin-bottom: 20px;
font-style:italic;
}

.post p.archive2 {
margin-bottom: 40px;
}

a:link {color: #ffffff;
text-decoration:none;}     /* unvisited link */
a:visited {color: #ffffff;
text-decoration:none;}  /* visited link */
a:hover {color: #640391;
text-decoration:none;}   /* mouse over link */
a:active {color: #ffffff;
text-decoration:none;}   /* selected link */

.thisentry p{
color:#333333;
}

.thisentry a:link {color: #666666;
text-decoration:none;}     /* unvisited link */
.thisentry a:visited {color: #666666;
text-decoration:none;}  /* visited link */
.thisentry a:hover {color: #640391;
text-decoration:none;}   /* mouse over link */
.thisentry a:active {color: #666666;
text-decoration:none;}   /* selected link */

/*
HEADER
*/


#header {
background:url(http://www.extentclothing.com/wp-content/themes/EXTENT%20theme/starkers/images/headerbg.jpg);
background-color:#FFFFFF;
height: 130px;
width: 900px;
}


/*
NAV
*/


#navBar{
    background-color:#000000;
	float:right;
	position:relative;
	top: 94px;
	height: 24px;
}
#navBar ul{
	list-style:none;
	margin-right: 15px;
}

#navBar ul li{
	float:left;
	margin-left: 4px;
	text-align:center;
}

#navBar ul li a span{
	display:none;
}

#navBar ul li a{
	display:block;
	height:24px;
}

#navBar ul li a.blog{
    width: 53px;
	background:url(http://www.extentclothing.com/wp-content/themes/EXTENT%20theme/starkers/images/nav_blog.jpg) 0 0px;
}

#navBar ul li a.crew{
width:51px;
	background:url(http://www.extentclothing.com/wp-content/themes/EXTENT%20theme/starkers/images/nav_crew.jpg) 0 0px;
}

#navBar ul li a.threads{
width:75px;
	background:url(http://www.extentclothing.com/wp-content/themes/EXTENT%20theme/starkers/images/nav_threads.jpg) 0 0px;
}

#navBar ul li a.store{
width: 54px;
	background:url(http://www.extentclothing.com/wp-content/themes/EXTENT%20theme/starkers/images/nav_store.jpg) 0 0px;
}

#navBar ul li a.contact{
width: 78px;
	background:url(http://www.extentclothing.com/wp-content/themes/EXTENT%20theme/starkers/images/nav_contact.jpg) 0 0px;
}

#navBar ul li a:hover{
	background-position:0 -24px;
}


/*
BANNER
*/


#banner {
height:400px;
width: auto;
}


/*
FORMS
 */
 
#form {
font-family:Arial, Helvetica, sans-serif;
color:#CCCCCC;
font-size:11px;

}
form {
	margin: 20px 0px; 
	padding: 5px 10px 20px 0px;
	width: 500px; 	
}

label {
	font-weight: normal;
	margin: 8px 0;
	color: #fff;
}
input, select, textarea {
	padding: 5px 4px;
	margin-bottom: 8px;
	margin-right: 5px;
	font: normal 1em Verdana, Tahoma, sans-serif;
	color: #6A6969;
	background: #0C0C0C;  
	border: 1px solid #1C1C1C;
}
textarea {
	width: 400px;
	height: 100px;
	display: block;	
}
input.button { 
	font: bold 12px Arial, Sans-serif; 
	height: 30px;
	margin: 0;
	padding: 2px 3px; 
	color: #ffffff;
	background: #000;
	
	border-width: 1px;
  	border-style: solid;
  	border-color: #1c1c1c;
}


/* 
SEARCH FORM
*/


.searchform {
	height: 24px;
    font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
    font-weight:100;
	background-color: transparent;
	border: none;	
	margin: 0; padding: 10px 0 15px 0px;	
	width: 270px;	
}
.searchform p { margin: 0; padding: 0 0 10px 0; }
.searchform input.textbox { 
	width: 160px;
	height: 16px;
	padding: 2px;	
	vertical-align: top;
	border: 1px solid #1C1C1C;
}
.searchform input.button { 
    font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
    font-weight:100;
	color:#999999;
	width: 30px;
	height: 22px;
	padding: 0px 0px;
	margin-bottom: 5px;
	text-align:center;
	vertical-align: top;
}


/* 
READ MORE
*/
.readmore {display:block;
width:auto;
height:auto;
padding: 3px 3px;}

.readmore a{
background:#CCCCCC;
}
.readmore a:hover{
background:#333333;
}


/* 
FOOTER
*/

#footer {
float:right;
height:50px;
margin-right: 30px;
margin-top: 20px;
width:auto;
clear:left;
}
#footer p{ 
font-family: Times New Roman, Times, serif;
font-size:10px;
text-align:right;
}