/*
Theme Name: Autism Society 201401
Theme URI: http://2dialog.com/themes
Author: 2dialog
Version: 1.0
*/

/*****************************
*GENERAL
******************************/
sup{ font-size: 8px;}
body, a, p, span, b, i, li{ font-size: 14px; color: #282828; font-family: "Arial",Helvetica,Arial,sans-serif;}
html {-moz-text-size-adjust: none;}
input, textarea, select { -webkit-appearance: none !important; border-radius:0 !important;}
.no-padding{ padding: 0px;}
.no-padding-left{ padding-left: 0px;}
.no-padding-right{ padding-right: 0px;}
.text-aling-center{ text-align: center;}
body{ background-image: url(images/background.jpg); background-color: #dee9ed; background-repeat: no-repeat; background-position: center top;
background-size: 100% auto}
#breadcrumbs a, #breadcrumbs{ color: #03669C;}
#breadcrumbs a:hover{ text-decoration: underline;}
.center{ text-align: center;}
.text-align-right{ text-align: right;}
.h440{ height: 440px;} 
h3, #main-content h3 > a, h4{ font-size: 20px; color: #03669c;} 
.relative{ position: relative;}
.dev{ display: none !important;}
/*****************************
*WORDPRESS
******************************/
.alignnone { margin: 5px 20px 20px 0;}
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto;}
.alignright { float:right; margin: 5px 0 20px 20px;}
.alignleft { float: left; margin: 5px 20px 20px 0;}
.aligncenter { display: block; margin: 5px auto 5px auto;}
img{max-width: none;}
a img.alignright { float: right; margin: 5px 0 20px 20px;}
a img.alignnone { margin: 5px 20px 20px 0;}
a img.alignleft { float: left; margin: 5px 20px 20px 0;}
a img.aligncenter { display: block; margin-left: auto; margin-right: auto}
.wp-caption {background: #fff;border: 1px solid #f0f0f0;max-width: 96%; /* Image does not overflow the content area */padding: 5px 3px 10px;text-align: center;}
.wp-caption.alignnone { margin: 5px 20px 20px 0;}
.wp-caption.alignleft { margin: 5px 20px 20px 0;}
.wp-caption.alignright { margin: 5px 0 20px 20px;}
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto;}
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px;}

