/*
Bakerboys Dist Stylesheet

URL: 		http://bakerboysdist.com
Created by: 	Foxxyz/Ivo KH Janssen
For:		The Code Dealers
		The Plant System
Site Design by:	The Code Dealers

http://codedealers.com

*/

/******************\
| GENERAL STYLES   |
\******************/

* {
	margin: 0;
	padding: 0;
}

	a img {
		border: 0;
	}

	a:link {
		text-decoration: none;
		color: #E51A20;
		background-color: inherit;
	}

	a:visited {
		text-decoration: none;
		color: #A31316;
		background-color: inherit;
	}

	a:hover {
		color: #fff;
		background-color: inherit;
	}

body {
	background: #000 url(/app/css/images/bricks-bg.png) repeat center center;
	color: #ccc;
	font-family: Verdana, sans-serif;
}

fieldset {
	border: none;
}

	fieldset legend {
		display: none;
	}

	form div {
		margin-bottom: 5px;
	}

h1 {
	font-family: impact, sans-serif;
	text-transform: uppercase;
	font-size: 3em;
	font-weight: normal;
	line-height: 1em;
	padding: 14px 0 0;
	text-align: center;
	height: 107px;
}

	h1 a {
		display: block;
		width: 300px;
		margin: 0 auto;
	}

	h1 a:link, h1 a:visited {
		color: #fff;
		text-decoration: none;
	}

		h1 a:hover {
			color: #f00;
			background-color: inherit;
		}

		h1 a span {
			color: #f00;
			background-color: inherit;
			font-size: 1.2em;
			display: block;
		}

			h1 a:hover span {
				color: #fff;
				background-color: inherit;
			}

h2 {
	color: #f00;
	text-transform: uppercase;
	background-color: inherit;
	font-size: 1.3em;
	margin-bottom: 10px;
}

h4 {
	text-transform: uppercase;
	color: #ED1522;
	background-color: inherit;
	margin-bottom: 10px;
	font-size: .9em;
}

hr {
	display: none;
}

	input[type=checkbox] + label {
		display: inline;
	}

input[type=submit] {
	background-color: #f00;
	color: #fff;
	border: solid 2px #f00;
	text-transform: uppercase;
	font-weight: bold;
	font-size: .7em;
	padding: 5px;
}

	input[type=submit]:hover {
		background-color: #000;
		border-color: #fff;
		color: inherit;
	}

label {
	display: block;
	margin-bottom: 5px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: .8em;
}

	label small {
		font-weight: normal;
	}

p {
	margin-bottom: 1em;
}

textarea + .explanation {
	font-size: .7em;
	margin-bottom: 10px;
}

/******************\
| ID SPECIFICS     |
\******************/

#brands {
	list-style: none;
}

	#brands a {
		display: block;
		text-indent: -9000px;
	}

	#brands li {
		position: absolute;
	}

	#brands .baker {
		top: 34px;
		left: 158px;
	}

		#brands .baker a {
			width: 114px;
			height: 57px;
			background: url(/app/css/images/baker-logo.png) no-repeat top left;
		}

	#brands .deathwish {
		top: 17px;
		left: 39px;
	}

		#brands .deathwish a {
			height: 87px;
			width: 87px;
			background: url(/app/css/images/deathwish-logo.png) no-repeat top left;
		}

	#brands .heroin {
		right: 40px;
		top: 36px;
	}

		#brands .heroin a {
			width: 90px;
			height: 48px;
			background: url(/app/css/images/heroin-logo.png) no-repeat top left;
		}

	#brands .shakejunt {
		top: 23px;
		right: 167px;
	}

		#brands .shakejunt a {
			width: 101px;
			height: 75px;
			background: url(/app/css/images/shakejunt-logo.png) no-repeat top left;
		}

#content {
	width: 580px;
	border-right: solid 1px #333;
	padding-right: 10px;
}

