/* © RESEN */
/* Skin Stylesheet
------------------------------------------------------------------------------- */


/* STRUCTURAL CONTAINERS
------------------------------------------------------------------------------- */


	body {
	
		background-image: url('../images/bg-body.png');
		background-position: center top;
		background-repeat: repeat-y; /* no-repeat / repeat / repeat-x / repeat-y */
		background-color: #dad8d7;

		}
		
	#layout {

		width: 850px;
	
		}
		
	#content {
	
		padding-top: 10px;
	
		}
		
	#main > div,
	#sidebar > div {
	
		background: #fff url('../images/bg-pane.png') left bottom repeat-y;
	
		}
		
	#main.full > div {
	
		background-image: url('../images/bg-pane-wide.png');
	
		}
		
	#footer {
	
	
		}
		
		
/* LOGO
------------------------------------------------------------------------------- */


/* The actual logo should be in the header background image, THIS element is
transparent and lays over the top of the logo, making it clickable. */

	
	h1 {
	
		float: left;
	
		}
		
	h1 a {
		
		width: 190px;
		height: 78px;
		background: url('../images/logo.png') !important;
	
		}
	
		
/* TYPE
------------------------------------------------------------------------------- */


/* Default */


	body {
	
		color: #333333;
		font-size: 12px;
		line-height: 16px;
		font-weight: normal;
		font-family: "Trebuchet MS", Verdana, sans-serif;
	
		}
		
		
/* HEADINGS
------------------------------------------------------------------------------- */


/* Section Titles */


	#content h3 {
	
		text-indent: -5000px;
		width: 384px;
		height: 41px;
		position: absolute;
		top: 0;
		left: 0;
			
		}
		
	#content .full h3 {
	
		width: 800px;

		}
		
		
/* Content Item Titles */

		
	h4 {
	
		color: #222222;
		font-size: 1.4em;
		line-height: 1.4em;
		font-weight: bold; /* lighter / normal / bolder */
		font-family: Helvetica, Arial, sans-serif;
	
		}
			
	#sidebar h4 {
	
		font-size: 1em;
		line-height: 1em;
		text-transform: uppercase;
	
		}
		
		
/* Sub Headings (Datelines, Bylines, Locations, etc.) */


	ul.content > li > em,
	div.display > em,
	ul.content > li > span,
	div.display > span {
	
		color: #999999;
		text-transform: uppercase;
	
		}
		
	div.display span.price {
	
		color: #111111;
	
		}
		
		
/* LINKS
------------------------------------------------------------------------------- */


	a:link, a:visited, a:active {
	
		color: #000000;
		background: none;
		text-decoration: none;
	
		}
		
	a:hover {
	
		color: #444444;
		background: none;
	
		}
		
		
/* BUTTONS
------------------------------------------------------------------------------- */
		
		
	ul.actions a {
	
		color: #ffffff;
		background: #f47f2b;
		text-transform: uppercase;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
	
		}
		
		
/* Inline Buttons: Smaller Versions of Buttons */


	ul.actions.inline a {
	
		color: #ffffff;
		background: #f47f2b;
	
		}
		
		
/* Page Numbers */


	ul.pages a,
	ul.pages em,
	ul.pages strong {
	
		color: #ffffff;
		background: #cccccc;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		
		}
		
	ul.pages em {
	
		background: #cccccc;
	
		}
		
	ul.pages strong {
	
		background: #333333;
		
		}
		
		
/* RULES
------------------------------------------------------------------------------- */


/* Main Content Area */


	#main ul.content > li {
	
		border-color: #eee;
	
		}
	

/* Sidebar */


	#sidebar ul.content > li {
	
		border-color: #ccc;
	
		}
		
		
