@import "ubiquity.css";

body {
    text-align:left;
    color:#3B2617;
    background:#de9ed1;
/*    background-image: url('../img/site/body_bg-15x100_y.png');*/
/*    background-repeat: repeat-y; */
/*    background-position: 1050px 0px;*/
    font-family:helvetica neue,helvetica, arial, verdana, sans-serif;
}

#wrapper {
    min-width:750px;
    max-width:1050px;
    margin: 0 auto;
/*  width: expression(document.body.clientWidth < 752? "750px" : document.body.clientWidth > 1052? "1050px" : "auto");*/
	font-size:1.3em;
}


#header {
    background: url('../img/site/header_bg-1050x185.jpg') no-repeat scroll top left;
    height: 185px;
}

#logo {
    width: 411px;
    height: 129px;
    position:absolute;
    top:31px;
    left:154px;
    position:relative;
}

#logo a {
    display:block;
    background: url('../img/site/logo.png') no-repeat;
    width: 411px;
    height: 129px;
    text-indent:-12312px;
}

#header div.info {
    position:absolute;
    top:31px;
    left:600px;
    width:300px;
    margin-right:1em;
    font-size:1.5em;
}

#header div.info p {
    border-top:2px solid white;
    padding:.5em;
    margin:0;
}

#nav {
    background:#17082c;
    padding:0 5%;
}

#nav li {
    padding:.5em 3em .5em 0;
}

#nav a, #nav a:link, #nav a:visited {
    text-decoration:none;
    font-size:1.2em;
    color:#ff80d7;
}

.section {
    padding:1em 5%;
}

#footer {
    padding:0;
    padding-top:4em;
    color:#b27ea7;
}
#footer p {
    background: url('../img/site/trees-small-footerbg_31x1500.gif') no-repeat top left;
    padding:1em .5em;
    padding-left:40px;
    font-size:.9em;
}

