/*
			G L O B A L

	colors:
		pink:	#e92b8d
		orange:	#eb5b2c
*/

@import 'tripoli.layout.css';

html {
	height: 100%;
}
body {
 background:#000;
 padding-top:20px;
 margin: 0;
 font: normal 62.5% Helvetica, Arial, sans-serif;
 line-height: 1.4em;
 color: #efefef;
 width: 100%;
 overflow-x: hidden;
}

ul, li {list-style: none; }

a {
	color:#e92b8d;
	}
a:hover {
	color:aqua;
	}
	
.time {	color: #eb5b2c; }
.left { float:left; }
.right { float:right; }
.center { text-align: center; }
.smallfont { font-size:.8em; }

#wrap {
	width:800px;
	margin:10px auto;
	padding:0px;
	}
	
#header {
	margin:0px;
	padding:0px;
	position: relative;
	width:100%;
	height:150px;
	background: #000;
}
#header h1 {
	margin:20px auto; 
	padding:0px;
	width:361px;
	overflow: hidden;
	border:0px;
	height:81px;
	}
#header h1 a {
	border:0px;
	line-height: 500px;
	text-decoration: none;
	display: block;
	margin:0px;
	padding:0px;
	overflow: hidden;
	background:transparent url('/images/logo.gif') no-repeat top left;
}

#footer {
	margin-top:20px;
	padding:10px;
	font-size:1em;
	color:#666;
	border-top:1px dotted #222;
	}

/* 
	NAVIGATION
*/

#nav {
	width:700px;
	margin:10px 0px;
	padding:0px;
	position: absolute;
	top:125px;
	left:50%;
	margin-left:-335px;
	text-align: center;
	}
	#nav ul {
		list-style: none;
		margin:0px;
		padding:0px;
		}
		#nav ul li {
			list-style: none;
			margin:0px;
			padding:0px;
			display: inline;
			}
			#nav ul li a {
				margin:0px;
				padding:6px 10px 4px;
				color:#fff;
				display: block;
				float: left;
				font-weight: bold;
				font-size: 1.2em;
				text-decoration: none;
				text-transform: uppercase;
				}
				#nav ul li a:hover {
					background:#e92b8d;
					color:#FFF;
					}
			#nav ul li.here a {
				background:#eb5b2c;
				color:#FFF;
				}
#main {
	margin:20px;
}

#page {
/*  background:#ffffff url('/images/page-bg.gif') no-repeat center; */
  clear:both;
  min-height: 400px;
  margin:20px 0;
}

/** INDEX **/

#stripviewer{
	margin:20px 0px;
	padding:10px 0px;
	height: 320px; 
	overflow: hidden;
	text-align: center;
	position: absolute;
	top:200px;
	width: 120%;
	left:0px;
/*
	border-top:10px dotted #222;
	border-bottom:10px dotted #222;
	*/
    }
#news {
    clear:both;	
    margin:20px;
    }
	#news h3 {
		padding:10px 5px;
		border-bottom:3px solid #e92b8d;
		}
		
	
.front_model {
	display:block;
	height:330px;
	float: left;
	position: relative;
	margin: 0px 5px;
	border: 0px;
	padding: 0px;
	}		
	.front_model img {
		height: 300px;
		display: block;
		border: 0px;
		margin:0px;
		
	}
	.front_model img p {
		border:0px;
		margin:0px;
		padding:0px;
		}
/** rotator **/

/*
	SLIDER
*/
.slider-wrap								{ width: 640px; position: relative; margin:0px auto; background:#fff; }			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.panel img 									{ height:475px; border:0px; margin-right:10px; }
.panel a 									{ border:0px; }
.stripViewer								{ position: relative; overflow:hidden;  height:475px; /* width: 640px; */ }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative;   }
.stripNavL, .stripNavR, .stripNav			{ display: none; }

#movers-row									{ position: absolute; top:15px; width:50%; left:50%; z-index: 500;}
#movers-row div								{ padding:5px; float:left; }
#movers-row div a.cross-link 				{ float: left; margin:5px;}
.stripViewer .wrapper 						{ position: relative; }
.photo-meta-data							{ padding:0px; height: 50px;
											  top:100%; margin-top:-50px; left:0;
											  position: absolute; z-index: 300; color: white; 
											  background-image:url('/images/transpBlack.png');}
