﻿/* -----------------------------------------------
	CSS Document
	Author:   Dave Fletcher + Jeffrey Barke
	Title:    Anything But Monday default screen styles
	Version:  12 December 2007
	License:  This style sheet and all imported style sheets are licensed
			  under a Creative Commons Attribution-ShareAlike 2.5 License.

	http://creativecommons.org/licenses/by-sa/2.5/

	Licensor contact: jeffrey.barke@themechanism.com
----------------------------------------------- */

/* general structure
------------------------------------------------------------------*/
body {
	background: #950164 url("../images/background_117x1077.jpg") repeat-x left top; 
	margin: 0;
	padding: 0;
}

/* general typography
------------------------------------------------------------------*/
abbr, acronym { border: none; }
body {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif; 
	font-size: small; 
}

p { line-height: 1.8em; }
.response {
	color: #fff;
	font-weight: bold;
	text-align: center;
}

/* general links
------------------------------------------------------------------*/
a:focus { outline: none; }

/* forms
------------------------------------------------------------------*/
input:focus { outline: none; }
form.contact { background: yellow; }
form table {
	color: #fff;
	font-size: 1em;
}
form table td {
	display: table-cell;
	vertical-align: top;
}
.border {
	background-color: #d2d2ff;
	border: 1px solid #fff;
	color: #666;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	padding: 3px;
	width: 210px;
}
select.border { width: 217px; }
textarea.border { height: 130px; }
.border:hover { background-color:#ebebfe; }
.border:focus	{
	background-color: #d2d2ff;
	border: 1px solid #fff;
}
.textErr, .correctionText {
	font-size: 90%;
	font-style: italic;
	margin-top: 3px;
}
.btn {
	background: transparent top left no-repeat;
	border: 0;
	font-size: 0px;
	height:34px;
	line-height:130%;
	padding-bottom:1px;
	text-indent: -999em;
	width:75px;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}
.btnSend { background-image: url("../images/sendButton.gif"); }
.btnSend:hover { background-position: 0 -34px; }
.readMore {
	background: transparent url(../images/readMore.gif) top left no-repeat;
	display: block;
	height: 32px;
	text-indent: -999em;
	width: 75px;
}
.readMore:hover { background-position: 0 -32px; }

/* content
------------------------------------------------------------------*/
		#mainContent {
			background: url("../images/content_area_418x1.gif") repeat-y left top ;
			width: 418px;			
			height: 100%;
			margin: 0;
			padding: 0;
			margin-left: 441px;
			}

		#leftColumn {
			position: absolute;
			top: 190px;
			left: 80px;
			width: 350px;
			}

		#mainContentArea { padding: 75px 0 20px 20px; }			

		#mainContentArea h1 {
			background: url("../images/anythingbutmonday_logo.gif") right top;
			background-position: 55%;
			background-repeat: no-repeat;
			text-indent: -2000em;
			height: 48px;
			padding: 0 0 12px 0;
			margin: 0;			
			}

		#navigation {
			background: #ef84c5;
			width: 375px;
			height: 25px;
			position: relative;
			z-index: 100;
		}
		#navigation ul {
			display: block;
			position: absolute;
			list-style: none;
			background: #ef84c5 url("../images/nav_full.gif") top left no-repeat;
			margin: 0;
			padding: 0;
			width: 375px;
			height: 25px;
		}
		#navigation ul li {
			float: left;
			position: relative;
			z-index: 100;
			margin: 0;
			padding: 0;
			width: 75px;
			height: 25px;
		}	
		#navigation ul li a {
			display: block;
			text-decoration: none;
			text-indent: -999em;
			overflow: hidden;
			height: 25px;
		}	
		#navigation ul li a:hover,
		#navigation ul li a.current {
			background-image: url("../images/nav_full.gif");
			background-repeat: no-repeat;
		}	
		#navigation ul li#home a:hover { background-position: 0px -25px; }
		#navigation ul li#home a.current,
		#navigation ul li#home a.current:hover { background-position: 0px -50px; }
		
		#navigation ul li#girls a:hover { background-position: -75px -25px; }
		#navigation ul li#girls a.current,
		#navigation ul li#girls a.current:hover { background-position: -75px -50px; }
		
		#navigation ul li#videos a:hover { background-position: -150px -25px; }
		#navigation ul li#videos a.current,
		#navigation ul li#videos a.current:hover { background-position: -150px -50px; }
		
		#navigation ul li#music a:hover { background-position: -225px -25px; }
		#navigation ul li#music a.current,
		#navigation ul li#music a.current:hover { background-position: -225px -50px; }
		
		#navigation ul li#gallery a:hover { background-position: -300px -25px; }
		#navigation ul li#gallery a.current,
		#navigation ul li#gallery a.current:hover { background-position: -300px -50px; }
		
		#navigation ul li a.current:hover { cursor: default; }			