/*****************************
*BUTTONS
******************************/
.button.red{ background: #e3202d; border: none; box-shadow: none; font-size: 20px; width: 100%; padding: 18px 20px; margin-bottom: 20px;}
.button.blue, .form-submit #submit{ background: #306e9d; border: none; box-shadow: none; font-size: 20px; width: 100%; padding: 18px 20px; margin-bottom: 20px;}
.form-submit #submit{ width: 200px; color: #ffffff;}

/*****************************
*HEADER
******************************/
#header{ padding: 25px 0px;}
#header #search-box{ text-align: right;}
#header #mini-nav{ margin-bottom: 20px;}
#header #mini-nav a{ font-size: 12px; color: #fff; border-right: 1px solid #fff; padding: 0 5px;}
#header #mini-nav a:last-child{ border: none; padding-right: 0;}
/*#header #search{ margin-top: 30px;}*/
#search input[type="text"]{ width: 245px; float: right; border: none; box-shadow: none; border-radius: 0px; display: inline; height: 32px; }
#search input[type="submit"]{ width: 95px; float: right; font-size: 18px; font-weight: bold; display: inline; border: none; background: #03669c; color: #ffffff; border-bottom: 7px solid #065a88 !important; height: 32px;}

/*****************************
*NAV
******************************/
#nav{ height: 45px !important;}
#nav a{ font-size: 18px;  color: #03669c; padding: 0 15px 0px 14px;} 

#nav .top-bar ul > li.has-dropdown .dropdown li a, #nav .top-bar ul > li.has-dropdown .dropdown li a{ color: #03669c;} 
#nav .top-bar ul > li.has-dropdown a:after{ border: none;}

#nav .top-bar ul.left{ float: right !important;/* width: 100%;*/}
#nav .top-bar{ background: #a1cee3;}
#nav .top-bar ul > li.divider{ margin-right: 0; background: #ceebf9;}
#nav .top-bar ul > li.has-dropdown .dropdown li.divider{ height: 1px;}
#nav .top-bar section ul.right > li > a{ border-bottom: 5px solid #97c9e1;}
#nav .top-bar section ul.right > li:not(.name):hover > a, #nav .top-bar section ul.right > li:not(.name).active > a, #nav .top-bar section ul.right > li:not(.name):focus > a{ background: #03669c; border-bottom: 5px solid #03669c;}
#nav .top-bar section ul.right > li:last-child a{ border: none !important;}
/*#nav .top-bar section ul.left > li > a{ border-bottom: 5px solid #97c9e1;}*/
#nav .top-bar section ul.left > li:not(.name):hover > a, #nav .top-bar section ul.left > li:not(.name).active > a, #nav .top-bar section ul.left > li:not(.name):focus > a{ background: #03669c; border-bottom: 5px solid #03669c;}
#nav .top-bar section ul.left > li:last-child a{ border: none !important;}
#nav .top-bar ul > li:not(.name):hover a, #nav .top-bar ul > li:not(.name).active a, #nav .top-bar ul > li:not(.name):focus a{ color: #ffffff; }
#nav .top-bar ul > li.has-dropdown .dropdown, .top-bar ul > li.has-dropdown .dropdown li{ background: #A1CEE3;}
#nav .top-bar ul > li.has-dropdown .dropdown li a:hover, #nav .top-bar ul > li.has-dropdown .dropdown li a:focus { /*background: #be1119;*/ background: #03669C; color: #ffffff !important;}
#nav .top-bar ul > li.has-dropdown .dropdown li{ padding: 0px;}
#nav ul.dropdown{ padding-top: 0;}
#nav .top-bar ul > li.has-dropdown .dropdown li.divider{ border-top: 1px solid #ffffff;}
#nav .top-bar ul > li.has-dropdown .dropdown li a{ padding: 10px 24px;}
#nav .top-bar{ margin-bottom: 0;}
#nav .top-bar ul > li:first-child{display: none;}
#nav .top-bar a[title~="Donate"], #nav .top-bar a[title~="Donate"]:hover{ background: #E3202D !important; color: #ffffff;}




/*****************************
*BANNER
******************************/
#content #home-slide{ margin-bottom: 23px; width: 815px; height: 358px; overflow: hidden;} 
#content #home-slide img{ min-width: 100%; max-width: none;}
#content .orbit-wrapper .timer, #content .orbit-wrapper .slider-nav{ display: none !important;}
#content .orbit-bullets li{ width: 20px; height: 20px; background: url(images/bullet.png) no-repeat;}
#content .orbit-bullets li.active{  background: url(images/bullet-active.png) no-repeat;}
#content ul.orbit-bullets{ margin-left: 0; bottom: 0; left: 80%;}

/*****************************
*CONTENT
******************************/
#content{width: 1140px; max-width: 100%; min-width: 1140px; margin: 0 auto; background: #ffffff; padding: 20px 0px;}
#content #search{ width: 342px; overflow: hidden;}
#content #search input[type="text"]{ background: #7AC3E6; }
#content #search input[type="text"]::-webkit-input-placeholder{ color: #ffffff;}
#content #search input[type="text"]:-moz-placeholder { color: #ffffff;}
#content #search input[type="text"]::-moz-placeholder { color: #ffffff;}
#content #search input[type="text"]:-ms-input-placeholder { color: #ffffff;}
/*****************************
*MAIN CONTENT
******************************/
#main-content h2{ font-size: 25px; color: #c22127;}
#main-content p{ line-height: 1.5; color: #000000; margin-bottom: 25px;}
#main-content a, #main-content .wsp-category-title { font-size: 14px; color: #03669c;}
#main-content a:hover{ text-decoration: underline;}
#main-content ul{ margin-left: 30px;}
#main-content ul li{line-height: 1.5}

/*****************************
*BOX BLUE
******************************/
.blue-box{ background: #dee9ed; margin-bottom: 23px;}
.blue-box .box-title{ background: #c9e2ee; border-top: 3px solid #83bad7; padding: 3px 0px 3px 30px; }
.blue-box .box-title p{ font-size: 20px; font-weight: bold; margin-bottom: 0;}
.blue-box .box-content ul{ margin-bottom: 0;}

.blue-box .box-content ul li{ padding: 7px; list-style: none; background: url(images/bullet.jpg) no-repeat; background-position: 15px 12px; padding-left: 30px; border-bottom: 2px solid #ffffff; }
.blue-box .box-content.center{ text-align: center; padding: 20px 0;}
.blue-box .box-content-post{ overflow: hidden; padding: 20px 0;}
.blue-box .box-content-post h3{ margin: 0 0 3px !important; font-size: 14px;}
.blue-box .box-content-post span{ font-size: 10px;}
.blue-box .box-content-post .entry p{ font-size: 12px; line-height: 1.2}
.blue-box .box-content-post .entry a{ color: #03669C; font-size: 12px;}
.blue-box .box-content-post .entry a:hover{ text-decoration: underline;}
.blue-box .box-home-page-section{ padding: 40px 20px; text-align: center;}
.blue-box .box-home-page-section img{ display: block; margin: 0 auto 40px;}
.blue-box .box-home-page-section p{ font-size: 14px; line-height: 1.2; color: #000000; text-align: left;} 
.blue-box .box-home-page-section a.button{ background-color: #1db1e7; background-image: url("images/blue-arrow2.jpg"); 
background-repeat: no-repeat; background-position: right center; border: none; box-shadow: none; height: 33px; padding: 10px 24px 11px 20px;
}

.blue-box .box-content .children{ margin-left: -7px;}
.blue-box .box-content .children > li{ padding: 7px 7px 7px 16px; background-position: 7px 12px; border-bottom: none;}

.blue-box .box-content ul.children{ display: none !important;}
.blue-box .box-content .current_page_item ul.children{ display: block !important;}

.blue-box .box-content .current_page_item ul.children .children{ display: none !important;}
/*****************************
*BOX BLUE 2
******************************/
/*.blue-box{ background: #c22127; border-top: 3px solid #810a0f;}*/
.blue-box .blue-box-text{ padding: 17px 0 20px; border-top: 3px solid #83bad7; background: #dee9ed;}
.blue-box .blue-box-text p{ margin-bottom: 0;}
.blue-box .blue-box-text p, .blue-box .blue-box-text span, .blue-box .blue-box-text b{color: #e3202d; line-height: 1;|}
.blue-box .blue-box-text b{ font-size: 20px; margin-bottom: 10px; display: inline-block;}
.blue-box .blue-box-text span{ font-size: 14px; color: #03669c;}
.blue-box .blue-box-content{ background: #c9e2ee; padding: 17px 15px;}
.blue-box .bg-keyboard{ background: url(images/bg-keyboard.jpg) no-repeat; padding: 32px 0;}
/*.blue-box .bg-keyboard img{ margin: 0 auto; display: block; padding: 32px 0;}*/
.blue-box .bg-keyboard a.button{ background: #E3202D; position: relative; margin: 0 auto; width: 148px; font-size: 18px; padding: 9px 0; border: none;
	box-shadow: none; margin: 0 auto; display: block;
}
.blue-box .bg-keyboard img{ position: absolute; top: 0; right: -13px;}

.white-box-title p{ font-size: 20px; color: #03669c; font-weight: bold;}
.white-box-title img{ vertical-align: middle;}
.white-box-title span{ font-size: 14px; color: #000000; padding: 0 3px; margin-bottom: 15px; display: block;}
.white-box-title .button{ background-color: #1db1e7; background-image: url("images/blue-arrow.jpg"); 
background-repeat: no-repeat; background-position: right center; border: none; box-shadow: none; height: 33px; padding: 10px 24px 11px 20px;}

/*****************************
*GENERAL
******************************/
#main-content .box-archive h3{ margin-bottom: 2px;}
#main-content .box-archive span{ font-size: 12px; margin-bottom: 15px; display: block;}
#main-content .box-archive .entry p{ margin-bottom: 0px;}
#main-content .box-archive .entry.stories{ margin-bottom: 10px;}
#main-content .number-comments{ display: inline-block; margin-bottom: 20px;}

/*****************************
*FOOTER
******************************/
#footer{ background: #7ac3e6; padding: 20px 0;}
#footer-nav .right{ float: none !important; overflow: hidden;}
#footer-nav li{ float: left; list-style: none;}
#footer-nav li a{ border-right: 1px solid #ffffff; padding: 0px 5px !important;}
#footer-nav li:first-child a{ padding-left: 0 !important;}
#footer-nav li:last-child a{ border-right: none !important;}
#footer-nav{ color: #ffffff; margin-bottom: 10px;}
#footer-nav a{ color: #ffffff; font-size: 14px; font-weight: bold;}
#footer-nav-pos{ margin-bottom: 25px;}
#footer-second-logo img{ margin-top: 20px;}
#section-ribbon p{ font-size: 11px;}
#section-ribbon img{ float: left; margin-top: -10px; margin-right: 10px;}

/*****************************
*FIX IW
******************************/
.lt-ie9 body{ background-image: url("http://imager.2dialog.com/images/autism/002/17/0/ie8-bg.531e14ece6c4d73751.jpg?123") !important;}
.lt-ie9 .orbit-wrapper, .lt-ie9 #home-slide{ height: 357px !important;}
.lt-ie9 img{ height: auto; max-width: none;}
.lt-ie9 #nav .top-bar a[href*="www.2dialog.com"], .lt-ie9 #nav .top-bar a[href*="www.2dialog.com"]:hover{ padding: 0px 20px !important;}

@media print {
    .noprint {display:none !important;}
    a:link:after, a:visited:after {  
      display: none;
      content: "";    
    }
}
#colorbox{width: 900px !important; height: 700px !important;}
.logo-container{padding-left: 140px !important;}
#cboxLoadedContent{width: 843px !important;}