#footer {
	border-top: solid 1px #760E12;
	padding-top: 5px;
	padding-bottom: 20px;
	text-align: center;
	margin-top: 20px;
	clear: both;
}

	#footer ul {
		list-style: none;
	}

	#footer li {
		display: inline;
		padding: 0 10px;
	}

		#footer li a, #footer p.callout {
			color: #666;
			background-color: inherit;
			text-decoration: none;
			text-transform: uppercase;
			font-size: .7em;
		}

			#footer li a:hover {
				color: #fff;
				background-color: inherit;
			}

	#footer p {
		color: #222;
		background-color: inherit;
		font-size: .55em;
		margin-bottom: 0;
	}

	#footer a {
		color: #222;
		background-color: inherit;
		text-decoration: none;
	}

		#footer a:hover {
			color: #666;
			background-color: inherit;
		}

#header {
	position: relative;
	margin-bottom: 10px;
	background: url(/app/css/images/header-bg.jpg) no-repeat center top;
}

	#header hr {
		display: none;
	}

#navigation {
	border-top: solid 1px #730C10;
	border-bottom: solid 1px #730C10;
	list-style: none;
	background: url(/app/css/images/nav-bg.png) repeat-x top left;
	height: 30px;
	text-align: center;
}

	#navigation:after {
		content: '';
		display: block;
		clear: both;
	}

	#navigation li {
		display: inline;
		border-right: solid 1px #440812;
	}

	#navigation a {
		line-height: 30px;
		padding: 0 14px;
		text-decoration: none;
		color: #E61D23;
		background-color: inherit;
		text-transform: uppercase;
		font-family: impact, sans-serif;
		font-size: 1.2em;
	}

		#navigation a:hover, #navigation .active a {
			color: #fff;
			background-color: inherit;
		}

#wrapper, #header {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}


/******************\
| CLASS SPECIFICS  |
\******************/

.catalog h2 {
		float: left;
	}

	.catalog .brands {
		list-style: none;
		margin: 100px 0 40px;
	}

		.catalog .brands:after {
			display: block;
			content: '';
			clear: both;
		}

		.catalog .brands li {
			width: 450px;
			margin-bottom: 60px;
			float: left;
			text-align: center;
		}

			.catalog .brands li:nth-child(2n + 1) {
				clear: left;
			}
			
			.brands .third {
				clear: left;
			}

	.catalog .navigation {
		float: right;
		list-style: none;
		text-transform: uppercase;
		font-size: 12px;
		padding-top: 5px;
	}

		.catalog .navigation li {
			float: right;
			margin-left: 10px;
		}

.featured {
	width: 300px;
	float: right;
}

	.featured ol {
		list-style: none;
		clear: left;
	}

	.featured li {
		margin-bottom: 15px;
	}

		.featured li a, .featured li a img {
			display: block;
		}

	.login input[type=text], .login input[type=password] {
		font-size: 2em;
	}

.post {
	margin-bottom: 20px;
}

	#content h3 {
		text-transform: uppercase;
		font-size: 1.2em;
		margin-bottom: 5px;
	}

	#content .meta {
		text-transform: uppercase;
		color: #999;
		background-color: inherit;
		font-size: .8em;
		margin-bottom: 0;
	}

		#content .meta a {
			color: #999;
			background-color: inherit;
		}

			#content .meta a:hover {
				color: #fff;
				background-color: inherit;
			}

#latesttweet {
	border-bottom: solid 1px #760E12;
	margin-bottom: 10px;
	clear: both;
	border-top: solid 1px #760E12;
	margin-top: 10px;
	padding-top: 10px;
}

	#latesttweet .meta {
		margin-bottom: 10px;
		font-size: 10px;
		color: #666;
		background-color: inherit;
	}

		#latesttweet .meta a {
			color: #666;
			background-color: inherit;
			text-decoration: underline;
		}

		#latesttweet .meta a:hover {
			color: #E51A20;
			background-color: inherit;
		}