/*
Theme Name: TIAPE Theme
Theme URI: http://tiape.org
Author: John Keen
Author URI: http://johnkeen.de/
Description: Wordpress Theme for tiape.org. Layout design by bigfresh.com. Re-designed and programmed as a wordpress theme by John Keen 
Version: 1.0
*/

/*------------- reset styles --------------*/
* {
margin:0;
padding:0;}

html {
overflow-y: scroll;} /* Firefox scrollbar fix */

.clear {
clear:both;}

a img {
border:none;}


/*--------- site-wide font styles ----------*/
body {
font-family: "Myriad Pro",Helvetica,Verdana,Arial,sans-serif;
font-size:14px;
color:#333333;}

h1 {
font-size:20px;
font-weight:bold;
color:#0bb4ca;
margin-bottom:15px;}

h2 {
font-size:18px;
font-weight:normal;
color:#fdb722;
margin-bottom:15px;}

h2.no_margin {
margin-top:-15px;}

h3.no_margin {
margin:-15px 0 15px 0;}

h3 {
font-size: 18px;
font-weight: normal;
color: #409a2b;}

p, ul {
line-height:130%;
margin-bottom:15px;}


sup {
font-size:9px;
}


#header, #header p, #header a {
font-size:16px;
color:#b0b0b0;
text-decoration:none;
margin-bottom:0;
line-height:100%;}

#header a {
margin-left:10px;}

#header a:hover {
color:#0B9BAE;}

#header span {
font-size:11px;}

p.phone {
float:left;
text-align:right;}

p.contact_link {
float:right;
text-align:left;}

#main a {
font-size:14px;
color:#0bb4ca;}

#main a:hover {
color:#3d71a6;}

#home_banner a {
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
color:#ffffff;
text-decoration:none;
display:block;
padding:13px 20px 14px 20px;
height:20px;
line-height:100%;
float:left;
clear:left;
width:300px;}

#home_banner a:hover {
text-shadow: 2px 2px 2px #333333;}

#sidebar td a {
font-size:14px;
color:#0bb4ca;}

#sidebar td a:hover {
color:#3d71a6;}

#nav a {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
text-transform:uppercase;
color:#429B2A;
text-decoration:none;}

#nav a:hover, #nav a.navsel {
color:#0B9BAE;
border-top:3px solid #0B9BAE;
padding-top:3px;}

#subnav li {
line-height:100%;}

#subnav a {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#429B2A;
text-decoration:none;
display:block;
padding:6px 0 6px 40px;
background:url(images/tiape_icon_green.gif) left center no-repeat;}

#subnav a:hover, #subnav a.navsel {
color:#0b9bae;
background:url(images/tiape_icon_blue.gif) left center no-repeat;}

ul.sub_subnav {
margin-left:20px;}

/*---------------------------------------------------- new sub_subnav2 --------------------------------------------------*/

#sub_subnav2 li {
line-height:100%;}

#sub_subnav2 a {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#429B2A;
text-decoration:none;
display:block;
padding:0px 0 0px 40px;
background:none;}

#sub_subnav2 a:hover, #sub_subnav2 a.navsel {
color:#0b9bae;
background:none;}

ul.sub_subnav2 {
margin-left:0px;
background:none;
font-size:13px;}

/*---------------------------------------------------- new sub_subnav2 --------------------------------------------------*/


#sidebar p.quote {
font-size:16px;
font-style:italic;
color:#0b9bae;
line-height:150%;}

#footer, #footer a {
text-align:left;
color:#429b2a;}

#footer a:hover {
text-decoration:none;}

#footer p.copyright {
font-size:11px;}



/*---------------------------------------------------- layout styles --------------------------------------------------*/
body {
background:#ffffff url(images/background.jpg) top left repeat-x;}

#wrapper {
width:960px;
margin:0 auto;
padding:0 10px;
background:url(images/shadow.png) top center repeat-y}

#header {
width:960px;
height:135px;
float:left;}

#header img {
float:left;}

#header #contact_info {
width:222px;
height:45px;
padding:50px 20px 0 170px;
float:right;}

#header #social {
float:right;
width:222px;
height:24px;
margin-right:20px;}

#social a {
float:right;
width:24px;
height:24px;
display:inline;}

#social a.blog {
margin:0;}
#social a.fb {
margin:0 10px;}
#social a.ln {
margin:0;}
#social a.google {
margin:0 10px 0 0;}



/*------------ top horizontal navigation ---------------*/
#nav {
width:940px;
height:30px;
float:left;
padding-left:20px;
background-color:#DBEDC5;
border-bottom:1px solid #ffffff;}

#nav ul li {
list-style:none;
display:inline;
margin:0 10px;}

#nav ul li a {
display:inline-block;
padding:7px 0;}


/*------------ main body area ---------------*/
#home_banner a.promo {
width:800px;
height:245px;
float:left;
display:block;
margin-bottom:10px;
padding:0;}

#home_banner {
width:855px;
/*height:140px;*/
float:left;
clear:left;
padding:125px 0 0 105px;
/*padding:380px 0 0 105px;*/
background:url(images/tiape_home_image.jpg) top center no-repeat;}

