/*
Theme Name: KnockoutFitness
Theme URI: 
Description: 
Version: 
Author: Blog Design Studio
Author URI: http://blogdesignstudio.com/
*/
* {
margin: 0;
padding: 0;
}

body {
color: #474646;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height:20px;
background:url(images/background.jpg) fixed top center;
}

h1, h2, h3, h4, h5, h6 {
margin: 0 0 0.5em 0;
padding: 0;
color:#ba0d01;
font-weight:normal;
line-height:1.1em;
}
h1 {
font-size:30px;
}
h2 {
font-size:24px;
}
h3 {
font-size:21px;
}
h4 {
font-size:18px;
letter-spacing:1px;
}
h5 {
font-size:16px;
color:#666;
}
h6 {
font-size:15px;
color:#666;
font-style:italic;
}

p {
margin:0 0 15px 0;
}

a:focus, a:hover {
color: #ba1d04;
text-decoration: none;
}
a {
color: #ba1d04;
text-decoration: underline;
outline: none;
}

ul, ol {
margin: 0 0 20px 20px;
padding:0 0 0 20px;
}
ul {
list-style-type: square;
}
ol {
list-style-type: decimal;
}
ul li, ol li {
margin: 0 0 7px 0;
padding: 0;
}


.alignleft {
float: left;
}
.alignright {
float: right;
}

img {
border:0;
}
img.alignleft {
float:left;
margin:5px 10px 5px 0;
}
img.alignright {
float:right;
margin:5px 0 5px 10px;
}

blockquote {
background: #e4e3e3;
color: #000;
padding: 20px;
margin: 15px;
font-size:13px;
font-style:italic;
line-height:20px;
}

input, textarea {
font-family: Arial, Helvetica, sans-serif;
margin:0;
padding: 5px;
border: 1px solid #999;
background:#fff;
color:#666;
}

.clear {
float:none;
clear: both;
}
.container {
width: 993px;
margin: 0 auto;
}

/********************************* HEADER START *********************************/
#header_area {
width: 100%;
height: 142px;
float:left;
clear:both;
margin: 19px 0 9px 0;
padding:0;
background: url(images/header.png) top center no-repeat;
}
#header_area .container {
width: 919px;
height: 125px;
padding:9px 26px 8px 48px;
}

.logo a {
width:125px;
height:65px ;
margin:32px 0 30px 0;
background: url(images/logo.png) top left no-repeat;
float: left;
}

.topright {
float: right;
width: 471px;
line-height: 25px;
}
.phone {
float: left;
width: 97px;
background: url(images/phone.png) left no-repeat;
border-right: 1px solid #c5c5c5;
padding-left: 34px;
}
.adress {
float: left;
width: 280px;
background: url(images/adress.png) left no-repeat;
padding-left: 34px;
margin-left: 24px;
}

.socials {
float: right;
margin-top: 21px;
}
.socials a {
margin-left: 20px;
}

/****************** MENU *************************/
.menupack {
width:727px;
height:33px;
float:left;
margin: 22px 0 0 50px;
}
.menupack .container {
background:none;
}
#dropmenu {
list-style-type: none;
margin: 0;
padding:0;
float:left;
height:33px;
line-height:25px;
}
#dropmenu li {
display: inline-block;
padding: 0 6px 0 6px;
margin:4px 0 0 0;
float:left;
border-right: 1px solid #c4c4c4;
border-left: 1px solid #fbfbfb;
height: 25px;
}
#dropmenu .page-item-1 {
border-left:0;
padding-left:0;
}
#dropmenu li a {
display: block;
background:url(images/menusprite.png) top left no-repeat;
text-indent:-999em;
float:left;
width:67px;
margin-top:-4px;
line-height: 33px;
height: 33px;
color:#fff;
}

#dropmenu li.page-item-1 a {
background-position:0 0;
}
#dropmenu li.page-item-1.hoverClass a, li.current_page_item.page-item-1 a {
background-position:0 100%;
}

