/* Start of CMSMS style sheet 'main css' */
/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/
* {
margin:0;
padding:0;
}

/*
Set initial font styles
*/
body {
   text-align: left;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 75.01%;
   line-height: 20px !important;
   background-color: #ff0000;
}

.clearBoth {
display: block;
clear: both;
line-height: 1px;
height: 1px;
}

hr {
margin: 10px 0;
border: 0;
background-color: #DA0000;
height: 1px;
}

img {
border: 0px;
}

a {
color: #000;
font-weight: bold;
text-decoration: none;
}

#leftColumn a, #middleColumn a, #rightColumn a {
color: #fff;
}

p {
margin: 10px 0;
}

body.splashscreen {
background-image: url('images/body-bg.gif');
background-position: 50% 0;
color: #fff;
}

.splashscreen #logo {
margin-left: 40px;
float: left;
}

.splashscreen #fetishlink {
margin-left: 8px;
float: left;
}

div.splashscreen {
width: 655px;
margin: 130px auto 10px;
}

div.splashscreen img {
display: block;
margin: 0 auto;
}

div.splashscreen a img {
display: inline;
}

div.splashscreen div#middle {
display: block;
float: left;
background-color: #660000;
width: 330px;
margin: 0 auto 0;
padding: 6px 11px 6px 11px;
font-size: 14px;
color: #d9bfbf;
line-height: 20px;
text-align: center;
}

#left, #right {
display: block;
float: left;
width: 150px;
}

div.splashscreen p {
margin: 10px 0;
}

.splashscreen div#rightImage {
padding: 0;
margin: 0;
float: left;
width: 150px;
height: 337px;
margin-top: 10px;
}

#enter {
margin-right: 50px;
}

#header {
background-image: url('images/logo-small.gif');
background-repeat: no-repeat;
background-position: top left;
height: 260px;
padding: 0 0 0 380px;
margin-bottom: 10px;
}

#header ul {
color: #fff;
list-style-type: none;
font-weight: bold;
font-size: 12px;
margin: 40px 0 10px;
float: left;
display: block;
}

#header ul li {
float: left;
width: auto;
background-image: url('images/nav-underbg.gif');
background-repeat: no-repeat;
background-position: right 0;
margin: 0 10px;
}

#header ul li a {
display: block;
line-height: 16px;
height: 16px;
padding-bottom: 17px;
color: #fff;
text-decoration: none;
}

#header ul li a:link {background-color: red;}
#header ul li a:visited {background-color: red;}
#header ul li a:hover {background-color: transparent;}
#header ul li a:active {background-color: transparent;}

#leftColumn {
text-align: right;
width: 355px;
padding: 0 25px 0 0;
float: left;
position: relative;
}
#leftColumn img {
margin-bottom: 18px;
}

#middleColumn {
float: left;
display: block;
line-height: 20px;
width: 568px;
color: #333333;
line-height: 20px;
}

#middleColumn h2 {
font-size: 14px;
font-weight: bold;
}

#middleColumn ul {
padding-left: 20px;
}

#middleColumn p {
/* margin: 10px 0; */
}

a.thickbox {
background-color: red;
border: 0px;
height: auto;
width: auto;
}

li.thumb {
height: 150px;
width: 150px;
line-height:150px;
/* border: 1px solid #BF0000;*/
}

li.thumb a {
display: inline;
padding: 0;
}

li.thumb a img {
vertical-align: middle;
display: inline;
}

.albumlist li.thumb {
line-height: 20px;
height: auto;
border: 0;
width: auto;
}

.albumlist li.thumb a {
border: 0;
}

.img-overlay-grunge {
position: absolute;
top: 0px;
left: 61px;
z-index: 50;
}

#rightColumn {
position: relative;
float: left;
width: 300px;
}

#rightColumn img {
margin-bottom: 18px;
}

#rightColumn .img-overlay-grunge {
left: 0px;
}

div.code {
border: 1px solid black;
padding: 4px 10px;
background-color: #fff;
font-family: monospace;
font-size: 12px;
}
/* End of 'main css' */