/* ----------------------------------------- Stylesheet for Open Square - www.opensquare.com/ Author: cdeVision.com Copyright: (c)2008 cdeVision Created: 5 June 2008 -------------------------------------------- */ body {background:#F0FAD9; margin:0; font-family:arial,helvetica,sans-serif; font-size:12px; color:#666;} h1, h2, h3, h4 {padding:0; margin:0;} h1 {} /* page titles - interior (see sifr below) */ h2 {font-size:16px; padding:0 0 7px 0; line-height:20px; color:#333;} /* sub-titles (dk. blue) */ /* sIFR styles */ h1.title {font-size:27px; margin:0 0 8px -1px; text-transform:uppercase;} /* These are standard sIFR styles... do not modify */ .sIFR-flash {visibility:visible !important; margin:0;} .sIFR-replaced {visibility:visible !important;} span.sIFR-alternate {position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden;} /* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */ .sIFR-flash + div[adblocktab=true] {display:none !important;} .sIFR-hasFlash h1.title {visibility:hidden; letter-spacing:-9px; font-size:27px;} p {margin:0; padding:0 0 12px 0; line-height:16px;} p.error {padding:0 0 0 22px !important; background:url(admin/icons/warning.gif) 0 1px no-repeat; color:#de0000;} ul, ol {margin:0 0 0 25px; padding:0 0 13px 0;} li {line-height:15px; padding:0 0 2px 0;} img {border:0;} .clearfloats {clear:both; line-height:0px; height:0px; font-size:0px;} .skiplink {display:none;} div#printlogo {display:none;} /* fix PNG transparency in IE6- #badge {behavior:url(scripts/iepngfix.htc);}*/ /* ---- links ----------------------------------------- */ a {color:#333; text-decoration:none; font-weight:bold;} a:visited {color:#333;} a:hover {color:#036; text-decoration:none;} a:active {color:#333;} a:active, a:focus {outline:none;} /* links with icons */ a.pdf {background:url(images/icon-pdf.gif) 0 0 no-repeat; padding-left:20px; padding-bottom:1px;} /* ---- forms ----------------------------------------- */ form {margin:0;} input, textarea, select, option {font-family:arial,helvetica,sans-serif; font-size:12px; color:#333;} input {border:0; width:200px; background:#F0FAD9; padding:2px;} textarea {border:0; width:200px; height:180px; padding:2px;} input.button {background-color:#eee; color:#666; width:80px;} /* form tables */ table#formTable {margin:20px auto 0;} table#formTable td {vertical-align:top; padding:4px; font-size:12px; border:0;} table#formTable td.right {text-align:right;} /* ---- ids & classes ----------------------------------------- */ #frame {width:815px; margin:0 auto; padding:30px 0 0 0; position:relative; border:0;} #logo {float:left; width:70px; height:70px; margin-right:40px; background:url(images/logo.gif) no-repeat;} #logo span {display:none;} #logo a {display:block; width:70px; height:70px;} #contentwrap {float:left; width:550px; margin-right:15px; position:relative;} #navmenu {width:550px; height:70px; margin-bottom:20px; margin-left:1px;} #navmenu ul {display:none; margin:0; padding:0;} #content {width:550px; background:transparent; margin:0; border:2px solid #fff;} h1#overlay {width:550px; height:70px; padding:0; position:absolute; z-index:100;} h1 span {display:none;} .overview {background:transparent url(images/h1-overview.png) 0 0 no-repeat;} .space {background:transparent url(images/h1-space.png) 0 0 no-repeat;} .amenities {background:transparent url(images/h1-amenities.png) 0 0 no-repeat;} .community {background:transparent url(images/h1-community.png) 0 0 no-repeat;} .location {background:transparent url(images/h1-location.png) 0 0 no-repeat;} /* each page will have either an image or a flash slideshow */ #mainimage {width:550px; min-height:364px;} #mainimage img {margin:0;} #mainflash {width:550px; min-height:364px; z-index:50;} #maintext {background:#fff; padding:2px 8px 5px 8px;} #surveybox {} /* for pulling in survey monkey surveys */ #surveybox input {border:1px solid #ccc !important;} #footer {color:#aaa; padding:10px 0 5px 8px; position:relative;} #footer p {font:normal 10px/14px verdana;} #footer a {font-weight:normal; color:#aaa; text-decoration:underline;} #footer a:hover {text-decoration:none;} p#props {font:normal 10px/14px verdana; color:#ccc; padding:0 2px;} p#props a {display:inline; color:#ccc; padding:0;} p#props a:hover {color:#ccc;} #mediaicons {position:absolute; right:0; top:0; width:90px; height:20px; z-index:10;} #mediaicons span {display:none;} #mediaicons a {float:right; width:20px; height:20px; margin:8px 0 0 8px; text-decoration:none;} #mediaicons a.facebook {background:transparent url(images/facebook.png) 0 0 no-repeat;} #mediaicons a.twitter {background:transparent url(images/twitter.png) 0 0 no-repeat;} #mediaicons a.youtube {background:transparent url(images/youtube.png) 0 0 no-repeat;} #sitemap {width:550px; margin-bottom:20px; border:2px solid #F0FAD9; background:url(images/bg-sitemap.gif) repeat-y;} .col {background:transparent; width:69px; padding:8px 8px 0 8px; float:left; font-size:10px;} #sitemap ul {margin:0; padding:0; list-style:none;} #sitemap li {line-height:12px; padding-bottom:10px;} #sitemap a {} #sitemap a:hover {} /* google map on map-directions page */ #map_canvas {width:550px; height:364px; background:#fff; border:0;} #map_canvas img {background:transparent;} #sidebar {float:left; width:140px; margin-top:90px; font-size:10px; font-family:arial,sans-serif; font-weight:bold;} #sidebar ul {margin:0; padding:0; list-style:none;} #sidebar li {line-height:13px; display:block;} #sidebar a {color:#333; line-height:13px; display:block;} #sidebar a.on {color:#666; font-size:12px;} #sidebar a:hover {color:#036; font-size:12px; line-height:13px;} #sidebar h3 {border-top:1px dotted #666; margin:15px 0 0 0; padding:15px 0 5px 0; text-transform:uppercase; font:bold 11px/14px verdana,sans-serif; color:#333;} #sidebar .rule {} /* ---- admin panel styles -------------------- */ #adminmenu {font-size:10px; margin:3px 3px 0 0; position:absolute; right:0; top:0; border-right:1px solid #666; border-bottom:1px solid #666; border-top:1px solid #eee; border-left:1px solid #eee; width:170px; z-index:300;} #adminmenu table {text-align:left; background-color:#fff; border:1px solid #ccc; width:100%;} #adminmenu table td {padding:3px;} #adminmenu img {margin-left:6px;} #adminmenu a, #adminmenu a:visited, #adminmenu a:active {margin-right:6px; text-decoration:none; color:#2970C7;} #adminmenu a:hover {color:red;}