/*
Theme Name: Autismo Aruba
Theme URI: http://www.caribmedia.com
Description: FAA Style
Version: 1.0
Author: Michiel van der Blonk
Author URI: http://www.caribmedia.com

	Autismo Aruba

	This theme was designed and built by Michiel van der Blonk,
	for CaribMedia : http://www.caribmedia.com

*/

/* reset */
body, h1, h2, h3, h4, h5, h6, a, ul, li, p, div, span, table, td, tr, blockquote { margin: 0; padding: 0; }

/* layout */
body { margin: 0 0 20px 0; padding: 0; }

#contentPane { width: 718px; float: left; margin-top: 1em; padding:0 15px; line-height:1.4; }

#contentPane p,
#contentPane ul { margin-bottom:.57em; }
#contentPane h3 { margin:1em 0 .5em 0; }


#main { width: 980px; margin: 0 auto; position: relative; margin-bottom:1em; }

#outer, 
#inner { float: left; }
#inner { margin: 0 8px; padding-bottom:2em;}
.home #inner { padding-bottom: 0;}

/* header */
#header { height:156px; }
#header #logo { text-indent: -9999px; overflow: hidden; width: 119px; height: 82px; position: absolute; top: 30px; left: 100px; display: block; text-align: center; margin-left: -77px; }
#header .vcard { position: absolute; top: 30px; left: 30px; width: 11em; height: 7em; visibility: hidden; }
#header h1 { margin: 0; float: left; width: 217px; height: 150px; padding-bottom: 40px; }
#header h1 a { display: block; height: 150px; }
.vcard .city, .vcard .country { display: none; }
.vcard .geo { position: absolute; top: -100px; }

#sidebar-header { width:40em; position:absolute; top:125px; right:30px; }
#sidebar-header li li { display: block; float: left; /*width: 6em;*/ clear: none; }
#sidebar-header .page_item a { text-decoration:none; line-height:1; border-right-style: solid; border-right-width: 1px; padding:0 10px; margin-top:5px; white-space:nowrap;}
#sidebar-header li li:last-child a { border:none; }
#sidebar-header .page_item a:hover { text-decoration:underline; /*background: url(images/bullet.png) no-repeat 2px center*/}

#subTitle { position: absolute; top: 128px; left: 20px; width: 30em; display:block; }

/* main content */
h2#page-title { margin-bottom: .57em; }
h3.comments { padding: 0; margin: 40px auto 20px; }

/* sidebars */
.sidebar { float: left; }
.sidebar li { list-style-type:none; }
.sidebar li a { display: block; float: left; }
.sidebar #pages h2 { display: none; }
.sidebar form { margin-right: 18px; text-align: right; /* no width is best */ }

#sidebar-left { width: 190px; }
#sidebar-left .cat-item a,
#sidebar-left .page_item a { display: block; width: 170px; line-height: 1.8em; height: 1.8em; padding-left: 20px; }

#flexipages-2 { margin-bottom: 1em; }

#flexipages-2, 
#flexipages-2 li,
#sidebar-left .cat-item { clear: left; display: block; float: left; line-height: 2em;}
#flexipages-2 li.lastItem a { border-bottom-width: 0; }
#flexipages-2 li ul { display: none; }
#flexipages-2 li:hover ul { display: block; left: 190px; position: absolute; width: 190px; }
#flexipages-2 li:hover li, #flexipages-2 li:hover li a { width: 190px; }

.widget_categories { float:left; margin-bottom:1em;  }
.widget_categories h2 { width:170px; padding:2px 0 2px 20px; }

#mbox { float:left; margin-left:1px; border-style: solid; border-width:0 1px 1px 0; }

#page { float: left; margin: 20px auto; padding: 0; }
#header h1 { position: absolute; top: 30px; }
#header h1 a { padding: 20px; }
#header .description { display: none; }

/* footer */
#footer { clear: both; float: left;  width: 955px; margin-bottom:1em; }
#footer #copyright { margin-left:5em; display:inline; }
#footer #copyright, #footer #credits { width: 420px; float: left; padding-top: 20px; }
#footer #credits br { display: none; }
#footer #poweredBy { display: none; }
#footer #operators { margin-left:5px; }
/* End Structure */

/* Captions */
.aligncenter,
div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #E989A7; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { line-height: 17px; padding: 0 4px 5px; margin: 0; }

/* Images */
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 2px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 2px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }

/* Entry Lists */
.postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; }

/* Form Elements */
#searchform label { display:none; }
#searchform #s {  width: 10em; padding: 1px; margin-top:2px; }
#searchsubmit { padding: 1px; width: 51px; height: 17px; border: none; position: relative; top: 1px; }

/* Begin Various Tags & Classes */
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
a img { border: none; }
.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; }
#controls { clear: both; margin-top: 2em; float: left; }
.hide { display:none }

