/*
Theme Name: Autism Today
Author: BubbleUP
Author URI: http://www.bubbleup.ca/
Description: Autism Today WordPress Theme
Version: 1.0
License: Commercial
*/

body {
	margin: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #363636;
}

header {
	border-top: 8px solid #0174b5;
	background-color: #ddd;
	height: 33px;
	display: none;
}

#header2 {
	margin: -5px auto 0 auto;
	width: 970px;
}

.gsc-control-cse {
	background: none !important;
	border: none !important;
	width: 300px !important; 
	padding: 6px 0 0 625px !important;
}

.gsc-input-box { margin-right: -15px; }

#main {
	width: 970px;
	margin: auto;
	padding-top: 8px;
	background-color: #fff;
}

#header-area {
	height: 150px;
}

#logo {
	margin: 25px 0 0 38px;    
	float: left;
}

#header-right div {
	float: right;
	margin-right: 38px;
}
#social-div {
	float: right;
	margin-right: 290px;
}
#social-div img { margin: 5px; }
#social-media img { margin: 5px; }

/* Home Page Rotator CSS START */
#tabs {
	display: none; /* Initially hide the area until elements are loaded */
	height: 375px !important;
	border: none;
	background: url( 'images/rotator-bg.jpg' );
}

#tabs ul li {
	padding: 10px 0 10px 15px; 
	height: 68px;
}

.ui-tabs-vertical { width: 965px; }

.ui-tabs-vertical .ui-tabs-nav {
	float: right;
	width: 325px;
}

.ui-tabs-vertical .ui-tabs-nav li { width: 100%;}

.ui-tabs-vertical .ui-tabs-nav li a img {
	float: left;
	width: 50px;
	height: 55px;
	margin: 0 12px 10px 0; 
}

.ui-tabs-vertical .ui-tabs-nav li a { 
	white-space: normal;
	width: 285px;
}

.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { background: url('images/blue-arrow.png') 0px 30px no-repeat !important; }
  
.ui-tabs-vertical .ui-tabs-panel {
	float: left;
	width: 590px;
	padding: 15px 20px !important;
}

.ui-tabs-nav, .ui-state-default {
	background: none !important;
	border: none !important;
}

.tab-title { 
	font-weight: bold;
	display: block;
	margin-bottom: -12px !important;
}
/* Home Page Rotator CSS END */

#home-buttons { padding-left: 13px; }

/*
.menu li {
	list-style-type: none;
	display: inline;
	text-decoration: none;
	padding-right: 24px;
}

.menu li,
.menu li a {
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
	color: #444;
}

.menu li a:hover {
	color: #0174b5;
}
*/

/* jQuery Menu START */
#menu { display: none; } /* Initially hide the menu so that the bullet list does not show a split second before the drop-down version. */

.ui-menu { 
	display: block; 
	clear: both; 
	border: none !important; 
	z-index: 1000;
	width: 885px; 
	margin-left: 40px !important;
}

.ui-menu .ui-menu-item { 
	display: inline-block !important; 
	width: auto !important; 
	padding-right: 23px !important;
}

.ui-menu .ui-menu-item a { 
	font-size: 15px;
	font-weight: bold !important;
	color: #444 !important; 
}

.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	background: none;
	border: none;
	margin: 0 !important;
	color: #0174b5 !important;
}

.ui-menu-icon { display: none !important; }

.ui-menu .ui-menu {
	border: 1px solid #ccc !important; 
	margin-top: 26px !important;
	width: auto;
}

.ui-menu .ui-menu-item .ui-menu .ui-menu-item { 
	display: block !important;
	padding-right: 0px !important;
}

.ui-menu .ui-menu .ui-menu-item a { 
	font-size: 13px; 
	padding: 7px 10px !important;  
}

.ui-menu .ui-menu .ui-menu-item a:hover { 
	color: #0174b5; 
	padding: 7px 10px !important; 
	background-color: #eee; 
}
/* jQuery Menu END */

.home-box {
	float: left;
	padding: 0 25px !important;
	margin: 20px 0 20px 5px;
	width: 240px;
	height: 230px;
}

.home-box h1 { text-align: center; }

#entry {
	padding: 0 40px 20px 40px;
}

#entry h1 a { 
	font-size: 19px;
	color: #0174b5;
	text-decoration: none;
}

h1 {
	font-size: 19px;
	color: #0174b5;
}

h2 {
	font-size: 12px;
	color: #0174b5;
}

/* Comments START */
.comments-number { margin-bottom: 15px; }

.comments-number,
#comments-list,
#respond { font-size: 12px; }

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

#comments-list ul li {
	border-bottom: 1px solid #ccc;
	padding: 15px 0;
}

.comment-meta { display: none; }

#reply-title { font-size: 14px; }

