/*
Theme Name: ToT
Theme URI: not publicly available
Version: 1.0
Author: Joseph C Dolson
Author URI: http://www.joedolson.com
Description: Custom Theme
*/
* {margin: 0;padding: 0;}
body {
font-family: 'Droid Sans','Trebuchet MS',Arial, sans-serif;
text-align: center;
font-size: 62.5%;
}
img {border: none;}
a {color: #e6661a;text-decoration: underline;}
a:hover {color: #000;text-decoration: none;}
a:active, a:focus {color: #000; text-decoration:none;}
#outer {
width: 950px;
margin: 0 auto;
text-align: left;
font-size: 1.2em;
background: #fff;
padding: 0 30px;
}
#content {width: 100%;}
#content h1, #content h2, #content h3, #content h4 {}
#content p {margin: 0 0 1.5em;}
#content h1, #content h2 {font-size: 1.5em;color: #000;margin: 0;padding: 0;}
.home h2 {border-bottom: 1px solid #d0d0d0; }
#content h2 {  margin-bottom: 2px;}
#content h3 {color: #000;font-size: 1.1em;}
#content.p2 h3 { color: #d94000; font-style: italic; }
#content h3 span { color: #e6661a; }
#content .unique h2 { color: #e64d00; font-size: 22px;}
#content .unique h3 { color: #fff; font-style: normal; font-size: 14px; margin: 0; padding: 0;}
.unique { padding: 5px 10px; width: 600px!important; background: #231014 url(/images/tot_map.jpg) 50% top no-repeat; color: #fff; margin-bottom: 10px;}
.unique hr { border: none; border-top: 1px solid #4f4039; border-bottom: 1px solid #4f4039; margin: 10px 0}
#content em {color: #666;}
.home strong {color: #e6661a;}
.post-content {
font-size: 13px;
color: #333;
line-height: 1.5;
}
.post-content .cta { font-weight: 700; border-top: 1px dotted #aaa; padding-top: 18px; text-align: right; padding-bottom: 25px; }
.post-content .cta a { text-decoration: none;}
.post-content .cta a:hover, .post-content .cta a:focus,.post-content .cta a:active { text-decoration: underline; }
#sidebar {width: 100%;}
#head {border-bottom: 1px dotted #b3b3b3;}
.subhead {margin: 10px 0 20px;line-height:1}
.subhead .connect {float:right;color:#4d4d4d;font-size: 18px;font-family:'Droid Sans','Trebuchet MS'; font-weight: 700;}
.subhead .connect img {vertical-align: baseline; margin-left: 4px}
.subhead .tagline {font-size: 16px;  font-style: italic; color: #666; font-family:'Times New Roman',serif;}

.post-content {position: relative;}
.col1 { width: 300px;}
.col2 { width: 625px;}
.col-left { margin-right; 25px; float: left;}
.col-right { float: right;}

#logo {
padding: 18px 0 9px;
width: 293px;
text-transform: lowercase;
float: left;
}
#topnav {
margin: 0 0 0 339px;
padding: 38px 0 24px;
height: 21px;
}
#topnav li {
float: left;
list-style-type: none;
}

#topnav a {
font-size: 19px;
margin: 0 68px 0 0;
display: block;
height: 46px;
color: #333;
text-decoration:none;
}
#menu-item-56 a{ margin-right: 0;}
#topnav a:hover, #topnav a:active, #topnav a:focus {color: #dc5f1d; text-decoration:underline;}
#skiplinks {float: right;font-size: .9em;}
#skiplinks li {display: inline;}
#skiplinks li a {
position: absolute;
left: -999em;
padding: 3px;
}
.searchform {}

#content ul, #content ol, #content dl {margin: .5em 1em .5em 3em;}
table th {text-align: left;background: #ddd;border-bottom: 2px solid #ccc;}
table td {border: 1px solid #eee;}
caption {
font-weight: 700;
border: 1px solid #ddd;
background: #eee;
}
.wp-caption {
border: 1px solid #ddd;
background: #f6f6f6;
text-align: center;
padding: 5px 0;
}
.alignright {float: right;margin-left: 10px;}
.alignleft {float: left;margin-right: 10px;}
.wp-caption-text {
font-size: .9em;
color: #333;
background: #f9f9f9;
padding: 1px 5px;
}
.alignright .wp-caption-text {text-align: right;}
.alignleft .wp-caption-text {text-align: left;}

#footer {clear:both;color: #000;}
#footer p {
font-size: .9em;
margin: 0 0 9px;
padding: 0;
line-height: 1;
font-family: Arial, sans-serif;
}
#footer .right {float: right;}
#footer .left {text-align: left;}
#footer .email a, #footer .phone {color: #e6661a;}
#footer a {color: #666;}
.ext_footer {background: #333 url(/images/trainofthought_logo_footer.png) 792px 36px no-repeat;}
.ext_footer h3 { color: #f5a66a; font-size: 18px; margin: 0; padding: 0;}
#footer .ext_footer {height: 11em;margin: 0 0 10px;padding: 5px 15px;}
#footer .ext_footer div {float: left;width: 228px;}
#footer .ext_footer div.pages { width: 60px; }
#footer .ext_footer ul {margin: 0;padding:0;}
#footer .ext_footer li {list-style-type: none;margin: 3px 0;}
#footer .ext_footer .cta {color: #f60;text-transform: uppercase;}
#footer .ext_footer a {color: #ccc; text-decoration: none}
#footer .ext_footer a:hover, #footer .ext_footer a:focus { text-decoration: underline; color: #fff;}
#footer .right a span { position: absolute; left: -999em;}
#footer .right a { display: inline-block; width: 16px; height: 16px; margin-left: 6px; background: #ddd; }
#footer .right .twitter { background: #fff url(/images/twitter_off.gif); }
#footer .right .facebook { background: #fff url(/images/fb_off.gif); }
#footer .right .rss { background: #fff url(/images/rss.gif); }
#footer .right .twitter:hover, #footer .right .twitter:focus { background: #fff url(/images/twitter_on.gif); }
#footer .right .facebook:hover, #footer .right .facebook:focus { background: #fff url(/images/fb_on.gif); }

#sidebar .left, #sidebar .right, #sidebar .middle, #content .left, #content .right, #content 
.portfolio-item {
margin-bottom: 20px;
overflow: hidden;
}
.portfolio-item p span { position: absolute; left: -999em; }
.portfolio-item p { font-size: .9em; border-top: 1px dotted #666; margin-top: 2px!important; padding-top: 2px; }
.portfolio-item a.client { color: #666; text-decoration: none; }
.portfolio-item a.client:hover, .portfolio-item a.client:focus { text-decoration: underline;}
#content .three {margin-right: 0;}
.pi3, .pi6, .pi9 {margin-right: 0!important;}
#container .clear {
clear: both;
}
#container .clear {
clear: both;
height: 0;
margin: 0;
padding: 0;
border: none;
}
#breadcrumbs {
font-size: .9em;
color: #cc4d1a;
margin: 12px 0 15px;
line-height: 1;
}
#breadcrumbs a, #breadcrumbs span {color: #999;}
.special-title {
font-size: 23.7px;
font-weight: 400;
letter-spacing: -.1px;
color: #666;
padding: 12px 0;
}
#post-35 { font-size: 23px; }
.special-title span {font-size: .5em;color: #e6661a;font-weight: 700;letter-spacing: 0;}
#content .spacey {margin: 0;list-style-position: inside;}
#content .spacey li {margin-bottom: 15px;}
.orange {color: #e6661a!important;}
.high-leading {line-height: 1.6;}
#sidebar h3 {font-size: 1.4em;}
.wpcf7 p {margin: 1px 0;}
.wpcf7 label {display: block;float: left;width: 7em; font-weight: 700}
.wpcf7 .yourneeds legend {padding: 0;font-weight: 700;}
.wpcf7 .yourneeds,.wpcf7 .submission {border: none;padding: 5px 0;}
.wpcf7 .yourneeds span {font-size: .9em;vertical-align: top;}
.wpcf7 .wpcf7-text {width: 192px;border: 1px solid #b3b3b3;}
.wpcf7 .submission legend {float: left;display: block;font-size: 10px;vertical-align: bottom;padding: 5px 0;}
#container .p35 .left {width: 606px;margin: 0!important;outline: 1px solid;font-size: 1.2em;}
#container .p35 .right {margin-left: 0!important;outline: 1px solid;}

#topnav li {
float: left;
margin: 0;
padding: 0;
position: relative;
z-index: 10;
}

#topnav li li {
float: left;
margin: 0;
padding: 0;
width: 120px;
z-index: 3;
}

#topnav li li a {
width: 120px;
float: none;
height: 20px;
font-size: 1em!important;
margin: 0!important;
border-bottom: 1px solid #dedede;
border-top: none;
text-align: left;
}
#topnav .current-menu-item a, #topnav .current-menu-parent > a { color: #e64d00!important; }
#topnav #menu-item-46 a {border-bottom: none;}
#topnav li li a:hover, #topnav li li a:active, #topnav li li a:focus {background: #f6f6f6; }
#topnav li ul {position: absolute;width: 120px;left: -999em; top: 44px; padding: 0 15px; background: #fff; border: 1px solid #dedede; border-top: none;}
#topnav li:hover ul, #topnav li:active ul, #topnav li:focus ul, #topnav li.sfhover ul {left: auto;display: block;}
#topnav li:hover ul, #topnav li.sfhover ul {left: auto;}

#topnav li li a, #topnav li li a:visited {display: block;padding: 5px 0 0;color: #666;text-decoration: none;font-size: 1.3em;}
#topnav li li:last-child a, #topnav li li:last-child a:visited { border-bottom: none; }
.unique .column {width: 280px!important;}
.unique .first.column { margin-right: 30px;}

/* footer forms */
#connections { height: 115px; margin-bottom: 10px; }
#connections .contact h2 { line-height: .8; margin-bottom: 5px;}
.contact {background: #e6965d; color: #333}
.contact form {padding: 10px; height: 95px; }
.contact .info {float: left;margin-right: 10px;}
.contact form .wpcf7-text {background: #e3e3e3;margin-bottom: 1px;}
.contact label { line-height: 1;margin-top: 4px}
#needs span { font-size: 12px }
.contact .submit { text-align: right; position: relative;}
.contact .submit input { position: absolute; right: 0px; }
.contact .wpcf7-text:focus { background: #fff; }
.subscribe { background: #dfdfdf;}
.subscribe form { padding: 10px; height: 95px; }
.subscribe label {float: none; width: auto; font-style: italic; color: #333; font-family: Georgia, serif; font-weight: 400; line-height: 1.4; margin-bottom: 10px;font-size: 12px!important; }
.subscribe .wpcf7-text { padding: 5px; width: 170px; }
.subscribe .wpcf7-text:focus {background: #efefef;}
/* home page forms */
.home #connections { height: 196px; clear: both; }
.home #connections p { padding: 0; margin: 1px 0 0;}
.home #connections h2 { border: none;}
.home #connections .subscribe { height: 70px; margin-bottom: 10px;}
.home #connections .subscribe label { float: left; width: 320px; }
.home #connections .subscribe .wpcf7-text, .home #connections .subscribe .wpcf7-submit { position: relative; top: 10px;}

.wpcf7-text:focus { background: #f6f6f6; }

/* buttons */
.wpcf7-submit { background: url(/images/button_green.png) top left no-repeat; 
border: none; width: 90px; height: 30px; color: #fff; font-weight: 700; padding: 0 0 3px;
font-family: 'Trebuchet MS', serif; font-size: 15px; position: relative; top: 1px; }

.contact .wpcf7-submit { background: url(/images/button_drk_orange.png) top left no-repeat;}
.subscribe .wpcf7-submit {background: url(/images/button_orange.png) top left no-repeat;}

/* Home */

/* Portfolio */
.prev_next { clear: both; }

/* Services page */
#nav_menu-3 ul { margin:0; padding: 0; position: relative; }
#nav_menu-3 li {list-style-type: none; padding:0; margin 0; font-size: 1.2em;font-weight: 400; border-bottom:1px dotted #666;  }
#nav_menu-3 li a { text-decoration: none; color: #000; display: block;padding: 8px 2px; }
#nav_menu-3 li a:hover, #nav_menu-3 li a:focus { color: #e6661a; }
#nav_menu-3 li ul { position: absolute; left: -999em; }
#nav_menu-3 li.current-menu-item > a, #nav_menu-3 li.current-menu-parent { color: #e6661a!important; font-weight: 700; border-bottom: none; }
#nav_menu-3 li.current-menu-parent { padding-bottom: 0; border-bottom: 1px dotted #666;  }
#nav_menu-3 li.current-menu-item ul, #nav_menu-3 li.current-menu-parent ul { position:relative; left: 0; }
#nav_menu-3 #menu-item-137 a { padding-top: 0; }
#nav_menu-3 li li { font-size: .8475em; border-bottom: none; }
#nav_menu-3 li.current-menu-item li a, #nav_menu-3 li.current-menu-parent li a { color: #333; font-weight: 400; border:none;padding: 0 0 3px 16px;}
#nav_menu-3 li li a:hover, #nav_menu-3 li li a:focus { text-decoration:underline; color: #e64d00 }

#content .latest ul { margin: 0 0 25px; padding: 0;}
#content .latest li { list-style-type: none; margin: 0 0 5px; padding: 0; }
#content .latest p { display: none; padding: 0; margin: 0; }
#content .latest strong { color: #000; }

.followers, .shout { border-top: 1px dotted #aaa; padding-top: 16px; }

.followers .linkedin { color: #124182; }
.followers .twitter { color: #09c; }
.followers .facebook { color:#124182; }

.followers a { text-decoration: none; }
.followers a:hover, .followers a:focus { text-decoration: underline; }

#content .shout p { margin-bottom: 0; padding-bottom: 0;}

div.wpcf7-response-output {
margin: 2.2em 0.5em 1em!important;
padding: 0.5em 1em!important;
background: #fff;
z-index: 12;
position: relative;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 1px 1px 5px #333;
}

.latest p { display: none; }
.home h3 a { color: #000; text-decoration: none; }
.home h3 a:hover, .home h3 a:focus { border-bottom: 1px solid #eee; }
#content .client-gallery li, #content .client-gallery ul { margin: 0; padding: 0; list-style-type: none;}

.portfolio-nav ul { margin: 0; padding: 0; height: 30px}
.portfolio-nav li { padding:0 12px; margin: 0; list-style-type: none; float: left;border-right: 1px solid #d9d9d9 }
.portfolio-nav .menu-item-410 { border-right: none; }
.portfolio-nav li a { color: #555; text-decoration: none;  }
.portfolio-nav li a:hover, .portfolio-nav li a:focus { text-decoration: underline; }
.portfolio-nav .current-menu-item a { text-decoration: underline; }

.portfolio-item .service { text-transform: lowercase; margin-right: .5em; font-size: .9em; text-decoration: none; font-family: 'Trebuchet MS'; }
.portfolio-item .service:focus, .portfolio-item .service:hover { text-decoration: underline;}
.portfolio-item .branding, .portfolio-nav .menu-item-405.current-menu-item a { color: #039;}
.portfolio-item .graphic-design,.portfolio-nav .menu-item-408.current-menu-item a  { color: #e64d00;}
.portfolio-item .advertising,.portfolio-nav .menu-item-411.current-menu-item a  { color: #c00;}
.portfolio-item .direct-mail,.portfolio-nav .menu-item-412.current-menu-item a  { color: #639;}
.portfolio-item .website,.portfolio-nav .menu-item-402.current-menu-item a  { color: #09c;}
.portfolio-item .logo,.portfolio-nav .menu-item-401.current-menu-item a  { color: #36f;}
.portfolio-item .identity,.portfolio-nav .menu-item-403.current-menu-item a  { color: #096;}
.portfolio-item .packaging,.portfolio-nav .menu-item-406.current-menu-item a  { color: #f36;}
.portfolio-item .poster,.portfolio-nav .menu-item-409.current-menu-item a  { color: #c33;}
.portfolio-item .illustration,.portfolio-nav .menu-item-407.current-menu-item a  { color: #930;}
.portfolio-item .custom-type,.portfolio-nav .menu-item-410.current-menu-item a  { color: #f00;}
.portfolio-item .copywriting,.portfolio-nav .menu-item-404.current-menu-item a  { color: #666;}

/* blog styles */

.postnav { width: 625px; }
.prev_next { font-size: .9em; text-align: right; }
.prev_next a { color: #666; text-decoration: none;  }
.prev_next a:hover, .blog .prev_next a:focus { text-decoration: underline; }
.blog #container .post-header h1 { font-family: Georgia, serif; font-size: 24px; line-height: 1.2; font-weight: 400; }
.blog .post-header p, .blog .post-content h2 { font-family: Georgia, serif; font-size: 18px; color: #333; }

.post-35 { font-size: 16px;}

.blog .post-content { width: 625px}
.blog #container .post-header p { margin: 5px 0; }
.blog .post-header span { color: #666; }
.blog .post-header { border-bottom: 1px solid #dadada; margin-bottom: 6px; }
.blog #container .post-content h2 { color: #d94000; line-height: 1.6; border-bottom: none; margin-bottom: none; font-weight: 400; }
.blog #content .post-content p, .blog #post-content li{ font-size: 15px; }
.blog #container #content .meta p { font-size: 11px; border-top: 3px solid #d94000; color: #666; }
.blog .post-header a { text-decoration: none; }
.blog .post-header a:hover, .blog .post-header a:focus { text-decoration: underline; }

/* Bento */

#bento { border-collapse: collapse; border: 1px solid #aaa; margin-bottom: 10px; }
#bento th, #bento td { border: 1px solid #aaa; }
.t2,.t3,.t4 { width: 155px; }
.headers th { text-align: center;  height: 50px; background: url(/images/obento_plan_back.png) left bottom repeat-x; font-size: 18px; text-shadow: 1px 1px #fff;}
.buttons th { height: 50px; }
.headers .t1 { width: 160px; padding-left: 20px; text-align: left; color: #fff; text-shadow: 1px 1px #000; background: #d64000 url(/images/bento_services_back.png) left bottom repeat-x; }
th[scope=row] { background-color: #fcede5; padding-left: 20px; font-weight: 400; color: #000 }
#bento td { text-align: center; background: url(/images/bento_grid_back.png) left bottom repeat-x; height: 28px; vertical-align: bottom; }
#bento .rates { font-weight: 700; }
#bento .rates td, #bento .hours td, #bento .buttons td, #bento .buttons th { vertical-align: middle; }
#bento .signup { font-weight: 700; color: #fff; font-size: 24px; background: #d64000 url(/images/bento_services_back.png) left bottom repeat-x; text-shadow: 1px 1px #000; }
#bento + p { font-size: 12px; }
.rates td { color: #e64d00;font-size: 15px;}
.post-127 strong { color: #000; }
.col1 .bento {float: right; margin: 20px 0}
.col1 .bento img { margin-bottom: 60px; float: right;  }
.col1 .bento p {font-weight: 700; } 

#consult label { float: none; width: auto; }
.client-gallery img { margin-bottom: 8px;}
.bento-button { line-height: 1; background: url(/images/bento_buttons.png) no-repeat; border: none; padding-bottom: 5px; color: #fff; font-size: 14px; width: 129px; height: 38px; padding-bottom: 2px; font-weight: 700; font-family: 'Trebuchet MS',Arial,sans-serif; white-space: normal; text-shadow: 1px 1px #000;}
.bento-button:hover { cursor: pointer; text-decoration: underline; }
.bento-button:active, .bento-button:focus { text-decoration: underline; }

.p9 label, .p539 label { width: 15em; }
.p9 label span, .p539 label span {color: #d94000; }
.p539 .wpcf7-form-control-wrap label span { color: #333; font-weight: 400; }
.p9 .wpcf7-list-item,.p539 .wpcf7-list-item{ display: block;}
.p9 .wpcf7-text,.p539 .wpcf7-text { font-size: 15px; padding: 3px; width: 619px; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.p9 textarea,.p539 textarea { width: 625px; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.p9 .wpcf7-submit,.p539 .wpcf7-submit { background: url(/images/button_orange.png)}

#content #connect-nav {margin:0 0 10px; padding: 0;}
#content #connect-nav li {margin:0; list-style-type: none; font-weight: 700; padding: 7px 0 7px 30px; color: #e6661a; border-bottom: 1px solid #ddd; }
#connect-nav li a { text-decoration: none;  }
#connect-nav .current a { color: #000;}
#connect-nav .current { background-color: #fff; }
#connect-nav .consult { background: url(/images/form_icon.gif) left 50% no-repeat;}
#connect-nav .contact { background: url(/images/email_long_icon.gif) left 50% no-repeat;}
#connect-nav .phone { background: url(/images/cellphone_icon.gif) left 50% no-repeat;}
#connect-nav .direct { background: url(/images/directions_icon.gif) left 50% no-repeat;}
#connect-nav .consult.current { background: url(/images/form_onpage_icon.gif) left 50% no-repeat;}
#connect-nav .contact.current { background: url(/images/email_onpage_icon.gif) left 50% no-repeat;}

.address { font-weight: 700; position: relative; margin-bottom: 20px; }
.address a { position: absolute; right: 20px; bottom: 0px; color: #fff; background: url(/images/button_green.png) no-repeat; width: 90px; height: 24px; text-align: center; padding: 4px 0;}
.sep { background: none; border: none; border-bottom: 1px dotted #aaa; margin-bottom: 20px; }

.client-title { margin-top: -6px!important; }

#nav_menu-4 ul, #recent-posts-3 ul {margin: 0; padding: 0; }
#nav_menu-4 li, #recent-posts-3 li {margin: 0 0 8px; padding: 0 0 8px; list-style-type: none; font-size: 1.1em; font-weight: 700; border-bottom: 1px solid #f0a368; line-height: 1.4 }
#nav_menu-4 a, #recent-posts-3 a { text-decoration: none;  }
#nav_menu-4 a:hover, #nav_menu a:focus, #recent-posts-3 a:hover, #nav_menu a:focus { text-decoration: underline; }
#recent-posts-3 li { border-bottom: 1px solid #dadada; }
#recent-posts-3 li a { color: #666; }

#recent-posts-3 ul > li:last-child, #nav_menu-4 ul > li:last-child { border-bottom: none; }

#sidebar .widget { border-bottom: 1px dotted #bbb; padding-bottom: 5px; margin-bottom: 20px; }
#sidebar .wp-tag-cloud li { list-style-type: none; margin: 0; line-height: 1.8; text-transform: capitalize; }
#sidebar .wp-tag-cloud { margin:0; padding: 0; }
#sidebar .wp-tag-cloud a { text-decoration: none; }
#sidebar .wp-tag-cloud a:hover, #sidebar .wp-tag-cloud a:focus { text-decoration: underline; }

.awesome { margin-top: 100px; border-top: 1px dotted #bbb; padding-top: 20px; }
.awesome h2 { color: #e6661a!important; border: none; font-family: Georgia; }
.awesome p { padding: 10px 0 0; font-family: 'Trebuchet MS'; font-size: 13px; line-height: 1.4; color: #333;   }
.awesome .estimate { text-align: right; padding: 0; background: url(/images/g.png) left 50% repeat-x }
.awesome p a { text-decoration: none; font-style: italic; background: #fff; padding-left: 10px; }

#outer .p7 .post-content h3 { text-transform: uppercase; color: #666; margin: 0; padding: 0; }
#outer .p7 .post-content ul { margin: 0; padding: 0; }
#outer .p7 .post-content li { margin: 0; padding: 0; list-style-type: none; }
hr.clients { border: none; border-top: 1px dotted #aaa; margin: 20px 0; }

.clients h2 { font-size: 1.4em; }

#outer .clients h2 { font-size: 1.3em; margin-bottom: 0; }

.ie8 #footer .ext_footer li { margin: 1px 0!important; }