/* message
------------------------------------------------------------------*/
#message {
	clear: both;
	margin: 0;
	padding: 9px 20px;
	width: 335px;
}
		#message h2 {
			background-image: url("../images/h1_hellosexy.gif");
			margin: 0;
			padding: 0;
			background-repeat: no-repeat;
			text-indent: -2000em;
			}
		#message p {
			font-size: 1em;
			margin: 0;
			font-weight: bold;
			padding: 5px 0 0 0;
			line-height: 1.8em;
			color: #fff;
			}

						.funky, .funky2, .funky3, .funky4 {
							font-family: impact, arial, helvetica, sans-serif;
							text-transform: uppercase;
							letter-spacing: .1em;
							font-weight: normal;
							}
						
						
						.funky {
							padding: 0 8px;
							color: #fff;
							border: 1px solid #e642ad;
							background: #f5bd1c;
							}
				
						.funky3 {
							padding: 0 8px;
							color: #fff;
							border: 1px solid #e642ad;
							background: #ed1f85;
							}
							
						.funky2 {
							color: #92278f;
							}

						.funky4 {
							color: #007aa8;
							}
						
						small {
							font-size: .8em;
							}
							
							
				.l, .o, .v, .e {
							font-family: impact, arial, helvetica, sans-serif;
							text-transform: uppercase;							
							letter-spacing: .1em;
							font-weight: normal;
							padding: 5px 3px;
							}
						
						
						.l {
							color: #fff;
							background: #ed1f85;
							}
				
						.o {
							color: #92278f;
							}
							
						.v {
							color: #fff;
							background: #f5bd1c;
							}

						.e {
							color: #007aa8;
							}


		.nayerSig { 
			background-image: url("../images/signatures.gif");
			background-repeat: no-repeat;
			background-position: top right;			
			margin: 0;
			text-indent: -2000em;
			height: 130px;
			}

/* left column
------------------------------------------------------------------*/
#leftColumn h3 {
	background: transparent url("../images/h2_gotovegas.gif") top center no-repeat;
	margin: 0;
	padding: 0;
	text-indent: -2000em;
}
#leftColumn #bio {
	color: #fff;
}

#bioImage {
	border: 1px solid white;
	background: #d8309e;
	padding: 5px;
	margin: 5px 0;
	}

#leftColumn h3#nayer, #leftColumn h3#samanda, #leftColumn h3#porscha, #leftColumn h3#atussa, #leftColumn h3#katrina  {
	margin: 0;
	padding: 0;
	height: 70px;
	width: 230px;
	text-indent: -2000em;
}
	
#leftColumn h3#nayer { background: transparent url("../images/biosig_nayer.gif") top left no-repeat; }
#leftColumn h3#samanda { background: transparent url("../images/biosig_samanda.gif") top left no-repeat; }
#leftColumn h3#porscha { background: transparent url("../images/biosig_porscha.gif") top left no-repeat; }
#leftColumn h3#katrina { background: transparent url("../images/biosig_katrina.gif") top left no-repeat; }
#leftColumn h3#atussa { background: transparent url("../images/biosig_atussa.gif") top left no-repeat; }

/* video
------------------------------------------------------------------*/
#video {
	background: url(../images/video_area_314x215.jpg) center center no-repeat;
	height: 215px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 314px;
}