#respond input,
#respond textarea { display: block; }
/* Comments END */

/* Library CSS START */
.page-template-template-page-articles-php #entry {
	width: 635px;
	padding: 0;
	margin: 0 0 40px 0; 
}

.researchDirectoryTable {
	padding: 0 40px 40px;
}

.directoryNavCell {
	width: 250px;
	vertical-align: text-top;
}

.directoryNavCell ul {
	list-style-type: none;
	margin-left: -40px;
}

.directoryNavWrapper {
	border: 1px solid #ccc;
	margin: 0 30px 20px 0;
	padding: 0 20px;
}

.directoryListingCell {
	display: table-cell;
	vertical-align: top;
}

.researchProjectItem {
	background-color: #eee;
	padding: 20px;
	margin-bottom: 20px;
	border: 1px solid #ddd;
}

.projectTitle {
	background-color: #0174b5;
	padding: 10px;
}

.projectTitle a {
	text-decoration: none;
	color: #fff;
}

.back { padding-left: 40px; }

.projectItemTable { padding: 0 40px 40px; }
/* Library CSS END */

/* Resources CSS START */
.page-template-page-resources-php #entry {
	position: relative;
	top: 20px;
	left: -40px;
	margin-bottom: 40px; 
}

.resourcesDirectoryTable {
	padding: 0 40px 40px;
}

.resourcesItem {
	background-color: #eee;
	padding: 20px;
	margin-bottom: 20px;
	border: 1px solid #ddd;
}

.resourcesTitle {
	background-color: #0174b5;
	padding: 10px;
	width: 575px;
	margin-bottom: 10px;
}

.resourcesTitle a {
	text-decoration: none;
	color: #fff;
}

.resourcesItemTable { padding: 0 40px 40px; }
/* Resources CSS END */

/* Store CSS START */
.page-template-page-store-php #entry {
	width: 635px;
	padding: 0;
	margin: 0 0 40px 0;
}

.storeDirectoryTable {
	padding: 0 40px 40px;
}

.storeItem {
	background-color: #eee;
	padding: 20px;
	margin-bottom: 20px;
	border: 1px solid #ddd;
}

.storeTitle {
	background-color: #0174b5;
	padding: 10px;
	margin-bottom: 10px;
}

.storeTitle a {
	text-decoration: none;
	color: #fff;
}

.storeItemTable { padding: 0 40px 40px; }
/* Store CSS END */

/* Events CSS START */
.events-table { width: 900px; }

.events-table .location-heading {
    font-weight: bold;
    text-align: center;
    background-color: #ddd;
}

.events-table .top-row {
    background-color: #eee;
    text-align: left;
}

.customtable {
    border-right: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
}

.customtable th {
	border-left: 1px dotted #ccc;
	border-top: 1px dotted #ccc;
	padding: 5px;
}

.customtable td {
	border-left: 1px dotted #ccc;
	border-top: 1px dotted #ccc;
	padding: 5px;
}

.events-table .column1 { width: 120px; }

.events-table .column2 { width: 305px; }

.events-table .column3 { width: 190px; }

.events-table .column4 { width: 145px; }

.events-table p { margin: 0; }
/* Events CSS END */

/* Employment CSS START */
.page-template-page-employment-php #entry,
.careers-table,
.page-template-page-employment-details-php #entry {
	float: right;
	width: 670px !important;
}

.careers-table .location-heading {
    font-weight: bold;
    background-color: #ddd;
}

.careers-table .top-row {
	font-weight: normal;
    background-color: #eee;
    text-align: left;
}

.customtable {
    border-right: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
}

.customtable th {
	border-left: 1px dotted #ccc;
	border-top: 1px dotted #ccc;
	padding: 5px;
}

.customtable td {
	border-left: 1px dotted #ccc;
	border-top: 1px dotted #ccc;
	padding: 5px;
}

.jobFieldLabel {
	font-weight: bold;
	padding-right: 15px;
}

.jobDetailTable {
	margin-bottom: 22px;
}

.jobDetailTable td {
	padding-bottom: 5px;
}

.careers-table .column1 { width: 120px; }

.careers-table .column2 { width: 170px; }

.careers-table .column3 { width: 170px; }

.careers-table .column4 { width: 145px; }
/* Employment CSS END */

/* Resumes CSS START */
.page-template-page-resumes-php #entry,
.page-template-page-resume-details-php #entry {
	float: right;
	width: 670px !important;
}

.resumes-table { width: 55em; }

.resumes-table .location-heading {
    font-weight: bold;
    background-color: #ddd;
}

.resumes-table .top-row {
	font-weight: normal;
    background-color: #eee;
    text-align: left;
}

.resumes-table .column1 { width: 20%; }

.resumes-table .column2 { width: 65%; }

.resumes-table .column3 { width: 15%; }
/* Resumes CSS END */

