/*
Theme Name: Training Studio
Theme URI: http://thetrainingstudionj.com/
Description: The Training Studio. Morganville, NJ
Version: 1.0
Author: Kyle Provost
Author URI: http://paradigminteractive.com/
Tags: blue, custom header, fixed width, two columns, widgets
*/



body {
  margin: 0;
  padding: 0 0 18px 0;
  background: #09162f url(images/bbg.png) repeat-x left top;
  font-size: small;
  font-family: Arial, Helvetica, Tahoma, sans-serif;
  color: #000;
}
.clr {
	clear: both;
}
img {
	border: 0;
}
a {
	outline: none !important;
}

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

#wrapper #header {
	margin: 0;
	padding: 0;
	clear: both;
	width: 960px;
	height: 135px;
	background: url(images/hbg.png) no-repeat left top;
}

#wrapper #header #logobox {
	float: left;
	width: 230px;
	height: 135px;
	margin: 0;
}

#wrapper #header #tnav {
	float: right;
	margin: 70px 0 0 0;
	padding: 0;
	width: 721px;
	height: 64px;
}

#wrapper #content {
	clear: both;
	width: 960px;
	background: #fff url(images/cbg.png) repeat-y left top;
}
#wrapper #content #banner {
	clear: both;
	margin: 0;
	padding: 0;
}
#wrapper #sidebar {
	float: right;
	width: 352px;
	margin-right: 4px;
	margin-bottom: 6px;
	padding: 0;
	color: #eee;
}
html>body #wrapper #sidebar {
	margin-right: 8px;
}
#sidebar ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#sidebar ul li {
	margin: 0;
	padding: 0;
}


#wrapper #pagecont {
	width: 946px;
	float: left;
	margin-left: 4px;
	padding: 0;
}
html>body #wrapper #pagecont {
	margin-left: 8px;
}

#wrapper #pagecont, #wrapper #pagecont, #wrapper #pagecont {
	float: left;
	width: 590px;
	margin-left: 4px;
	background: url(images/body-bg.png) no-repeat left top;
}
html>body #wrapper #pagecont, html>body #wrapper #pagecont, html>body #wrapper #pagecont {
	margin-left: 10px;
}

/* --- Footer --- */
#wrapper #rec_prods {
	clear: both;
	margin: 18px auto;
	width: 580px;
	border-top: 5px solid #67677d;
	text-align: center;
}

#wrapper #footer {
	clear: both;
	margin: 0;
	padding: 19px 0;
	width: 960px;
	background: #09162f url(/wp-content/themes/tstudio/images/bg-ftr.png) no-repeat 0 0;
}
#wrapper #footer p {
	margin-left: 8px;
	margin-right: 8px;
	line-height: 1.8;
	font-size: 11px;
	color: #fff;
}
#wrapper #footer a:link, #wrapper #footer a:visited {
	color: #a4a4a6;
}
#wrapper #footer a:hover {
	color: #c5c5c7;
}
#wrapper #footer a:active {
	color: #dddddd;
}
#wrapper #footer p#fmenu {
	float: left;
	width: 600px;
	color: #ddd;
}
#wrapper #footer p#fmenu a:link, #wrapper #footer p#fmenu a:visited {
	line-height: 26px;
	text-decoration: none;
	color: #fff;
	font-size: 12px;
	border-bottom: 1px dotted #848b97;
}
#wrapper #footer p#fmenu a:hover {
	color: #c5c5c7;
}
#wrapper #footer p#fmenu a:active {
	color: #666;
}

/* These are the image headers for the four blocks of content in the sidebar */

#sidebar h2.widgettitle {
	margin-top: 38px;
	margin-bottom: 4px;
	height: 65px;
}
#text-3 h2.widgettitle, #text-10 h2.widgettitle {
	margin-top: 0 !important;
	text-indent: -9999px !important;
	background: url(images/hdr-sb-newsletter.png) no-repeat left top !important;
}


#text-4 h2.widgettitle {
	text-indent: -9999px !important;
	background: url(images/hdr-sb-special.png) no-repeat left top !important;
}
#text-5 h2.widgettitle {
	text-indent: -9999px !important;
	background: url(images/hdr-sb-video.png) no-repeat left top !important;
}
#text-6 h2.widgettitle {
	text-indent: -9999px !important;
	background: url(images/hdr-sb-newsupdates.png) no-repeat left top !important;
}
#text-7 h2.widgettitle {
	text-indent: -9999px !important;
	background: url(images/hdr-sb-fitnesstools.png) no-repeat left top !important;
}
#text-8 h2.widgettitle {
	text-indent: -9999px !important;
	background: url(images/hdr-sb-network.png) no-repeat left top !important;
}
#categories-3 h2.widgettitle {
	text-indent: -9999px !important;
	background: url(images/hdr-sb-categories.png) no-repeat left top !important;
}
#recent-posts-3 h2.widgettitle {
	text-indent: -9999px !important;
	background: url(images/hdr-sb-latest-posts.png) no-repeat left top !important;
}


#sidebar div.textwidget {
	width: 322px;
	margin-left: 15px;
}
#sidebar div.textwidget * {
	margin-left: 0;
	margin-right: 0;
}

#sidebar li.widget_categories ul, #sidebar li.widget_recent_entries ul, #sidebar div.textwidget ul {
	list-style-type: square;
}
#sidebar li.widget_categories ul li, #sidebar li.widget_recent_entries ul li, #sidebar div.textwidget ul li {
	padding: 0.3em 0;
	margin-left: 3em;
	margin-right: 3em;
	line-height: 1.4;
	font-weight: bold;
	color: #39a5e3;
}



