/*
Theme Name: handsdown
Theme URI: http://handsdownonline.com/
Description: A custom theme for handsdown.
Version: 1.1
Author: Guava
Tags: fixed size, no scroll, item category support
*/

/*------- TABLE OF CONTENTS --------
	HTML Elements
	Headings
	Page Structure
	Content Styles
	Forms
	Float Clearing
	Footer
*/

/*------- HTML ELEMENTS --------*/

* {
	border: 0;
	margin: 0;
	padding: 0;
	}
body {
	background: url(images/background.png) #000 repeat top;
	color: #fff;
	}
body, select, textarea, input {	
	font: 100% Helvetica, "Trebuchet MS", Arial, sans-serif;
	}
a {
	color: #93191C;
	text-decoration: none;
	}
a:hover {
	text-decoration: underline;
	}
input,select,textarea {
	border: #999999 1px solid;
	padding: 2px;
	}
select {
	padding: 0;
	}
li {
	list-style: none;
	}

/* ------- HEADINGS -------*/
	   
h1 {
	font: normal 1.8em Helvetica, "Trebuchet MS", Arial, sans-serif;
/*	letter-spacing:0.05em;*/
	}
h2, h3, h4 {
	font: normal 1em Helvetica, "Trebuchet MS", Arial, sans-serif;
	color: #FFF;
	line-height: 110%;
	/*letter-spacing:0.15em;*/
	text-transform: uppercase;	
	}
h2 {
	font-size: 12pt;
	padding-top: 2px;
	}	
h3 {
	font-size: 8pt;
	}	
h4 {	
	font-size: 6pt;
	}
h5 {	
	font-size: 1em
	}

/* ---------- FORMS -----------*/
	
.button {	
	background: #221e1c ! important;
	border:none;
	font-size:0.8em;
/*	letter-spacing: 0.1em;*/
	color:#e0e5e9;
	padding:4px 18px;
	margin-top:7px;
	text-transform: uppercase;
	}

a.button, a.button:visited {
	color:#221e1c;
	width:80px;
	margin:18px 0 0 30px;
	display:block;
	}

a.button:hover, a.button:active {
	text-decoration: none;
	color: #93191C;
	}
	
.button:focus, .button:hover {	
	color: #93191C;
	}

.field {
	background: #312d2b ! important;
	border: none;
	padding: 4px 4px 4px 22px;
	font-size: 0.8em;
	color: #FFF;
	}

.field#comment {
	width: 500px;
	}
	
.field#user-name, .field#user-email, .field#user-url, .field#user-comment,
.field#author, .field#email, .field#url {	
	width: 220px;
	} 

.field#user-email, .field#user-comment, .field#user-url,
.field#author, .field#email, .field#url, .field#comment  {	
	margin-top: 8px;
	}

.field#user-name, .field#author {	
	background: #312d2b url(images/icons/user-name.gif) 5px 4px no-repeat ! important;
	color: #AAA;
	}

.field#user-name:focus, .field#author:focus {	
	background: #312d2b url(images/icons/user-name.gif) 5px 4px no-repeat ! important;
	color: #FFF;
	}
		
.field#user-email, .field#email {	
	background: #312d2b url(images/icons/user-email.gif) 5px 7px no-repeat ! important;
	color: #AAA;
	}		

.field#user-email:focus, .field#email:focus {	
	background: #312d2b url(images/icons/user-email.gif) 5px 7px no-repeat ! important;
	color: #FFF;
	}	

.field#user-comment, .field#comment {	
	background: #312d2b url(images/icons/user-comment.gif) 5px 6px no-repeat ! important;
	height:220px;
	color: #AAA;
	}	

.field#user-comment:focus, .field#comment:focus {
	background: #312d2b url(images/icons/user-comment.gif) 5px 6px no-repeat ! important;
	color: #FFF;
	}

.field#user-url, .field#url {	
	background: #312d2b url(images/icons/user-url.gif) 4px 8px no-repeat ! important;
	color: #AAA;
	}

.field#user-url:focus, .field#url:focus {	
	background: #312d2b url(images/icons/user-url.gif) 4px 8px no-repeat ! important;
	color: #FFF;
	}

/*--- Contact Form ---*/

#contactform {
	width: 250px;
	padding: 20px 0 0 60px;
	}

#contactform label, #contactform legend {
	display: none
	}

#contactform h2 {
	margin-bottom: 9px;
	}

