/*
   master.css
   The Local Face
   
   Created by Marcus Patock on 2008-10-27.
   Copyright 2008 marcuspatock.com. All rights reserved.
*/

/* =============== */
/* = Basic Setup = */
/* =============== */
	
* {
	padding: 0;
	margin: 0;
	border: 0px;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

html {
	height: 100%;
}

body {
	height: 100%;
	background: #050505 url('../img/left-right-pattern.png') repeat-y;
	font: italic 11px Georgia, "Times New Roman", Times, serif;
/*	line-height: 15px;*/
	color: #67695c;
}

#logo {
	position: absolute;
	left: 43px;
	top: 10px;
}

#logo a {
	display: block;
	width: 236px;
	height: 283px;
	background-image: url('../img/logo.png');
	text-indent: -9999px;
}

#bgpattern {
	background: transparent url('../img/back-pattern-transparent-new.gif') no-repeat;
	height: 100%;
	width: 100%;
}

#wrapper {
	padding: 230px 0 0 0;
	background: transparent url('../img/header-details.png') no-repeat;
	width: 1000px;
}

#navigation {
	float: left;
	height: 100%;
	min-height: 400px;
	width: 218px;
/*	background-color: #00f;*/
	color: #000;
	padding: 0 0 0 32px;
}

.yellow{
	background-color: #daf548 !important;
}

.blue {
	background-color: #5cabd9 !important;
}

.grey {
	background-color: #67695c !important;
}

#splash {
	width: 155px;
	height: 156px;
	position: absolute;
	text-indent: -9999px;
	left: 220px;
	top: 66px;
	background: transparent url('../img/bmx-mtb-store.png') top right repeat-y;
}

#onlineShop {
	width: 196px;
	height: 208px;
	display: block;
	position: absolute;
	text-indent: -9999px;
	left: 640px;
	top: 25px;
	background: transparent url('../img/online-shop.png') top right repeat-y;
}

/* ============== */
/* = Navigation = */
/* ============== */

#navigation {
	background: transparent url('../img/vert-devider.png') top right repeat-y;
}

#navigationTop {
	width: 168px;
	height: 100px;
	background: transparent url('../img/navigation-top.png') bottom left no-repeat;
	margin: 0 0 5px 0;
}

#navigation ul {
	list-style-type: none;
}

#navigation ul li {
	margin: 0 0 8px 0;
}

#navigation ul li a {
	background-color: #fff;
	color: #000;
	display: inline;
	font-size: 11px;
	font-style: italic oblique;
	background: #fff url('../img/navi-edge.png') bottom right no-repeat;
	padding: 3px 15px 3px 5px;
}

#navigationBottom {
	display: inline;
	width: 100px;
	background: #67695c url('../img/navi-edge.png') bottom right no-repeat;
	padding: 3px 30px 3px 5px;
}

.yellow{
	background-color: #daf548;
}

.blue {
	background-color: #5cabd9;
}

.grey {
	background-color: #67695c;
}

/* =========== */
/* = Content = */
/* =========== */

#content {
	float: left;
	width: 500px;
	margin: 0 0 50px 0;
	padding: 0 0 50px 0;
/*	background-color: #f00;*/
}

#blogEntry {
	padding: 4px 0 20px 0;
	background: transparent url('../img/blog-entry-devider.gif') top left no-repeat;	
}

h2, h3 {
	background-color: #fff;
	color: #000;
	font-size: 11px;
	font-style: italic oblique;
	background: #fff url('../img/h2-details.png') bottom right no-repeat;
	text-transform: uppercase;
	padding: 3px 0 3px 5px;
	margin: 0 0 14px 0;
}

#blogEntry p {
	color: #67695c;
	margin: 0 0 14px 0;
	line-height: 15px;
}

#blogEntry p em {
	color: #daf548;
}

#blogEntry p.subline {
	color: #5cabd9;
	margin: 0 0 7px 0;
}

#content div.imageWrapper img {
/*	background-color: #fff;*/
	background: #fff url('../img/img-edge.gif') bottom right no-repeat;
	padding: 5px;
}

#content div.imageWrapper span.caption {
	float: right;
	position: relative;
	color: #000;
