/*
Theme Name: WhamBangZoom 2.0
Theme URI: http://www.whambangzoom.com
Description: WBZ Theme 
Author: Evan Passero
Author URI: http://www.kgbadvertising.com
Version: 2.0
*/


/*  

*************** Colors ************
Background : #504350
Header Background: #000
Text box background: #c1c1c4
Inactive Article tab: #959097
Link (inside copy) : #504350
Orange: #f26631
Green: #8f8331
Pink: #e40e62
Blue: #0076c0
Purple: #b506b5

************ MEASUREMENTS *************
Width: 1007px
Header Height: 137px

H1: 30pt
H2: 25pt
H3: 17.97pt
H4: 15pt
H5: ---

body copy: 12pt

Sidebar width: 300px

*/

/*   OVERALL STYLES  */
html {
background-color: #504350;
padding: 0;
margin:0;
font-size: 115%;
line-height: 135%;
}

#doc3 {
padding:0;
margin:0;
min-width: 1007px;
}

h1{
	font-size: 215%;
}

h2 {
	font-size:189%;
}

h3 {
	font-size: 138%;
}	

h4 {
	font-size: 116%;
}

h1,h2,h3,h4 {
	font-weight: bold;
}

strong {
font-weight: bold;
font-size:110%;
}

blockquote {
text-indent: 0px;
margin-left: 15px;
margin-right: 20px;
background-color: #959097;
padding-left: 7px;
padding-right: 7px;
padding-top: 7px;
padding-bottom: 7px;
}

em {
font-style: italic;
}

.alignleft{
float:left;
margin-right: 5px;
margin-bottom: 5px;
}

.alignright{
float:right;
margin-left:5px;
margin-bottom:5px;
}
/*   HEADER STYLE  */

#hd {
	background-color: #000;
	height: 125px;
	color:#fff;
	
}

#hd a {
	text-decoration: none;
}

#title {
	position:relative;
	top: 73px;
	left:0;
	float:left;
}

#topNav {
	position:relative;
	float:right;
	top: 50px;
	right:0;
}

#topNav ul li {
	float:left;
	margin-right: 10px;
	font-size: 115%;
}

#topNav ul li a:hover {
	border-bottom: #504350 8px solid;
}

#current {
	border-bottom: #504350 10px solid;
	/*font-weight: bold;*/
	position:relative;
	top: -5px;
}



/*   MAIN CONTENT STYLE */

#bd {
	height: 365px;
min-width: 1125px;
}

#bd h1,h2,h3,h4{
	color:#fff;
	text-indent: 10pt;
}

.yui-gc{
	padding-top: 20px;
	margin-bottom: 20px;
}

#content {
	background-color: #c1c1c4;
	height: 300px;
	max-height: 300px;
	color: #000;
	padding-left: 15px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	overflow: hidden;
	text-indent: 15px;
}

#content a {
	color: #504350;
}

.thePost {
	height: 300px;
}

#postBd{
	min-height: 600px;
	height: 100%;
}

#postBd h1,h2,h3,h4{
	color:#fff;
	text-indent: 10pt;
}
#postContent {
	background-color: #c1c1c4;
	color: #000;
	padding-left: 15px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 35px;
	text-indent: 15px;
	/*height: 300px;*/
	min-height: 300px;
}

.post, .entrytext {
	min-height: 280px;
overflow: hidden;
width: 100%;
}

.entrytext p {
height: 100%;
}

#postContent a {
	color: #504350;
}
.yui-u {
	color: #fff;
	height: 260px;
}

.yui-gb {
	margin-top:25px;
	margin-bottom: 5px;
}

.bottomBox {
	height: 220px;
	background-color: #c1c1c4;
	padding-left: 15px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 5px;
}

.bottomBox a {
color: #504350;
}

.bottomBox ul li {
	line-height: 120%;
}

/* STYLES THE LINKS IN THE BOTTOM BOXES ON THE HOME.PHP */
.bottomBox .page_item {
color:#000;
font-size:135%;
text-align:center;
border-bottom: #959097 1px dashed;
float: left;
width:46%;
margin-right: 4%;
margin-bottom: 15px;
vertical-align: bottom;
height: 50px;
}

.bottomBox .page_item a {
display:block;
text-decoration:none;
color:#000;
}

.bottomBox .page_item a:hover {
text-decoration:underline;
background-color: #959097;
}

.bottomNav{
color:#000;
font-size:135%;
line-spacing:120%;
text-align:center;
border-bottom: #959097 1px dashed;
float: left;
width:46%;
margin-right: 4%;
margin-bottom: 15px;
vertical-align: bottom;

}

.bottomNav a{
display:block;
text-decoration:none;
color:#000;
}

.bottomNav a:hover{
text-decoration:underline;
background-color: #959097;
}

.yui-u p{
	color: #000;
	
}

.idTabs {
	position: relative;
	top:-34px;
clear: both;
width:100%;
}

.idTabs li {
	float:left;
	display:block;
	background-color: #959097;
	width:20%;
	overflow: hidden;
}

.idTabs li a {
	color: #000;
	text-decoration:none;
	display:block;
	/*width: 153px;*/

	height: 35px;
	line-height: 35px;
	border-right: #000 1px solid;
	text-indent: 15px;
}

.idTabs li a:hover{
	color: #000;
	text-decoration: underline;
}

.idTabs li a.selected {
	background-color: #c1c1c4;
}

/*   SIDEBAR STYLE   */
#sidebar {
	height: 100%;
min-width: 368px;
}

#sidebar h3 {
	margin-top: 15px;
	margin-right: 10px;
	text-align: right;
}

#feature {
	background-color: #c1c1c4;
	height: 174px;
	padding-left: 15px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	overflow: hidden;
}

#feature a {
	color: #000;
	font-size: 115%;
}

#featureBrief {
	height: 150px;
	overflow: hidden;
	color: #000;
	font-size: 100%;
}
/*
#featureThumb {
	float: left;
	margin: 3px;
}*/

#twitter {
	background-image: url('images/twitterbg.jpg');
background-position: top right;
	background-repeat: no-repeat;
	height: 76px;
	padding-left: 120px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	color: #000;
	
}

#twitterP {
width: 246px;
max-width: 246px;
text-align:right;
position:absolute;
right:10px;
}

#twitterP a {
	color: #504350;
}	

#catList {
	background-color: #c1c1c4;
	/*height: 176px;*/
	padding-left: 15px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	overflow: hidden;
}

#catList a {
	color: #000;
	font-size: 115%;
}

#postNav li{
font-size: 105%;
line-spacing: 130%;
border-bottom: #959097 1px dashed;
}

#postNav li a{
text-decoration:none;
display: block;
width: 100%;
}
#postNav li a:hover {
text-decoration:underline;
background-color:#959097;
}

/*  FOOTER STYLE  */
#ft {
	color: #fff;
	text-align: center;
	clear: both;
}

#ft a {
color: #fff;
	text-decoration: none;
}

#ft a:hover {
	text-decoration:underline;
}