/*
Theme Name: TrainerTV by Khanik
Theme URI: http://www.khanik.com/
Description: The default TrainerTV theme.
Version: 1.0
Author: Anik Khan
Author URI: http://www.khanik.com/
Tags: simple, chic, clean

	Designed by Michael Ferguson, developed by Anik Khan.
	
*/

body {
	background-color: #FFF;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #3C3C3C;
	margin: 0px;
	padding: 0px;
}

a:link, a:visited {
	color: #3C3C3C;
	text-decoration: none;
}

a:hover, a:active {
	color: #00AFEF;
	text-decoration: none;
}

a img {
	border: 0;
}

p {
	line-height: 135%;
}

h1, h2, h3, h4, h5, h6 {
	padding: 0;
	margin: 0;
	line-height: 125%;
}

h1 {
	font-size: 34px;
	margin-bottom: 12px;
	font-weight: bold;
}

h2, h2 a:link, h2 a:visited {
	font-size: 22px;
	font-family: Arial, sans-serif;
	font-weight: normal;
	color: #00AFEF;
	font-weight: normal;
	margin-bottom: 12px;
}

h3 {
	font-size: 20px;
	font-family: Georgia, serif;
	font-weight: normal;
	margin-bottom: 12px;
}

h4 {
	font-weight: bold;
	font-size: 14px;
	color: #00AFEF;
	margin: 2px 0;
}

h5 {
	font-size: 12px;
	font-weight: normal;
	color: #00AFEF;
}

h5 a:link, h5 a:visited {
	color: #ADAFB2; 
}

h6 {
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin: 0;
}

form {
	margin: 0px;
	padding: 0px;
}

label {
	font-weight: bold;
	display: block;
	padding-bottom: 2px;
}

input, textarea {
	font-family: Arial, sans-serif;
	font-size: 12px;
	border:  #DADADA 1px solid;
	padding: 4px 5px;
	width: 300px;
}

textarea {
	height: 80px;
}

select {
	font-family: Tahoma, sans-serif;
	font-size: 11px;
	width: 158px;
}

/* tables */

table {
	background-color: #F5F5F5;
	width: 100%;
	text-align: left;
}

table thead tr th, table tfoot tr th {
	font-weight: bold; 
	outline: none;
	border: 1px solid #FFF;
	padding: 4px 9px;
}

table thead tr {
/* 	background: url(images/ui-bg_glass_85_A7EAFD_1x400.png) 50% 50% repeat-x; */
}

table thead tr .header {
	background-image: url(images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

table tbody td {
	padding: 4px 9px;
	background-color: #FFF;
	vertical-align: top;
}

table tbody tr.odd td {
	background-color:#F5F5F5;
}

table thead tr .headerSortUp {
	background-image: url(images/asc.gif);
}

table thead tr .headerSortDown {
	background-image: url(images/desc.gif);
}

table thead tr .headerSortDown, table thead tr .headerSortUp {
	border: 1px solid #3C3C3C;
}

.clear, .spacer_5, .spacer_10, .spacer_15, .spacer_20 {
	font-size: 0;
	clear: both;
	visibility: hidden;
}

.clear {
	height: 1px;
}

.spacer_5 {
	height: 5px;
}

.spacer_10 {
	height: 10px;
}

.spacer_15 {
	height: 15px;
}

.spacer_20 {
	height: 20px;
}

.reset {
	border: 0 !important;
	width: auto !important;
	height: auto !important;
	padding: 0 !important;
	margin: 0 !important;
}

.wpcf7-list-item {
	display: block;
	margin: 6px;
}

#wrapper {
	width: 954px;
	margin: 0 auto;
}

.right {
	float: right;
}

button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:12px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
 button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
 button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
 button img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}


/* POSITIVE */

button.positive{
    color:#529214;
}
button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}


/* NEGATIVE */

 button.negative{
    color:#d12f19;
}
 button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}


/* REGULAR */

button.regular{
    color:#336699;
}
button.regular:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}

/* Header*/

#heading {
	border-bottom: #DADADA 1px solid;
	padding: 10px 0;
}

#heading img {
	float: left;
	margin-top: 4px;
}

.slogan {
	float: right;
	width: 540px;
}

.login {
	float: right;
	width: 100px;
}

#header {
	padding: 20px 0;
	border-bottom: #DADADA 1px solid;
}

#header .right {
	color: #EAEBEB;
}