#success-message {
	background: #221E1C;
	padding: 32px;
	font-size: .8em;
	position:absolute;
	top: 60px;
	z-index: 9999;
	width: 300px;
	margin-left: -200px;
	left: 50%;
	border: 7px solid #312D2B;
	text-align: center;
	}

.contact-details {
	padding-top: 15px;
	}
	
.contact-details h3 {
	color: #93191C;
	font-size: 24pt;
	}
	
.contact-details p {
	color: #FFF;
	font-size: 10pt;
	/*letter-spacing: 0.1em;*/
	padding-bottom: 20px;
	}

/* ------- PAGE STRUCTURE -------*/

#wrapper {
	margin: 0 auto;
	width: 960px;
	font-size: 1em;
	padding: 16px;
	}
.entry {
	font-size: 10pt;
	display: block;
	color: #CDCDCD;
	line-height:120%;
}
.user-status {
	color: #909090 !important;;
	font-size: 10pt !important;;
	}	
.user-status a, .user-status a:visited {
	color: #909090 !important;
	}
.user-status a:hover {
	color: #93191C !important;
	text-decoration: none;
	}
	
/*--- Header ---*/

#header {
	background: #221E1C;
	height: 100px;
	}
#logo {
	width: 400px;
	padding-right: 10px;
	}
#logo img {
	margin: 20px 0px 0px 20px;
	}
#banner1, #banner2 {
	width: 105px;
	height: 60px;
	margin: 10px 0px 0px 10px;
	display: block;
	background: #272421;
	}
#banner1 a, #banner2 a {
	margin: auto;
	}
#headerbox {
	height: 80px;
	width: 300px;
	background: #272421;
	margin: 10px;
	}
#headerbox li, #headerbox a, #headerbox a:visited {
	color:#909090;
	font-size:11px;
/*	letter-spacing:0.15em;*/
	text-decoration:none;
	text-transform:lowercase;
	}
#headerbox a:hover {
	color:#93191C;
	}
#headerbox ul { 
	list-style-type:none;
	}
#top-image {
	width:30px;
	height:30px; 
	margin:8px 0 0 10px;
	}
#top-row {
	width:260px;
	margin-top:4px;
	}
#top-login {
	margin-left:10px;
	}
#top-login li, #top-links li, #top-user li { 
	display:inline;
	}
#top-links li { 
	margin-right: 10px; 
	}
#top-user {
	width:240px;
	margin-left:10px;
	padding-top:2px;
	color:#909090;
	font-size:11px;
	/*letter-spacing:0.15em;*/
	}
#top-username {
	padding-top:5px;
	}
#top-username a, #top-username a:visited {
	color: #FFF;
	line-height: 110%;
	text-transform: uppercase;
	}
#top-username a:hover {
	color:#93191C;
	}
#top-userlinks a{
	padding-left:5px;
	}

#navbar {
	height: 30px;
	}
#searchform {
	float: left;
	padding-left: 10px;
	width: 280px;
	}
#searchform .field {	
	background: #312d2b url(images/icons/search.gif) 5px 4px no-repeat ! important;
	color: #606060;
	width: 180px;
	margin-right: 5px;
}
#searchform .field:focus {	
	background: #312d2b url(images/icons/search.gif) 5px 4px no-repeat ! important;
	color: #FFF;
}
	
#content {
	height: 480px;
	background: #221E1C;
}
	
/*----- Sidebar -----*/

#sidebar {
	background: #272421;
	width: 280px;
	height: 450px;
	padding: 10px;
	margin-right: 10px;
}
#sidebar li {
	font-size: 10pt;
	padding-left: 10px;
	color: #999;
	}
#sidebar a, #sidebar a:visited {
	color: #999;
	}
#sidebar a:hover {
	color: #27FB02;
	text-decoration: none;
	}
#sidebar-top, #sidebar-middle {
	width: 280px;
	height: 100px;
	margin-bottom: 10px;
	float: right;
	border-bottom: 1px solid #606060;
}
#sidebar-top li, #sidebar-middle li {
	list-style-position:inside;
	list-style-type:disc;
}
#sidebar-bottom .rounded {
	background-color:#312D2B;
	min-height:15px;
	padding:10px;
	margin:10px 0 0;
	text-align:center;
	font-style:italic;
}
#sidebar-bottom .comment-author {
	padding-top:5px;
	padding-left:50px;
	color:#999999;
	font-size:7pt;
	letter-spacing:0.1em;
	text-transform:uppercase;
	background: url(images/comment.png) no-repeat 20px -6px;
}

