/* @override http://ontrackconsulting.org/wp-content/themes/ontrackFinal/style.css */

/* @override http://ontrackconsulting.org/wp-content/themes/ontrackFinal/style.css */
/*
Theme Name:ONTRACK CUSTOM  
Theme URI:http://refueled.net/blank-themes/
Description:ONTRACK Consulting Custom Theme.
Author:Freshmint Design Studios
Coding:refueled
Author URI:http://www.freshmintdesign.com
version:4.0
Tags:two-column, widget-ready, blank
*/
/* basics */
*{margin:0; padding:0; outline:none; border:none}

html, body{height:100%}

title{display:none}

body{background:#898883 url(images/body_bg.jpg) repeat-x fixed; font-family:helvetica,arial,sans-serif; font-size:13px; color:#840017; text-align:center}

h1{font-size:18pt}
h2{font-size:14pt}
h3{font-size:10pt}
h4{font-size:9pt}

img{border:none; padding:0}
img a{border:none}

img.left{float:left; border:none; padding:6px 0 0 0}
img.right{float:right; border:none; padding:0 0 0 6px}
.rightBorder{float:right; border-left:1px solid #ccc; margin:10px 0 10px 10px; padding:0 0 0 6px}

blockquote{border-left:1px solid #A5ABAB; margin:15px; padding:0 12px 0 12px}

code{font-family:"Courier New",Courier,monospace}

/* links */
a{color:#350404; text-decoration:none}

a:hover{text-decoration:none; color:#600}

/* container */
#container{width:1050px; margin:0 auto; padding:0 10px; overflow:visible; min-height:100%; height:auto !important; height:98%; margin:0 auto -100px; /* the bottom margin is the negative value of the footer's height */text-align:left}

/* header */
#header{background:url(images/background-sprite.png) no-repeat top left; width:100%; height:112px; color:#fff}

#header h1{font:normal 20pt georgia,times; padding:20px 0 0 16px; margin:0}

#header h1 a{color:#404040; text-decoration:none}
#header h1 a:hover{color:#666; text-decoration:none}

#header h2{font:normal 10pt georgia,times; color:#333; padding:0 0 0 18px; margin:0}

/* main menu */
#dropmenu{font-family:verdana,arial,times,serif; float:right; /*height:120px; */margin-top:50px; z-index:300; position:relative; margin-right:80px}

#dropmenu ul{padding:0}

#dropmenu ul li{list-style-type:none; float:left; margin-left:3px; color:#840017; position:relative; /*padding-top:100px; */background:url(images/sMenu_bg.png) left top no-repeat; width:120px; height:30px}

#dropmenu ul li a{margin:0; /*height:120px; */font-family:helvetica,arial,san-serif; font-size:13px; /*color:#840017; */color:#fff; padding:7px 20px 3px 12px; width:120px; display:block}

#dropmenu ul li a:hover{color:#fff; text-decoration:none; background:url(images/sMenu_bg.png) 0 -30px no-repeat}

/*#dropmenu ul li.page-item-2{background:url(images/link-sprite.png) no-repeat}
#dropmenu ul li.page-item-10{background:url(images/link-sprite.png) -155px 0 no-repeat }
#dropmenu ul li.page-item-4{background:url(images/link-sprite.png) -310px 0 no-repeat }
#dropmenu ul li.page-item-12{background:url(images/link-sprite.png) -465px 0 no-repeat }
*/
#dropmenu ul ul{position:absolute; top:28px; display:none; padding:10px; -moz-border-radius-topleft:10px; -moz-border-radius-bottomright:10px; -webkit-border-top-left-radius:10px; -webkit-border-bottom-right-radius:10px; background:#fff}

#aboutPage #dropmenu ul ul{top:20px; left:-17px}

#dropmenu ul ul li, #dropmenu ul ul li a{font-size:12px; margin-bottom:5px; color:#600; float:none; background:none; height:15px}
#dropmenu ul ul li{margin-bottom:15px; width:255px}
#dropmenu ul ul li a{display:block; border-bottom:1px dotted; padding:5px; width:245px; text-shadow:none}
#dropmenu ul ul li a:hover{background:#600; color:#fff; cursor:default}

#dropmenu li ul ul{left:-20px; top:25px; margin:0px 0 0 10px; z-index:2; background:#600; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; -moz-border-radius-bottomright:0px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -webkit-border-bottom-right-radius:0px}

#dropmenu li ul ul li a{color:#fff}
#dropmenu li ul ul li a:hover{background:maroon}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul{display:none}

#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul{display:block}

#dropmenu li.page-item-contact, #dropmenu li.page-item-home{position:absolute; background:none; width:auto; height:auto; margin:0; padding:0; top:-15px}
#dropmenu li.page-item-home a, #dropmenu li.page-item-contact a{text-shadow:none; color:#600; font-size:10px; width:auto; padding:0}
#dropmenu li.page-item-home a:hover, #dropmenu li.page-item-contact a:hover{background:none; color:#350404}
#dropmenu li.page-item-home{right:2px}
#dropmenu li.page-item-contact{right:40px}

/*Breadcrumbs */
.breadcrumb{position:absolute; top:60px; left:500px}

/* content */
#contentWrapper{background:url(images/content_bg.png) repeat-y top left; padding:0px 50px 30px 50px}

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

.post{margin:0; padding:0 10px 0 30px; line-height:14pt; color:#270101}

#homePage div.post{margin:0; padding:0 10px 0 10px; line-height:14pt}

.post h1, .post h2{color:#840017; font-style:bold; margin:0 0 10px 0}

.post h1{line-height:20pt}

.post h2 a{text-decoration:none; color:#840017}

.post h2 a:hover{color:#350404; text-decoration:none}

.post h3{margin-bottom:10px}

.post h4{font-size:15px}

h5{font-size:15px; margin-top:10px}

#sidebar h5{margin-bottom:2px}

.post img{padding:7px; margin-bottom:10px}

.post a img{margin:7px 10px 0 0; padding:4px; background:none}

.post ul{margin-left:10px}

.post li{font-size:13px; margin-bottom:8px; list-style-position:outside}

.post p{font-size:13px; margin-bottom:10px}

.post h1, .post h2, .post h3, .post h4, .post h5, .post p strong{color:#840017}

.postmetadata{clear:both; padding:6px; margin:20px 0}

.navigation{font-size:8pt; width:100%; float:left; margin:0; padding:0; overflow:hidden}

.alignleft a{float:left; margin:25px 0}
.alignright a{float:right; margin:25px 0}

/* sidebar */
#sidebar{font-family:helvetica,arial,san-serif; font-size:11px; width:225px; float:left; padding-left:30px; margin-top:-65px; margin-right:20px}

#sidebar .widget {border-bottom:1px dotted maroon; padding:0 0 10px 0;}

#sidebar h1{margin:0; padding:0; font-style:normal; font-size:22px; margin:5px 0}

#sidebar h2{margin:0; padding:0; font-size:18px; margin:5px 0}

#sidebar h3{margin:0; padding:0; font-style:normal; font-size:14px}

#sidebar label{font:normal 11pt arial,georgia,times; color:#350404; margin:0; padding:0}

#sidebar p{margin:0 0 8px 0; padding:0; text-align:justify}

#sidebar a, #sidebar h5 a{color:#350404; text-decoration:none; margin:5px 0}
#sidebar a:hover, #sidebar h5 a:hover{color:#600}
#sidebar a h2{color:#600}

#sidebar img{padding:0; margin:0}

div.boxxer{margin:20px 0; padding:10px; border:1px solid #ccc}

#sidebar ul{margin-bottom:12px; padding:0}

#sidebar ul li{margin:0; padding:0; list-style-type:none}

#sidebar ul ul{margin:14px 0; padding:0}

#sidebar ul ul li{list-style-type:none}

#sidebar ul ul ul{margin:0; padding:0}

#sidebar ul ul ul li{padding:0 0 0 15px; list-style-type:square; color:#898989}


#sidebar ul.upcoming li {font-size:15px; font-weight: bold; border: none; }
#sidebar ul.upcoming li .more-link {font-size:12px; color:maroon}

/*sublink sidebar */
.projectsSidebar{background:url(images/sidebar_sprite.png) no-repeat}

/* comments */
#commentform{margin:0; padding:0}

#commentform p{color:#350404}

#commentform a{color:#350404; text-decoration:none; border-bottom:1px dotted #465D71; line-height:14pt}

#commentform h3{font-family:georgia,times,verdana; font-size:10pt; font-weight:300; color:#350404; margin:0; padding:0}

#comment{width:80%}

#author, #email, #url, #comment, #submit{font-family:verdana,arial,times; font-size:8pt; margin:5px 5px 0 0; padding:0; border:1px solid #350404}

#submit{margin:5px 5px 0 0; padding:5px; -webkit-border-radius:3px; -moz-border-radius:3px; background:#600; color:#fff}

#comments{margin:0; padding:0}

ol.commentlist{list-style-type:none; margin:0; padding:0}

.avatar{float:left; margin:0 12px 0 0}

ol.commentlist li{margin:10px 0; padding:5px 0 5px 10px; list-style-type:none}

ol.commentlist li.alt{background:#eee}
ol.commentlist li p{margin:6px 0 6px 0; padding:0 12px 0 0; line-height:14pt}

ol.commentlist a{color:#350404}

cite{font-family:arial,verdana,tahoma; font-size:9pt; font-weight:bold; font-style:normal}

cite a{color:#350404; text-decoration:none; border-bottom:1px dotted #465D71}

/* search */
#searchform{padding:0; margin:14px 0}

#searchform input#s{margin:0; padding:2px; border:1px solid #350404}

/* misc */
img.centered{display:block; margin-left:auto; margin-right:auto}

img.alignright{padding:4px; margin:0 0 2px 7px; display:inline}

img.alignleft{padding:4px; margin:0 7px 2px 0; display:inline}

.alignright{float:right}

.alignleft{float:left}

.wp-caption{border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px; /* optional rounded corners for browsers that support it */-moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px}

.wp-caption img{margin:0; padding:0; border:0 none}

.wp-caption p.wp-caption-text{font-size:11px; line-height:17px; padding:0 4px 5px; margin:0}

/* footer */
.breakbox{width:910px; clear:both; border:none}

#breakbox img{border:none}

#footer{background:url(images/background-sprite.png) no-repeat bottom left; text-align:left; padding:10px 85px 10px 65px}

#footer p{padding:0; margin:0; color:#eee; text-align:left}
#footer a{text-decoration:none}

ul.footerNav, .footerNav ul{list-style-type:none; text-align:left}
ul.footerNav{margin:10px 0 40px 10px; padding-bottom:30px}
ul.footerNav ul{float:left}
ul.footerNav li{width:220px; float:left;  font-weight:bold; text-align:center}
ul.footerNav li a, .legal a{color:#600}
ul.footerNav li a:hover, .legal a:hover{color:#5D5D5D}
ul.footerNav li li a{font-weight:normal; color:#666}
ul.footerNav li li a:hover{color:#600}

.legal{clear:both; margin:30px; color:#600}

/*corner rounding */
.allRound, .projectLinks a{-moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}

/*home banner*/
#homeBanner{width:640px; height:283px; position:relative; margin-bottom:15px; margin-top:-14px}

#homeBanner #flash{width:475px; position:absolute; top:3px; left:167px}

#homeBanner div.post, #homeBanner div.entry, #homeBanner div ul{padding:20px 40px}

/*About Page Styles*/
#aboutPage ul{list-style-position:outside; margin:10px 0 0 0px}
#aboutPage li{font-size:13px}
#aboutPage #content>div{padding:5px; margin-bottom:15px; border-bottom:1px dotted}
#aboutPage .post{padding:0}
#aboutPage .about-previous, #aboutPage .about-current{float:left; width:270px; border:none; padding:0 15px}
#aboutPage .about-previous{margin-right:15px}

/*contactPage Styles*/
#contactPage .post{padding:0}

/*Specific Project Page Styles*/ 
#aa_projectPage #header{background:url(images/aaProject_bgSprite.png) left top no-repeat}
#aa_projectPage #contentWrapper{background:url(images/aaProject_bg.png) repeat-y}
#aa_projectPage #footer{background:url(images/aaProject_bgSprite.png) left bottom no-repeat}

#yta_projectPage #header{background:url(images/ytaProject_bgSprite.png) left top no-repeat}
#yta_projectPage #contentWrapper{background:url(images/ytaProject_bg.png) repeat-y}
#yta_projectPage #footer{background:url(images/ytaProject_bgSprite.png) left bottom no-repeat}

#cpi_projectPage #header{background:url(images/cpiProject_bgSprite.png) left top no-repeat}
#cpi_projectPage #contentWrapper{background:url(images/cpiProject_bg.png) repeat-y}
#cpi_projectPage #footer{background:url(images/cpiProject_bgSprite.png) left bottom no-repeat}

#wta_projectPage #header{background:url(images/wtaProject_bgSprite.png) left top no-repeat}
#wta_projectPage #contentWrapper{background:url(images/wtaProject_bg.png) repeat-y}
#wta_projectPage #footer{background:url(images/wtaProject_bgSprite.png) left bottom no-repeat}

#pg_projectPage #header{background:url(images/pgProject_bgSprite.png) left top no-repeat}
#pg_projectPage #contentWrapper{background:url(images/pgProject_bg.png) repeat-y}
#pg_projectPage #footer{background:url(images/pgProject_bgSprite.png) left bottom no-repeat}

#aa_projectPage #content, #yta_projectPage #content, #cpi_projectPage #content, #wta_projectPage #content, #pg_projectPage #content{width:550px; margin:-60px 0px 0 0}
#aa_projectPage #sidebar, #yta_projectPage #sidebar, #cpi_projectPage #sidebar, #wta_projectPage #sidebar, #pg_projectPage #sidebar{width:130px; margin-top:-45px}
#aa_projectPage .boxxer, #yta_projectPage .boxxer, #cpi_projectPage .boxxer, #wta_projectPage .boxxer, #pg_projectPage .boxxer{border-color:#600; margin:10px 0; padding:5px}
#aa_projectPage .boxxer a, #yta_projectPage .boxxer a, #cpi_projectPage .boxxer a, #wta_projectPage .boxxer a, #pg_projectPage .boxxer a{font-size:14px; margin-top:0px; font-weight:bold}
#aa_projectPage .boxxer a:hover, #yta_projectPage .boxxer a:hover, #cpi_projectPage .boxxer a:hover, #wta_projectPage .boxxer a:hover, #pg_projectPage .boxxer a:hover{color:#350404}
#aa_projectPage .boxxer ul, #yta_projectPage .boxxer ul, #cpi_projectPage .boxxer ul, #wta_projectPage .boxxer ul, #pg_projectPage .boxxer ul{margin:5px; margin-left:3px}
#aa_projectPage .boxxer ul li, #yta_projectPage .boxxer ul li, #cpi_projectPage .boxxer ul li, #wta_projectPage .boxxer ul li, #pg_projectPage .boxxer ul li{margin-bottom:5px}
#aa_projectPage .boxxer ul li a, #yta_projectPage .boxxer ul li a, #cpi_projectPage .boxxer ul li a, #wta_projectPage .boxxer ul li a, #pg_projectPage .boxxer ul li a{font-size:10px}
#aa_projectPage .boxxer ul li a:hover, #yta_projectPage .boxxer ul li a:hover, #cpi_projectPage .boxxer ul li a:hover, #wta_projectPage .boxxer ul li a:hover, #pg_projectPage .boxxer ul li a:hover{color:#350404}
#aa_projectPage img, #yta_projectPage img, #cpi_projectPage img, #wta_projectPage img, #pg_projectPage img{border:none; padding:none; background:none}

#wta_projectPage .post{color:#ffe5b1}
#wta_projectPage .post h1, #wta_projectPage .post h4, #wta_projectPage .post strong{color:#ffe5b1}

#projectPage .post p{text-align:justify}

#rightSidebar{color:#ffe5b1; width:150px; float:right; margin-right:40px}

.rsBox, .projectTraining, .projectLinks a{padding:5px; color:#600; margin:10px 0; background:#ffe5b1}

.projectLinks a:hover{background:#FFF; text-decoration:none}

.projectLinks a{min-width:140px; display:block; font-size:12px; font-weight:bold}

.projectFocus ul{margin:10px 0 0 30px; list-style-position:outside}

.projectFocus li{width:220px; font-size:13px; float:left; margin-right:20px}

#projectPage .post{margin-bottom:25px}

#projectPage .post p{font-size:12px}

.projectInfo{padding-top:10px}

div#apply-link{text-align:center}

a.docDL{background:#fff; padding:5px; margin:10px; display:block; width:108px; float:left}

a.docDL:hover{background:#600}

#TB_title{background-color:#600; color:#000}

#TB_ajaxContent .post{border-bottom:1px dotted; padding:5px 0 3px 0}
#TB_ajaxContent .post a{color:#600}

.clearAll{clear:both}

#sidebar .upcoming li{margin-bottom:10px; border-bottom:1px dotted; padding-bottom:5px}

#KHN p{font-size:10px; line-height:0}
#KHN .rssLinkListItemTitle{font-weight:bold}

h2 a{color:#600}

#articlesPage ul{list-style-position:outside}

.post ul.videoList{margin-left:0; padding:0; list-style-type:none}
.videoList li a{border-bottom:1px solid #600; padding-bottom:5px; margin-bottom:5px; font-size:16px; width:100%; display:block; font-weight:bold}
.videoList li:first-child{border-top:1px solid #600; padding-top:5px}


/*Event Calendar Styles */
#tribe_wrapper {width:640px;padding:0;float: left;padding: 0;}

#tribe_wrapper h2.tribe-events-cal-title {margin: 0;padding:0 0 10px 0; font-size: 30px; color:maroon; border-bottom:1px dotted maroon;}

#tribe_wrapper #tribe-events-content {padding:0}

#tribe_wrapper #tribe-events-content.grid #tribe-events-calendar-header {height:30px}

#tribe_wrapper #tribe-events-content .tribe-events-calendar-buttons {position:absolute;right:0;top:-56px;}
#tribe_wrapper #tribe-events-content.upcoming a.tec-button-on, #tribe-events-content.grid a.tec-button-on {background:maroon;}
#tribe_wrapper #tribe-events-content .tribe-events-calendar-buttons a.tribe-events-button-on {background:maroon;}
#tribe_wrapper #tribe-events-content .tribe-events-calendar-buttons a.tribe-events-button-off {background:#ddd;color:#333;}
#tribe_wrapper #tribe-events-content .tribe-events-calendar-buttons a:hover {background:maroon}

#tribe_wrapper #tribe-events-content a, #tribe-events-event-meta a {color:black; font-weight: bold;}
#tribe_wrapper #tribe-events-content a:hover , #tribe-events-event-meta a:hover {color:maroon;}

#tribe-events-content  .post {
	padding:10px 0;
	overflow:hidden;
	margin-bottom:10px;
	border-bottom:1px dotted #999
}

#tribe_wrapper .tribe-events-calendar th  {background:maroon; color: #fff;}
#tribe_wrapper .tribe-events-calendar td.tribe-events-present .daynum, #tribe_wrapper .tribe-events-calendar td.tribe-events-present .daynum a  {background-color: maroon;color: #fff;}

#tribe_wrapper #tribe-events-content .tribe-events-calendar td a  {font-size:97.7%; font-weight: bold; color:maroon}
#tribe_wrapper #tribe-events-content .tribe-events-tooltip .tribe-events-event-title {background-color: maroon;}
#tribe-events-content .ical {display:none}

/*Event List Styles */
#tribe_wrapper .tec-post {border-bottom: 1px solid #999; border-left: 1px solid #ddd; margin-bottom:10px; background:#fff; padding: 5px 10px; border-radius:10px}
#tribe_wrapper .tec-post h2.entry-title {margin:5px 0 }
#tribe_wrapper .tec-post h4.event-day {border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:5px 0; margin-bottom:10px; font-size: 15px; color: black;}

#tribe_wrapper .tribe-events-event-meta-desc {position:relative; }
#tribe_wrapper #tribe-events-event-meta .gmap, #tribe_wrapper .tribe-events-event-meta-desc .gmap,#tribe_wrapper .tribe-events-event-meta-value .gmap {
	color:#fff;
	font-size:12px;
	background:#ccc;
	padding:1px 4px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	white-space:nowrap;
}