#banner {
width:960px;
height:324px;
float:left;
text-align:center;
background:url(images/tiape_central_shadow.jpg) bottom center no-repeat;
padding-bottom:20px;
margin-bottom:25px;}

#banner a.ap_us, #banner a.ap_abroad {
height:324px;
width:480px;
display:block;
float:left;
clear:none;
text-indent:-10000px;}

#banner a.ap_us {
background:url(images/aupair_selectors_apus_up.jpg) top center no-repeat;}

#banner a.ap_us:hover {
background:url(images/aupair_selectors_apus_over.jpg) top center no-repeat;}

#banner a.ap_abroad {
background:url(images/aupair_selectors_abroad_up.jpg) top center no-repeat;}

#banner a.ap_abroad:hover {
background:url(images/aupair_selectors_abroad_over.jpg) top center no-repeat;}


#main {
width:649px;
float:left;
padding:0 25px 25px 25px;
border-left:1px solid #0BB4CA;
margin-bottom:25px;
/*background:url(images/bg-sidebar.png) top left no-repeat;*/}

#main ul, #main ol {
margin:0 0 15px 25px;}

#main ul li, #mail ol li {
margin-bottom:5px;}

.img_lt {
float:right;
padding:0 0 10px 10px;}

.img_rt {
float:left;
padding:0 10px 10px 0;}

#main_full {
width:849px;
float:left;
padding:0 25px 25px 25px;
margin-bottom:25px;
}



/*------------ sidebar  ---------------*/
#sidebar {
width:210px;
float:left;
padding:0 25px 25px 25px;}

#sidebar  a{
text-decoration:none;}

#subnav {
width:210px;
float:left;
margin-bottom:25px;}

#subnav ul {
list-style:none;}

#subnav ul li {
margin-bottom:10px;}


/*------------ footer ---------------*/
#footer {
width:935px;
height:75px;
clear:both;
padding:25px 0 15px 25px;
background-color:#DBEDC5;}


/*------------ big fresh signature/logo on light background ---------------*/
#big_fresh {
width:960px;
margin:15px auto;
text-align:center;}

#big_fresh a {
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:bold;
letter-spacing:1px;
color:#333333;
text-decoration:none;}

#big_fresh span {
color:#fe8a16;}

#big_fresh a:hover span {
text-decoration:underline;}

#big_fresh span.bullet {
color:#999999;}

/*------------ big fresh signature/logo (on dark background) ---------------*/
#big_fresh_rev {
width:901px;
margin:0 auto;
padding:15px 0;
text-align:center;
background-color:#012346;}

#big_fresh_rev a {
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:bold;
letter-spacing:1px;
color:#ffffff;
text-decoration:none;}

#big_fresh_rev span {
color:#fe8a16;}

#big_fresh_rev a:hover span {
text-decoration:underline;}

#big_fresh_rev span.bullet {
color:#999999;}

/* application forms */
.copy_form {
padding-right: 5px;
margin-right: 5px;
text-align: right;
color: #333333;
font-size: 14px;
font-family: "Myriad Pro", Helvetica, Verdana, Arial, sans-serif;}


/*------------ alternating display colors ---------------*/
.even {
background-color:#e8ebed;}

/* spam decoys */
.form_serial {display: none;}

/* ------------------------- online application ---------------------------- */
/*
Colors: 
Orange: #ffba12;
Blue: #00a7c3;
Red:  #f54135;
Green: #8dbe57;
Dark grey: #333333

h2 {
font-family: myriad pro;
color:#FDB722;
font-size:18px;
font-weight:normal;
margin-bottom:15px;

h3 (default = body text + bold):
font-family: myriad pro;
font-size: 14px;
font-weight: bold;
color: #333333;

p (main body text):
font-family: myriad pro;
font-size: 14px;
font-weight: normal;
color: #333333;

progress bar numbers
font-family: arial;
font-size: 18px;
font-weight: bold;
color: #ffffff;

progress bar text (active)
font-family: arial;
font-size: 14px;
font-weight: bold;
color: #333333;

progress bar text
font-family: arial;
font-size: 14px;
font-weight: normal;
color: #838282;

Heading - Applicant #1
font-family: myriad pro;
font-size: 16px;
font-weight: normal;
color: #00a7c3;

field titles
font-family: myriad pro;
font-size: 14px;
font-weight: normal;
color: #333333;

field:
grey: #aeaeae;
1px; border;

field (active): 
Blue: #00a7c3;
1px; border

field (error):
Red: #f54236;
1px; border;
*/
#sections {
width:910px;
padding:25px;
float:left;}

#sections ul {
list-style:none;}

#sections ul li {
float:left;}

#sections ul li a {
font-family: arial;
font-size: 14px;
font-weight: normal;
color: #838282;
text-decoration:none;
float:left;
line-height:120%;}

#sections ul li span {
display:block;
float:left;
height:27px;
width:23px;
margin:0 10px 0 20px;
padding:9px 0 9px 13px;
background:url(images/btn_progress_bar.gif) top center no-repeat;
font-family: arial;
font-size: 18px;
font-weight: bold;
color: #ffffff;}