/*--- FOOTER ---*/
#footer {
	padding-top: 4px;
}
#footer, #footer a, #footer a:visited {
	font-size: 8pt;
	color: #707070;
}
#footer a:hover {
	padding-top: 4px;
	color: #93191C;
	text-decoration: none;
}

/*--- HOME PAGE ---*/
#main-slideshow {
	width: 630px;
	margin-left: 10px;
}
#main-slideshow, #latest-news {
	height: 315px;
	background-color: #272421;
}
#latest-news {
	width: 300px;
	margin:  0 10px;
}
#latest-news .clearfloat {
	padding:0 10px 10px 10px;
	height:78px;
}
#latest-news h2 {
	font-size: 0.8em;
	padding: 10px 0 8px 10px;
}
#latest-news .title {
	font-size:0.8em;
	width:210px;
	padding-left:10px;
	text-transform:uppercase;
}
#latest-news p {
	font-size: 0.8em;
	color: #909090;
	width: 210px;
	float: right;
	padding: 0;
	text-align: left;
}	
#latest-news .older-news {
	color: #FFF;
	padding-right: 10px;
}
#latest-news .older-news:hover {
	color: #93191C;
	text-decoration: none;
}
#bottom-box {
	height: 145px;
	width: 940px;
	margin: 10px;
}
#bottom-box a {
	background-color: #272421;
	height: 145px;
	display: block;
	float: left;
}
#bottom-box .sponsor {
	width: 200px;
	margin-left: 15px;
}
#bottom-box .sponsor:first-child {
	margin-left: 0;
}
#bottom-box .banner {
	width: 300px;
	margin-left: 10px;
}
/*--- PAGE SIZE ---*/
#page{
	background: #272421;
	margin: 0 10px;
	padding: 10px;
	width: 920px;
	height: 450px;
}
/*--- General Page Setup ---*/
.meta, .meta a, .meta a:visited {
	text-transform: uppercase;
	font-size: 7pt;
	letter-spacing: 0.1em;
	color: #999;
	padding-bottom: 10px;
}

/*--- Single Post ---*/
#post-title {
	margin-bottom: 10px;
}
#post-title h1 {
	margin-bottom: 5px;
}
#post-title .meta-tags {
	margin-top: 2px;
	padding-top: 2px;
	border-top: 1px solid #606060;
	text-transform: none;
}
#post-title .meta-tags a {
	text-transform: lowercase;
}
.post {
	width:580px;
}
.post .entry p {
	padding-bottom: 10px;
}
.post img {
	padding: 10px;
}
#postpane h2 {
	padding-bottom: 10px;
}
	/*--- Social Icons ---*/
#social {
	height:20px;
	width:526px;
}
#social p {
	font: italic normal normal 12pt times, serif;
	text-transform:lowercase;
	color:#606060;
	padding-left:290px;
}
#social a {
	float:left;
	padding-left:10px;
	opacity:0.3;
}
#social a:hover {
	opacity:1;
}

	/*--- Comments ---*/	
#comments {
	padding-bottom: 10px;
}
.commentlist cite {
	font-style:normal;
	display:block;
	float:left;
}
.commentlist blockquote {
	background:#ededed;
}
.commentlist li {
	min-height: 60px;
	width: 500px;
	padding: 10px;
	list-style:none;
	margin-bottom: 10px;
	border: 1px solid #312D2B;
	background: #221E1C;
}
.authorcomment {
	border: 1px solid #221E1C !important;
	background: #312D2B !important;
}
.commentlist li li {
	background:none;
	border:none;
	list-style:square;
	margin:3px 0 3px 20px;
	padding:3px 0;
}
.commentmetadata, .notification {
	color: #999;
	font-size: 7pt;
	letter-spacing: 0.01em;
	text-transform: uppercase;
}
.commentmetadata a {
	color: #909090;
}
.notification {
	color: #93191C;
	font-size: 0.7em;
	text-align: center;
	padding-top: 10px;
}
.commentlist cite {
	font-size: 9pt;
}
.commentlist cite strong {
	font-size: 1.4em;
	text-transform: uppercase;
/*	letter-spacing: 0.1em;*/
	color: #93191C;
}
.avatar {
	background: #CCC;
	margin:0px 10px 0px 0px;
	float:left;
	width:30px;
	height:30px;
}
#commenttext {
	color: #CDCDCD;
	font-size: 0.8em;
	line-height:120%;
	padding: 5px 0;
}
#respond {
	padding:10px 0 0 !important;
}
#comments #commentform {
	margin-bottom:20px;
}
#commentform label {
	color: #606060;
	font-size: 0.9em;
}