.photo-meta-data span 						{ font-size: 13px; }
.photo-meta-data p 							{ margin:0px; padding:0px 20px; line-height: 50px; width:100%;  font-weight: bold; font-size: 1.5em;}
.cross-link									{ display: block; float:left; height: 50px; overflow:hidden; z-index:400; }
.active-thumb 								{ border:0px solid #fff;}
.nav-thumb 									{ border:0; padding:2px; height:60px; display: block; z-index: 9999;}

/**  NEWS PAGE STYLES **/

a#rss {
	background:transparent url('/images/rss.png') no-repeat left center;
	padding: 5px 5px 5px 20px;
}

#form {
	float:left;
	width:75%;
	margin-right:2%;
	padding:0;
	}
	#tools {
		width:22.5%;
		float:left;
		}

#form input {
	width:75%;
	font-size:16px;
	padding:7px;
	}
.form {
	margin:10px;
	text-align:left;
	color:#666;
	}
	.form p { 
		display:block; 
		clear:both;
		}
	.form label {
		font-size:14px;
		width:200px;
		display:block;
		float:left;
		margin:5px;
		padding:5px;
		clear:left;
		text-align:right;
		}
	.form h3 {
		background:#27343C;
		color:#E9E9E9;
		padding:10px;
		margin:25px 1px 0 1px;
		height:auto;
		letter-spacing:0px;
		border-top:1px solid #666;
		clear:both;
		}	
	.form h3 label { float:none; width:auto; text-align:left; padding:0px; margin:0px;}
	
	.form fieldset {
		padding:15px 25px;
		border:1px solid #666;
		}
	.form legend {
		font: 13pt Verdana, Arial, Helvetica, sans-serif;
		padding:0px 15px;
		}
	#post_enclosure {
		margin:15px 0px;
	}
input, select, textarea {
	font: 1em verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	color: #001F30;
	background: #FFFFFF;
	border:2px solid #333;
	width:225px;
	padding:5px;
	margin:5px 0px;
	}
	input:focus, select:focus, textarea:focus {
		border:2px solid #e92b8d;
		}
textarea.text { width:320px; margin:5px auto; margin-left:35px }


/** BLOG ENTRY STYLES **/
.entry {
	margin:10px 0 30px;
	clear:left;
	}
	.entry-meta {
		position: relative;
		border-bottom:1px dotted #666;
		padding:0px 50px 0px 0px;
	}
	.entry-meta p {
		margin:0 0 5px;
		padding:5px 10px 3px;
		font-size:1.1em;
	}
	.entry-meta p.author {
		position: absolute;
		top:0px;
		right:0px;
		margin:0px;
		padding:0px;
		line-height: 50px;
		text-align: right;
		}
		.entry-meta p.author img {
			width:50px; height:50px;
			border:0;
			display: inline;
			
			}
			.entry-meta p.author a {
				border:0;
			}
	.entry-meta h2  {
		font-size:20pt;
		color:#FFF;
		display:block;
		padding:0px 10px 0px 0px;
		letter-spacing: -1px;
		margin:5px 0px 0px 0px;
		}
	.entry h2 a {
		text-decoration:none;
		}
		.entry-meta h2 a:hover {
			background:#eb5b2c;
			color:#fff;
			text-decoration:none;
			}	
	.entry .post {
		margin:10px;
		color:#efefef;
		font-size:115%;
	}	

/** 

Model 

**/

#model { 
	padding:0px; 
	margin:0 auto; 
	position: relative;
	}
#model .headshot {
	width:380px;
	float: right;
	margin:20px;
}

	#model #images {
		clear:both;
		margin:0;
	}
	#model #images .image {
		float:left;
		margin:0px;
		text-align: center;
		padding:0px;
		background:#efefef;
		border:5px solid #efefef;
		margin:10px 10px 0px 0px;
		width:28%;
		height:280px;
		overflow: hidden;
		}
		#model #images .image p {
			margin:0px;
			padding:0px;
			}
		#model #images .image img {
			display: block;
			max-width:100%;
			max-height: 100%;
			border:0px;
			}
		#model #images .image img a {
			border: 0;
			}
