/*
CSS: SomethingDark
Copyright(C)2009 Something Something ltd. All rights reserved.
*/

/* --------------------------------------------------------------- MAIN */
body {
	background-color: #FFFFFF;
	background-image: url(background.jpg);
	background-repeat: repeat-x;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
/*	font-size: 0.8em;*/
	font-size: 80%;
	padding: 0px;
	margin: 0px;
}
form {
	margin: 0;
	padding: 0;
}
table {
	margin: 0px;
	padding: 0px;
}
p {
	text-align: left;
}

a {
	color: #000000;
}
a:hover {
	color: #777777;
}

div {
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
}

/* ------------------------------------------------------------- DISCLAIMER */
#disclaimerScreenObject {/*, div.disclaimer {*/
	background-color: #660000;
	border: 3px solid #999999;
	color: #FFFFFF;
	padding: 10px;
	line-height: 1.4em;
}
#disclaimerScreenObject h3 {/*, div.disclaimer h3 {*/
	font-size: 1.4em;
	padding-bottom: 15px;
}
#disclaimerScreenObject p {/*, div.disclaimer p {*/
	font-size: 1.1em;
}
#disclaimerScreenObject input {/*, div.disclaimer input {*/
	background-color: #EEEEEE;
	border: 2px solid #000000;
	font-weight: bold;
	margin-top: 15px;
	height: 30px;
	width: 120px;
}

/* ------------------------------------------------------------- MAIN MENU */
div.mainMenu {
	margin: 0 auto;
	padding-top: 12px;
	height: 28px;
	width: 1000px;
}
div.mainMenu a {
	color: #FFFFFF;
	font-size: 1.1em;
	font-weight: bold;
	margin-right: 20px;
	text-decoration: none;
}
div.mainMenu a:hover {
	color: #9C9C9C;
}

/* ------------------------------------------------------------- HEADER */
div.header {
	margin: 0 auto;
	width: 1000px;
	padding-top: 29px;
}

/* ------------------------------------------------------------- SLIDER */
div.slider {
	background-color: #3C3C3C;
	border: 2px solid #525252;
	margin: 0 auto;
	margin-top: 35px;
	margin-bottom: 40px;
	width: 1000px;
	height: 112px;
}
div.slider table {
	border-collapse: collapse;
}
div.slider table td {
	vertical-align: top;
}
#slider {
	overflow:hidden;
/*	background-color: #3C3C3C;*/
/*	border: 2px solid #525252;*/
	margin: 0 auto;
/*	margin-top: 35px;
	margin-bottom: 40px;*/
	width: 953px;
	height: 112px;
}
#slider img { display: inline; border: none; }
div.slider-left, div.slider-right {
	display: inline;
	cursor: pointer;
	padding: 0px;
	margin: 0px;
}
div.slider-left img, div.slider-right img {
	width: 10px;
}

/* ------------------------------------------------------------- CONTENT */
div.content {
	margin: 0 auto;
	width: 1020px;
	padding-bottom: 15px;
}
div.content h1 {
	font-size: 1.2em;
}
div.content h1.issue {
/*	position: relative;
	top: 748px;
	height: 0px;
	padding: 0px;
	margin: 0px;
	right: 7px;
	text-align: center;*/
	color: #999999;
	padding: 12px 0px 0px 0px;
	margin: 0px;
	text-align: center;
}
div.content h2 {
	font-size: 1.1em;
}
div.content h3 {
	font-size: 1em;
	padding-left: 5px;
}
div.content h3 a {
	text-decoration: none;
}
div.content h4 {
	font-size: 1em;
	margin: 0px;
	padding-left: 20px;
}
div.content img {
	border: none;
}

/* ------------------------------------------------------------- PROFILE IMAGES */
div.images {
	float: left;
	width: 250px;
	margin-right: 10px;
}

/* ------------------------------------------------------------- GALLERY TABLE */
table.gallery td {
	vertical-align: middle;
	text-align: center;
	width: 250px;
}

/* ------------------------------------------------------------- CONTRIBUTOR LIST TABLE */
table.contributorList {
	padding-left: 25px;
}
table.contributorList td {
	padding-right: 10px;
	vertical-align: top;
}
table.contributorList td h3 {
	margin: 0px;
}

/* ------------------------------------------------------------- FETISH LIST TABLE */
/*table.fetishes {
	width: 500px;
}
table.fetishes th {
	text-align: left;
}
table.fetishes td {
	padding-right: 10px;
	vertical-align: top;
}
table.fetishes td h3 {
	margin: 0px;
}*/

