@charset"UTF-8";@import"forms.css";*{margin:0;padding:0;}
/*
Notes from developer - Please read all carefully

What you are working on is a 'static' html version of a dynamically served site. All publicly accessible pages are in place, but all database and PHP functionality has been removed.
Due to this, you should not alter any HTML whatsoever**. Just new CSS in 'default.css' and images please!

-- IMAGES

The majority of images you need to change are located in the images/interface directory. There is an additional 'banner.jpg' image in the images directory that will need changing also.
You'll be editing a number of alpha-transparent PNGs. These have been used to simplify the design process (no worrying about the background behind the image).
Images should be well optimised - Photoshop 'Save for Web' is fine. We have our own image optimiser which we can run if needed, but if you have an optimiser app then feel free to use it!
Please do not change any images within the 'images/interface/captcha' directory.

** If you need to change the width/height of any design related image that appears in the HTML (like a header PNG), you -can- modify the width/height attributes of the image in the HTML - but please compile a list of any HTML changes you make (page(s), line number, old w/h, new w/h).

-- CSS

This CSS is old, messy and inefficient but you will not need to change too much.
I usually start by changing all the site images, then alter this CSS, then go back and edit any images I need to.

When editing this file, it might be helpful to start by changing the colours.
I generally do a find/replace on each unique hex code; so that every same colour is changed to a different same colour. Then, edit as neccessary.

The quickest, most obvious design changes can be made by altering the 'div.subMenu' float to left/right, or perhaps altering the padding-top/bottom on 'ul#masthead' to shift the menu bar up and down.
Changing the 'font-family' / 'font-size' on the body element is also a quick way to get a different look.

For the home page only, you could also adjust the width/height of the 'ul.featuredList' (the scroller).
Be aware that if you alter the 'ul#masthead li' width; the changes will need to be reflected in the small bit of JS in the index.html - line 114.
The current width of the li element is '112px', but in the JS file we add 40px so in that line of JS, you'll see '...if(newLeft < -152) { newLeft = (items.length - 1) * 152...'
Change '152' to whatever you need to; remember to keep the first number a negative!

- LIMITATIONS

At the bottom of this CSS file is a bunch of 'admin' stuff. This is for the admin panel that is included with the fully functional dynamic version of these sites. Do not change any of this!
If you do find any CSS that looks like it isn't being used; it's best to leave it as it is, so that any elements you dont see in the HTML will still render OK on the dynamic version of the site.
Please keep the width of the body as it is - '995px'. Any less will screw up look of the admin panel and any more will mean the site won't fit well on a 1024 res.
Please do not edit the 'forms.css' or 'admin.css' files.

I've tidied up the HTML of the index page so you can read it easier. However the rest of the pages are still a pile of dynamically output mess, so you might want to concentrate your efforts on the index page first!

*/
html{background:url(../interface/htmlBG.jpg) top center repeat-y fixed #000;padding-bottom:40px;}
body{position:relative;width:995px;margin:0 auto 20px auto;padding:0;color:#ddeaff;font-size:15px;font-family: Georgia, "Times New Roman", Times, serif;}
div#page{position:relative;float:left;clear:both;width:100%;padding-top:290px;margin:0 auto;}
div.column{position:relative;float:left;width:96%;padding:0 2% 10px 2%;}
div.column.quarter{width:25%;}
div.column.third{width:32%;}
div.column.half{width:45%;}
div.column.twothirds{width:62%;}
div.column.threequarters{float:right;width:735px;}
div.column.right, div.column.guideMenu{float:right;}
div.column.home{min-height:440px;}
div.column.twothirds.home{width:71%;padding-right:0;}
div.column.third.home{width:222px;}
div.clear, div.divider{clear:both;}
div.divider{border-bottom:1px dashed #0e69f6;padding-top:40px;margin-bottom:20px;}
h1, h2, h3, h4{font-weight:normal;font-family:Georgia,"Times New Roman", Times, serif;}
h3.success{color:#393;}
h3.fail, span.fail{color:#d00;}
h3.fail{text-decoration:blink;}
p{margin-bottom:15px;line-height:22px;}
p.small{font-size:10px;}
.center, div.homeText{text-align:center;}
a{color:#3e8df9;}
a:hover{color:#ffd800;}
a.button{display:block;float:left;width:100px;height:28px;margin-right:5px;color:#111;line-height:28px;text-align:center;text-decoration:none;background:url(../interface/buttonBG.gif) top left repeat-x;}
a.button.right{float:right;margin-right:0;margin-left:5px;}
a.button:hover{background-position:bottom left;}
h1{color:#599fff;font-size:38px;margin-bottom:10px;font-style: italic;}
h2{color:#85b5ff;font-size:22px;margin-bottom:10px;clear:left;}
h3{color:#85b5ff;font-size:18px;margin-bottom:10px;}
h2 span{font-size:20px;color:#fff;}
img.left, img.right{margin-bottom:10px;}
img.left{float:left;margin-right:10px;}
img.right{float:right;margin-left:10px;}
div.featuredList{width:996px;padding:55px 0 5px 0;margin: 0 0 10px 0;background:url(../interface/scrollerBG.jpg) top center repeat-x;overflow:hidden;}
div.featuredList ul, div.featuredList ul li, div.featuredList ul li img, div.featuredList ul li div, div.featuredBoxes ul li{position:relative;width:112px;}
div.featuredList ul{width:940px;list-style-type:none;margin-left:25px;overflow:hidden;}
div.featuredList ul li{position:absolute;top:0;left:0;margin:0;padding:0;}
div.featuredList ul li:hover h3, div.featuredList ul li:hover p, ul.gallery li:hover h3, ul.gallery li:hover p{text-shadow:#fff 0 0 5px;}
div.featuredList, div.featuredList ul img, div.featuredBoxes, div.featuredBoxes ul img{border:1px solid #0e69f6;}
div.featuredList ul li img, div.featuredBoxes ul img{display:block;width:110px;height:165px;padding:1px;}
div.featuredList ul li div, div.featuredList ul, div.featuredList ul li, div.featuredList ul li img{float:left;}
div.featuredList, div.featuredList ul li div, div.featuredList ul{clear:both;}
div.featuredList, div.featuredList ul, div.featuredList li{height:210px;}
div.featuredList ul li div{height:80px;padding-top:5px;}
div.featuredList ul li div h3{z-index:2;font-size:20px;margin-bottom:0;}
div.featuredList ul li div h3, div.featuredList ul li div p{color:#fff;text-align:center;}
div.featuredList ul, div.featuredList ul li:hover img, div.featuredList ul li div h3{position:relative;}
div.featuredList ul li:hover div{display:none;}
div.featuredList ul li:hover img{width:133px;height:200px;left:-16px;z-index:12;}
div.featuredBoxes, div.featuredBoxes ul{float:right;width:246px;}
div.featuredBoxes{padding:5px;margin-left:10px;text-align:center;}
div.featuredBoxes ul{list-style-type:none;margin-bottom:10px;}
div.featuredBoxes ul li{position:static;float:left;margin:5px;}
div.review, div.disclaimer, div.mailing, .footer, .monthGirl, .monthGirlHeader{float:left;clear:both;width:96%;padding:2%;margin-bottom:2%;color:#ccc;background:url(../interface/boxBG.jpg) top right repeat-x #031e6c;border:1px solid #0e69f6;}
div.disclaimer{margin-top:9px; }
div.disclaimer p{font-size:13px;line-height:17px;margin-top:0;margin-bottom:5px;color:#a0dcff;}
div.mailing form input.text{float:right;width:48%;clear:none;margin:0;}
div.search form input.button, div.mailing form input.button{float:right;margin-top:5px;display:none;}
div.mailing, ul.gallery li{text-align:center;background:url(../interface/boxBG.jpg) top center repeat-x #031e6c;color:#fff;}
div.mailing form input.text{margin-right:5px;}
div.mailing form input.button{display:block;clear:none;margin:0 7px 0 0;}
div.footer{background-position:center center;}
div.footer p{line-height:normal;}
ul.offers, #faqs{list-style-type:none;}
ul.offers, ul.offers li{float:left;clear:both;width:96%;}
ul.offers li, #faqs li{margin-bottom:10px;}
ul.offers img, ul.offers div{float:left;clear:none;}
ul.offers li { border:1px solid #0e69f6; padding: 2%; background:url(../interface/boxBG.jpg) top center repeat-x #031e6c; }
ul.offers div{width:70%;}
ul.offers img{display:block;margin:0 10px 10px 0;}
ul.gallery, ul.gallery li{float:left;}
ul.gallery{clear:both;width:100%;list-style-type:none;}
ul.gallery li{position:relative;margin:10px 5px;padding:15px;border:1px solid #0e69f6;}
ul.gallery li, ul.gallery div, ul.gallery img{width:200px;}
ul.gallery li{height:375px;text-align:center;}
ul.gallery li h3{margin-top:7px;}
ul.gallery li h3 a{color:#fff;text-decoration:none;}
ul.gallery img{border:1px solid #0e69f6;}
ul.gallery li.landscape img{margin-bottom:10px;}
ul.gallery li.landscape, ul.gallery li.landscape div, ul.gallery li.landscape img{width:323px;}
ul.gallery.profile li, ul.gallery.profile div, ul.gallery.profile img{width:222px;}
ul.gallery.profile li{height:333px;margin:10px 20px;}
ul.gallery.profile li.landscape, ul.gallery.profile li.landscape div, ul.gallery.profile li.landscape img{width:465px;height:310px;}
span.elite{display:block;position:relative;float:right;width:100px;height:100px;z-index:10;margin-top:-103px;background:url(../interface/elite.png) top left no-repeat;}
.featuredList span.elite{background:url(../interface/eliteS.png) top left no-repeat;}
.featuredBoxes .elite, .featuredList .elite{margin-top:-102px;}
div.subMenu{margin:0 15px 0 0;}
div.subMenu img{display:block;border:1px solid #0e69f6;padding:1px;}
div.subMenu, ul.subMenu, ul.subMenu li, div.subMenu img{float:right;clear:both;width:200px;}
div.subMenu ul { list-style-type: none; text-align: center; }
ul.subMenu{list-style-type:none;margin-bottom:10px;}
ul.subMenu li{width:100%;height:40px;line-height:40px;margin:4px 0;background:url(../interface/typeBG.png) top left no-repeat;}
ul.subMenu li:hover, ul.subMenu li.active{background-position:bottom left;}
ul.subMenu li:hover a, ul.subMenu li.active a{color:#fff;}
ul.subMenu li a{text-decoration:none;color:#faf9ce;font-size:85%;font-weight:bold;}
div.subMenu.profile{padding-top:0;padding-right: 15px;width:300px;border:1px solid #0e69f6;background:url(../interface/boxBG.jpg) top center repeat-x #031e6c;}
div.subMenu.profile div.profile{width:96%;padding:2%;margin-bottom:10px;}
div.subMenu.profile h3{text-align:center;color:#b8ceff;text-shadow: 0 0 5px #000;}
div.column.profile{width:50%;padding:0;}
table.details{width:100%;text-align:right;}
table.details th{width:40%;padding-right:2%;}
table.details th, table.details strong{color:#b8ceff;}
a.back{color:#fff;}
a.memberFeature, a.memberFeature img{display:block;float:left;width:130px;}
a.memberFeature img{border:0;}
a.memberFeature{margin-right:10px;}
a.memberFeature.right{float:right;margin-right:0;margin-left:10px;}
ul.sitemap{list-style-type:none;}
ul.sitemap h3{margin-bottom:0;}
ul.sitemap p{font-size:12px;}
ul.links, ul.links li{float:left;clear:left;width:100%;}
ul.links{list-style-type:none;}
ul.links li{text-align:center;}
ul.links li img{border:0;}
img#linkImage{display:block;float:left;border:0;}
a#codeselect{float:right;display:block;width:120px;height:15px;margin:0;color:#fff;font-size:10px;text-align:right;text-decoration:none;}
textarea#code{float:right;clear:right;display:block;width:448px;height:35px;color:#b5da66;margin:0;padding:5px;font-size:12px;background:#000;border:1px solid #0e69f6;}
ul#masthead{position:absolute;top:0;left:0;width:996px;height:39px;z-index:2;list-style-type:none;padding:229px 0 5px 0;background:url(../interface/masthead.jpg) top center no-repeat;}
ul#masthead li, ul#masthead li a{float:left;width:auto;height:39px;line-height:39px;color:#fff;font-size:13px;font-family:Georgia,"Times New Roman", Times, serif;text-transform:uppercase;text-align:center;}
ul#masthead li{position:relative;}
ul#masthead li a{display:block;padding:0 27px;text-decoration:none;}
ul#masthead li a:hover, ul#masthead li a.active{color:#fff;}
ul#masthead li a.active{font-weight:bold;background:url(../interface/alpha025.png) top left repeat transparent;color:#fff;}

#bookmark, #twitterUs { position: absolute; top: 175px; right: 5px; float: left; z-index: 99999; width: 42px; height: 42px; }
#bookmark a, #twitterUs a { width: 100%; height: 100%; display: block; float: left; }
#bookmark a { background:url(../interface/bookmark.png) top left no-repeat; }
#twitterUs a { background:url(../interface/twitter.png) top left no-repeat; }
#twitterUs { left: 5px; }

ul.footer, ul.footer li{float:left;height:30px;line-height:30px; z-index: 2;}
ul.footer, div.footer{position:relative;float:left;clear:both;list-style-type:none;border:1px solid #0e69f6;background:url(../interface/boxBG.jpg) top center repeat-x #031e6c;}
ul.footer{padding:10px 30px 1% 20px;width:953px;background:none;border:0;}
ul.footer li{margin:0 10px;}
ul.footer li.right{float:right;}
ul.footer li, ul.footer li a{color:#fff;}
ul.footer li a{text-decoration:none;}
ul.footer li.small, ul.footer li.small a{font-size:10px;height:20px;line-height:20px;}
div.footer{border:0;background:none;text-align:center;font-size:12px;line-height:20px;}
div.footer a{margin:4px;text-decoration:none;}
div.footer.links{height:auto;line-height:normal;}
div.footer.links img{border:0;margin:0 5px;}
ul.footer li a.w3c{display:block;float:left;width:70px;height:16px;margin:6px 8px 0 0;border:1px solid #fff;background:url(../interface/w3c.gif) top left no-repeat;}
ul.footer li a.w3c.css{background-position: -70px 0;}
ul.footer li a.w3c.gt{background-position: -140px 0;}
.popBox{background-color:#000;border:1px solid #0e69f6;}
.popBox, .dialogBox{display:none;position:fixed;z-index:20000;overflow:auto;top:100px;left:50%;width:760px;height:500px;margin-left:-400px;padding:20px;background-position:0 0;color:#fff;text-align:center;border:1px solid #fff;}
.popBox_close{position:absolute;top:5px;right:5px;width:80px;height:10px;z-index:20001;display:block;background:url(../interface/popClose.gif) top left no-repeat;}
#bar, #barf { position: absolute; top: 219px; left: 0; width: 1078px; height: 61px; background: url(../interface/bar.png) top center no-repeat; margin-left: -43px; z-index: 1; }
#barf { position: relative; top: -5px; left: 0; }
.gallery li, div.subMenu.profile, div.disclaimer, .offers li { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
ul.gallery img {box-shadow: 0px 0px 5px #000; -moz-box-shadow: 0px 0px 5px #000; -webkit-box-shadow: 0px 0px 5px #000;}
.gallery li:hover, .gallery li:hover img {border-color: #fff;}
.subMenu a.available { text-decoration: blink; color: #6F0; }
.subMenu a.topClass { color: #fff; text-shadow: 0 0 5px #fff; }
.monthGirl { position: relative; right: 4px; top: -1px; padding-top: 10px; width: 194px; margin: 0 0 30px 0; border-bottom-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; }
.monthGirlHeader { position: relative; right: 4px; top: 1px; padding: 10px 0 0 0; margin: 0; width: 202px; border-top-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; }
.monthGirlHeader img { border: 0; margin: 0; padding: 0; }

/* Do not modify below here */
ul.links li div.admin{float:none;width:258px;height:20px;line-height:20px;padding:5px;margin:0 auto 5px auto;}
ul.links li div.admin form, ul.links li div.admin form fieldset, ul.links li div.admin form fieldset ol, ul.links li div.admin form fieldset ol li{padding:0;margin:0;}
ul.links li div.admin input.checkbox{float:right;margin-right:0;}
ul.links li div.admin form{float:left;width:60%;}
ul.links li div.admin a.block{float:right;display:block;width:75px;}
ul.links li div.admin a.block.delete{color:#d00;}
div.admin, a.admin{background-color:#cfff7c;border:1px dashed #0e69f6;color:#111;}
div.admin{float:left;clear:both;width:94%;padding:2%;margin-bottom:20px;}
div.admin.restrict_h{height:400px;overflow:auto;}
div.admin.restrict_h.small{height:200px;}
div.column.third div.admin{margin:2% 0 0 2%;width:86%;}
div.admin table{float:left;clear:left;width:100%;border-collapse:collapse;background:url(../interface/alphaF50.png) top left repeat;}
div.admin table th, div.admin table td{text-align:left;padding:1px 2px;}
div.admin table tr.odd td{background:url(../interface/alphaF50.png) top left repeat;}
div.admin table a.admin{float:right;margin:0 1px 0 0;color:#111;}
a.admin{display:block;float:left;margin:0 5px 5px 0;padding:4px 12px;font-size:10px;font-weight:bold;text-decoration:none;}
a.admin:hover{color:#111;}
ul.gallery a.admin{margin:0 4px 5px 4px;}
ul.admin, ul.admin li{float:left;clear:left;list-style-type:none;}
iframe#memberPhotoFrame{float:left;width:100%;height:800px;border:1px solid #0e69f6;}
ul#adminMenu, ul#adminMenu li{float:left;height:25px;line-height:23px;}
ul#adminMenu{position:absolute;z-index:10;list-style-type:none;top:10px;right:235px;background-color:#cfff7c;border:1px dashed #026a9a;}
ul#adminMenu li{width:100px;text-align:center;}
ul#adminMenu li a{text-decoration:none;color:#111;font-size:85%;}
ul.applicants{float:left;width:80%;list-style-type:none;}
ul.applicants li{float:left;clear:left;width:98%;padding:5px;border:1px dashed #026a9a;}
ul.applicants li div.photos{float:right;clear:both;margin-bottom:10px;}
ul.applicants li div.photos img{width:100px;margin:1px;}
ul.applicants img{float:left;display:block;width:150px;}
ul.applicants table{float:right;width:60%;border-collapse:collapse;}
ul.applicants table th{text-align:right;}
ul.applicants table td{padding-left:15px;text-align:left;}
form#addAnchor ol li input.text, form#addAnchor ol li select, form ol.featureMembers li input.text, form ol.featureMembers li select{float:left;clear:none;width:45%;margin-right:1%;}
form ol.featureMembers li input.text, form ol.featureMembers li select{clear:left;}
div.rtEditor{float:left;clear:left;width:100%;}
div.rtEditor span.rtToolbar{float:right;display:block;margin-right:12px;border:1px solid #777;border-bottom:0;z-index:5;}
div.rtEditor span.rtToolbar a{display:block;float:left;width:25px;height:25px;line-height:25px;font-size:12px;text-align:center;text-decoration:none;color:#111;background-color:#eee;}
div.rtEditor span.rtToolbar a:hover{background-color:#fff;}
div.rtEditor span.rtToolbar a.rtBold{font-weight:bold;}
div.rtEditor span.rtToolbar a.rtItalic{font-style:italic;}
div.rtEditor span.rtToolbar a.rtP{font-size:10px;}
div.rtEditor span.rtToolbar a.rtH1{font-weight:bold;font-size:14px;}
div.rtEditor span.rtToolbar a.rtH2{font-weight:bold;font-size:13px;}
div.rtEditor span.rtToolbar a.rtH3{font-weight:bold;font-size:12px;}
div.rtEditor div.rtEditorView{float:left;width:46%;height:517px;overflow:auto;margin-top:26px;padding:1%;border:1px solid #777;}
div.rtEditor textarea{float:right;clear:none;margin-right:12px;width:50%;}
div.rtEditor.small div.rtEditorView{height:317px;}
.admin, .admin a {color: #111; }
div.featuredList { border-left: 0; border-right: 0; position: relative; top: -17px; z-index: 99; }

.subMenu img.join { border: 0; }
#diamond { position: absolute; top: 100px; right: -224px; width: 221px; height: 223px; background: url(../interface/diamond.png) top left no-repeat; }
#disclaimer { height: 40px; overflow: hidden; position: relative; }
#disclaimer.full { height: 280px; }
#disclaimerToggle { width: 40px; height: 40px; position: absolute; top: 15px; right: 15px; background: url(../interface/disclaimerToggle.png) top left no-repeat; }
#disclaimer.full #disclaimerToggle { background-position: bottom left; }