/*
Theme Name: Professional Fitness and Personal Trainers Precision Personal 
Theme URI: http://www.precisionpersonaltraining.com/
Description: 
Version: 
Author: CPC Computer Consultants
Author URI: www.cpccci.com
Tags: blue, custom header, fixed width, two columns, widgets
	
*/



/* Begin Typography & Colors */
/* ----------------------- General ----------------------- */
body{background: #557c94 url(images/fnd.gif) repeat-x top left; padding: 0; margin: 0;}
*{font-family:Geneva,Arial,Helvetica,sans-serif !important;}
#content{width: 992px; margin: 0 auto 5px; padding: 0; background: url(images/bg-content-middle.jpg) repeat-y top left; } 
#content #content-middle{
	background: url(images/bg-content-top.jpg) no-repeat top left;
	width: 991px;
	float: left;
	padding: 0;
}
#content #content-middle #content-down #content-top{ background: url(images/ppt.jpg) no-repeat top right; float: left; width: 992px;}
#content #content-middle #content-down{float: left; background: url(images/info-middle.png) repeat-y top right; width: 992px; padding: 0 0 20px;}

/* ----------------------- Column Left ----------------------- */
#column-left{float: left; width: 294px; padding: 30px 0 0 2px; margin: 0;}
#logo{float: left; margin: 0 0 38px; width: 294px; height: 83px;}
#menu{
	float: left;
	width: 294px;
	padding: 0;
	margin: 0 0 20px 0;
}
#menu ul{ margin: 0; padding: 0; list-style: none;}
#menu ul li{padding: 7px 0 0 25px; background: url(images/bg-menu.png) no-repeat 0 -31px; width: 269px; height: 24px;}
#menu ul li.select, #menu ul li:hover{ background-position: 0 0;}
#menu ul li a{ text-decoration: none; font-size: 14px; color: #fff; letter-spacing: 1px;}
#menu ul li a:hover{color: #FCC;}
#column-left .box{float: left; background: url(images/fnd-box-middle.png) repeat-y top left; width: 279px; margin: 0; }
#column-left .box .top{float: left; background: url(images/fnd-box-top.png) no-repeat top left; width: 279px; margin: 0; }
#column-left .box .top .down{float: left; background: url(images/fnd-box-footer.png) no-repeat bottom left; width: 243px; margin: 0; padding: 25px 18px 7px; }
#column-left .box .top .down .title{
	width: 247px;
	font-weight: bold;
	color: #FFF;
	text-transform: uppercase;
	font-size: 13px;
	height: 47px;
}

/* ----------------------- Column Right ----------------------- */
#column-right{float: right; width: 620px; padding: 70px 32px 0 0;}
#banner{width: 355px; margin: 0 0 33px; padding:0 0 0 265px; float: left; height: 200px; }
#banner .title{
	width: 355px;
	height: 50px;
	color: #FFF;
	font-size: 30px;
	font-weight: bold;
	text-align: left;
	font-style:italic;
}
#banner p{font-size: 12px; color: #FFF;}
#column-right .box{float: left; background: #e0e7f1 url(images/box3.jpg) no-repeat top left; width: 283px; padding: 0 10px 10px; min-height: 195px; margin: 0 0 7px 0;}
#column-right .box li {font-size:12px; color:#333;}
#column-right .box .title{
	width: 273px;
	font-weight: bold;
	color: #FFF;
	text-transform: uppercase;
	font-size: 14px;
	height: 35px;
	padding:3px 0 0 10px;
	text-align: left;
}

#column-right .box2{float: right; background: url(images/box2.jpg) no-repeat top left; width: 190px; padding: 0 110px 0 12px; min-height: 205px;}
#column-right .box2 .title{
	width: 210px;
	font-weight: bold;
	color: #FFF;
	text-transform: uppercase;
	font-size: 14px;
	height: 30px;
	padding:3px 0 0 0;
}
#column-right .box2 p{color: #FFF;}

#column-right .box2gold{float: right; background: url(images/box2gold.jpg) no-repeat top left; width: 190px; padding: 0 110px 0 12px; min-height: 205px;}
#column-right .box2orange{float: right; background: url(images/box2orange.jpg) no-repeat top left; width: 190px; padding: 0 110px 0 12px; min-height: 205px;}
#column-right .box2red{float: right; background: url(images/box2red.jpg) no-repeat top left; width: 190px; padding: 0 110px 0 12px; min-height: 205px;}
#column-right .box2green{float: right; background: url(images/box2green.jpg) no-repeat top left; width: 190px; padding: 0 110px 0 12px; min-height: 205px;}
#column-right .box2pink{float: right; background: url(images/box2pink.jpg) no-repeat top left; width: 190px; padding: 0 110px 0 12px; min-height: 205px;}

.title{
	width: 260px;
	font-weight: bold;
	color: #FFF;
	text-transform: uppercase;
	font-size: 14px;
	height: 30px;
	padding:3px 0 0 0;
	text-align: center;
}