/* ------------------------------------------------------------- PROFILE CONTENT */
div.profile {
	background-color: #EEEEEE;
	border: 1px solid #DDDDDD;
	float: left;
	margin-right: 10px;
	padding: 0 10px 0 10px;
	width: 458px;
}

/* ------------------------------------------------------------- PROFILE CONTRIBUTIONS */
div.contributions {
	background-color: #EEEEEE;
	border: 1px solid #DDDDDD;
	float: left;
	padding-bottom: 10px;
	width: 248px;
}
div.contributions a {
	padding: 0 0 0 5px;
}
div.contributions p {
	padding: 0 10px 0 10px;
	margin: 3px 0 0 0;
}

/* ------------------------------------------------------------- CREDITS */
div.credits {
	clear: both;
	background-color: #454545;
	background-image: url(credits.jpg);
	background-repeat: repeat-x;
	font-size: 0.9em;
	margin: 0 auto;
	padding: 20px 0 10px 0;
}
div.credits h1 {
	color: #9C9C9C;
	font-size: 1.5em;
	margin: 0px;
	padding: 15px 0px 10px 0px;
}
div.credits {
	color: #9C9C9C;
	font-weight: bold;
	padding: 5px 10px 5px 15px;
}
div.credits a {
	color: #6C6C6C;
	text-decoration: none;
}
div.credits a.contributor, div.credits a.resource {
	margin: 0px 25px 0px 00px;
}
div.credits a.active {
	color: #9C9C9C;
	font-weight: bold;
}
div.credits a:hover {
	color: #FFFFFF;
}
div.credits table {
	border-top: 1px solid #4D4D4D;
	padding: 0px 20px 0px 20px;
	width: 100%;
}
div.credits table tr {
	border-bottom: 1px solid #4D4D4D;
}
div.credits table th {
	color: #AAAAAA;
	text-align: left;
	padding-right: 15px;
}
div.credits table td {
	color: #9C9C9C;
/*	width: 12%;*/
	font-weight: normal;
}
div.credits table td b {
	color: #FFFFFF;
	font-size: 0.75em;
	vertical-align: top;
}
div.credits p {
	padding: 0px;
	margin: 0px 0px 5px 0px;
}

/* ------------------------------------------------------------- SITEMAP BOX */
div.box {
	background-color: #EEEEEE;
	border: 5px solid #DDDDDD;
	padding: 5px 10px;
	margin-bottom: 10px;
}
div.box h2 {
	margin: 0px;
}
div.box ul {
	list-style: disc;
	list-style-position: inside;
	margin-left: 20px;
}

/* ------------------------------------------------------------- FOOTER */
div.footer {
	color: #FFFFFF;
	background-color: #080808;
	background-image: url(footer.jpg);
	background-repeat: repeat-x;
	font-size: 0.8em;
	margin: 0 auto;
	padding: 30px 0 10px 0;
	width: 100%;
}
div.footer a {
	color: #FFFFFF;
	padding: 5px 10px 5px 10px;
	text-decoration: none;
}
div.footer a:hover {
	color: #9C9C9C;
}
div.footer a.logo {
	border: 1px solid #FFFFFF;
	display: inline-block;
	padding: 0px;
	margin: 10px;
}
div.footer a.logo:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
div.footer div.nochex {
	color: #888888;
	position: relative;
	bottom: 40px;
	left: 100px;
	width: 200px;
}
div.footer div.nochex a {
	color: #888888;
	padding: 0px;
}

/* ------------------------------------------------------------- INPUT TABLE */
table.input {
	border: 1px solid #DDDDDD;
	background-color: #FFFFFF;
	width: 100%;
	margin-top: 25px;
}
table.input thead th {
	text-align: center;
	background-color: #FAFAFA;
	padding: 5px;
}
table.input tbody th {
	font-size: 0.8em;
	text-align: left;
	padding: 5px 5px 5px 15px;
}
table.input td {
	padding: 1px;
}
table.input tbody td input, table.input tbody td textarea, table.input td select{
	border: 1px solid #888888;
}
div.req {
	color: #CC0000;
	font-weight: bold;
	font-size: 1.1em;
	display: inline;
	padding-left: 5px;
}


/* --------------------------------------------------------------- LATEST NEWS ETC. */
div.newsEntry {
	border-top: 1px solid #DDDDDD;
	padding: 5px 2px 2px 2px;
	margin: 20px 0 0 0;
}
div.newsEntry:hover {
	background-color: #F1F1F1;
}
h2.entry {
	font-size: 0.9em;
	display: block;
	padding: 0px;
	margin: 0px;
}
p.date {
	font-size: 0.8em;
	padding: 0px;
	margin: 0px 0px 6px 0px;
}
p.news {
	font-size: 0.95em;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}