#dropmenu li.page-item-2 a {
background-position:-67px 0;
}
#dropmenu li.page-item-2.hoverClass a, li.current_page_item.page-item-2 a {
background-position:-67px 100%;
}

#dropmenu li.page-item-11 a {
background-position:-134px 0;
width:93px;
}
#dropmenu li.page-item-11.hoverClass a, li.current_page_item.page-item-11 a {
background-position:-134px 100%;
}

#dropmenu li.page-item-22 a {
background-position:-227px 0;
width:99px;
}
#dropmenu li.page-item-22.hoverClass a, li.current_page_item.page-item-22 a {
background-position:-227px 100%;
}


#dropmenu li.page-item-24 a {
background-position:-326px 0;
width:90px;
}
#dropmenu li.page-item-24.hoverClass a, li.current_page_item.page-item-24 a {
background-position:-326px 100%;
}

#dropmenu li.page-item-26 a {
background-position:-416px 0;
width:68px;
}
#dropmenu li.page-item-26.hoverClass a, li.current_page_item.page-item-26 a {
background-position:-416px 100%;
}

#dropmenu li.page-item-32 {
padding-right:0;
border-right:0;
}
#dropmenu li.page-item-32 a {
background-position:-547px 0;
width:81px;
}
#dropmenu li.page-item-32.hoverClass a, li.current_page_item.page-item-32 a {
background-position:-547px 100%;
}

#dropmenu li.page-item-34 a {
background-position:-484px 0;
width:63px;
}
#dropmenu li.page-item-34.hoverClass a, li.current_page_item.page-item-34 a {
background-position:-484px 100%;
}


/******** SubMenus *********/
#dropmenu li {position:relative;}
#dropmenu li li, #dropmenu li li:hover, #dropmenu li:hover li  {
height:auto; margin:0 0 4px 0!important; padding:0;
background:none!important;
border:0;
}
#dropmenu ul {position:absolute; display:none; width:67px; top:29px; left:6px; margin:0; font-size:14px; padding:3px 0 5px 0; z-index:100;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
background:url(images/drops1.png) left bottom no-repeat;
}
#dropmenu li li a {
padding:0 10px 0 10px;
text-indent:0;
width:55px;
height:auto;
line-height:normal;
text-decoration:none;
background:none!important;
margin:0;
}
#dropmenu li li a:hover {
text-decoration:underline;
}

#dropmenu li.page-item-11 ul {
width:93px;
background:url(images/drops2.png) left bottom no-repeat;
}

#dropmenu li.page-item-26 ul {
width:68px;
background:url(images/drops3.png) left bottom no-repeat;
}

/****************** SEARCH *************************/
div#searchformholder {
display:block;
float: right;
margin:0;
padding:0;
width: 300px;
height: 30px;
}
#searchform p {}
div#searchformholder input#s {}
div#searchformholder #searchsubmit {}
#searchsubmit {}
.screen-reader-text {}

/*******************************************/

#leftcolumn, #rightcolumn {
margin:0;
padding:0;
}
#leftcolumn {
float: left;
width: 621px;
min-height:721px;
padding: 33px 23px 33px 26px;
overflow: hidden;
background-color: white;
border-left: 1px solid #7c7a7a;
border-right: 1px solid #7c7a7a;
}
#rightcolumn {
float: right;
width: 321px;
margin-top: -38px;
}

/****************/
#content_area {
padding:0;
margin-bottom:10px;
float:left;
width: 100%;
}

#topfill {
background: url(images/topfill.png) top center no-repeat;
width: 672px;
height: 44px;
}
.topfiller {
background: url(images/topfiller.png) top center no-repeat;
width: 672px;
height: 44px;
}
.bottomfill {
background: url(images/bottomfill.png) bottom center no-repeat;
width: 672px;
height: 9px;
}

.post {
margin:0 0 20px 0;
float:left;
clear:both;
width:100%;
}