#column-right .box3{
	float: left;
	background: url(images/image-call.jpg) no-repeat top left;
	width: 378px;
	padding: 120px 0 0 240px;
	height: 110px;
	color: #FFF;
	font-size: 17px;
	font-style: italic;
	margin-top: 20px;
}
.box3{
	float: left;
	background: url(images/image-call.jpg) no-repeat top left;
	width: 378px;
	padding: 120px 0 0 0px;
	height: 110px;
	color: #FFF;
	font-size: 17px;
	font-style: italic;
	margin-top: 20px;
	margin-left:0px;

}
#column-right .box3 .title{
	width: 360px;
	font-weight: normal;
	color: #FFF;
	text-transform: uppercase;
	font-size: 37px;
	height: 50px;
	padding:0 0 0 0;
	font-style: italic;
}
#boxtestimonials {
	margin-left:30px;
	width: 220px;
}
#boxtestimonials p {color:white;}

/* ----------------------- Text ----------------------- */
p{margin: 0 0 10px 0; padding :0; text-align: left; color: #333; font-size: 12px; line-height: 18px;}
a:link{text-decoration: underline; font-size: inherit; color:#066;}
a:visited{
	color: #4C8961; text-decoration:underline;
}
a:hover{text-decoration: none;}

textarea{width:260px;font-size:11px;color:#666;margin:0 0 7px 0;height:150px; background: #FFFFFF; outline: none; border: #999999 1px solid;}
strong{font-size: inherit;}
h1{
	color: #9C1308;
	font-size: 2em;
	margin: 0;
	font-weight: bold;
	padding: 2px 0 20px;
	line-height: normal;
	text-transform: uppercase;
}
h2{
	color: #000;
	font-size: 16px;
	margin: 0;
	padding: 1px 0 5px;
	font-weight: bold;
}
h3{
	font-size: 14px;
	color: #000;
	margin: 0 0 10px;
	padding: 0;
	background: url(images/vinieta.gif) no-repeat center left;
	font-weight: bold;
}
h4{
	font-size: 13px;
	color: #000;
	font-weight: bold;
	margin: 0px 0 15px 0;
	padding: 3px 0;
}
h5{ font-size: 12px; color: #002b59; text-transform: uppercase; margin: 0px 0 5px 0;}

/* ----------------------- Footer ----------------------- */  
#footer{ background: url(images/fnd-footer.jpg) no-repeat top left; width: 992px; padding: 10px 0 0 0; font-size: 10px; color: #fff; height: 57px; margin: 0 auto; border-bottom: 1px solid #FFF;}
#footer a{font-size: 11px; color: #fff; padding: 0 10px; text-decoration: none; }

/* ----------------------- Clearfix ----------------------- */ 
/* slightly enhanced, universal clearfix hack */
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;line-height: 0; }
.clearfix {display: inline-block;}

/* start commented backslash hack \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* close commented backslash hack */


/* Clear */
.clear { clear:both; overflow:hidden; height:0px; }

#middlecontent {
	background-color: #E0E7F1;
}
#middlecontent .content{padding:10px;}
#middlecontent .content p {font-size:1.3em; line-height:1.8em;}
#middlecontent li{
	margin-top:5px;
	color:#102238;
	font-size:1.3em;
	line-height:1.2em;
	color:#333;
}


/*########################################
               BREADCRUMB
########################################*/
#breadcrumb { padding:0 0 0 0px; 
	font-size:10px;
	color: #333333;
	height: 30px;
	margin-bottom: 5px;
	text-align:left;
}
#breadcrumb a { text-decoration:none; color: #333333; font-weight: normal; font-size:10px; }
#breadcrumb a:hover { text-decoration:underline; }
#breadcrumb img { vertical-align: -4px; }
#breadcrumb .active {font-weight:bold;}




#content #content-middle #content-down #content-top #column-left .box .top .down ul li {
	font-size: 1.2em;
	line-height: 1.8em;
	color: #001A1F;
	list-style-image: url(images/bullet-checkmark.png);
	padding-bottom:5px;
}



/*########################################
              CONTACT FORM
########################################*/
fieldset		{
	border:1px solid #b3d6fe;
!important;		
	background-color: #D5E2FF;
	padding-left:10px;
	padding-bottom:10px;
	
	width: 280px;
}
/*fieldset.active		{border:2px solid #999}*/