div.newsEntry ul {
	padding: 0px 0px 0px 35px;
}
div.newsEntry li {
	list-style: circle;
	padding-bottom: 10px;
}
a.readMore {
	text-decoration: none;
	font-weight: bold;
}
h2.entry span.category a {
	font-size: 0.75em;
	float: right;
	text-decoration: none;
}
div.latest-news-bar {
	background-color: #555555;
	color: #EEEEEE;
	font-weight: bold;
	padding: 5px 10px;
}
div.latest-news-bar a {
	text-decoration: none;
	color: #EEEEEE;
}
div.latest-news-bar a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
div.newsEntry table {
	width: 100%;
	margin: 10px 0px 15px 0px;
}
div.newsEntry table td {
	text-align: center;
	width: 33%;
}

/* ------------------------------------------------------------- SHOP */
div.shopContainer {
	border: 1px solid #666666;
/*	width: 300px;*/
	padding: 5px 10px;
	margin: 5px;
	float: left;
}
div.shopContainer h3 {
	padding: 5px 0px 10px 0px;
}
div.shopContainer ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
div.shopContainer li {
	display: block;
	font-size: 0.9em;
	padding: 0px;
	margin: 5px 0px;
}
div.shopContainer li a {
	display: block;
	border: 1px solid #EEEEEE;
	padding: 5px;
	margin: 0px;
	text-decoration: none;
}
div.shopContainer li a:hover {
	background-color: #888888;
	border: 1px solid #444444;
	color: #FFFFFF;
}

/* Product view */
div.shopProduct {
	border: 1px solid #CCCCCC;
	padding: 5px 10px;
	margin: 5px 0px;
}
div.shopProduct img {
	float: left;
	padding: 3px 10px 0px 0px;
}
div.shopProduct img.extra {
	float: right;
	cursor: pointer;
	padding-top: 8px;
	position: relative;
	left: 12px;
}
div.shopProduct p {
	margin-top: 0px;
}
div.productInfo {
	float: right;
	padding-left: 10px;
	width: 85px;
}
div.productInfo p {
	margin-bottom: 8px;
}
div.shopContainer input {
	border: 1px solid #888888;
}
/* Additional Info */
div.additional {
	border-left: 2px solid #CCCCCC;
	clear: both;
	display: none;
	margin-left: 73px;
	padding-left: 10px;
}
div.additional h3 {
	text-decoration: underline;
	font-size: 0.9em;
}
div.additional p.goLook {
	padding-left: 10px;
}
/* Shop Basket */
div.shopBasket {
	border: 1px solid #CCCCCC;
	padding: 5px;
	margin: 5px 0px;
}
div.shopBasket img {
	float: left;
	padding: 0px;
	margin: 0px;
}
div.shopBasket p {
	margin-top: 0px;
}
div.shopBasket form {
	text-align: right;
}

/* Summary */
table.shopSummary {
	border: 1px solid #DDDDDD;
	background-color: #FFFFFF;
	margin-top: 5px;
	width: 100%;
}
table.shopSummary thead th {
	text-align: left;
	background-color: #FAFAFA;
	padding: 5px;
}
table.shopSummary tbody th {
	text-align: left;
	padding: 5px;
}
table.shopSummary td {
	padding: 5px;
}

input.basketButtonRemove {
	background-image: url(cartSummaryDelete.gif);
	width: 12px;
	height: 12px;
	cursor: pointer;
	padding: 6px 0px 0px 0px; 
	margin-left: 8px;
	overflow: hidden;

	position: relative;
	top: 10px;
}

/* --------------------------------------------------------------- BEDONE */
div.bedone {
	display: block;
	clear: both;
}

/* --------------------------------------------------------------- ERRORS and MESSGAES */
div.error {
	color: #CC0000;
	background-color: #EEEEEE;
	font-weight: bold;
	border: 1px solid #CC0000;
	margin: 0px;
	padding: 10px;
}
div.error p {
	padding: 0px;
	margin: 0px;
}

/* --------------------------------------------------------------- LIGHTBOX */
#lightbox {
	background-color: #FAFAFA;
	padding: 10px;
	border: 5px solid #888888;
	font-size: 1.1em;
	line-height: normal;
}
#lightboxDetails {
	font-size: 0.8em;
	padding-top: 0.4em;
}	
#lightboxCaption { float: left; }
#keyboardMsg { float: right; }
#closeButton { top: 5px; right: 5px; }
#lightbox img { border: none; clear: both; }


/* --------------------------------------------------------------- IE/FIREFOX COMPATIBILITY FIXES */
.clearfix {
/*	display: inline-block;*/
}  
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}