/*
Theme Name: RangerFit-brown
Theme URI: http://wordpress.org/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.6
Author: RangerFit
Author URI: http://www.rangerfit.com/
Tags: blue, custom header, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by rangerfit,
	whose blog you will find at http://www.rangerfit.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Begin Typography & Colors */
* {
	padding:0;
	margin:0;
	}
body {
	background:url(images/bg-top.gif) 0 0 repeat-x #fff;
	color:#0A0A0A;
	font:14px/20px "trebuchet MS", arial, verdana, sans-serif;
	}
ul {
	list-style-type:none;
	}
.specar { clear:both; font-size:0; line-height:0; }

/* Start: General */
p {
	padding-bottom:6px;
	}
a {
	color:#4E4E4E;
	background-color:inherit;
	text-decoration:underline;
	outline:none;
	}
a:hover {
	color:#000;
	background-color:inherit;
	text-decoration:none;
	}
h2 {
	font-size:23px;
	line-height:27px;
	font-weight:normal;
	color:#595959;
	background-color:inherit;
	margin-bottom:5px; 
	}
h3 {
	font-size:18px;
	line-height:22px;
	font-weight:normal;
	color:#4E4E4E;
	background-color:inherit;
	margin-bottom:5px; 
	}
.brown {
	color:#8D3212 !important;
	background-color:inherit;
	}
/* End: General */

/* Start: Logo */
#logoWap {
	width:954px;
	margin:0 auto;
	height:82px;
	padding:16px 0 0 7px
	}
	#logoWap img {
		display:block;
		}
/* Start: Logo */

/* Start: Navigation */
#nav {
	height:42px;
	background:url(images/nav-bg.gif) 0 100% repeat-x;
	border-bottom:1px solid #481800;
	font-size:15px;
	font-weight:bold;
	text-transform:capitalize;
	}
	#nav ul { 
		width:961px;
		margin:0 auto;
		}
		#nav li { float:left; width:auto; }
			#nav li a {
				display:block;
				color:#fff;
				background-color:inherit;
				text-decoration:none;
				float:left;
				width:auto;
				}
				#nav li a span {
					float:left;
					width:auto;
					height:38px;
					line-height:38px;
					display:block;
					padding:4px 15px 0;
					cursor:pointer;
					}
				#nav li a:hover, #nav li.current_page_item a {
					background:url(images/nav-right.gif) 100% 0 no-repeat;
					}
				#nav li a:hover span, #nav li.current_page_item a span {
					background:url(images/nav-left.gif) 0 0 no-repeat;
					}
/* End: Navigation */

/* Start: Header */
#header {
	clear:both;
	height:268px;
	background:url(images/head-bg.jpg) 0 0 repeat-x #704D47;
	color:#FFFFEA;
	overflow:hidden;
	}
	.headerInner {
		width:961px;
		margin:0 auto;
		padding:13px 0 0;
		position:relative;
		}
		.headerInner .pic {			
			border:8px solid #333;
			display:block;
			width:551px;
			height:218px;
			position:absolute;
			/*background:url(images/header-pic1.jpg) #baa798 0 0;*/
			z-index:1;
			left:0;
			top:13px;
			}	
		.headerInner img.weightPic {
			position:absolute;
			left:444px; top:120px;
			width:228px;
			height:140px;
			z-index:2;
			display:block;
			}
	.headerInner .txtBlock {
		width:394px;
		float:right;
		margin-top:29px;
		background:url(images/txtB-bottom.gif) 0 100% no-repeat;
		}
		.headerInner .txtBmid {
			background:url(images/txtB-top.gif) 0 0 no-repeat;
			padding:14px 0 22px 66px;
			}
			.txtBmid h2 {
				font-size:28px;
				line-height:30px;
				font-weight:bold;
				text-transform:uppercase;
				color:#FFFFEA;
				background-color:inherit;
				padding:8px 0 0 41px;
				background:url(images/quote-s.gif) 0 0 no-repeat;
				}
			.txtBmid p {
				line-height:18px;
				width:258px;
				padding:0 0 13px 43px;
				background:url(images/quote-e.gif) 100% 100% no-repeat;
				}
				.txtBmid a{
					color:#FFFFEA;
					background-color:inherit;
					text-decoration:none;
				}
				.txtBmid a:hover{
					color:#fff;
					background-color:inherit;
					text-decoration:none;
				}