#header .right a:link, #header .right a:visited {
	color: #000;
	text-decoration: none;
}

#header .right a:hover, #header .right a:active {
	color: #000;
	text-decoration: underline;
}

#header .links {
	float: right;
}

#logo {
	height: 80px;
	padding-top: 10px;
}

.links, .links li {
	list-style: none;
	padding: 0;
	margin: 0;
}

.links {
	float: right;
	margin-right: 25px;
}

.links li {
	float: left;
	margin-left: 15px;
}

.links a:link, .links a:visited {
	color: #ADAFB2;
}

.links a:hover, .links a:active {
	color: #00AFEF;
}

#navigation {
	font-size: 14px;
	background: url(images/bg.jpg) center 45px repeat-x;
	height: 92px;
}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			46px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
.sf-navbar {
	position:		relative;
}
.sf-navbar li {
	text-decoration: none;
	background-color: #F9F9F9;
	margin-left: 5px;
	border: #F9F9F9 1px solid;
	border-bottom: #E7E7E7 1px solid;
	font-weight: normal;
	display: block;
	width: 108px;
	text-align: center;
	padding-top: 14px;
	height: 30px;
	color: #3C3C3C;
	position:		static;
}
.sf-navbar a {
	text-decoration: none;
	color: #5C5C5C;
}
.sf-navbar li ul {
	width:	934px;
	font-size: 14px;
	border-bottom: #E0E0E0 1px solid;
	padding: 0 10px;
	height: 44px;
	display: block;
}
.sf-navbar li li {
	position:		relative;
	padding: 15px 10px 0 10px !important;
	margin: 0 !important;
	border: 0 !important;
	background-color: transparent !important;
	width: auto !important;
}
.sf-navbar li li ul {
	width:			13em;
}
.sf-navbar li li li {
	width:			100%;
}
.sf-navbar ul li {
	width:			auto;
	float:			left;
}
.sf-navbar a, .sf-navbar a:visited {
	border:			none;
}
.sf-navbar li.current {
}
.sf-navbar li:hover,
.sf-navbar li.sfHover {
	background-color: #FFF;
	color: #00AFEF;
	border: #E7E7E7 1px solid;
	padding-top: 14px;
	height: 31px;
	border-bottom: 0;
	width: 108px;
}

.sf-navbar li:hover a:link, .sf-navbar li:hover a:visited, .sf-navbar li.sfHover a:link, .sf-navbar li.sfHover a:visited, .cat-current {
	color: #00AFEF;
}

.sf-navbar li:hover ul a:link, .sf-navbar li:hover ul a:visited, .sf-navbar li.sfHover ul a:link, .sf-navbar li.sfHover ul a:visited {
	color: #3C3C3C;
}

.sf-navbar li:hover ul a:hover, .sf-navbar li:hover ul a:active, .sf-navbar li.sfHover ul a:hover, .sf-navbar li.sfHover ul a:active {
	color: #00AFEF;
}

ul.sf-navbar li li li:hover,
ul.sf-navbar li li li.sfHover,
.sf-navbar li li.current li.current,
.sf-navbar ul li li a:focus, .sf-navbar ul li li a:hover, .sf-navbar ul li li a:active {
	color: #00AFEF;
}
ul.sf-navbar .current ul,
ul.sf-navbar ul li:hover ul,
ul.sf-navbar ul li.sfHover ul {
	left:			0;
	top:			44px; /* match top ul list item height */
}
ul.sf-navbar .current ul ul {
	top: 			-999em;
}

.sf-navbar li li.current > a {
	color: #00AFEF;
	font-weight:	bold;
}

#search_wrapper {
	float: right;
	padding: 0 0 0 15px;
	margin-top: -25px;
	height: 34px;
}

#s {
	background: #FFF url(images/search.gif) 205px 3px no-repeat;
	border: #DADADA 1px solid;
	color: #3C3C3C;
	padding: 4px 10px;
	margin: -2px 0;
	width: 210px;
	font-size: 14px;
	font-weight: normal;
}

#search_wrapper span img {
	margin-left: 2px;
	margin-bottom: 7px;
}

#join {
	float: right;
	font-weight: bold;
	color: #FFF;
	background: url(images/bg-g.jpg) repeat-x top;
	height: 46px;
	width: 216px;
}

#join a:link, #join a:visited {
	display: block;
	color: #FFF;
	text-align: center;
	margin-top: 16px;
}