#newsletter_sb {
	clear: both;
	width: 323px;
	height: 110px;
	background: url(images/bg_newsletter.jpg) no-repeat 0 0;
	padding: 200px 0 0 0;
}
#newsletter_sb form {
	display: block;
	clear: both;
	width: 200px;
	margin: 0 auto 0 40px !important;
}
div.newsletter_sb_field {
	clear: both;
	width: 200px;
	margin: 0 !important;
	padding: 5px 0 !important;
}
div.newsletter_sb_field_l {
	float: left;
	width: 50px;
}
div.newsletter_sb_field_r {
	float: right;
	width: 144px;
}
div.newsletter_sb_field_r input {
	width: 125px !important;
}
div.newsletter_sb_field_c {
	clear: both;
	width: 90px;
	margin: 0 auto !important;
	padding: 5px 0 !important;
}



/* --- The footer links in the blog index --- */

div.navigation {
	margin-left: 20px;
	margin-right: 20px;
	padding: 6px;
	background: #eee;
	border: 1px solid #ccd;
}

/* --- Aweber form --- */
#wrapper #sidebar .aweberform {
	width: 240px;
	float: left;
	margin-left: 28px;
	margin-top: -2px;
	background: #222233;
}
html>body #wrapper #sidebar .aweberform {
	margin-left: 56px;
}

/* Comment form wrangling */

#respond {
	width: 98% !important;
}
#commentform {
	width: 99% !important;
}
textarea#comment {
	width: 500px !important;
}

/* --- Paragraphs, lists, etc --- */
#pagecont hr {
	display: block;
	clear: both;
	border: none;
	background-color: #B2B4B8;
	color: #B2B4B8;
	height: 1px;
	margin: 8px 20px;
}
#pagecont p, #pagecont li, #pagecont h2, #pagecont h3, #pagecont h4 {
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 20px;
	margin-right: 20px;
}
#pagecont p, #pagecont li {
	line-height: 1.3;
}
#pagecont p.subtitle {
	margin-top: 2px;
	font-size: 10px;
}
#pagecont h2 {
	font-size: 25px;
	letter-spacing: -1px;
	color: #0f2752;
	margin-left: 19px;
	margin-bottom: 0;
	margin-top: 6px;
}
#pagecont h2 a {
	color: #0f2752;
	text-decoration: none;
}
#pagecont h3 {
	color: #0f2752;
}

#pagecont table.body-info {
	border: 1px solid #ddd;
	border-collapse: collapse;
	margin-left: 14px;
	width: 560px !important;
}
#pagecont table.body-info td {
	padding: 5px;
	border: 1px solid #ddd;
}

#sidebar a {
	color: #dde;
}

.slideshow {
	margin-left: 4px;
	margin-top: 4px;
}

/* --- Contact Form --- */
div.contactform {
	padding-top: 18px !important;
	margin-left: 20px !important;
}
div.contactform textarea {
	width: 500px !important;
	height: 210px !important;
}
div.contactform label {
	display: block !important;
	font-weight: bold !important;
}


/** Class schedule tables **/

table.schedule-nice {
	border: 1px solid #d0d0dd;
	border-collapse: collapse;
	margin: 1.5em 1.5em 1.5em 1.5em;
}
table.schedule-nice th, table.schedule-nice td {
	padding: 7px;
	font-size: 11px;
}
table.schedule-nice th {
	color: #fff;
	background: #173a7a;
	border: 1px solid #d0d0dd;
}
table.schedule-nice td {
	border: 1px solid #d0d0dd;
}


/** Photo gallery page **/

div#photo_gallery_main {
	clear: both;
	width: 480px;
	margin: 0 auto;
}

div.photo_holder {
	float: left;
	width: 110px;
	height: 90px;
	background: #223;
	border: 1px solid #556;
	margin: 0 1px 1px 0;
}
div.photo_holder_inside {
	width: 110px;
	height: 90px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
div.photo_holder_inside img {
	border: 1px solid #445;
}


/** Home page tabs **/

div#home_tabs {
	clear: both;
	width: 580px;
	margin: 10px auto;
}
div#home_tabs ul#home_tabs_menu {
	clear: both;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
div#home_tabs ul#home_tabs_menu li {
	float: left;
	margin: 0 1px 0 0;
	padding: 0;
}
.ui-tabs { 
	/* this is the overall div#home_tabs that holds the menu list and the tabbed divs */
}
.ui-tabs .ui-tabs-nav {
	/* this is the ul with the tab selector links */
}
.ui-tabs .ui-tabs-nav li {
	background: #ccc;
}
.ui-tabs .ui-tabs-nav li a {
	display: block;
	margin: 0;
	padding: 0 12px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	color: #444;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	background: #fff !important;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin: 0 1px -2px 0 !important;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
	color: #000;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { 
	cursor: text;
}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { 
	cursor: pointer; 
}
.ui-tabs .ui-tabs-panel {
	/* this is the tabbed content div being shown */
	clear: both;
	background: #fff;
	margin: 0;
	padding: 15px;
	color: #000;
	border: 1px solid #ccc;
}
.ui-tabs .ui-tabs-hide {
	/* this is the tabbed content div's not being shown */
	display: none !important;
}


/* Gallery divs */
div.ngg-galleryoverview {
	clear: both;
	margin: 3px auto;
	width: 510px;
}