/*
Theme Name: Slavens Theme
Description: Jeff Slavens Wordpress theme
Version: 1 (WP2.6.2)
Author: Scott Bannick SB Photography
Author URI: http://sbsportsphotography.com
Tags: slavens, trailhead, brown
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";
@import "style/css/tag_cloud.css";


html, body{
 background-color:#848383; 
 margin:0; 
 padding:0; 
 text-align:center; 
} 
 
#pagewidth{ 
 width:960px; 
 text-align:left;
 margin-top:30px;
 margin-bottom:15px;  
 margin-left:auto; 
 margin-right:auto;
 border:2px solid white;  
 background-color:#EEEEEE;
}

#padding {
 padding:5px;
} 
 
#header{
 position:relative;
 height:150px; 
 background-color:#261c13; 
 background-image:url(images/burst.png);
 background-position:center;
 background-position:bottom;
 background-repeat:no-repeat;
 width:100%;
 overflow:hidden;
 
}

#head_img {
 margin-left:694px;
 height:150px;
 width:267px;
 background-image:url(images/head_bike.png);
 background-repeat:no-repeat;
 position:absolute;
 
}

#logo {
	background-image:url(images/logo.png);
	background-repeat:no-repeat;
	float:left;	
	height:50px;
	width:100%;
	margin-left:20px;
	margin-top:45px;
	 
}

#welcome {
 background-color:#f6f6f6;  
 float: left; 
 display:inline; 
 position: relative;
 margin-left:10px; 
 margin-top:10px;
 margin-bottom:10px;
 width:695px; 
 border:1px solid gray;
 }
 
 #welcome_img {
  background-image:url(images/welcome_img.png);
  background-repeat:no-repeat;
  height:300px;
  width:300px;
  float:left;
  margin:5px;
  margin-right:10px;
 }
 

#maincol {
 background-color:#f6f6f6;  
 float: left; 
 display:inline; 
 position: relative;
 margin-left:10px; 
 margin-top:10px;
 margin-bottom:10px;
 width:695px; 
 border:1px solid gray;
 }
 
 
 .post {
 padding:5px;
 background-color:#f6f6f6;  
 float: left; 
 display:inline; 
 position: relative;
 margin-left:10px; 
 margin-top:10px;
 margin-bottom:10px;
 width:685px; 
 border:1px solid gray;
 }
 
 .post h2 {
  text-transform:uppercase;
  font-family:Verdana, Arial, Helvetica, sans-serif;
 }
 
 #rightcol {
  width:225px;
  float: right;
  margin-right:10px;
  margin-top:10px;
  margin-bottom:10px;
  background-color:#CCCCCC;
  border:1px solid gray;
 }
 
#rightcol h2 {
 padding-left:5px;
 padding-top:7px;
 padding-bottom:7px;
 background-color:#261c13;
 color:#c87338;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:bold;
 text-transform:uppercase;
 margin-top:0px;
 margin-bottom:0px;
}

#rightcol a {
 color:#cccccc;
 display:block;
 width:215px;
 border-top:1px solid #F3F3F3;
 height:18px;
 background-color:#4c4c4c;
 padding:5px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 text-transform:uppercase;
 font-weight:200;
}

#rightcol a:hover {
 color:#c87338;
}

#rightcol li {
 padding-bottom:0px;
}

 
#footer{
 height:65px; 
 background-color:#261c13; 
 clear:both;
 text-align:center;
 padding:15px;
 } 
 
#footer p {
 color:#FFFFFF;
 font-family:Georgia, "Times New Roman", Times, serif;
 font-size:15px;
}

#footer a {
 color:#c87338;
}

#footer a:hover {
color:#CCCCCC;
}
 

#rants {
 background-color:#f6f6f6;  
 float: left; 
 display:inline; 
 position: relative;
 margin-left:10px; 
 margin-top:10px;
 margin-bottom:10px;
 width:695px; 
 border:1px solid gray;
 }
 
#rants h2 {
 color:#FF0000;
 font-weight:bold;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:30px;
 text-align:center;
 }
 
#rants strong {
 color:#FF0000;
 font-weight:bold;
}
 
#rants p {
 color:#333333;
 font-weight:bold;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:15px;
 text-align:center;
 }


#post_id {
 float:left;
 padding:5px;
 border:1px solid gray;
 
}

#post_content {
 float:right;
 width:440px;
}

#tag_cloud-3 {

}

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}


.clearit {
	margin: 0;
	padding: 0;
	height: 0;
	clear: both;
}

/* BUBBLE PLASTIC HORIZONTAL MENU */

.bubplastic.horizontal {
	width: 100%;
	height: 27px;
	margin: 0;
	padding: 0;
	background: #000000 url(images/bg-bubplastic.gif) top left repeat-x;
}
.bubplastic.horizontal ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.bubplastic.horizontal ul li {
	float: left;
	margin: 0;
	padding: 0;
	background: transparent url(images/bg-bubplastic-button.gif) top left no-repeat;
}

.bubplastic.horizontal ul li a {
	display: block;
	height: 27px;
	padding-left: 30px;
	float: left;
	text-transform: uppercase;
	font-family: "Helvetica Neue",helvetica,"microsoft sans serif",arial,sans-serif;
	font-size: 70%;
	color: #FFFFFF;
	text-decoration: none;
}

.bubplastic.horizontal ul li a span.menu_ar {
	display: block;
	float: left;
	height: 22px;
	padding-top: 5px;
	padding-right: 20px;
	background: transparent url(images/bg-bubplastic-button.gif) top right no-repeat;
	cursor: pointer;
}

.bubplastic.horizontal ul li a {
	display: block;
	float: left;
	height: 22px;
	padding-top: 5px;
	padding-right: 20px;
	background: transparent url(images/bg-bubplastic-button.gif) top right no-repeat;
	cursor: pointer;
} 

/* END BUBBLE PLASTIC HORIZONTAL MENU */

/* Comment Section */

#author, #email, #comment {
	background-color:#4c4c4c;
	border:2px solid #b56933;
	color:#c2c2c2;
	padding:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius:5px;
	box-shadow:inset 0 0 10px #919191;
	-moz-box-shadow:inset 0 0 15px #919191;
	-webkit-box-shadow:inset 0 0 10px #919191;
}

#submit {
	background-color:#261c13;
	color:#b56933;
	font-weight:bold;
	font-size:13px;
	padding:5px;
	border:2px solid #b56933;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	margin-top:10px;
}

#comment_post {
	border:1px solid #cccccc;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	padding:5px;
}


/* GRAY HOVER */
.bubplastic.gray ul li a:hover,
.bubplastic.gray ul li.highlight a {
	background: transparent url(images/bg-bubplastic-h-gray.gif) top left no-repeat;
}
.bubplastic.gray ul li a:hover span.menu_ar,
.bubplastic.gray ul li.highlight a span.menu_ar {
	background: transparent url(images/bg-bubplastic-h-gray.gif) top right no-repeat;
}