#video2 {
/*	background: url(../images/video_area_314x215.jpg) center center no-repeat;
*/	height: 285px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 340px;
	margin-top:20px;
}
#video2 h4 {
	color: #fff;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin-bottom:4px;
	
}



/* contact form headers
------------------------------------------------------------------*/
#leftColumn h3.contactHeader {
	margin-top: 55px;
}
#leftColumn h3.contactTalkToGirls { background-image: url(../images/h2_talktogirls.gif); }
#leftColumn h3.contactAtussa { background-image: url(../images/h2_atussa.gif); }
#leftColumn h3.contactKatrina { background-image: url(../images/h2_katrina.gif); }
#leftColumn h3.contactNayer { background-image: url(../images/h2_nayer.gif); }
#leftColumn h3.contactPorscha { background-image: url(../images/h2_porscha.gif); }
#leftColumn h3.contactSamanda { background-image: url(../images/h2_samanda.gif); }

/* footer
------------------------------------------------------------------*/
#footer { width: 375px; }
#footer ul { 				
	display: block;
	text-align: right;
	font-size: .8em;
	text-transform: uppercase;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 375px;
	height: 25px;
}
#footer ul li {
	display: inline;
	margin: 0;
	padding: 0;
	padding-left: 20px;
}	
#footer ul li a {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	overflow: hidden;
}	

#footer ul li a:hover {
	color: #bc007e;
	text-decoration: underline;
}	
#footer p {
	color: #fff;
	padding: 0;
	margin: 2px;
	font-size: .8em;
	text-align: right;			
}
#sponsor {
	margin: 0;
	padding: 15px 0 15px 0;
	width: 375px;
}
		
		#sponsor h4 {
			text-transform: uppercase;
			text-align: center;
			color: #ffdef2;
			padding: 0;
			margin: 0;
			}
		
		.love {
			background-image: url("../images/love_logo.gif");
			background-position: top center;
			height: 102px;
			background-repeat: no-repeat;
			text-indent: -2000em;
			}
.share {
	margin-left:218px;
	width:125px;
	height:16px;
}

/* photo gallery
------------------------------------------------------------------*/
#photoGallery {
	background: #e642ad;
	height: 439px;
	margin: 0;
	padding: 9px 9px 9px 6px;
	position: relative;
	width: 360px;
}
#gallerySkin {
	background: #d8309e;
	height: 430px;
	margin: 0;
	padding: 5px;
	width: 352px;
}
#photoGallery #gallerySkin img {
	background: #d8309e;
	border: 1px solid #fff;
}


#slideshowPrev, #slideshowNext {
	background-position: top left;
	background-repeat: no-repeat;
	height: 286px;
	position: absolute;
	top: 15px;
	width: 174px;
	z-index: 500;
}
#slideshowPrev {
	background-image: none;
	left: 12px;
}
#slideshowPrev:hover {
	background-image: url(../images/slideshow_nav_01.png);
}
#slideshowNext {
	background-image: none;
	left: 186px;
}
#slideshowNext:hover {
	background-image: url(../images/slideshow_nav_02.png);
}

/* Thumbnail navigation
------------------------------------------------------------------*/
#thumbnails {
	float: left;
	list-style: none;
	margin: 0;
	padding: 5px 0 7px 0;
	width: 360px;
}
#thumbnails li, 
#thumbnails li.empty {
	display: inline;
	margin: 0 10px 7px 0;
	padding: 0;
	float: left;
	width: 62px;
	height: 62px;
}
#thumbnails li img, #thumbnails li.empty img {
	background-color: #070707;
	border: none;
	height: 62px;
	width: 62px;
}

/* profiles
------------------------------------------------------------------*/
#girlGallery {
	background: #e642ad;
	height: 82px;
	margin: 0;
	padding: 9px 9px 9px 6px;
	position: relative;
	width: 360px;
}
#girlSkin {
	background: #d8309e;
	height: 72px;
	margin: 0;
	padding: 5px;
	width: 352px;
}
#girlSkin #thumbnails img {
border: 1px solid white;
}
#profile {
	color: #fff;
	margin-right: 35px;
	margin-left: 10px;
}