#sections ul li.section_selected span {
background:url(images/btn_progress_bar_active.gif) top center no-repeat;
color: #ffffff;
font-weight:bold;}

#sections ul li.section_selected a {
color:#333333;
font-weight:bold;}

#main ul.notes {
list-style:none;
margin-left:5px;}

ul.notes li {
background:url(images/bullet_blue.gif) left center no-repeat;
padding-left:12px;}

#application, #payment, #paypal_payment {
font-family: arial, sans-serif;
font-size: 12px;
font-weight: normal;
color: #333333;}

#application td ,  #payment td, #journal td, #match-family td, #paypal_payment td{
padding:5px;
vertical-align:top;}

#application .textboxlong, #payment  .textboxlong{
border:1px solid #aeaeae;
height:14px;
padding:3px;
width: 350px;}

#application .drop, #payment  .drop{
border:1px solid #aeaeae;
padding-left:3px;}

#application .yes, #payment  .yes{
width:60px;}

#application .textbox, #payment  .textbox{
border:1px solid #aeaeae;
padding:3px;}

#application .textboxlong:hover, #application .textbox:hover, #application .drop:hover,#payment .textboxlong:hover, #payment .textbox:hover, #payment .drop:hover {
border:1px solid #00a7c3;}

#discounts td {
height: 20px;
}

.error {
border:1px solid #f54236;}

.red {
color:#EF363C;}

.heading {
font-size: 14px;
font-weight: normal;
color: #00a7c3;
background-color:#C3E9F2;
padding:3px 5px;}

.instructions {
font-style:italic;}

.family_section img.right {
float:right;
margin:0 0 10px 10px;}

.family_section img.left {
float:left;
margin:0 10px 10px 0;}

ul.btn li {
display:block;
float:left;
background:url(images/btn_form_submit_right.gif) right top no-repeat;}

ul.btn li span {
display:block;
background:url(images/btn_form_submit_left.gif) top left no-repeat;
padding:7px 15px;}

.button {
background:none;
border:none;
color:#ffffff;
text-shadow:2px 2px 2px #333333;}

.button:hover {
text-shadow:none;}

.table td {
padding:3px;}

td.textbox {border:none;}

.table input.textbox { border: 1px solid #aeaeae; font-size: 13px; font-family: Verdana; width: 240px; height:22px; margin-bottom:5px;}
.table input.textboxlong { border: 1px solid #aeaeae; font-size: 13px; font-family: Verdana; width: 350px; height:22px; margin-bottom:5px;}
.table input.textboxmedium { border: 1px solid #aeaeae; font-size: 13px; font-family: Verdana; width: 240px; height:22px; margin-bottom:5px;}
/*.button {border: 1px solid #999999; font-size: 12px; font-family: Verdana; background-color: #ffffff; height:25px; color:#FFFFFF; }*/
.textbox { border: 1px solid #999999; font-size: 13px; font-family: Verdana; width: 240px; height:22px; margin-bottom:5px;}
.textboxreqd { border: 1px solid #999999; font-size: 13px; font-family: Verdana; width: 240px; height:22px; margin-bottom:5px; background-color: #ffffff;}
.textboxsmall {border: 1px solid #999999; font-size: 13px; font-family: Verdana; width: 150px; height:22px; margin-bottom:5px; background-color: #ffffff;}
.textarea {border: 1px solid #999999;}
.dropdown { border: 1px solid #999999; font-size: 13px; font-family: Verdana; margin-bottom:5px; }
.large_text { border: 1px solid #999999; font-size: 13px; font-family: Verdana; width: 380px; height: 125px; }
.large_text2 { border: 1px solid #999999; font-size: 13px; font-family: Verdana; width: 240px; height: 125px; }
.small_text  { border: 1px solid #999999; font-size: 13px; font-family: Verdana; width: 300px; height: 50px; margin-bottom:5px; font-style:normal; }
.short_textbox  { border: 1px solid #999999; font-size: 13px; font-family: Verdana; width: 90px; height:22px; margin-bottom:5px; font-style:normal;}
.submit_textbox { border: 1px solid #999999; font-size: 13px; font-family: Verdana; width: 300px; height:22px; margin-bottom:5px;}


.large_text_small { border: 1px solid #aeaeae; font-size: 12px; font-family: Verdana; width: 630px; height: 70px; padding:5px; }
.large_text_med { border: 1px solid #aeaeae; font-size: 12px; font-family: Verdana; width: 630px; height: 120px; padding:5px; }
.large_text_large{ border: 1px solid #aeaeae; font-size: 12px; font-family: Verdana; width: 630px; height: 350px; padding:5px; }
.large_text_fullpage{ border: 1px solid #aeaeae; font-size: 12px; font-family: Verdana; width: 630px; height: 800px; padding:5px; }

.yes {
width:60px;}

.table {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;}

.printable {
background:none;}

.printable #wrapper {
background:none;}

.headingsub {
font-weight:bold;
text-transform:uppercase;
padding-left:20px;}

#main td.instructions a {
font-size:12px !important;}

.warning {
color:red;
}