label {
	color:#515151;
	display:block;
	float:left;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:1em;
	font-weight:bold;
	height:20px;
	letter-spacing:2px;
	line-height:1.1;
	margin-right:2px;
	margin-top:15px;
	width: 280px;
}
.label {font-size:0.7em; color:#333; margin-top:0;}
.buttons {
		background:#EEF7FB none repeat scroll 0%;
	color:#333333;
	font-size:12px;
	font-weight:bold;
	padding:6px 14px;
	text-decoration:none;
	text-transform:uppercase;
	cursor:pointer;	
	border:solid 2px #B5D6FE;
}

.info_messages		{
	color: #333333;
	background-attachment: scroll;
	background-color: #FF9;
	background-image: url(images/information.gif);
	background-repeat: no-repeat;
	background-position: 5px 7px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FCCC37;
	border-bottom-color: #FC3;
	margin-top: 10px;
	margin-right: 0pt;
	margin-bottom: 10px;
	margin-left: 0pt;
	padding-top: 7px;
	padding-right: 15px;
	padding-bottom: 7px;
	padding-left: 30px;
}
.required {
	color: #ad0409;
	font-family: "Courier New", Courier, monospace;
	font-size: 1.4em;
	font-weight: bold;
}
.textbox{
	background:#ffffff;
	border:1px solid #ccc;
	color: #333333;
	width:300px;
	height:22px;
}
.textarea{
	background:#ffffff;
	border:1px solid #dadada;
	color: #333333;
	width:300px;
	float:left;
	height:100px;
}

.recaptchatable #recaptcha_response_field {
	!important;
float:left;
font-size:10pt;
left:0;
margin:7px 0 0 !important;
padding:0 !important;
position: relative !important;
top:0;
width:145px !important;
}
/*########################################
              CONTACT PAGE
########################################*/

 #rightpanel {
	float: right;
	width: 250px;
}
 #leftpanel {
	float: left;
	width: 350px;
}
 #rightpanel .content {
	padding-left: 10px;
	padding-top: 20px;
}
 #leftpanel .content {
	 padding-top: 20px;
}


.imgbios {float:left; padding-right:10px; padding-bottom:10px;}
.imgtotheright {float:right; padding-left:10px; padding-bottom:10px;}

#calltoaction {
	border:5px solid #C2C9D1;
	margin-left:180px;
	padding:10px;
}



#subscribe {
	margin:10px 20px 0 0;
	text-align:right;
}

/************************************** Blog Css****************************************/


/***********************************************************
				commennt Form
*************************************************************/
.hidden { display:none;}
.calendar_wrap { font-weight:normal !important; font-family:Geneva, Arial, Helvetica, sans-serif; }
#wp-calendar caption { font-weight:normal !important; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; }
#wp-calendar tr th {  font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px;  }
#wp-calendar tr td {  font-weight:normal !important; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px;  }
.widgetbox ,.screen-reader-text { font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; display:none;}
 
 
.sidebar ul { padding-top:0px; padding-left:0px; margin:0px;}
.sidebar ul li
{	
	line-height:18px !important;
	margin-left:15px !important;
}
.sidebar a
{ text-decoration:none; font-size:12px; color:#001A1F !important;}
.sidebar a:hover
{ text-decoration:underline;}
.sidebar { padding-top:5px; }

.wcolumn1 ul { padding-left:20px;  }


.postmetadata
{
	padding-right:3px;
	text-align:right;
}
.post 
{
	display:block;
	clear:both;
	padding:5px;
	background:#e0e7f1;
	color:#000 !important;
	margin:0px;
	margin-bottom:15px;
	border:solid 1px #afafaf;
}
#commentbar
{
	height:25px;
	line-height:25px;
	background:none;
	color:#000;
	text-align:right;
	padding-right:3px;
}
#commentbar a
{

}

#respond
{
	background:#e0e7f1;
	margin:0px;
	padding:5px;
	border: solid 1px #afafaf;
}
#respond h3 { text-align:left;}

.entry p { padding-left:5px; padding-right:5px;}
#searchsubmit { background:#4579B3; border:solid 1px #666666; color:#fff;  margin-left:5px; 	border-top:solid 4px #c3cfdf;
	border-left:solid 4px #c3cfdf; cursor:pointer;}
#commentform p { clear:both;}
#commentform label { width:150px; display:block; float:left;}
#commentform label small
{
	font-size:11px;
	font-weight:bold;
}
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 300px;
	padding: 2px;
	margin-left:152px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 15px 25px 15px auto;
	float: right;
	background:#4579b3;
	color:#fff;
	border-top:solid 4px #c3cfdf;
	border-left:solid 4px #c3cfdf;
	border-right:none;
	border-bottom:none;
	cursor:pointer;
	}
.commentlist { margin-left:0px; padding-left:0px; margin-top:5px; margin-bottom:5px;}

.commentlist li
{
	list-style:none;
	background-color:#e0e7f1;
	padding:5px;
	margin:0px;
	border:solid 1px #afafaf;
}	

.navigation
{
	padding:10px 5px;
}
.navigation_nspace
{
	padding-bottom:2px;
}
#comments
{
	padding:5px;
	margin: 0px 0px 0px 0px;
}
#wp-calendar caption { font-weight:normal !important; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; }
#wp-calendar tr th {  font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px;  }
#wp-calendar tr td {  font-weight:normal !important; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px;  }
.content a { color:#006666; font-size:12px !important; }
.content a:hover { text-decoration:none; }
.content h2 { color:#9C1308; font-size:20px !important; font-weight:bold; font-family:Geneva,Arial,Helvetica,sans-serif !important; text-transform:uppercase;}
.content h2 a { text-decoration:none; color:#9C1308; font-size:20px !important; font-weight:bold; font-family:Geneva,Arial,Helvetica,sans-serif !important; text-transform:uppercase; }


.left, .alignleft
{
	float:left;
}
.right, .alignright
{
	float:right;
}
img.alignleft { margin-right:10px !important; }
img.alignright { margin-left:10px !important; }