/* End: Header */

/* Start: Body */
#bodyWap {
	margin-top:1px;
	background:url(images/bg-top.gif) 0 0 repeat-x;
	}
	.bodyPan {
		width:945px;
		margin:0 auto;
		padding:19px 2px 20px 13px;
		height:100%;
		overflow:hidden;
		}
		/* Start: Left Pan */
		.leftPan {
			width:628px;
			float:left;			
			}
			.leftPan h2 {
				border-bottom:1px dashed #4E4E4E;
				padding-bottom:4px;
				font-size:23px;
				line-height:26px;
				}
			.leftPan h2 span {
				background:url(images/heading-bullet.gif) 100% 10px no-repeat;
				padding-right:20px;
				}
				
				.leftPan h2 a{
					text-decoration:none;
				}
				
				.leftPan .post{
				padding:10px 0;
				}
				
				
			.details {
				height:100%;
				overflow:hidden;
				padding:2px 0 13px;
				}
			.details img {
				display:block;
				float:left;
				margin-right:9px;
				border:8px solid #E9E9E9;
				}
		
		.commentlist{
			
			margin:20px 0;
		}
		
		
		 ol.commentlist li{
			background:#F8F8F8;
			border:1px solid #ECEAEA;
			list-style-position:inside;
			padding:10px;
			margin-bottom:10px;
			list-style:none;
		}
		.comment-author{
			height:40px;
			line-height:30px;
		}
		
		.comment-author cite {
			font-weight:bold;
		}
	
		.comment-author img{
			float:left;
			width:auto;
			margin:0 10px 0 0;
			*margin:0 10px 0 -11px;
		}
		
		.entry ul, .entry ol{
			margin:10px 0;
		}
		
		.entry ul li{
			list-style-type:square;
			list-style-position:inside;
		}
		
		.entry ol li{
			list-style-type:decimal;
			list-style-position:inside;
		}
		
		
		
		#respond{
			margin:10px 0;
			background:#EEEEEE;
			border:1px solid #E4E2E2;
			padding:15px 0 15px 20px;
		}
				
		
		#respond p{
			padding-bottom:10px;
			clear:both;
		}
		
		#respond span{
			color:#FF3300;
		}
		
		
		
		
		
		#respond #submit{
		background:url(images/submitbtn.gif) 0 0 no-repeat;
		width:80px;
		height:24px;
		border:0;
		cursor:pointer;
		}
				
		#respond label{
			width:275px;
			float:left;
		}
		
		#respond input{
			width:300px;
			float:left;
		}
		 
				
		/* End: Left Pan */
		
		/* Start: Right Pan */
		.rightPan {
			width:295px;
			float:right;
			}
			
		.rightPan ul,li{
			list-style:none;
			}
			
			
			.rightPan h1 {
				background:url(images/rightHeadBg.gif) 1px 0 no-repeat;
				height:42px;
				padding:0 0 0 19px;
				font-size:20px;
				line-height:42px;
				color:#fff;
				background-color:inherit;
				margin:0;
				}
				
				.rightPan .widget_search div {
				background-color:#F8F8F8;
				border:1px solid #F1F1F1;
				padding:15px 0 15px 15px;
				margin-bottom:15px;
				}
			
			#searchform #s,	
			.rightPan .widget_search #s{
				width:180px;
				height:20px;
				}
				
			.rightPan .widget_search .screen-reader-text{
				display:none;
				}
	
			.navigation	{
				padding-top:10px;
			}
				
			#searchform #searchsubmit,
			.rightPan .widget_search #searchsubmit{
				width:60px;
				background:url(images/searchBtn.gif) 0 0 no-repeat;
				font-size:0;
				height:24px;
				border:0;
				cursor:pointer;
				position:relative;
				top:-1px;
				}

			.grayBlock {
				background-color:#F8F8F8;
				color:#4E4E4E;
				border:1px solid #F1F1F1;
				padding:0 0 15px 15px;
				margin-bottom:15px;
				}
			
			
			.rightPan #giraffe_calendar caption,
			.rightPan .widget_calendar caption,
			.rightPan h2.widgettitle{
				background:url(images/rightHeadBg.gif) 1px 0 no-repeat;
				height:42px;
				padding:0 0 0 19px;
				font-size:20px;
				line-height:42px;
				color:#fff;
				background-color:inherit;
				margin:0;
				*position:relative;
				*left:-15px;
				*width:292px;
				text-transform:capitalize;
				}
				
		.rightPan #giraffe_calendar h2,
		.rightPan .widget_calendar h2{
			display:none;
		}
		
		.rightPan #giraffe_calendar caption,
		.rightPan .widget_calendar caption{
			width:292px;
			}
			
		
			.grayBlock ul{
				margin-bottom:10px;
				padding-left:0!important;
				padding-bottom:0!important;
			}
			.grayBlock ul li ul{
				padding-bottom:8px;
				padding-left:0!important;
				}
				
				
			    .textwidget,	
				.rightPan #calendar_wrap #wp-calendar,
				.rightPan ul,
				.rightPan ul li ul{
				background-color:#F8F8F8;
				padding:10px 0 15px 15px;
				margin-bottom:15px;
				}
				
				.rightPan #wp-calendar{
				*position:relative;
				*left:-15px;
				}
				
				#giraffe_calendar{
				background-color:#F8F8F8;
				margin-bottom:15px;
				
				}
				
				.rightPan #calendar_wrap #wp-calendar{
					width:292px;
				}
				
                #wp-calendar th { padding-top:5px !important ;}
			
				.rightPan #calendar_wrap{
					margin-bottom:15px;
				}
				
				.archive .hentry,
				.search .hentry {
					padding:10px 0;
					border-bottom:1px dotted #4E4E4E;
				}
	
								
				.grayBlock h3 {
					border-bottom:1px dashed #4E4E4E;
					padding:10px 0 0;
					font-size:18px;
					line-height:21px;
					text-transform:capitalize;
					}
				.grayBlock h3 span {
					background:url(images/heading-bullet.gif) 100% 6px no-repeat;
					padding-right:16px;
					}				
				.grayBlock p {
					padding-left:4px;
					}			
				.grayBlock .more {
					background:url(images/more-bg.gif) 0 0 no-repeat #825747;
					width:81px;
					line-height:19px;
					color:#F8F8F8;
					text-decoration:none;
					display:block;
					text-align:center;
					margin:0 0 2px 4px;
					}			
				.grayBlock .more:hover {
					background:url(images/more-bg.gif) 0 -19px no-repeat #825747;
					color:#F8F8F8;
					}
					
				
				.listStyle01 { padding:10px 0 0; }
				.rightPan ul li,
				.grayBlock .listStyle01 li {
					background:url(images/bullet.gif) 5px 3px no-repeat !important;
					padding:0 0 5px 27px!important;
					}
					
				.grayBlock ul li{
				background:none !important;
				padding:0 !important;
				}
		/* End: Right Pan */
		