/* home page */
.home #main-text { float: left; width: 500px; margin-right: 1em; }
.home #detectSigns { height:224px; margin-bottom:1em; }
.home #detectSigns h3 { padding-right:3em; margin:0;}
.home #detectSigns img { padding:0; }

#coming-soon { margin-left: 270px; margin-top: 60px; }

/* about us */
.about #contentPane .vcard { clear:both; margin:1em 0; height:205px; padding:5px 20px 20px 12px; }
.about #contentPane .vcard img { margin-bottom: 1em; border-width: 0px; }

/* contact form */
#address { text-align:left; float:right; display:inline; width:24em; padding:.5em; margin-top:2em; margin-left:3em; }
#address dl { width:22em; float:left;}
#address dt, 
#address dd { float:left; margin-bottom:.2em; padding-top:1px; }
#address dt { padding-right: 1em; width: 8em; clear:left; }
#address dd { margin-left:5px; width:12em;}
#address dd.email { margin-left: -50px;}

.contact-us #frmContact form	 		{ border-width: 1px; padding: 1em; width: 35em; clear:both }
.contact-us #frmContact fieldset	{ padding:1em; border-style: solid; border-width:1px; }
.contact-us #frmContact label 		{ display: block; width: 10em; float: left; }
.contact-us #frmContact input 		{ margin-bottom: .5em; }
.contact-us #frmContact textarea 	{ width: 40em; }
.contact-us #frmContact .optin label { width: auto; display: block; float: none; }

/* job opp. */
.job-opportunities #contentPane blockquote { font-size:1.5em; font-style: italic; color: #999}


/* Presentation */
body { font-size: 76%; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #333; background: #eac769 url(images/vertical-gradient-brown.jpg) repeat-x 0 0 }

h1,h2,h3 { font-weight:normal; }
h1,h2,h3,a { color: #9f2a9c; }

/* header */
#logo { background: url(images/logo.png) no-repeat 0 0; }
#header { background: url(images/header.jpg) no-repeat 0 0; display:block; width: 955px; height: 155px;  }
#subTitle { color: #9f2a9c}
#searchsubmit, #searchform #s { font-size:.9em; }
#searchsubmit { background:url(images/search.gif) no-repeat 0 0; text-indent:-9999px; overflow:hidden;}
#searchsubmit:hover { background-position: 0 -19px }
 
/* sidebar */
.sidebar { font-size: 1em; }
.sidebar h2 { font-size: 1.2em; }
#sidebar-header li a { font-size: 1em; border-right-color: #9f2a9c;}

#flexipages-2 li a { font-size: 1em; background-color: #b6f1ea; color: #444; text-decoration: none; border-bottom:1px solid white; }
#sidebar-left li.cat-item a { color: #444; text-decoration: none; border-bottom:1px solid silver;  }
#flexipages-2 li.current_page_item a { background-color: #28cebc; color: #fff; font-weight:bold; }
#flexipages-2 li.current_page_item a:hover { text-decoration:none; cursor:default; }
#sidebar-left li.cat-item a:hover,
#flexipages-2 a:hover { 	text-decoration:underline; }
.widget_categories h2 { background-color: #28cebc; color: #fff; line-height:1; font-size:1em; font-weight:bold;}
#mbox { border-color: #b6f1ea; }
#mbox-navi-widget { background: url(images/wooden-slide.jpg) no-repeat 0 0 }
/* titles */
h2#page-title { font-size: 1.6em; }
h3 { font-size: 1.3em; font-weight:bold; }

/* generic classes */
#contentPane .error { border: 1px solid red; background: url(images/error_icon.gif) no-repeat right center; color: red; }
#contentPane .alert { color:red; }
.alert { color: red; }

/* captions */
.wp-caption p.wp-caption-text { font-size: 11px; }

/* content */
#contentPane { line-height:1.4 }
#contentPane li { list-style-position:inside; }
#outer { background: url(images/shadows.png) repeat-y 0 0; display:block; }

#detectSigns { background: #f0deff url(images/p_ribbon.jpg) no-repeat 670px 5px; border: 1px solid silver; }
#detectSigns h3 { font-size:2em; font-weight:normal; }


/* footer */
#footer,
#footer a { text-decoration:none; }
#footer { background: url(images/footer.jpg) no-repeat 0px 0; font-size:.9em; }
#footer #credits { text-align:right; }

/* contact */
#address { background: #EACE7B; border: 1px solid silver; }
#frmContact fieldset { border-color: silver; }
#frmContact legend { color: #333; font-weight:bold; }
#frmContact textarea { font-size:12px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #333; }
#frmContact input[type="text"]:focus, #frmContact input[type="text"]:active {background-color: #eace7b; }

/* events */
#contentPane .list {font-size:.9em; border-collapse: collapse}
#contentPane .list td, #contentPane .list th {padding:2px; vertical-align:top; border-bottom:1px dashed gray; }
#contentPane .list .odd {background-color: #F1DC9D}

/* comment box */
#comment { width: 600px; }