/*	background-color: #f0f;*/
	background: transparent url('../img/img-caption-edge-wide.png') top left no-repeat;
	font-size: 10px;
	top: -19px;
	right: 5px;
	padding: 2px 23px 0px 28px;
}

#blogEntry a.permlink {
	display: block;
	margin: 10px 0 0 0;
	font-size: 10px;
	color: #fff;
}

#blogEntry a {
	color: #fff;
}

label {
	display: block;
/*	margin: 8px 0 1px;
*/	width: 350px;
}

input, select {
	width: 350px;
	margin: 2px 0 8px;
}

#older-newer {
	margin: 0 0 50px 0;
}

#older-newer a {
	color: #fff;
	text-decoration: none;
}

#older-newer a:hover {
	text-decoration: underline;
}



/* =========== */
/* = Sidebar = */
/* =========== */

#sidebar {
	float: left;
	width: 182px;
	padding: 0 0 0 50px;
	background: transparent url('../img/vert-devider.png') top left repeat-y;
/*	background-color: #f0f;*/
}

#sidebar p {
	line-height: 15px;
	margin: 0 0 14px 0;
}

#sidebar #address p {
	color: #daf548;
}

#sidebar #products p {
	color: #5cabd9;
}

#sidebar div {
	padding: 4px 0 20px 0;
	background: transparent url('../img/sidebar-devider.gif') top left no-repeat;	
}

#sidebar img {
	background: #67695c url('../img/navi-edge.png') bottom right no-repeat;
	padding: 5px;
}

#slideshow {
	height: 240px;
}



/* ============ */
/* = Comments = */
/* ============ */

#content h3 {
/*	font: italic 13px Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	background-color: #fefbda;
	display: inline;
	padding: 2px 16px 2px 0;*/
}

ol.comments {
/*	float: left;*/
/*	list-style: upper-alpha;	*/
	padding: 10px 36px 20px 30px;
	margin-bottom: 30px;
	line-height: 15px;
	background-color: #fff;
}

ol.comments li {
	margin-bottom: 20px;
	border-bottom: 1px solid #deebca;
}

ol.comments p {
	margin-bottom: 10px;
}

ol.comments p.small {
	padding: 2px 0;
	background-color: #5CABD9;
	color: #fff;
}

ol.comments a,
ol.comments a:hover,
ol.comments a:visited {
	color: #066986;
	text-decoration: none;
	padding: 2px 0;
}

ol.comments a:hover {
	border-bottom: 1px solid #066986;
}

div.comments-wrapper {
/*	float: left;*/
}

div #cpreview {
	float: left;
	padding: 10px 36px 15px 30px;
	line-height: 15px;
	background-color: #fff;
	margin-bottom: 20px;
}

div #cpreview a,
div #cpreview a:hover,
div #cpreview a:visited {
	color: #066986;
	text-decoration: none;
	padding: 2px 0;
}

div #cpreview a:hover {
	border-bottom: 1px solid #066986;
}

div #cpreview p {
	margin-bottom: 10px;
}

div #cpreview p.small {
	padding: 2px 0;
	background-color: #5CABD9;
	color: #fff;
}

div #commentInput{
/*	float: left;*/
	padding: 10px 36px 15px 30px;
	line-height: 15px;
	background-color: #fff;
	margin-bottom: 20px;
}

input.comment_name_input,
input.comment_email_input,
input.comment_web_input,
textarea {
	display: block;
	width: 430px;
	border: 1px solid #bbb;
	padding: 2px 0;
	margin: 2px 2px 10px 0;
}
textarea {
	margin-bottom: 2px;
}

.button {
	display: block;
	width: 430px;
	padding: 2px 10px 2px 10px;
	border: 2px solid;
/*	border-color: #0689a6 #064966 #064966 #0689a6;
*/	background-color: #67695C;
	color: #fff;
	margin-top: 10px;
}

input.checkbox {
	display: inline;
	width: 20px;
}

a#txpCommentHelpLink {
	width: 430px;
	display: block;
	text-align: right;
	color: #67695C;
	text-decoration: none;
}

a:hover#txpCommentHelpLink {
	text-decoration: underline;
}

div.comments-wrapper label {
	display: inline;
}