/** 
	
	MODELS 

**/

#models {
	padding:0;
	margin:10px auto;
	}
/**** 


.model {
	width:20%;
	float:left;
	margin:0px;
	position: relative;
	padding:100px 0px 10px 0px;
}
.model .image {
	position: absolute;
	top:10px;
	left:10px;
	height:80px;
	overflow: hidden;
	}
	.model img {
		border:0px;
		}
	.model h4 {
		margin:0px;
		padding:0px;
		font-weight: bold;
		text-decoration: none;
		}
	.model p {
		margin:3px;
		padding:0px;
		}
***/
.model {
	width:22.5%;
	float: left;
	margin:10px 1%;
	border:1px solid #ccc;
	padding:10px 10px 10px 170px;
	background: #fff;
	position: relative;
	height: 130px;
	}
	.model h3 {
		margin:0px 10px;
		color: #fff;
		font-weight: bold;
		padding:0;
		font-size: 2em;
		line-height: 130px;
		}
	.model h3 span {
		display: block;
		padding:3px;
		font-size: .75em;
		}
		.model h3 a {
			color:#000;
			text-decoration: none;
			}
	.model .image {
		position: absolute;
		top:10px;
		left:10px;
		margin:0px;
		padding:0px;
		height:130px;
		overflow: hidden;
		width:150px;
		background:#ccc;
		}
		.model .image img {
			display: block;
			width:100%;
			margin:0px; padding:0px;
			border:0px;
			}
	.model:hover {
		border:1px solid #e92b8d;
		}		

/** 

artist 

**/

#artist { 
	padding:0px; 
	margin:0 auto; 
	position: relative;
	}
#artist .headshot {
	width:380px;
	float: right;
	margin:20px;
}

	#artist #images {
		clear:both;
		margin:0;
	}
	#artist #images .image {
		float:left;
		margin:0px;
		text-align: center;
		padding:0px;
		background:#efefef;
		border:5px solid #efefef;
		margin:10px 10px 0px 0px;
		width:28%;
		height:280px;
		overflow: hidden;
		}
		#artist #images .image p {
			margin:0px;
			padding:0px;
			}
		#artist #images .image img {
			display: block;
			width:100%;
			border:0px;
			}
		#artist #images .image img a {
			border: 0;
			}

/** 
 
	Artists 
	
**/
#artists {
	padding:0;
	margin:10px auto;
	}

.artist {
	width:22.5%;
	float: left;
	margin:10px 1%;
	border:1px solid #ccc;
	padding:10px 10px 10px 170px;
	background: #fff;
	position: relative;
	height: 130px;
	}
	.artist h3 {
		margin:0px 10px;
		color: #fff;
		font-weight: bold;
		padding:0;
		font-size: 2em;
		line-height: 130px;
		}
	.artist h3 span {
		display: block;
		padding:3px;
		font-size: .75em;
		}
		.artist h3 a {
			color:#000;
			text-decoration: none;
			}
	.artist .image {
		position: absolute;
		top:10px;
		left:10px;
		margin:0px;
		padding:0px;
		height:130px;
		overflow: hidden;
		width:150px;
		background:#ccc;
		}
		.artist .image img {
			display: block;
			width:100%;
			margin:0px; padding:0px;
			border:0px;
			}
	.artist:hover {
		border:1px solid #e92b8d;
		}
		
/** 

	Artist

**/		
					
.desc {
	clear: both;
	margin:10px 10px 20px 0px;
	padding:5px;
	}
	.desc p {
		width:50%;
		float: left; margin:5px 0px ;
		padding: 0px;
		}

#groups {
	float: right;
	margin:5px;
	}