.title {
margin:0 0 5px 0;
}
.title h2 {
margin:0;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.title h2 a {
color: #ba0d01;
text-decoration: none;
}
.title h2 a:hover {
color: #930802;
text-decoration: none;
}

.entry {
padding:7px 0 0 0;
float:left;
width:621px;
margin-bottom:4px;
}
.entry img {
max-width:621px;
height:auto;
}

.postmetapack {
border-top: 1px solid #d7d7d7;
border-bottom: 1px solid #eaeaea;
float:left;
width:100%;
}
.postmeta {
margin:0;
padding:10px 0 10px 0;
color:#919090;
font-family:Arial, Helvetica, sans-serif;
float:left;
width:100%;
font-size: 11px;
line-height: 11px;
border-top: 1px solid #eaeaea;
border-bottom: 1px solid #d7d7d7;
}
.postmeta a {
color:#919090;
text-decoration: none;
}
.postmeta a:hover {
color:#919090;
text-decoration: underline;
}

.tags {
margin:0 0 10px 0;
}

.date {
float:left;
width:100px;
padding-left: 16px;
}
.postcategory {
float:left;
color:#575757;
padding-right: 16px;
border-right: 1px solid #919090;
}

.entry p {
padding:0;
margin: 0 0 15px 0;
}

a.more-link {
float: right;
padding:0;
background: url(images/more.png) top left no-repeat;
width: 162px;
height: 45px;
font-size:13px;
color:#fff;
text-decoration:none;
text-align:center;
line-height:38px;
text-indent:39px;
}
a.more-link:hover {
text-decoration:underline;
}

/********** SIDEBAR MAINS ***************/
.sidebar {
margin: 0;
padding: 0;
float: left;
width:321px;
}
.widget {
clear:both;
padding:0;
margin-bottom:10px;
}
.widget ul {
padding:0;
margin:0;
list-style-type: none;
width:321px;
}
.widget ul li {
margin:0 0 7px 0;
padding:0;
}

div.textwidget {
margin: 0;
background: url(images/tabs_y.jpg) top left repeat-y;
float: left;
padding: 16px 20px 16px 20px;
width: 281px;
}

.sidebar h2 {
}

.widget_tag_cloud div {
text-align:center;
line-height:normal;
}

.video {
background: url(images/video.png) top left no-repeat;
width: 307px;
height: 220px;
padding: 59px 0 0 14px;
}

/****************** SIDEBAR END *************************/


/************************* FOOTER START ********************************/
#footer_area {
float: left;
width: 100%;
height: 47px;
padding:0;
background: url(images/footer.png) top center no-repeat;
margin: 0 0 86px 0;
color: #908f8f;
}
#footer_area a {
color: #908f8f;
text-decoration: none;
}
#footer_area a:hover {
color: #908f8f;
text-decoration: underline;
}
#footer_area .container {
width: 953px;
height: 125px;
padding:14px 20px 0 20px;
}

.footleft {
float: left;
text-align:left;
width:600px;
}
.footright {
float: right;
text-align:right;
width:250px;
}
#footer_bottom {
float: left;
padding:5px 5px 0 5px;
}

#bbb {
float: left;
margin: 20px 0 0px -20px;

}
/************************* FOOTER END ********************************/


/* Page Navigation  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.pageNav { padding:0; margin:0; height:26px; float:right; text-align:right; }
.Nav {
float:right;
}
.pageNav a, .pageNav a:visited { display:block; float:left; text-align:center; line-height:20px; height:20px; font-size: 12px; color:#484848; text-decoration:none; margin-right:1px; padding:0 7px 0 7px; }
.pageNav a:hover { background: #868585; text-decoration: none; color:white; }
.pageNav span { font-size:12px; display:block; float:left; text-align:left; line-height:20px; height:20px; margin-right:10px;color:#858484; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
.pageNav .on { display:block; float:left; text-align:center; line-height:20px; height:20px; background:#868585;  color:white; margin-right:1px; padding:0 7px 0 7px;  }

.dotts {width:20px; text-align:center; display:block; float:left;}

.pageNav strong {
font-size:13px;
}


/* TABS */
.widget ul.tabs {
width:321px;
height:31px;
padding:0;
margin:0;
float:left;
background: url(images/tabs.jpg) bottom left no-repeat;
}

