/*   
Theme Name: B(r)ands
Author: Brooke Condolora
.
This theme is a part of Richard Jankovich's brand. It and all its components are protected by copyright from both commercial and personal use.
.

COLORS:

Blue - #0084A9
Green - #008852
Brown - #574319

*/




/*

GLOBAL

*/


html, body {
	height: 100%;
}

body {
	background: url('images/bgrepeat.jpg') repeat-x center top scroll;
	color: #574319;
	display: table;
	font-family: Arial;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

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

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

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

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

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

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

a {
	color: #0084A9;
	border: none;
	text-decoration: none;
}

a:hover {
	background: #ffffff;
	border: none;
	color: #0084A9;
	text-decoration: none;
}

a.active {
	border:none;
	color:#0084A9;
	text-decoration:none;
}

a img {
	border: none;
}








/*

LIBRARY

*/

.push {
	height: 100px;
}

.clear {
	clear: both;
}




/*

LAYOUT

*/

.wrapper {
	background: url('images/middle.jpg') repeat-y center top scroll;
	height: auto !important;
	height: 100%;
	margin: 0 auto -100px;
	min-height: 100%;
	width: 960px;
}

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

#logo {
	height: 120px;
	margin: 18px 0 0 55px;
	padding-top: 1px;
	position: absolute;
	width: 250px;
}

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

#content {
	float: left;
	margin: 0 auto;
	width: 500px;
}

#twittertitle {
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	margin: 4px 0 0 0;
	position: absolute;
}

#twitter {
	color: #ffffff;
	font-size: 11px;
	height: 30px;
	margin: 4px 0 0 50px;
	position: absolute;
	width: 960px;
}

.footer {
	background: url('images/footer.jpg') no-repeat center bottom scroll;
	color: #ffffff;
	font-size: 10px;
	height: auto !important;
	height: 100;
	left: 50%;
	margin: 0 0 0 -480px;
	min-height: 100px;
	text-align: center;
	position: absolute;
	width: 960px;
	z-index: 2;
}

.footer a {
	border-bottom: 1px dotted #fff;
	color: #fff;
	padding-bottom: 1px;
}

.footer a:hover {
	background: none;
	border-bottom: 1px dotted #0084A9;
	color: #0084A9;
}

#footerbg {
	background: url('images/footerbg.jpg') repeat-x center bottom scroll;
	height: auto !important;
	height: 100;
	margin: 0 auto;
	min-height: 100px;
	position: absolute;
	width: 100%;
	z-index: 1;
}

#copyright p {
	padding-top: 65px;
}




/*   

	HOME

*/

#blurb {
	float: left;
	font-size: 18px;
	margin: 15px 0 0 105px;
	padding: 10px;
	width: 500px;
}

#blog {
	float: left;
	height: auto !important;
	height: 100%;
	margin: 0 0 0 105px;
	min-height: 100%;
	padding: 10px;
	width: 500px;
}

.blog-entry {
	padding-bottom: 5px;
	padding-top: 30px;
}

.meta {
	font-size: 10px;
}

.meta a{
	color: #008852;
}

textarea#comment {
	padding: 5px;
	width: 500px;
}

.commentmetadata {
	font-size: 10px;
}

.alignleft {
	float: left;
}

.alignright {
	float:right;
}

.button {
	background: #008852;
	border: 1px solid #008852;
	border-radius: 3px;  
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	color: #ffffff;
	font-size: 10px;
	padding: 3px; 
}

.button:hover {
	background: #574319;
	border: 1px solid #574319;
	color: #ffffff;
	font-size: 10px;
}

.comment-author {
	color: #008852;
}

.comment-text {
	margin: 0 30px 30px 0;
}

.comment-date {
	font-size: 10px;
}

.comment-time {
	font-size: 10px;
}






/*   

	SIDEBAR

*/

#sidebar {
	float: right;
	font-size: 12px;
	margin: -35px 85px 0 0;
	width: 180px;
}

#sidebar h1 {
	color: #574319;
	font-size: 12px;
}

#widthadjust {
	width: 155px;
}

ul.bulletproof {
	list-style: none;
	margin: -5px;
	padding: 5px;
}

ul.bulletproof li {
	padding-top: 10px;
}

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

a.tooltip:hover span {
	background: #008852;
	border: 3px solid #008852;
	border-radius: 3px;  
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	color:#ffffff;
	display: inline;
	position: absolute;
}

#pocket {
	float: left;
	height: 60px;
	margin: 0 auto;
	padding-bottom: 65px;
	width: 50px;
}

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

#burnside {
	float: right;
	height: 60px;
	margin: 0 auto;
	padding-bottom: 65px;
	width: 65px;
}

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

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

.licensingplate a{
	color: #008852;
}