#signup {
	background: url(images/signup_bg.jpg) center top no-repeat;
	margin-top: 10px;
	text-align: center;
	padding-top: 26px;
	height: 440px;
}

#signup h1 {
	margin: 2px 0;
}

#signup h4 {
	margin: 2px 0;
	color: #3C3C3C;
	font-weight: normal;
}

#signup p {
	color: #3C3C3C;
	margin: 6px 0;
}

#signup .left.cell {
	float: left;
	width: 168px;
	padding-left: 20px;
	padding-top: 9px;
}

#signup .left.cell h1, #signup .right.cell h1 {
	font-size: 26px;
}

#signup .left.cell p, #signup .right.cell p {
	font-size: 14px;
}

#signup .left.cell p strong, #signup .right.cell p strong {
	font-size: 20px;
}

#signup .center.cell {
	float: left;
	width: 184px;
	padding: 0 40px;
}

#signup .center.cell h1 {
	font-size: 30px;
}

#signup .center.cell h4 {
	font-size: 16px;
}

#signup .center.cell p {
	font-size: 16px;
}

#signup .center.cell p strong {
	font-size: 24px;
}

#signup .center.cell h4 strong, #signup .right.cell h4 strong {
	color: #6CB33F;
}
	
#signup .right.cell {
	float: left;
	width: 168px;
	padding-right: 20px;
	padding-top: 5px;
}

/*
.tags, .tags li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.tags li {
	float: left;
	margin-right: 20px;
}

.tags strong {
	text-decoration: underline;
}
*/

.share, .share li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.share li {
	float: right;
	margin-left: 20px;
}

.share a:link, .share a:visited {
	color: #EAEBEB;
}

.share a:hover, .share a:active {
	color: #000;
}

/* Body */

#body {
	background-color: #FFF;
	margin: 20px 0;
}

#homepage {
	clear: both;
	font-family: Georgia, serif;
	font-size: 14px;
	border-top: #DADADA 1px solid;
	padding-top: 20px;
}

#homepage .cell {
	float: left;
	width: 300px;
	margin-top: 20px;
	padding-left: 20px;
}

#homepage h3 {
	margin: 0 20px;
}

#homepage h4 {
	font-family: Arial, sans-serif;
}

#homepage p {
	margin: 2px 0 12px 0;
}

.block {
	padding: 8px 20px;
	border-top: #DADADA 1px solid;
	border-bottom: #DADADA 1px solid;
	background-color: #F7F7F7;
	clear: both;
}

#homepage .block h3 {
	margin: 12px 0;
}

#mainbar {
	float: left;
	width: 640px;
}

#mainbar p {
	font-family: Georgia, serif;
	font-size: 14px;
}

.mainbar {
	float: right;
	width: 640px;
}

.mainbar.left {
	float: left;
}

.sidebar {
	float: left;
	width: 288px;
}

.sidebar.right {
	float: right;
}

.share img {
	margin-right: 10px;
}

.banner {
	padding: 10px 0;
}

.banner p {
	margin: 4px 0;
}

.banner a:link, .banner a:visited {
	color: #EAEBEB;
}

.banner a:hover, .banner a:active {
	color: #00AFEF;
}

.post_wrapper {
	clear: both;
	border-bottom: #DADADA 1px solid;
	margin-bottom: 15px; 
	padding-bottom: 15px;
}

.post_wrapper .right {
	margin-right: -190px;
	color: #EAEBEB;
}

.post_wrapper img {
	float: left;
}

.post_wrapper span {
	display: block;
	float: right;
	width: 415px;
}

.post_wrapper p {
	margin: 4px 0;
}

#sidebar {
	float: right;
	width: 288px;
}

#sidebar form p {
	margin: 5px 0;
}

.menu, .menu li {
	list-style: none;
	padding: 0;
	margin: 0;
}

.menu {
	margin: 20px 0;
}

.menu li {
}

.menu h5 {
	font-size: 14px;
	font-weight: bold;
	color: #3C3C3C;
	background-color: #F5F5F5;
	padding: 5px 15px;
}

.menu img {
	float: right;
	margin-left: 10px;
}

.menu a:link, .menu a:visited {
	display: inline-block;
}

.menu p, .menu a:link, .menu a:visited {
	display: block;
	border-bottom: #F5F5F5 1px solid;
	padding: 5px 15px;
	min-height: 50px;
	height: auto !important;
	height: 50px;
	color: #3C3C3C;
	margin: 0;
	line-height: 150%;
}

