/* ----------------------------------------
Theme Name: fat training
Theme URI: 
Description: FAT training theme
Version: 1
Author: Robert Rusanu
Author URI: http://thinkwithstyle.com
Last Modified: 2010.01.29
Provides: Theme definition file for WordPress 
---------------------------------------- */

body {font: normal 11px/1.4 arial, helvetica,  sans-serif;color:#444;background:#8C8C8C}
body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,blockquote,pre,td,th,table{margin:0;padding:0}
body#tinymce {background:#fff;color:#000}
#wrapper,#sidebar_a, #footer {font-size:1em} /* 1em = 11px */

ul, ol, li {list-style:none}
p,li,dd,dt,cite,blockquote,a,td,th {font-size:1em;font-weight:normal;font-style:normal;}
th, strong, b {font-weight:bold}
em, i {font-style:italic}
code {color:#aaa;font-size:1.2em;}
h1, h2, h3, h4, h5, h6 {margin:5px 0;color:#4D590D;font-size:1.4em;font-family:"arial narrow", arial, sans-serif}
#main h2 {margin-bottom:15px}
#sidebar_a h2, #sidebar_b h2, #sidebar_a h2.blog-link a, #sidebar_b h2.blog-link a {border-bottom:thin dashed #7E7E7E;color:#7E7E7E;}
#sidebar_a h2.blog-link, #sidebar_b h2.blog-link {border:none}
#sidebar_a h2.blog-link a, #sidebar_b h2.blog-link a  {font-weight:bold;display:block}
#sidebar_a h2.blog-link a:hover, #sidebar_b h2.blog-link a:hover {color:#DA251C;border-color:#DA251C}
.register-link a {display:block;background:url(design/images/register-online.png) no-repeat;width:125px;height:111px;text-indent:-9999px;border:none}


h4, h5, h6 {font-size:1.2em}
#sidebar_a h3, #sidebar_b h3,#sidebar_a h4, #sidebar_b h4 {color:#444;font-size:1em;font-weight:bold}
hr {display:none}
.left {float:left}
.right {float:right}
.red {color:#cc2027;font-size:1.2em}
.highlighted {color:#fff;font-weight:bold;background:#800000}
.clearfix:after, .comment:after, #sidebar_a>li:after, .navigator:after, .cf-ol:after, .cf-ol li:after, .cf-sb:after  {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix, .comment, #sidebar_a>li, .navigator, .cf-ol li, .cf-ol, .cf-sb  {display: inline-block;}
html[xmlns] .clearfix, html[xmlns] .comment, html[xmlns] #sidebar_a>li, html[xmlns] .navigator, html[xmlns] .cf-ol, html[xmlns] .cf-ol li, html[xmlns] .cf-sb {display: block;}

* html .clearfix, * html .comment, * html #sidebar_a>li, * html .navigator, * html .cf-ol, * html .cf-ol li, * html .cf-sb {height: 1%;}



a {color:#DA251C;text-decoration:none;border-bottom:1px dotted transparent}
a:hover {text-decoration:none;border-color:#cc2027}
a:link,a:visited,a:hover,a:active {outline:0}
img {border:none}
pre {font-size:1em;font-family:courier, arial, sans-serif;padding:5px;border:1px solid #ddd;background:#fafafa;overflow:auto;letter-spacing:-1px}
p,ul,ol {margin-bottom:10px}
/*
main layout */
#wrapper {width:670px;margin:0 auto;position:relative;}
	#header,#footer{padding:0}
	#container {padding:10px;background:#FFFFFF}
		#content {float:right;width:495px}
			#main {float:left;width:320px;padding:10px;background:url(design/images/gradient-green.jpg) repeat-x}
				.wide #main {float:none;width:auto}
			#sidebar_a{float:right;width:125px;padding:10px;background:url(design/images/gradient-grey.jpg) repeat-x;}
		#sidebar_b {float:left;width:125px;padding: 10px;background:url(design/images/gradient-grey.jpg) repeat-x}
	#footer {clear:both;background:#DF433B url(design/images/gradient-red.jpg) repeat-x;padding:60px 10px 10px 10px;margin-bottom:-10px;color:#fff;}
		#footer a {color:#eee}
		
	#header {line-height:1.1;position:relative;background:url(design/images/back-header.jpg) 50% 50%;height:274px;}




#sidebar_a>li,#sidebar_b>li {line-height:1.4;margin-bottom:20px;}

#pages a {text-transform:uppercase}
#pages a:hover,#pages li.current_page_item a{color:#222}

#sidebar_a #latest-articles li {border-bottom:1px dotted #c8c8c8;padding:5px 0 10px 0;margin-bottom:5px}
#sidebar_a #latest-articles h4, #sidebar_a #latest-articles p {margin:0}
#sidebar_a #latest-articles h4 {text-transform:none;font-size:1.2em;}

#sidebar_a #latest-articles h4 a {font-weight:bold;color:#555}
#sidebar_a #latest-articles p a{font-style:italic;font-weight:bold;color:#777;}
.post-excerpt {padding-top:5px;font-size:.95em;color:#ccc;}
.cimalink, .jhblink  {margin-bottom:20px;}

.cimalink a {background:url(design/images/cima-banner.jpg) 0 0 no-repeat;padding-top:248px;display:block}
.jhblink  a {background:url(design/images/uj.gif) 0 0 no-repeat;padding-top:110px;display:block}
/*
header*/
#header h1 {position:absolute;left:0;top:0;margin:0}
#header h1 a{text-decoration:none;background:url(design/images/transparent.gif);width:176px;height:0;padding-top:123px;overflow:hidden;display:block;}
#header h2 {position:absolute;left:0;top:123px;margin:0;background:url(design/images/transparent.gif);width:347px;height:0;padding-top:19px;overflow:hidden;}
li.feed a{background-image:url(design/images/feed.gif);background-position: right center;background-repeat: no-repeat;padding-right:20px;}
/*
#navi {position:absolute;left:-9999px;top:156px;width:670px;height:114px}*/
#navi {position:absolute;top:250px;left:0;width:660px;}

#navi li {float:left;}
#navi a {color:#444;font-weight:bold;padding:5px 10px;}
#navi a:hover, #navi .current-cat a {text-decoration:underline;}

#flash-nav {position:absolute;left:0;bottom:0;width:670px;height:114px}

/*
main*/
#main h2, #main h3 {border-bottom:thin dashed #4D590D;}

#main p{margin-bottom:15px;} 
#main p.navigator,#main.archives p{margin:0}
#main p.navigator span {margin:10px 0}
#main p.navigator span:empty {margin:0}
#main.homepage .item p {text-align:justify;line-height:1.5}

#main #comments p {line-height:1.6;margin-bottom:5px;line-height:1.4}
.thecontent {padding-bottom:10px}
.item {margin-bottom:10px}
#main.archives .item .clearfix {margin-top:5px}
#main.archives .item .clearfix a {float:right;visibility:hidden;font-size:.9em;}

#main.archives .item .clearfix .comments a,#main.archives .item .clearfix .comments span{float:left;visibility:visible}
#main.archives .item .clearfix .comments span {color:#666}
#main.archives .item:hover .clearfix a {visibility:visible;}
.item ul, .item ol {padding-left:25px}
.item ul, .item ul li {list-style-type:disc;list-style-position:outside}
.item ol, .item ol li {list-style-type:decimal;list-style-position:outside}
.item .cform ol, .item .cform li {list-style:none;padding-left:0}

.item img {float:left;margin:5px 5px 5px 0;padding:5px;border:1px solid #eee}
.item img.ngg-singlepic {margin:5px 0;padding:0}
.item img.aligncenter {display:block;width:305px;float:none;margin: 5px 0}
#main .item p.item_actions {font-size:.95em;line-height:1.1;border-top:1px dotted #444;margin:0;padding:5px 0}
.item_actions a {padding: 0 5px}
.item h3.item_title,.item h3.page_title{margin-top:0;margin-bottom:15px;line-height:1.2;border-bottom:thin dashed #4D590D;}
.item.single h3.item_title {border-bottom:1px dotted #444;padding-bottom:5px}

.archives .item h3.item_title {font-size:1.4em}
.item h3.item_title a {color:#4D590D}

.item h4.workcat {font-weight:normal;font-size:1.4em;border:none;margin:0;padding:0}
.item h3.item_title span {font-weight:normal;font-size:.6em;line-height:1.2;display:block;text-transform:capitalize;color:#666;font-style:italic}
.archives .item h3.item_title span {font-size:.7em}
.item .more-link {display:block;margin:5px 0}

#comments {padding:5px 0;}

.navigator span.right {text-align:right}
#comments h3 {margin-top:20px}
#comments h3 em {text-transform:none}


#comments li {margin-bottom:20px;border:1px solid #222;-moz-border-radius:4px;-khtml-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}

#comments li li {margin-bottom:10px}
#comments .vcard{padding:10px 10px 5px 10px;border-bottom:1px dotted #333;}
#comments .inner-comment{padding:10px}
.reply  {padding-left:10px}
#comments li .vcard p,#comments li .vcard h4{line-height:1.1;margin:0}



#main #comments li .vcard .comment_time {float:right;font-size:.9em;margin-top:5px}
#comments li .vcard img {padding:3px;border:1px solid #ddd;background:#fff;float:left;margin-right:5px;-moz-box-shadow:0px 0px 5px #999;-webkit-box-shadow:0px 0px 5px #999;-khtml-box-shadow:0px 0px 5px #999}
#comments li.odd,#comments li.even  li.odd {background-color:#fff;border:1px solid #bbb}
#comments li.even,#comments li.odd li.even  {background-color:#eee;border:1px solid #ccc}

#comments li.bypostauthor.even, 
#comments li.bypostauthor.odd {background-image:url(design/images/back-admin.png);background-position: 100% 0;background-repeat: no-repeat;}

* html #comments li.bypostauthor.even, 
* html #comments li.bypostauthor.odd {background-image:url(design/images/back-admin.gif)}
.vcard h4 {text-transform:none}
p.commentmetadata {font-style:italic;font-size:.95em}


.children {padding: 0 10px 0 20px}
.comments form p {margin-bottom:5px}
#copy {padding:5px 0 50px 150px;width:790px;background:transparent;clear:both;float:left;color:#ccc;position:relative;}
p.item_actions {padding:5px}

/*
#sidebar_a */
#sidebar_a li ul {padding-bottom:3px}
#sidebar_a li li, #sidebar_b li li {margin-bottom:0}
#footer li {display:inline;margin-right:10px;float:left}
#footer li.fslogo {float:right;margin-right:0}
#sidebar_a .textwidget li {margin-bottom:10px}

#sidebar_a li.widget_pages .current_page_item a {color:#777;text-decoration:underline}
/*
forms*/
input {vertical-align:middle;font-size:1em}
input[type="checkbox"], input[type="radio"] {width:auto !important;border:none !important;padding:0 !important}
input, textarea {padding:2px;border:1px solid #ccc;outline:0;}
fieldset {border:none;padding:10px;background:#f3f3f3;margin-bottom:20px}
fieldset.cf_hidden {padding:0;display:none}
legend {color:#4D590D;font-size:1.2em;padding:2px 5px;display:block}
label {cursor:pointer;padding:3px 0}
input:hover, input:focus, textarea:hover, textarea:focus {border-color:#999;background:#fafafa}
#searchform input,input.submit {cursor:pointer;background:#666;color:#fff;font-size:.9em !important;overflow:visible;width:auto}
input#s {width:122px;margin-right:2px;line-height:1;font-size:.9em;padding:3px 2px;cursor:text;background:#fff;color:#444}
#sidebar_b input.submit {width:50px;line-height:1;font-size:.9em}
#sidebar_b input.submit:hover,#sidebar_b input.submit:focus {border-color:#777;background:#777}
.textarea {display:block;border:1px solid #ccc;padding:20px;background:#fff;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
.textarea textarea {width:100%;font-size:1.5em !important;border:none;padding:0;background:transparent}
.textarea label {color:#333}
#searchform br {display:none}
#gb_form_div label span, #gb_form_div legend small span,#commentform span {font-size:12px;color:#202020}
#gb_form_div label small.whythis a {text-decoration:none}
#gb_form_div label small.whythis a:hover {background:transparent;color:#fff}
#gb_form_div label small.whythis a span {color:#202020;visibility:hidden}
#gb_form_div label small.whythis a:hover span {visibility:visible}

/*
widgets */
#sidebar_a li.current_language_item a,#sidebar_b li.current_language_item a  {font-weight:bold}
table#wp-calendar {width:99%;float:left}
table#wp-calendar caption {text-align:left;font-weight:bold}
table#wp-calendar td {text-align:center;border:1px solid #ddd;background:#fff;color:#666}
table#wp-calendar td.pad {border:0;background:transparent}
table#wp-calendar td#today {font-weight:bold;background:#eee;border-color:#777}
table#wp-calendar  a {color:#777;font-weight:bold;display:block;background:#ddd}
table#wp-calendar  a:hover {color:#666;background:#fff}
/*
tables*/
#main table {width:100%;border-collapse:collapse;}
#main td, #main th {padding:4px;border:1px solid #666;background:#333;vertical-align:top}
#main th {background:#eee;color:#777}

ol.cf-ol {margin-bottom:0}
#wrapper ol.cf-ol li {padding:5px 0;border-bottom:1px dotted #fff;clear:both}

#wrapper ol.cf-ol li.textonly {color:#777}
#wrapper ol.cf-ol li#li-2-51 {padding:5px;border:1px solid #DA251C}

#wrapper ol.cf-ol li#li-2-23 {color:#4D590D;padding:2px 15px;font-size:1.2em}

#wrapper ol.cf-ol li.cf-box-title {float:left;width:250px;}
#wrapper ol.cf-ol li.cf-box-group {float:left;width:345px;clear:none;padding-left:5px}
#wrapper ol.cf-ol li.cf-box-group label, #wrapper ol.cf-ol li.cf-box-group input {width:auto;padding:1px;border:none;float:left;margin: 0 3px 0 0}
#wrapper ol.cf-ol li.cf-box-group label {margin-right:10px}

#wrapper ol.cf-ol li#li--13, #wrapper ol.cf-ol li#li--13items, #wrapper ol.cf-ol li#li--15, #wrapper ol.cf-ol li#li--15items {border:none}

#wrapper ol.cf-ol li#li--14 label, #wrapper ol.cf-ol li#li--16 label {width:500px}
#wrapper ol.cf-ol li#li-2-10 label {width:500px}
#wrapper ol.cf-ol li#li--14 textarea, #wrapper ol.cf-ol li#li--16 textarea, #wrapper ol.cf-ol li#li-2-10 textarea {width:600px;height:50px}

#wrapper ol.cf-ol li#li--32, #wrapper ol.cf-ol li#li--35, #wrapper ol.cf-ol li#li--38 {width:200px;float:left;border:none;margin-right:3px;clear:none}
#wrapper ol.cf-ol li#li--32 label, #wrapper ol.cf-ol li#li--35 label, #wrapper ol.cf-ol li#li--38 label {width:200px;height:2em;position:relative;}
#wrapper ol.cf-ol li#li--32 label span, #wrapper ol.cf-ol li#li--35 label span , #wrapper ol.cf-ol li#li--38 label span{position:absolute;left:0;bottom:0;width:100%}
#wrapper ol.cf-ol li#li--32 input, #wrapper ol.cf-ol li#li--35 input, #wrapper ol.cf-ol li#li--38 input {width:194px}

#wrapper ol.cf-ol li#li--30, #wrapper ol.cf-ol li#li--33, #wrapper ol.cf-ol li#li--36 , #wrapper ol.cf-ol li#li--39{width:70px;float:left;border:none;margin-right:3px;clear:none}
#wrapper ol.cf-ol li#li--30 label, #wrapper ol.cf-ol li#li--33 label, #wrapper ol.cf-ol li#li--36 label, #wrapper ol.cf-ol li#li--39 label  {width:80px;height:2em;position:relative;}
#wrapper ol.cf-ol li#li--30 label span, #wrapper ol.cf-ol li#li--33 label span, #wrapper ol.cf-ol li#li--36 label span, #wrapper ol.cf-ol li#li--39 label span{position:absolute;left:0;bottom:0;width:100%}
#wrapper ol.cf-ol li#li--30 input, #wrapper ol.cf-ol li#li--33 input, #wrapper ol.cf-ol li#li--36 input, #wrapper ol.cf-ol li#li--39 input {width:64px}

#wrapper ol.cf-ol li#li--31, #wrapper ol.cf-ol li#li--34, #wrapper ol.cf-ol li#li--37, #wrapper ol.cf-ol li#li--40 {width:300px;margin-right:0;float:left;border:none;margin-right:3px;clear:none}
#wrapper ol.cf-ol li#li--31 label, #wrapper ol.cf-ol li#li--34 label, #wrapper ol.cf-ol li#li--37 label , #wrapper ol.cf-ol li#li--40 label {width:300px;height:2em;position:relative;}
#wrapper ol.cf-ol li#li--31 label span, #wrapper ol.cf-ol li#li--34 label span, #wrapper ol.cf-ol li#li--37 label span , #wrapper ol.cf-ol li#li--40 label span {position:absolute;left:0;bottom:0;width:100%}
#wrapper ol.cf-ol li#li--31 input, #wrapper ol.cf-ol li#li--34 input, #wrapper ol.cf-ol li#li--37 input, #wrapper ol.cf-ol li#li--40 input{width:294px}

#wrapper .cform label {float:left;text-align:left;vertical-align:top;width:100px;line-height:1.2;margin-right:5px}
#wrapper .cform li#li-2-36 label,#wrapper .cform li#li-2-39 label {width:575px;float:right}
#wrapper .wide .cform label {width:250px}



#wrapper ol.cf-ol li#li-2-25,#wrapper ol.cf-ol li#li-2-26,#wrapper ol.cf-ol li#li-2-24,
#wrapper ol.cf-ol li#li-2-25items,#wrapper ol.cf-ol li#li-2-26items,#wrapper ol.cf-ol li#li-2-27items,#wrapper ol.cf-ol li#li-2-28items,#wrapper ol.cf-ol li#li-2-24items {height:1.6em}





#main .cf-sb {padding-top:20px}






#wrapper .cf_li_err label {color:#c30}
#wrapper .cf_li_err input, #wrapper .cf_li_err textarea {border-color:#c30}
#wrapper .cf_li_err input.cf-box-b {border:none}
#wrapper .cform label span {width:100%;display:block}
#wrapper .cform label span.caps {display:inline;width:auto}
#wrapper .cform textarea, #wrapper .cform input {width:250px;float:left}
#wrapper .cform input#cf2_field_36 {width:auto;}
#main img#cf_captcha_img {padding:0;border:none;margin: 0 2px}
#main img.captcha-reset {height:24px;width:24px;padding:0;margin:0}
#wrapper .cform input#cforms_captcha {width:109px;float:left}
#wrapper input.cf-box-b {width:auto}
#wrapper span.reqtxt, #wrapper span.emailreqtxt {
float:left;
font-size:0.9em;
margin:0 0 0 5px;
vertical-align:top;}



#wrapper .cf-ol .explanation {font-style:italic;border:none;padding: 2px 10px;color:#333 !important}







li.cf_li_err {color:#c33}




.cf_hidden {display:none}
.cform input.backbutton, .cform input.resetbutton, .cform input.sendbutton {width:100px !important;cursor:pointer}
.cform input.backbutton, .cform input.resetbutton {margin-right:10px}
#wrapper .cform input.sendbutton {float:right}
.failure,.succes  {padding:10px;border:1px solid #c30;color:#c30;text-align:center;margin-bottom:10px;text-transform:uppercase}
.succes  {border-color:1px solid #4376A2;color:#4376A2;}
.rsswidget img {vertical-align:middle}
p.linklove{position:absolute;top:-9999px}

#sidebar_b input.mid, #sidebar input.mid {width:119px}

#wrapper #cforms4form ol.cf-ol li {border-top:1px solid #fff;border-bottom:none}
#wrapper #cforms4form ol.cf-ol li.cf-box-title {width:300px}
#wrapper #cforms4form ol.cf-ol li.cf-box-group {width:300px}
#wrapper #cforms4form ol.cf-ol li.cf-box-group input {width:14px;margin:0}
#wrapper #cforms4form ol.cf-ol li.cf-box-group label {width:48px;margin-right:0}
#wrapper #cforms4form ol.cf-ol li.cf-box-group label span {text-indent:-9999px}
#wrapper #cforms4form ol.cf-ol textarea {width:340px}
#wrapper #cforms4form ol.cf-ol .evaluation-form-head{padding: 10px 0}
#wrapper #cforms4form ol.cf-ol .evaluation-form-head h5,#wrapper #cforms4form ol.cf-ol .evaluation-form-head li {float:left;border:none;padding:0}
#wrapper #cforms4form ol.cf-ol .evaluation-form-head h5 {width:300px;font-weight:normal;font-size:1em}
#wrapper #cforms4form ol.cf-ol .evaluation-form-head li {width:61px;clear:none;color:#222}
#sidebar_b > li.sidebar-button {margin-bottom:0}
.sidebar-button a {border:none;display:block;text-indent: -9999px;background-image:url(design/images/3-step-process-buttons.png);background-repeat:no-repeat;width:125px;height:141px;}
.sidebar-button a:hover {border:none}
#button-more-info a {background-position: 50% 0}
#button-register a {background-position: 50% -141px}
#button-login a {background-position: 50% -284px}

#wrapper .wide #courses-forms  .cform label {width:25%}
#wrapper .wide #courses-forms  .cform input {width:70%}

