@charset "UTF-8";
/* CSS Document */

* { margin: 0; padding: 0; }
a { color: #ff6600; }
a:hover { color: #98ccf1; }
body { background: #cf6803 url(/inc/images/body.jpg) no-repeat top center; color: #000; font: normal 100% "Lucida Grande", Helvetica, Verdana, Arial, Tahoma, sans-serif; height: 100%; text-align: center; }
h1 a { display: block; text-indent: -9999px; }
h2 { color: #000; font: normal 30px Georgia, "Times New Roman", Times, serif; }
h3 { color: #ff6600; font-size: 20px; margin: 0 0 10px; }
h4 { color: #333; font-size: 18px; margin: 10px 0; }
h4 a:hover { color: #000; }
fieldset { border: 0px; }
form h3 { margin: 0; }
hr, img { border: none; }
hr { background: url(/inc/images/hr.gif) no-repeat top center; color: #fff; height: 20px; margin: 10px 0;text-align: center; width: 100%; }
input, select, textarea { background: #fff; border: solid 1px #999; border-radius: 4px; color: #333; font: normal 12px "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; margin: 0; padding: 5px; width: 300px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
input[type='radio'] { margin-top: 29px; width: 24px;}
input[type='checkbox'] { width: 24px;}
input[type='submit'] { background: #ff6600; color: #fff; border: none; font-weight: bold; text-transform: uppercase; width: 135px;}
input[type='submit']:hover { background: #999; }
label { clear: both; line-height: 70px; width: 120px; }
p { font-size: 12px; line-height: 18px; }

.borderRight { border-right: 1px solid #ccc; padding-right: 20px; margin-right: 20px; }
.box { border-radius: 4px;  -moz-border-radius: 4px; -webkit-border-radius: 4px;  }
.button { background: url("/inc/images/button.gif") no-repeat; height: 46px; overflow: hidden; width: 278px; }
.button a { color: #fff; display: block; font-size: 24px; font-weight: bold; line-height: 46px; padding-left: 68px; text-decoration: none; width: 210px; }
.centerpiece { background: #ddceb9; border-radius: 4px; height: auto; margin: 0 auto; text-align: left; width: 920px; /* remember this blue #98ccf1 remember this orange #ddceb9 */ -moz-border-radius: 4px; -webkit-border-radius: 4px; }

.centerpiece ul { display: block; margin-top: 22px; }
.centerpiece li { list-style: none; }
.centerpiece li a { display: block; padding: 4px 0 4px 34px; background-color: #ff6600; border-radius: 4px; display: block; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.centerpiece li a:hover { background-color: #98ccf1; }
.clear { clear:both; }

.editButtons { margin-top: 8px; }
.editButtons li { float: left; list-style: none; margin-left: 10px; } 
.editButtons li a { background-color: #ff6600; color: #fff; border-radius: 4px; display: block; font-weight: bold; padding: 4px 8px; text-decoration: none; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.editButtons li a:hover { background-color: #fff; color: #ff6600; }
.editLocation fieldset { margin-bottom: 10px; }

.column { width: 269px; }
.grey { color: #999; }
.header { background: #000; margin-top: 150px; padding: 10px 20px 0 20px;  }
.heart { background: url(/inc/images/heart.gif) no-repeat center; height: 32px; margin: 10px auto; text-align: center; width: 38px; }
.heart p { text-indent: -9999px; }
.heart:hover p {  display: block; margin-left: 40px; padding:5px; text-indent: 0px; width: 90px; }
.input, .inputError { background: #ddceb9; border-radius: 5px; display: block; margin: 15px 0; padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  }

.inputError { background: #ff6600; }
.introduction { width: 618px; }
.introduction h2 { font-size: 60px; line-height: 60px; margin: 10px 0; }

.left { float: left; }
.location { background: url(/inc/images/icn_location.png) no-repeat left center; color: #fff;  display: block; line-height: 32px;  padding-left: 22px; text-decoration: none; }

.logo { background: url(/inc/images/logo_furloughhouseswap.png) no-repeat top left; height: 80px; width: 284px; }
.person { background: url(/inc/images/icn_person.png) no-repeat left center; color: #fff; display: block; line-height: 32px; padding-left: 22px; margin: 0 15px; text-decoration: none; }
.photo { background: url(/inc/images/icn_photo.gif) no-repeat left center; display: block; line-height: 32px;  padding-left: 22px; text-decoration: none; }
.anytime  { background: url(/inc/images/house_anytime_sm.png) no-repeat left center; display: block; line-height: 32px;  padding-left: 34px;  }
.houseswap { background: url(/inc/images/house_swap_sm.png) no-repeat left center; display: block; line-height: 32px;  padding-left: 34px; }

.right { float: right; }
.tagline { background: url(/inc/images/house.png) no-repeat top left; height: 235px; padding-left: 250px; }
.twitter { background: url(/inc/images/twitter.png) no-repeat bottom left; padding-left: 138px; }

.wrapper { margin: 0 auto; width: 940px; text-align:left;  }

.form { width: 610px;}
.white { color: #fff; }

.BGwhite { background: #fff; }
.BGblue { background: #98ccf1; }
.BGtan { background: #ddceb9; }

.pad20 { padding: 20px; }
.pad10 { padding: 10px; }


.login { background: url(/inc/images/bg_login.png) no-repeat top left; float: right; height: 30px; width: 200px; }
.login a { color: #fff; text-decoration: none; }
.login a:hover { color: #98ccf1; }
.login li {font-size: 12px; list-style: none; text-style: center; }

.footer { background: #fff url(/inc/images/footer.png) no-repeat bottom left; padding-bottom: 120px; width: 900px; }

#login { background: #000; border-radius: 5px; display: none; height: auto; margin: 30px 0 0 650px; padding: 10px; position: absolute; width: 270px; z-index:101; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#login label { width: 80px; }
#login .input { width: 180px; }
#login input { width: 170px; }

.aboutUser p { margin-bottom: 10px; }
.aboutUser h3, .aboutLocation h3 { margin-bottom: 10px; }
.aboutUser .img { border: 1px solid #9a9a9a; margin-bottom: 10px; max-width: 267px; text-align: center; vertical-align: middle; }
.aboutUser img { max-width: 261px; padding: 2px; }
.aboutLocation .img { border: 1px solid #9a9a9a; float: left; margin: 0 10px 10px 0; }
.aboutLocation img { margin-bottom: 10px; max-width: 590px; padding: 2px; }

.anytime_sm, .houseswap_sm { margin: 9px 10px 0 0; }

.aboutContact li { font-size: 12px; line-height: 18px; margin-left: 20px; }

.userPhoto { height: 22px; margin: 4px 15px 0 4px; }

.img_sm { max-width: 100px; }

.optionDropdown { border-top: 1px dotted #9a9a9a; }

.optionDropdown:hover{ background:#ccc; }
.headerDropdown { background: #ccc; }