/*--- Search/Archive Page ---*/
.archive-page .page-title {
	/*text-align:center;*/
	border-bottom:1px solid #606060;
}
.archive-page h1 a {
	color: #FFF;
	font-size: 0.8em;
}
.archive-page h1 a:hover, .meta a:hover {
	color: #93191C;
	text-decoration: none;
	}
.archive-page .clearfloat {
	border-bottom: 1px solid #606060;
	padding: 15px 15px 15px 0;
	width:580px;
	}
.archive-page .spoiler img {
/*	float: left;*/
	padding-right: 20px;
/*	width: 480px;*/
	}
strong.search-excerpt { background: yellow; }

/*--- LEFT NAV ---*/
#left-nav {
	width:180px;
	height:430px;
	padding:10px 5px;
}
#left-nav a {
	color:#FFF;
}
#left-nav a:hover {
	color:#93191C !important;
	text-decoration:none !important;
}
#left-nav .current_page_parent>a {
	color:#93191C;
}
#left-nav .current_page_item>a {
	color:#93191C;
}
#left-nav li {
	font-size:24pt;
	}
#left-nav ul li {
	font-size:10pt;
	padding-left:10px;
}
#left-nav ul {
	padding:5px 0px 25px;
}

/*--- RIDERS PAGE ---*/
#riders {
	width:260px;
	padding:10px 0 0 60px;
}
#riders h2 {
	font-size:12pt;
}
#riders p {
	padding-top: 10px;
	font-size: 10pt;
	color: #CDCDCD;
	text-align: justify;
}
#riders-photo {
	width: 340px;
	height: 415px !important;
	background-color: #FFF;
}
#riders-photo span {
	height: 24px;
	width: 340px;
	display: block;
	color: #221E1C;
	font-size: 12px;
	margin-top: 6px;
	overflow: hidden;
}
/*--- Products Page ---*/
#products {
	height:450px;
	width:715px;
}
#products h2 {
	text-align:center;
	margin-bottom:10px;
}
#products .products-image {
	margin-top: 10px;
}

/*--- Page Navigation ---*/
.navigation {
	height:40px;
	width:720px;
	padding-left:10px;
}

/*--- FEEDBACK PAGE ---*/
.feedback-list {
	width:610px;
	}
.feedback-list li {
	margin:10px;
	padding:0 10px;
	border-bottom:1px dotted #909090;
	}	
#feedback-text {
	text-align:center;
	padding:10px;
	}
.feedback-metadata {
	color:#999;
	font-size:7pt;
	letter-spacing:0.1em;
	text-transform:uppercase;
	}
.feedback-metadata a {
	color:#909090;
	}
.field.feedback {
	width:240px !important;
	}
#feedback-content {
	color:#CDCDCD;
	font-size:0.8em;
	height:120px;	
	}
#feedback-content h2{
	font-size: 20pt;
	padding-bottom: 15px;	
	}
#sidebar #commentform .user-status {
	padding-top: 47px;
	}
	
/*--- Content Page ---*/
.page-content p {
	text-align: justify;
	padding: 10px 10px 0 0;
	font-size: 10pt;
	color: #CDCDCD;
/*	letter-spacing: 0.05em;*/
	line-height:120%;
}

/*--- Single Image Page ---*/
.single-image-page img {
	border:10px solid #000000;
	display:block;
	float:none;
	margin:20px auto;
}
/*--- 404 Error Page ---*/
#page-404 {
	width:610px;
	height:450px;
	padding:10px;
	margin-left:10px;
}

/*--------- setup stuff --------*/

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	padding:0px;
	margin:0 0 10px 10px;
	display:inline;
}
img.alignleft {
	padding:0px;
	margin:0 10px 10px 0;
	display:inline;
}
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.left, .alignleft {	
	float: left;
}
.right, .alignright {	
	float: right
}
.scrollableContent { 
	overflow: auto; 
	padding: 0 10px 0 0;
}
.rounded {
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.rounded-small {
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.white-border {
	border: 8px #FFF solid;
	margin: 10px 5px;	
}

/*--- Float Properties ---*/

.clearfloat:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfloat {
	display: inline-block;
}

/*--- Hides from IE-mac ---*/
* html .clearfloat {
	height:1%;
	}

*+html .clearfloat {
	height:1%;
	}