#profile img {
	background: #d72a9c;
	padding: 5px;
	margin-left: 5px;
	float: right;
	border: 1px solid white;
	}

/* Girl Definition Lists
------------------------------------------------------------------*/
#girlsImage {
	float: left;
	width: 375px;
	padding: 0;
	margin: 0 0 10px 0;
	background-color: #e642ad;
	}

#girlsImage dl {
	background-color: #d8309e;
	float: left;
	margin: 2px 5px;
	padding: 0;
	display: inline;
	}

#girlsImage dt {
	float: right;
	text-transform: uppercase;
	width: 289px;
	margin: 9px 0 0 0;
	padding: 0;
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 1px;
	color: #fff;
	}

#girlsImage dd {
	margin: 0;
	padding: 0;
	font-size: 1em;
	line-height: 1.3em;
	color: #fff;
	}

#girlsImage dd.img img {
	float: left;
	margin: 6px 6px; 0 0;
	padding: 0;
	border: 1px solid white;
	}

#girlsImage dd.text {
	margin: 6px 6px; 0 0;
	padding: 0;
	}

/* Modal Box
------------------------------------------------------------------*/	
#MB_overlay {
	position: absolute;
	margin: auto;
	top: 0;	left: 0;
	width: 100%; height: 100%;
	z-index: 9999;
	background-color: #000!important;
}
#MB_overlay[id] { position: fixed; }

#MB_window {
	position:absolute;
	top: 0;
	border: 0 solid;
	text-align:left;
	z-index:10000;
}
#MB_window[id] { position: fixed!important; }

#MB_frame {
	position:relative;
	background-color: #EFEFEF;
	height:100%;
}

#MB_header {
	margin:0;
	height: 28px;
}

#MB_content {
	padding: 6px .75em;
	overflow:auto;
}

#MB_caption {
	font: bold 85% "Lucida Grande", Arial, sans-serif;
	text-shadow: #FFF 0 1px 0;
	padding: .5em 2em 0 .75em;
	margin: 0;
	text-align: left;
}

#MB_close {
	display:block;
	position:absolute;
	right:5px; top:4px;
	padding:2px 3px;
	font-weight:bold;
	text-decoration:none;
	font-size:13px;
}
#MB_close:hover {
	background:transparent;
}

#MB_loading {
	padding: 1.5em;
	text-indent: -10000px;
	background: transparent url(spinner.gif) 50% 0 no-repeat;
}

/* Color scheme */
#MB_window {
	background-color:#EFEFEF;
	color:#000;
}
#MB_content { border-top: 1px solid #F9F9F9; }
#MB_header {
  background-color:#DDD;
  border-bottom: 1px solid #CCC;
}
#MB_caption { color:#000 }
#MB_close { color:#777 }
#MB_close:hover { color:#000 }


/* Alert message */
.MB_alert {
	margin: 10px 0;
	text-align: center;
}	
	
/*tables */
.ABMtastes {
	border: 1px solid white;
	background: #ef84c5;
	color: #5b0043;
	margin: 0;
	padding: 0;
	}
	
.ABMtastes .tableheader {
	display: none;
	}

.ABMtastes .tableColorGraphicNayer {
	width: 20px;
	text-indent: -2000em;
	background-color: blue;
	}

.ABMtastes .tableColor {
	width: 100px;
	}
	
.ABMtastes .tableColor2 {
	width: 75%;
	}
	
.ABMtastes .tablefoot {
	display: none;
	}

.ABMtastes td {
	vertical-align: top;
	margin: 5px;
	padding: 10px;
	}

.ABMtastes .alt {
	background: #f09fd0;
	}
	
.ABMtastes img {
	background: #d8309e;
	padding: 5px;
	border-left: 2px solid #650d43;
	border-top: 2px solid #650d43;
	border-right: 1px solid #ffcaea;
	border-bottom: 1px solid #ffcaea;
	}