/**********************************************************************************************

	Title: Bi-Girls 
	Author: Raw Marketing
	Date: 2010

***********************************************************************************************

	1. CSS Reset
	2. General Elements
	3. Utility Classes
	4. Layout
		4.1 Header
		4.2 Navigation
		4.3 Article Style
		4.4 Footer		
		
***********************************************************************************************/

/* 1. CSS Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: inherit;
  font-weight: inherit;
  font-style: inherit;
  font-size: 11px;
  font-family: Verdana, Calibri, Helvetica, Arial;
  vertical-align: baseline;
  }

/* 2. General Elements  */
body { background-color: #0e0e0e; }
a { color: #fa759a; text-decoration: none; }
a:hover, a:focus { color: #ffffff; }
p { line-height: 24px; color: white; margin: 0 0 10px; text-shadow: 1px 1px 1px #1f1f1f; }
h1 { font-size: 30px; color: #fa759a; }
h2 { font-size: 18px; color: #fa759a; font-weight: bold; margin: 0 0 5px; }
h3 { font-size: 14px; color: white; font-weight: bold; margin: 0 0 5px; line-height: 24px; }
h4 { font-size: 12px; color: white; margin: 0 0 5px; }

.clear { clear: both; }
.float_right { float: right; }
.highlight { color: #fa759a; }

/* LAYOUT */
#wrapper {
  position: relative; margin: 20px auto; width: 960px; min-height: 400px;
}


/* MASTHEAD */
#masthead { position:relative; height: 335px; width: 960px; }
#masthead img { position:absolute; z-index:8; opacity:0.0; }
#masthead img.active { z-index:10; opacity:1.0; }
#masthead img.last-active { z-index:9; }

#contact { margin: 10px 0 0 -5px; }

#content {
  position:relative; padding: 20px;
}

#pageLeft {
  position: absolute; top: 120px; float:left; width: 300px; text-align: left; color: white; background-color: black; z-index: 100; padding: 20px; margin: 0 0 0 20px;
}

#newsWrapper {
  position:relative; width: 300px; max-height: 240px; overflow-y: none; overflow-x: none; 
}

.newsItem {
  position:relative; text-align:left; color: white; margin: 0 0 10px;
}

#pageCenter {
  position:relative; width:500px; float:left; text-align:left; color: white;
}

#pageRight {
  position:relative; float:right; width: 370px; text-align:left;  color: white;
}

div.getGirlsItem {
  position:relative; float:left; width:120px;
}

#availabilityWrapper {
  position:relative; width:500px; padding:20px 0px 20px 0px;
}

div.availabilityDate {
  position:relative; float:left; width:100px; font-family:arial; font-size:14px;
}

#availabilityDaytimeLabel {
  position:relative; float:left; width:140px; margin-left:100px; font-family:arial; font-size:14px;
}
div.availabilityDaytime {
  position:relative; float:left; width:140px; height:14px; text-align:left;
}

#availabilityEveningLabel {
  position:relative; float:left; width:140px; margin-left:4px; font-family:arial; font-size:14px;
}
div.availabilityEvening {
  position:relative; float:left; margin-left:4px; width:140px; height:14px; text-align:left;
}
.available {
  background: green;
}
.unavailable {
  background: red;
}

div.ratesItem {
  position:relative; float:left; margin-left:4px; width:110px; text-align:left;
}

#profileReviewsWrapper {
  position:relative; width:400px; padding:20px 0px 20px 0px;
}

#reviewFormWrapper {
  position:relative; width:250px; margin-top:20px;
}

#thumbsWrapper {
  width: 390px; float: right;
}

img.thumbnailsFeatured { width: 90px; } 

.clear {
  position:relative; clear:both; height:1px; width:1px;
}

.strong {
  font-size: 16px; color: #fa759a; font-weight: bold; margin: 10px 0 5px;
}

/* LOGO */
h1#logo { background-image: url(images/logo.jpg); background-repeat: no-repeat; overflow: hidden; text-indent: -9999px; height: 73px; width: 178px; float: left; margin: 20px 0 0;}

/* NAVIGATION */
ul#nav { float: right; border-top: 1px solid #484848; padding: 10px; text-align: right; margin-top: 5px; clear: right; }
ul#nav li { display: inline; }
ul#nav li a { padding: 10px 20px; }
ul#nav li a:active { position: relative; top: 1px; }
ul#nav li#current a { color: white; }

/* SLIDESHOW */
#slideshow { position: absolute; width: 960px; height: 500px; }


#footer { border-top: 1px solid #484848; }