/* Experts CSS Start */
.page-template-page-experts-php .sidebar { width: 178px; }

.page-template-page-experts-php .filterList {
	list-style-type: none;
	margin-left: -40px;
}

.page-template-page-experts-detail-php #entry,
.expert {
	float: right;
	width: 670px;
}

#experts {
	float: right;
	width: 750px;
}

.expert-thumb {
	margin-right: 15px;
	width: 300px;
}

.expert-image {
	float: left;
	padding-right: 15px;
	width: 85px;
}

.expert-image-detail { 
	float: right;
	margin-left: 30px;
}

.expert-name a {
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	color: #0174b5;
}

.expert-name a:hover { text-decoration: underline; }

.expert-book { 
	float: left;
	margin-right: 15px;
	width: 100px;
}

.expert-box {
	background-color: #ddd; 
	width: 300px; 
	padding: 10px; 
	text-align: center; 
	border-radius: 5px; 
}

.expert-icon { 
	float: left;
	margin-top: 10px;
}

#expertsSpecialtyInputs { width: 179px; }

#expertsSpecialtyInputs ul { list-style-type: none; }

#expertsSpecialtyInputs ul li { margin-bottom: 5px; }

#expertsSpecialtyInputs ul li input {
	display: block !important;
	margin: 0 0 -14px 0px !important; 
}

#expertsSpecialtyInputs ul li label{
	margin-left: 17px; 
	display: block; 
}
/* Experts CSS End */

/* Professionals CSS Start */
.page-template-page-professionals-php #expertsSpecialtyInputs ul { margin-left: -40px; }

.page-template-page-professionals-detail-php #entry .border-top h1 { 
	position: relative; 
	left: 40px; 
}
/* Professionals CSS End */

#sidebar-wrapper {
	float: left;
	width: 220px;
}

#sidebar {
	border: 1px #ccc solid; 
	padding: 10px;
	width: 198px;
}

#sidebar ul { margin-left: -30px; }

#sidebar li {
	list-style-type: none; 
	margin-left: -10px;
}

#sidebar a {
	color: #999;
	text-decoration: none;
}

#sidebar a:hover { text-decoration: underline; }

.blog #entry,
.single #entry,
.archive #entry {
	width: 670px;
	float: right;
}

.search #entry,
.search #entry .leftCell {
	width: 900px;
	display: block;
}

.adsense {
	float: left;
	margin: 0 20px 10px 0;
}

#adsense-blog { text-align: center; }

footer {
	background: url('images/footer-bg.jpg');
	height: 127px;
	color: #fff;
	font-size: 11px;
}

#footer-content {
	width: 970px;
	margin: auto;
	padding: 15px 0 0 40px; 
}

#footer-box1 {  width: 150px; }

#footer-box2 {
	margin-left: 40px;
	width: 170px;
}

#footer-box3 { 
	margin-left: 30px;
	width: 130px;
}

#footer-box4 {
	margin-left: 40px;
	width: 220px; 
}

#autism-today-icon { margin: -6px 0 0 30px; }

#bubbleup-text a { 
	color: #fff; 
	text-decoration: none; 
}

#bubbleup-text a:hover { text-decoration: underline; }

#bubbleup-icon { margin-right: 40px; }

#footer2 {
	height: 50px;
	background-color: #fff;
	width: 970px;
	margin: auto;
}

.border-top {
	border-top: 3px dotted #7d7d7d;
}

hr {
	border: none;
	border-bottom: 1px #ccc solid;
}

.updated { background-color: #f9ffb1; }

.float-left { float: left; }

.float-right { float: right; }

.clear-both {
	display: block;
	clear: both;
}

.width215 { width: 215px; }

.width300 { width: 300px; }

.width610 { width: 610px; }

.width895 { width: 895px; }

img { border: none; }

.red { color: #f00; }

.white { color: #fff; }

.blue-bg { background-color: #0174b5; }

.gray-bg { background-color: #eee; }

.dotted-line { border-top: 3px dotted #7d7d7d; }

.dotted-line-right { border-right: 3px dotted #7d7d7d; }

.margin-auto { margin: auto; }

.alignleft {
	float: left; 
	margin-right: 20px; 
}

.alignright {
	float: right; 
	margin-left: 20px;
}

.paging { 
	display: block;
	clear: both;
	text-align: right;
	margin-bottom: 20px;
}

.paging a { text-decoration: none; }

.paging a:hover { text-decoration: underline; }

.list-style-type-none { list-style-type: none; }

.columns3 { 
	columns: 3;
	-webkit-columns: 3; /* Safari and Chrome */
	-moz-columns: 3; /* Firefox */
}

.padding0 { padding: 0; }

.text-top { vertical-align: text-top; }

.leftCell { vertical-align: top; }