/*
Theme Name:  Theme
Theme URI: http://joehowarddesign.com
Description: Super cool custom Wordpress theme
Version: 3.0
Author: Joe Howard
Author URI: http://joehowarddesign.com
Tags: desc
*/

@import "css/reset.css";
@import "css/960.css";


/*

blue 0b42a8
orange f78429
grey ededed

light blue ededed
mid grey 686868

orange alt desat d2630b
orange alt bright e85a0b

*/

body{ font-family:Arial, Helvetica, sans-serif; font-size:65%; margin:0px;	padding:0px;	color: #111;	background:#ededed url(images/bgbg.jpg) repeat-x center top;	text-align:left; }
h1, h2, h3, h4, h5 {	font-weight:lighter; color:#181818; margin:5px 0 10px 0;}
h1 { font-size: 2em;	}
h2 { font-size: 1.8em;	}
h3 { font-size: 1.6em;}
h4 { font-size: 1.4em;}
h5 { font-size: 1.3em;}
p {margin:0;	}
ul {list-style-type:none;	margin:0;	padding:0;}
li {margin:0px;	list-style-type:none;	padding:0px;}
hr {color:#e7e7e7;	border:1px solid #e7e7e7;}
a img { border: none;}
a { color: #0b42a8; text-decoration: underline;}
a:hover { text-decoration: none; color: #d2630b; }
strong {font-weight:bolder;}
em {font-style:italic;}
blockquote { 	margin: auto;	width: 90%;	padding-left:10px;	padding-right:10px;	padding-bottom:5px;	padding-top:5px;	border-left: 0px solid #367326;	border-right: 0px solid #367326;	border-bottom: 2px solid #367326;	border-top: 5px solid #367326;	background-color: #c7e2c0;	font-style: italic;	font-size: 16px;	font-weight: bold;}

.clr {clear:both;}
.clrl {clear:left;}
.clrr {clear:right;}

.imgrt {float:right; margin:10px; border:1px solid #111;}
.imglft {float:left; margin:10px; border:1px solid #111;}

.right {float:right;}
.left {float:left;}


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

.loginlink a, .loginlink a:hover {color:#111; text-decoration:none;}


/* typography */

.widget, .footer_widget, #respond, .hmcol, .fullpage {font-size:1.42em;}
.menu_header, .twrap, #menu-footer-menu {font-size:1.14em;}
.copyright {font-size:1.14em;padding:0 0 10px 10px;}



.header {height:116px; padding:10px 0 0 0;}
.mainnav {height:58px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background:#fff;}
.headinfo {float:right; padding:36px 0 0 0;}

.midwraphome {height:435px; background:url(images/homemidbg.gif) repeat-x;margin:0 auto; border-bottom:3px solid #999;}
.midbghome {background:url(images/homemid.jpg) no-repeat center bottom; height:435px;}

.midpagewrap {height:105px; background:url(images/homemidbg.gif) repeat-x; margin-bottom:20px;}
.midpagebg {background:url(images/homemid2.jpg) no-repeat center bottom; height:105px;}

.homepg {}


.footerwrap {background:transparent url(images/footerbg.gif) repeat-x scroll left bottom;height:120px;padding:20px 0 0;}
.footer {height:120px;padding:20px 0 0;}

.headinfo h3 {text-align:right; font-size:2.6em; letter-spacing:-.5pt; font-weight:bolder; color:#3b6bae;text-shadow: 0 2px 1px #ccc;}


/* columns */

.fullpage, .homepg {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background:#fff;-webkit-box-shadow: 0px 1px 5px #aeada8;-moz-box-shadow: 0px 1px 5px #aeada8;box-shadow: 0px 1px 5px #aeada8; }
.fullpage {width:920px;}
.fullpage { padding:20px 20px 40px 20px;}


.col1 {}
.col2 {float:right; margin:10px 20px;}
.col3 {float:right; margin:10px 0;}


/* column element overwrites */

.fullpage h1 {margin:0 0 15px 0;}


/* nav stuff */


#access {height:58px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background:#fff;}
#menu-main-menu {padding:15px 10px 0 10px;}

ul#menu-main-menu {    z-index:102; position: relative;	top:20px; left:6px; float:left; margin:0; padding:0; }
ul#menu-main-menu li {    font-weight: bold;    float: left;    zoom: 1;   border:1px solid #2f4877; border-top: 1px solid #2183ca; background: #0d42a8; background: -webkit-gradient(linear, left top, left bottom, from(#0d42a8), to(#123a88)); background: -moz-linear-gradient(top, #0d42a8, #123a88); -moz-border-radius: 5px;    -webkit-border-radius: 5px;       margin:0px 4px 0px 1px;    text-shadow: 0 2px 1px rgba(0,0,0,0.2);}
ul#menu-main-menu a:hover {    color: #fff; background:#d2630b; }
ul#menu-main-menu a:active {    color: #ccc; }
ul#menu-main-menu li a, ul#menu-main-menu a:hover, ul#menu-main-menu a:active {text-decoration:none; }
ul#menu-main-menu li a {    display: block;    padding: 8px 15px;    color: #fff;    text-shadow: 0 2px 1px rgba(0,0,0,0.2); white-space:nowrap;}
ul#menu-main-menu li:last-child a {    border-right: none;} 
/* Doesn't work in IE */
ul#menu-main-menu li.hover, ul#menu-main-menu li:hover {    background: #628f2e;    color: black;    position: relative;    color:#fff; background: -webkit-gradient(linear, left top, left bottom, from(#0d42a8), to(#123a88)); background:-moz-linear-gradient(top, #0d42a8, #123a88);  border-top-color:#d2630b;}
ul#menu-main-menu li.hover a {    color: #fff;    font-weight:bold;}
/* LEVEL TWO */
ul#menu-main-menu ul {    width: 220px;    visibility: hidden;    position: absolute;    top: 100%;    left: 0;}
ul#menu-main-menu ul li {    font-weight: normal;   color: #fff;    float: none; z-index:300; border:none; }
/* IE 6 & 7 Needs Inline Block */
ul#menu-main-menu ul li a {    border-right: none;    width: 100%;    display: inline-block; padding:6px 8px;}
/* LEVEL THREE */
ul#menu-main-menu ul ul {    left: 100%;    top: 0;}
ul#menu-main-menu li:hover > ul {    visibility: visible;}


.social {float:right; width:140px; height:32px; margin:20px 10px 0 0;}
.social ul {display:inline; list-style:none;}
.social ul li {display:inline; list-style:none: float:right; margin:0 0px 0 10px;}

.footersocial {float:right; width:140px; height:32px; margin:10px 10px 0 0;}
.footersocial ul {display:inline; list-style:none;}
.footersocial ul li {display:inline; list-style:none: float:right; margin:0px 0px 0 5px;}

#menu-footer-menu {padding:0 10px;}
.footer_menu {margin:34px 0 0 0;}

ul#menu-footer-menu {    z-index:102; position: relative;	top:2px; left:0px; float:left; margin:0; padding:0; }
ul#menu-footer-menu li {    font-weight: bold;    float: left;    zoom: 1;   border:1px solid #fff;background: #fff; -moz-border-radius: 5px;    -webkit-border-radius: 5px;       margin:0px 6px 0px 0px;    text-shadow: 0 2px 1px rgba(0,0,0,0.2);}
ul#menu-footer-menu a:hover {    color: #fff; background:#123a88; }
ul#menu-footer-menu a:active {    color: #ccc; }
ul#menu-footer-menu li a, ul#menu-footer-menu a:hover, ul#menu-footer-menu a:active {text-decoration:none; }
ul#menu-footer-menu li a {    display: block;    padding: 8px 15px;    color: #0b42a8;    text-shadow: 0 2px 1px rgba(0,0,0,0.2);white-space:nowrap;}
ul#menu-footer-menu li:last-child a {    border-right: none;} 
/* Doesn't work in IE */
ul#menu-footer-menu li.hover, ul#menu-footer-menu li:hover {    background: #0b42a8;    color: black;    position: relative;    color:#fff;-moz-border-radius: 5px;    -webkit-border-radius: 5px;    }
ul#menu-footer-menu li.hover a {    color: #fff;    font-weight:bold;}




/*


orange alt desat d2630b
orange alt bright e85a0b

 */

/* post and listing stuff */
.post {margin:0 0 0px 0; padding:0; clear:both;}
.post p {margin:10px 0;}
.post h1, .post h2, .post h3, .post h4, .post h5 {margin:5px 0;}
.post h1 {}
.post h2, .post h1 {color:#111; letter-spacing:-0.3pt; line-height:1.2em;}
.post h1 {}
.post h2 {}
.post h3 {margin:15px 0; color:#111;}
.post h3 a, .post h3 a:hover {font-weight:bold; text-decoration: underline;}
.post h4 {color:#111;}
.post h5 {color:#111;}
.post ul {margin:10px 20px 10px 45px;}
.post ul li {display:list-item; margin:4px 0; list-style:disc; }
.post ol {margin:10px 20px 10px 45px;}
.post ol li {display:list-item; margin:4px 0; list-style:decimal; }

.post h2 a, .post h3 a {text-decoration: underline;}

.postmeta {margin:5px 0; font-size:80%;}
.postmeta p {border-bottom:1px solid #EEEEEE;border-top:1px solid #EEEEEE;padding:8px 0;}


/* form stuff */

.formfield_input {background:#fff none repeat scroll 0 0;border:1px solid #CCCCCC;color:#282828;font-size:110%;height:30px;margin:5px 0;padding:8px 10px 0;width:500px;-webkit-box-shadow: 0px 1px 5px #aeada8;-moz-box-shadow: 0px 1px 5px #aeada8;box-shadow: 0px 1px 3px #aeada8; }
.formfield_textarea {background:#fff none repeat scroll 0 0;border:1px solid #CCCCCC;color:#282828;height:30px;margin:5px 0;padding:8px 10px 4px 10px;height:200px;width:500px;-webkit-box-shadow: 0px 1px 5px #aeada8;-moz-box-shadow: 0px 1px 5px #aeada8;box-shadow: 0px 1px 3px #aeada8; }



/* home page stuff */

.homeintro {margin:20px 0 0 0;}
.homeintro h1 {color:#fff; font-weight:bolder; font-size:2.8em;text-shadow: 0 2px 1px #333; }
.homeintro ul {margin:0 0 0 10px;}
.homeintro ul li {display:list-item; list-style:none; margin: 0 0 8px 0;color:#fff; font-size:1.4em; text-shadow:0 2px 1px #333;}
.homeintro ul li img {margin-right:5px; float:left; }
.homeintro li  {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:transparent url(images/check.png) no-repeat scroll left top;font-size:1.1em;list-style-image:none;list-style-position:outside;list-style-type:none;padding:0 0 10px 24px;}

.home_nextdate {height:54px;
margin:0 0 10px;
overflow:hidden;}
.home_nextdate h2 {color:#fce53b; font-weight:bolder;text-shadow: 0 2px 1px #333;}
.home_nextdate h2 img {float:left; margin-right:4px;}
.home_nextdate h4 {color:#fff; font-weight:bolder; font-size:1.4em;text-shadow: 0 2px 1px #333; margin:0 0 15px 28px;}

.homelogoswrap {margin:0 auto 20px auto;height:48px; border-top:3px solid #d6d6d6; border-bottom:3px solid #d6d6d6; background:#fff;}
.homelogos {margin:10px auto;}
.homelogos ul {margin:0; padding:0; list-style:none; display:inline;}
.homelogos ul li {margin:0; padding:0; list-style:none;display:inline; float:left; width:120px;text-align:center;}
.pagelogoswrap {margin:0 auto 20px auto;height:48px; }
.pagelogos {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background:#fff;-webkit-box-shadow: 0px 1px 5px #aeada8;-moz-box-shadow: 0px 1px 5px #aeada8;box-shadow: 0px 1px 5px #aeada8;  margin:20px auto 0 auto;}
.pagelogos ul {margin:0; padding:0; list-style:none; display:inline;}
.pagelogos ul li {margin:10px 5px; padding:0; list-style:none;display:inline; float:left; width:110px;text-align:center;}


.video {float:right; margin:20px 0 0 0;}

.cta {float:left;}

.dates, .htest {padding:20px 0;}
.dates {}
.dates h2 {font-size:1.4em; font-weight:bolder;}
.dates h4 {}

.htest p {font-size:1.4em; font-style:italic; line-height:1.64em;}

/* widget stuff */
.xoxo {}
ul.xoxo li {margin:0 0 20px 0;}

.widget-container {padding:5px; background:#f2f2f2;-webkit-box-shadow: 0px 1px 5px #f2f2f2;-moz-box-shadow: 0px 1px 5px #f2f2f2;box-shadow: 0px 1px 3px #f2f2f2; border:1px solid #ccc; background:#f2f2f2;-moz-border-radius: 5px;    -webkit-border-radius: 5px; }

.widget-title {margin:0px 0 10px 0;-webkit-box-shadow: 0px 1px 1px #fff;-moz-box-shadow: 0px 1px 1px #fff;box-shadow: 0px 1px 1px #fff; border:1px solid #ccc; background:#336699;-moz-border-radius: 5px;    -webkit-border-radius: 5px; }
h3.widget-title {padding:4px 5px; color:#fff; font-size:1.1em; font-weight:bolder; letter-spacing:-.5pt;}


.widget_TestimonialList p {margin:5px 5px 10px; font-size:90%;}
.testiname {font-weight:bolder; }

.testimoniallist {padding:10px 0; border-bottom:1px dotted #dedede;}
.testimoniallist p {padding:0 0 0 30px; margin:10px 0;}
.testimoniallist .testiname {}
.testimoniallist span {float:left; width:24px; height:24px; background:url(images/quote2.png) no-repeat left top; padding:0;}
.testimoniallist .testiname {}
.quotemark {float:left; height:24px; width:24px; padding:0 5px 0 0; background:url(images/quote2.png) no-repeat left top;}

/* misc stuff */
#tec-content.upcoming {
margin-top:30px;
}

.tec-event-entry img {float:left;}

.events-archive .event-day {
border-bottom:1px solid #DEDEDE; font-weight:bolder;color:#166dc1;}