/* TABS
------------------------------------------------------------------------------- */


	ul.tabs a {
	
		color: #999999;
		font-size: 1.5em;
		line-height: 1.5em;
		font-weight: normal;
		font-family: Helvetica, Arial, sans-serif;
		text-transform: uppercase;
		background: none;
		-moz-border-radius-topright: 10px;
		-moz-border-radius-topleft: 10px;
		-webkit-border-top-right-radius: 10px;
		-webkit-border-top-left-radius: 10px;

		}
		
	ul.tabs .selected a {
	
		color: #333333;
		background: #efefef;
	
		}
		
	.pane {
	
		background: #efefef;
		-moz-border-radius: 10px;
		-moz-border-radius-topleft: 0;
		-webkit-border-radius: 10px;
		-webkit-border-top-left-radius: 0;
	
		}


/* FORMS
------------------------------------------------------------------------------- */
		
		
	input[type=text],
	textarea {
	
		padding-top: 2px;
		padding-bottom: 2px;
		font-size: 13px;
		line-height: 17px;
		font-weight: normal;
		font-family: "Trebuchet MS", Arial, sans-serif;
		
		/*
		border: 1px solid #333333;
		background-color: #ffffff;
		*/
		
		}
			
		
/* RESEN LOGO
------------------------------------------------------------------------------- */


	li.resen a {
	
		background: url('../images/common/a-resen-light.png');
		
		}


/* CUSTOM
------------------------------------------------------------------------------- */


/* Header Image */


	#headerimage {
	
		float: left;
		width: 100%;
	
		}
		
	#headerimage img {
	
		display: block;
		margin: 0 !important;
	
		}
		
		
/* Featured Item */


	#featured a.image {
	
		height: auto;
		margin: 0;
	
		}
		
	#featured img {
	
		width: 364px;
		height: auto;
	
		}
		
	#featured h4 a {
	
		text-transform: none;
		font-size: 18px;
		line-height: 18px;
		text-align: center;
		display: block;
	
		}
		
	#featured li {
	
		border: none;
	
		}
		
	#featured span,
	#featured div.body,
	#featured ul.actions {
	
		display: none;
	
		}
		
	#feature > span {
	
		display: none;
	
		}
		
		
/* Footer */


	#footer {
	
		padding-bottom: 20px;
	
		}
		
	#footer li {
	
		float: left;
		width: 100%;
		font-size: 10px;
		line-height: 19px;
		padding: 0 5px;
		text-transform: uppercase;
		text-align: center;
		font-weight: bold;
	
		}
		
		
/* IMAGE REPLACEMENT
------------------------------------------------------------------------------- */


	#about h3 {
	
		background: url('../images/headings/h3-carson.png');
	
		}
		
	#updates h3 {
	
		background: url('../images/headings/h3-updates.png');
	
		}
		
	#update h3 {
	
		background: url('../images/headings/h3-updates.png');
	
		}
		
	#featured h3 {
	
		background: url('../images/headings/h3-featured.png');
	
		}
		
	#feature h3 {
	
		background: url('../images/headings/h3-featured.png');
	
		}
		
	#address h3 {
	
		background: url('../images/headings/h3-address.png');
	
		}
		
	#email h3 {
	
		background: url('../images/headings/h3-email.png');
	
		}
		
	#riders h3 {
	
		background: url('../images/headings/h3-riders.png');
	
		}
		
	#rider h3 {
	
		background: url('../images/headings/h3-rider.png');
	
		}
		
	#galleries h3 {
	
		background: url('../images/headings/h3-photos.png');
	
		}
		
	#photos h3 {
	
		background: url('../images/headings/h3-photos.png');
	
		}
		
	#subcategories h3 {
	
		background: url('../images/headings/h3-subcategories.png');
	
		}
		
		
	#categories h3 {
	
		background: url('../images/headings/h3-categories.png');
	
		}
		
	#bikes h3 {
	
		background: url('../images/headings/h3-bikes.png');
	
		}
		
	#bike h3 {
	
		background: url('../images/headings/h3-bike.png');
	
		}