h1 {font-size:2em;}
h2 {font-size:1.4em;}
h3 {font-size:1.2em; margin-bottom:.2em;}
h4 {font-size:1.1em;}
h5 {font-size:1em; font-weight:bold;}
h1, h2, h3, h4, h5, h6 { font-weight:normal; color:#17082c; margin:.2em 0;}

strong {font-weight:bold;}

div.intro {
    background: #381d1d;
    color:#ff80d7;
}
.intro h1, .intro h2, .intro h3, .intro h4, .intro h5, .intro h6 { font-weight:normal; color:#ff80d7;}

.entry {margin-bottom:1.5em;}
body .section .promo h3 {margin-bottom:0;}

.section .meta {font-size:.9em; color:#7D5662; margin:0; }

.fine-print {
    font-size:.85em;
    margin:1.5em 0;
}

div.location {
    height:9em;
    width:28%;margin-right:3%;
    float:left;
}

#primary {
    font-size:1.2em;
    line-height:1.3;
    width:60%;
}

#primary h3 {margin:1em 0;}

.block {
    width:32%;
    padding-left:2%;
    border-left:1px solid #7D5662;
}

.block ul, #primary ul {margin:.5em 0;}
.block li, #primary li {margin:.5em 0; margin-left:1.5em; list-style:square;}


ul.links {margin:.5em 0 1.5em 0;}
ul.links li {margin:.5em 0;}
.block ul.links li {list-style:none;}
ul.categories {margin:.5em 0 1.5em 0;}
ul.categories li {margin:.5em; margin-left:1.5em; list-style:square;}

ul.hours {margin:.5em 0;}
ul.hours li strong {padding-right:.5em;}

div.bedlist {
    float:left;
    width:15.5%;
    margin-right:1%;
}

.bedlist h2 {margin-bottom:.5em; padding:0 5px;}

.bedlist li {
    line-height:30px;
    padding:2px 5px;
    border-top:1px solid #eae;
}

.section p {margin:.5em 0;}

.bedlist li a img { border: 1px solid #eae; vertical-align:middle;}
div.beddetail h1.title {
    padding-bottom:.5em;
     margin-bottom:.5em;
     border-bottom:1px solid #7D5662;
}
div.beddetail h1.title em { color:#7D5662; font-style:italic;}

.beddetail a.main {float:left; margin-right:1em;}
.beddetail p.photos {margin-top:1em;}
.beddetail a img { border: 2px solid #eae;}
.beddetail a:hover img {border-color:#17082c;}

#content .intro p.photos a:link,
#content .intro p.photos a:visited {background:none;}

ul.navlinks {
    margin-bottom:1.5em;
    border-bottom:1px solid #7D5662;
    padding-bottom:1em;
}

#content a,
#content a:link {
    background:#edb5e2;
    padding:1px;
    color:#881E79;
    text-decoration:none;
}
#content a:hover {text-decoration:underline;}


#content .intro a, 
#content .intro a:link {background:#743b55; color:#ff80d7;}

/* =============== */
/* = body.simple = */
/* =============== */

body.simple #wrapper { width:900px; }
#header-sm { height:130px; position:relative; padding-bottom:15px; margin-bottom:20px; }
#header-sm #logo {
    width: 250px;
    height: 90px;
    position:absolute;
    top:40px;
    left:0px;
}

#header-sm #logo a {
    display:block;
    background: url(../img/site/logo-sm_250x90.gif) no-repeat;
    width: 250px;
    height: 90px;
    text-indent:-12312px;
}

#header-sm h1 { position:absolute;left: 280px; bottom:15px; font-weight:bold; font-size:40px;}

#header-sm #return-home { background:#17082c; padding:5px 10px; margin-bottom:15px;}
#header-sm #return-home a { text-decoration:none; color:#ff80d7; } 


/* ==================== */
/* = application form = */
/* ==================== */

#apply-form {padding:0 10px;}
#apply-form fieldset { margin-bottom:45px;}
#apply-form h3.legend { padding:0 0 10px 0; display:block; position:relative; padding-left:265px; margin-bottom:15px; border-bottom:2px solid #b08ba6; color:#8e6786; font-weight:bold; font-size:24px ;}

#apply-form div.form-row { margin:0; padding:7px; clear:left ; position:relative;}
#apply-form div.form-row input, #apply-form div.form-row textarea { 
  width: 450px; font-family:helvetica neue,helvetica, arial, verdana, sans-serif;
  color: #3b2617; padding:1px 2px;
}
#apply-form div.form-row:after { /* Clear fix */ content:  ".";   display: block;  height: 0;  clear: both;  visibility: hidden; }
#apply-form div.form-row { /* IE fix */ zoom: 1; }

#apply-form div.form-row ul input {width:auto;}
#apply-form div.form-row ul label {width:auto; float:none;}
#apply-form div.form-row label { float:left; width:255px; margin-right:10px; text-align:right; margin-top:3px;}
#apply-form div.form-row .fields { margin-left:265px;}
#apply-form .has_errors { background:#E6E36E; }
#apply-form .has_errors label { color:#8E1835; font-weight:bold}
#apply-form .has_errors input, #apply-form .has_errors textarea { border-color:#8E1835; font-weight:bold}
#apply-form .has_errors ul label { color:#3b2617; font-weight:normal;}
#apply-form ul { float:left; padding-top:3px; }
#apply-form li { margin-bottom:7px;}
#apply-form ul.errorlist { float:none; color:#8E1835;  clear:left;}
#apply-form ul.errorlist li {float:none !important;}
#apply-form #availability:after { /* Clear fix */ content:  ".";   display: block;  height: 0;  clear: both;  visibility: hidden; }
#apply-form #availability { /* IE fix */ zoom: 1; }

#apply-form #availability li { float: left; margin-right:25px;}

#apply-form fieldset.personal-info textarea {height:2.5em;}
#apply-form fieldset#references textarea {height:3.5em;}

#apply-form #id_phone { width:12em; }
#apply-form #id_state { width:4em; }
#apply-form #id_zip_code { width:9em; }

#apply-form #id_agreed_to_terms {width:auto;}

#apply-form #questionnaire div.form-row label,
#apply-form #notes_terms div.form-row label { margin-left:265px; display:block; width:450px; text-align:left; float:none; padding-bottom:5px;}

#apply-form #notes_terms  {margin-bottom:25px;}

#apply-form p.submit { padding-left:265px; margin-top:25px  ;}
#apply-form p.submit input { width:100px; padding:6px 15px; font-size:1.5em; line-height:1; font-weight:bold;   }
#apply-form p.submit span { display:block; padding:5px 10px; line-height:1.5em; width:440px; margin-left:-10px; margin-bottom:15px; font-weight:bold;}
#apply-form p.submit span.active { padding:4px 9px; border:1px solid #EBBDE7; color:#17082c;}

#apply-form .field-group { padding:15px 0 15px 0; }
#apply-form .active { background:#edb5e2; }

#apply-form #terms { border:1px solid #b08ba6; padding:9px; background:#edb5e2; margin-left:265px; width:430px; }
#apply-form #terms p.terms { font-size:11px; line-height:1.6em;}
#apply-form #terms .agreed_to_terms { margin-top:8px;}
#apply-form #terms .agreed_to_terms label { float:none;}
#apply-form #terms .agreed_to_terms .errorlist { margin-top:7px;}
#apply-form #terms input {margin-top:3px;}

#errors-below { background:#E6E36E url('../img/site/errors-below.gif') 190px 53%  no-repeat; border:1px solid #b08ba6; padding:15px 20px; margin-bottom:20px;  font-size:18px; padding-left:274px;}
#errors-below h2 { font-size: 24px; font-weight:bold; }


body.success .section { margin-left:275px; width:460px; padding:0; font-size:16px;}
body.success .back  {margin-top:3em;}
/*body.success h2 {  margin-bottom:15px; color:#8e6786; font-weight:bold; font-size:18px ;}*/

#errors-below a:link, #apply-form a:link.next-error { color:#8E1835;  padding:3px 20px 3px 3px; background:url('../img/site/next-error.gif') right center no-repeat;}
#apply-form a.next-error { position:absolute; top:6px; right:10px;}