/* End: Body */

/* Start: Footer */
#footer {
	background:url(images/foot-bg.gif) 0 0 repeat-x #333;
	padding:18px 0 22px;
	font-size:12px;
	line-height:16px;
	color:#fff;
	}
	#footer ul {
		margin:0 auto;
		padding:4px 0 0;
		clear:both;
		}
		#footer ul li {
			float:left;
			width:auto;
			padding:0 10px;
			background:url(images/divifoot.gif) 0 2px no-repeat;
			}
			#footer ul li a {
				float:left;
				text-decoration:none;
				width:auto;
				color:#fff;
				background-color:inherit;
				}
			#footer ul li a:hover, #footer ul li.current_page_item a span,  #footer ul li a.active {
				color:#A9A9A9;
				background-color:inherit;
				}
	ul.footlist01 {
		width:900px;
		font-weight:bold;
		margin-bottom:8px;
      }
	ul.footlist02 {
		width:430px;
		}
		ul.footlist02 li {
			padding:0 8px !important;
			font-weight:bold;
			}
	#footer p {
		text-align:center;
		clear:both;
		padding:4px 0 0;
		}
		#footer p span {
			padding-left:10px;
			}
			#footer p span a {
				color:#A9A9A9;
				background-color:inherit;
			}
/* End: Footer */

/* testimonial */
#sfstest-page blockquote{
	padding-bottom:50px;
}

#sfstest-page cite, #sfstest-sidebar cite{
	font-weight:bold;
	color:#8c5340;
	clear:both;
	display:block;

}

#sfstest-sidebar{
	padding-bottom:15px;
}
/* testimonial */