/* 
	FREQUENTLY ASKED QUESTIONS
*/
.faqs {
	margin:20px 0;
	padding:0px;
	}	
	.faqs dt {
		background:#222;
		padding:10px 10px;
		font-weight: bold;
		margin-bottom:1px;
		font-size: 1.1em;
		}
		.faqs dt:hover {
			background:#fff;
			color:#000;
			}
	.faqs dd {
		padding:20px;
		margin:0px;
		border-bottom:1px solid #ccc;
		font-size: 1.3em;
		}
		
	.faqToTop {
		display: block;
		text-align: center;
		padding: 5px;
		}	
.tags {
	margin:5px 15px;
	padding-left:16px;
	background:transparent url('/images/tags.png') no-repeat left center;
	}
div.postprev {
	padding:5px 20px 5px 0px;
	margin:0px;
	border-bottom:1px dotted #ccc;
	}			
	div.postprev h4, div.postprev h4 a {
	font:10pt Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	}	
	div.postprev p {
		margin:3px 0px;
		font-size:80%;
		}
.pagination {	color:#666; 
	padding: 10px; 
	font:bold 1em Verdana, Arial, Helvetica, sans-serif; 
	margin: 50px 0 10px; text-align:center; clear:both;}
	.pagination p {text-align:center;}
	.pagination p a { border:1px solid #333; }
	.pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {text-decoration:none; padding:10px; }
	.pagination p a:hover {background:#eb5b2c;color:#fff}
	.pagination p span {text-decoration:none;background:#fff;padding:10px; color:#fff}
	.pagination * {margin:0}
	.pagination h4 {margin-top:-2.65em;padding:0;border:none}


/** LIGHTBOX **/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	color:#000;
	}
#lightboxDetails{
	padding-top: 0.4em;
	width: auto;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{  border: none;} 
#lightboxImage { height:450px; }
#overlay img{ border: none; }
#overlay{ background-image: url('/images/overlay.png'); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url('/images/blank.gif');
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/overlay.png", sizingMethod="scale");
	}
	
/** END LIGHTBOX **/
	
	
/* Forces blocks to enclose their floated children */
  .clearfix:after { /* This can be replaced by the alternative fix below if it doesn't kill CatFish */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  /* Don't know why we'd need this rule, but it was here when CatFish worked */
  .clearfix {
    display:block;
	position:relative
  }	
/* 
	TYPOGRAPHY
*/
h1, h2, h3, h4, ul.subnav, ul.pageactions, div.wishlist p, div.topsongs p {
	font-family: Helvetica, Arial, sans-serif;
	line-height: 1em;
	font-weight: normal;
	color: #666;
	letter-spacing: -0.05em;
	margin: 0;
}
h3 strong, h4 strong, div.wishlist p strong, div.topsongs p strong, table.battlesmoduletable tbody strong {
	font-weight: bold;
	color:#000;
}
ul li strong {
	font-weight: bold;
}
h1 {
	font-weight: bold;
	color: #fff;
	font-size: 3em;
}
h1 span {
	font-size: 0.75em;
	font-weight: normal;
	color: #ccc;
	letter-spacing: 0.1em;
}
h1 em {
	font-weight: normal;
	font-style: normal;
}
h1 em.grey {
	color: #ccc;
}
h2 {/* these headigs will be replaced with SiFR */
	font-weight: bold;
	font-size: 2em;
	margin-bottom: 15px;
	color:#eb5b2c;
}
h3 {
	font-size: 1.8em;
	font-weight: normal;
	margin:1em;
}
h3 strong {
	font-weight: bold;
}
.whiteheading, .whiteheading a:link, .whiteheading a:hover, .whiteheading a:active, .whiteheading a:visited {
	text-decoration: none;
	color: #fff;
}
h2 span {
	font-size: 0.8em;
	font-weight: normal;
	letter-spacing: 0;
	color: #ccc;
}
h4, ul#dlc-wishlist li {
	font-size: 1.6em;
}
h4 {
	line-height: 1.2em;
}

p {	
	font-size: 1.2em;
	}
		
		
#userbox {
	position:absolute;
	top:50px;
	left:50%;
	margin-left:200px;
	padding:10px;
	border:1px solid #333;
	background:#111;
	font-size:.9em;
	text-align:center;
	}
	#userbox p {
	
		margin:3px;
		}