.menu p span, .menu a span {
	color: #00AFEF;
	font-weight: bold;
	display: block;
}

.menu li.last a:link, .menu li.last a:visited {
	border-bottom: 0;
}

.arrow a:link, .arrow a:visited {
	background: url(images/arrow_grey.gif) 177px 9px no-repeat;
}

.menu a:hover, .menu a:active {
	color: #00AFEF;
}

.arrow a:hover, .arrow a:active {
	background-image: url(images/arrow_blue.gif);
}

.menu input {
	margin: 12px 0;
}

#email_submit {
	margin-top: 4px;
}

#subscribe {
	margin-bottom: 5px;
	padding: 10px;
	background-color: #00AFEF;
}

#subscribe h3 {
	background-color: #00AFEF;
	color: #FFF;
}

#email {
	padding: 4px 10px;
	font-family: Georgia;
	width: 179px;
	font-size: 14px;
	font-weight: normal;
	border: #F5F5F5 4px solid;
	color: #6D6D6D; 
}

.comment_wrapper {
	background: #F5F5F5;
	padding: 4px;
	margin: 12px 0;
}

.comment {
	background-color: #FFF;
	padding: 4px 16px;
}

.comment_wrapper .author {
	background: url(images/quote.gif) 100px 0 no-repeat;
	padding: 5px 16px;
	text-align: right;
}

p.tags {
	font-family: Arial, sans-serif !important;
	font-size: 12px !important;
}

.numbers {
	border-top: #DADADA 1px solid;
	text-align: right;
	padding-top: 10px;
}

.alignleft {
	float: left;
	margin: 0 10px 10px 0;
}

.alignright {
	float: right;
	margin: 0 0 10px 10px;
}

.watch:link, .watch:visited {
	background: #F5F5F5 url("images/arrow.gif") 4px right no-repeat;
	padding-right: 20px;
}

.vid_links a, .vid_links span {
	font-family: Arial, sans-serif;
	font-size: 12px;
	background-color: #F5F5F5;
	margin-right: 20px;
	padding: 2px 4px;
	float: left;
}

.vid_links span {
	width: 110px;
	color: #FFF;
}

.vid_links span.free {
	background-color: #3C3C3C;
}

.vid_links span.member {
	background-color: #00AFEF;
}

.title {
	padding: 10px 0;
	margin-top: 15px;
}

.title h2 {
	margin: 0;
}

.title a {
	color: #B3B2B2;
	font-weight: bold;
	padding-top: 8px;
}

.title .right img {
	margin: -5px 10px 0 0;
}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 640px;
    height: 237px;
}

.jcarousel-list li h4,
.jcarousel-item h4 {
	color: #3C3C3C;
}

.jcarousel-list li img,
.jcarousel-item img {
	float: right;
	margin-left: 20px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.jcarousel-control {
    padding-left: 215px;
    padding-top: 20px;
    color: #B3B2B2;
    font-weight: bold;
    text-align: center;
}

.jcarousel-control img {
	margin-top: -10px;
	cursor: pointer;
}

.step {
	border-top: #DADADA 1px solid;
	border-bottom: #DADADA 1px solid;
	padding: 10px 0;
}

.jcarousel-control #next {
	float: right;
}

.jcarousel-control #prev {
	float: left;
}

.jcarousel-control a:focus,
.jcarousel-control a:active {
    outline: none;
}

.jcarousel-scroll {
    margin-top: 10px;
    text-align: center;
}

.jcarousel-scroll form {
    margin: 0;
    padding: 0;
}

#carousel-next,
#carousel-prev {
    cursor: pointer;
    margin-bottom: -10px;
    text-decoration: underline;
    font-size: 11px;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #CCC;
	background-color: #FFF;
	padding: 10px;
	width: 240px;
}

#tooltip h3, #tooltip div {
	margin: 0;
	width: auto;
}

.hidden {
	display: none;
}

/* Footer */

#footer {
	border-top: #DADADA 1px solid;
	border-bottom: #DADADA 1px solid;
	margin-bottom: 20px;
	padding: 15px 0 40px 0;
}

#footer ul, #footer ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer ul li {
	font-weight: bold;
	margin-bottom: 2px;
}

#footer ul li a {
	font-weight: normal;
}

#footer .cell {
	float: left;
	width: 190px;
}

#footer .first {
	width: 191px;
}