/*   
Theme Name: Burnside Project
Author: The Bloc Creative
.
This theme is a part of Burnside Project's brand. It and all its components are protected by copyright from both commercial and personal use.

Colors:

Green - #8D8B00
Orange - #F5A01A
Brown - #574319

.
*/

body {
	background:url('images/bgrepeat.jpg') repeat-x left top scroll #cccccc;
	font-family:Arial;
	font-size:11px;
	color:#574319;
	padding:0px;
	margin:0px;
}

h1 {
	text-align:left;
	color:#8D8B00;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
}

h2 {
	font-family:Arial;
	font-size:12px;
	color:#8D8B00;
	margin:0 auto;
}

h3 {
	font-family:Arial;
	font-size:12px;
	color:#8D8B00;
	margin:0 auto;
	padding-bottom:0;
}

h4 {
	font-family:Arial;
	font-size:11px;
	color:#574319;
	margin:0 auto;
	padding-bottom:0;
	font-weight:normal;
}

a {
	text-decoration:none;
	color:#8D8B00;
	border:none;
}

a:hover {
	color:#8D8B00;
	text-decoration:none;
	border:none;
}

a.active {
	color:#8D8B00;
	text-decoration:none;
	border:none;
}

a.pockettooltip span {
	display:none;
	padding:2px;
	margin: -20px 0 0 -25px;
	width:100px;
}

a.pockettooltip:hover span {
	display:inline;
	position:absolute;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;  
	color:#574319;
}

a.brandstooltip span {
	display:none;
	padding:2px;
	margin: -20px 0 0 5px;
	width:100px;
}

a.brandstooltip:hover span {
	display:inline;
	position:absolute;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;  
	color:#574319;
}

a img {
	border: none;
}

#wrapper {
	width:960px;
	margin:0 auto;
	min-height:100%;
	height:auto !important;
	height:100%;
}

#header {
	float:left;
	width:960px;
	height:119px;
	margin:0 auto;
	background:url('images/header.jpg') no-repeat left top scroll;
}

#logo {
	position:absolute;
	width:102px;
	height:102px;
	margin:0 0 0 25px;
}

a#logo {
	display:block;
	width:102px;
	height:102px;
	background:url('images/logo.png') 0 0 no-repeat;
	text-decoration:none;
}

a#pocket {
	position: absolute;
	display:block;
	width:50px;
	height:50px;
	background:url('images/pocket.png') 0 0 no-repeat;
	text-decoration:none;
	margin: 25px 0 0 750px;
}

a#brands {
	position: absolute;
	display:block;
	width:100px;
	height:50px;
	background:url('images/brands.png') 0 0 no-repeat;
	text-decoration:none;
	margin: 25px 0 0 835px;
}

#content {
	float:left;
	margin:0 auto;
	background:url('images/middle.jpg') no-repeat left top scroll;
	width:960px;
	height:847px;
}

a.twittertitle {
	font-weight: bold;
	font-size: 12px;
}

#twitter {
	position:absolute;
	color:#574319;
	margin:28px 0 0 535px;
	width:375px;
	height:30px;
	font-size:11px;
}

.clear {
	clear:both;
}

#contact {
	float:left;
	margin:81px 0 0 45px;
	width:600px;
	font-size: 12px;
}

a.contact {
	color:#574319;
	text-decoration:none;
}

h1.contact {
	color: #574319;
}

#richard {
	float:left;
	color:#574319;
	font-size:11px;
	margin:0 auto;
	text-align:left;
	width: 170px;
}

#agent {
	float:left;
	color:#574319;
	font-size:11px;
	margin:0 auto;
	padding-left: 45px;
	text-align:left;
	width: 170px;
}






/*   

	NAVIGATION

*/

#mainnav {
	position:absolute;
	float:left;
	margin:70px 0 0 133px;
	width:310px;
	color: #574319;
}

ul.nav {
	margin:0 0 0 10px;
	text-align:left;
	font-family:Arial;
	font-weight:normal;
	padding:0;
}

ul.nav li {
	margin:0 auto;
	font-size:12px;
	display:inline;
	list-style-type:none;
	padding-left:17px;
}

ul.nav li a {
	font-size:12px;
	text-decoration:none;
	color:#574319;
}

ul.nav li a:hover {
	color:#F5A01A;
}

ul.nav li a.active {
	color:#F5A01A;
	font-size:15px;
	text-decoration:none;
	font-weight:500;
}

#socialnav {
	color:#574319;
	margin:0 0 0 40px;
	font-size: 10px;
	width: 375px;
}

ul.socnav {
	text-align:left;
	font-family:Arial;
	font-weight:normal;
	padding:0;
}

ul.socnav li {
	font-size:10px;
	display:inline;
	list-style-type:none;
	padding-left:20px;
}

ul.socnav li a {
	text-decoration:none;
	color:#574319;
}

ul.socnav li a:hover {
	color:#F5A01A;
}

#musicnav {
	color:#574319;
	margin:100px 0 0 150px;
}

a.musicnav {
	color:#574319;
	font-size: 10px;
}

a.musicnav:hover {
	color:#574319;
	font-size: 10px;
}







/*

	BLOG

*/

#blog {
	width:374px;
	height:450px;
	overflow:auto;
	padding-right: 5px;
	padding-bottom: 10px;
}

#scroll-container {
	padding:10px;
	float:left;
	margin:18px 0 25px 35px;
}

h1.blogtitle {
	text-align:left;
	color:#8D8B00;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	margin: 0 auto;
}

h2.blogtitle {
	text-align:left;
	color:#574319;
	font-family:Arial;
	font-size:10px;
	margin: 0 auto;
}

#blog-entry {
	padding-bottom:30px;
	float: left;
}

.alignleft {
	float:left;
}

.alignright {
	float:right;
}







/*   

	FOOTER

*/

#footer {
	margin:0 auto;
	width:960px;
	height:34px;
	background:url('images/footer.jpg') no-repeat left top scroll;
}

#copyright {
	float:left;
	color:#ffffff;
	font-size:10px;
	text-align:center;
	margin:12px 0 0 0;
	width:960px;
}

#copyright a{
	color: #F5A01A;
}

#copyright_music {
	float:left;
	color:#ffffff;
	font-size:10px;
	text-align:center;
	margin:35px 0 auto;
	width:960px;
}