.TabContent_holder, .widget_recent_entries {
clear:both;
float:left;
width:321px;
background: url(images/tabs_b.png) bottom left no-repeat;
padding-bottom: 9px;
}

div.TabContent, .widget_recent_entries ul {
padding:0;
margin:0;
background: url(images/tabs_y.jpg) top left repeat-y;
float: left;
}
div.TabContent ul {
padding:0;
}
div.TabContent ul li, .widget_recent_entries ul li {
border-bottom: 1px solid #b9b7b7;
float: left;
width: 277px;
margin: 0;
background: url(images/shadow.jpg) top left repeat-x;
padding: 16px 20px 16px 20px;
font-size:12px;
}

.widget ul.tabs li {
float:left;
display:inline;
height:28px;
line-height: 32px;
padding:0;
background: url(images/li.png) top left no-repeat;
margin: 0 13px 4px 0;
}
ul.tabs li a {
float:left;
cursor:pointer;
font-size:14px;
margin:0;
background:url(images/li_a.png) top right no-repeat;
color:#fff;
display: block;
text-decoration: none;
padding: 0 20px 0 20px;
margin-right: -10px;
}
ul.tabs li:hover {
background: url(images/curr_li.png) top left no-repeat;
color:#8e0c03;
}
ul.tabs li a:hover {
background:url(images/curr_li_a.png) top right no-repeat;
color:#8e0c03;
}
ul.tabs li.active {
background: url(images/curr_li.png) top left no-repeat;
color:#8e0c03;
height:28px;
line-height: 32px;
}
ul.tabs li.active a {
background:url(images/curr_li_a.png) top right no-repeat;
color:#8e0c03;
}
div.tab-content {
padding:0;
}


.TabContent ul li a, .widget_recent_entries ul li a {
color: #ba1d04;
text-decoration: none;
font-size:14px;
padding: 0;
float: left;
}
div.TabContent ul li a:hover, .widget_recent_entries ul li a:hover {
color: #ba1d04;
text-decoration: underline;
}


.widget_recent_entries h2 {
background:url(images/latestposts.png) no-repeat;
width:321px;
height:44px;
text-indent:-10000em;
margin:0;
}


.postdesc {
letter-spacing:-1px;
clear:both;
display:block;
}

/***************** home-slider and home welcome ********************/
#home-slider, #home-text {
float: left;
width: 650px;
min-height:325px;
padding: 0 10px 0 10px;
background-color: white;
border-left: 1px solid #7c7a7a;
border-right: 1px solid #7c7a7a;
}
#home-slider {
padding: 0 11px 0 9px;
}
#home-text {
padding: 10px 15px 0 15px;
width: 640px;
min-height:345px;
}
#home-text .entry {
width: 640px;
padding:0;
}

.home-block .topfiller {
height:10px;
}

.home-block .sidebar {
margin-top:0;
}
.home-block .widget {
margin:0;
}


#welcomeblock.home-block .sidebar {
margin-top:-10px;
}

.home-block .topfiller {
height:10px;
}

.welcome {
float:left;
margin:0 35px 0 0;
}
.welcome h2 {
float:left;
margin:0;
}


    /* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */

/* Easy Slider */
.featured {
position:relative;
background:url(images/feat.jpg) left top no-repeat;
height:350px;
}

#slider{
width:653px!important;
height:350px;
margin:0;
overflow:hidden;
position:relative;
}	
	#slider ul {
		margin:0;
		padding:0;
		list-style:none;
		width:653px;
		height:350px;
}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:653px;
		height:350px;
		overflow:hidden;
		margin:0;
		position:relative;
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		width:55px;
		height:67px;
		position:absolute;
		left:-19px;
		top:140px;
		}	
	#nextBtn{ 
		left:613px;
		width:58px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:55px;
		height:67px;
		background:url(images/btn_prev.png) no-repeat 0 0;
		}	
	#nextBtn a { 
		background:url(images/btn_next.png) no-repeat 0 0;	
		width:58px;
		}												

/* // Easy Slider */
