/* CSS for ArtCum
Copyright Stormbringer Enterprises */

/* General Settings */

* {
	margin: 0;
	padding: 0;
}

body {
   margin: 0;
   padding: 0;
   color: #0000CD;
   background: #BE5990 url(grfx/topleft.jpg) no-repeat left top;
   font: small Verdana, Geneva, Arial, Helvetica, sans-serif;
   line-height: 150%;
   min-width: 1000px;
   min-height: 1000px;
   position: relative;
}

h2 {
}

h3 {
}

p {
	text-align: justify;
   padding-bottom: 6px;
}

a {
	text-decoration: none;
  color: #00017B;
}

a:hover {
	text-decoration: underline;
}

hr {
  width: 50%;
  margin: 2px auto;
}

.majorlink {
   font-weight: bold;
   font-variant: small-caps;
}

.clear {
	clear: both;
}

.fleft {
   float: left;
   border: 0;
}

.fleftb {
  float: left;
  margin-right: 6px;
}

.fright {
   float: right;
   border: 0;
}

.textblock {
  padding-left: 5%;
  padding-right: 5%;
}

.textblocknj p {
  padding-left: 5%;
  padding-right: 5%;
  text-align: left;
  font-style: italic;
}

.centerimg {
  display: block;
  margin: 10px auto;
}

/* MASTHEAD 
----------------------------------- */

#mast{
    width: 100%;
    height: 200px;
    background: transparent url(grfx/topright.jpg) no-repeat right top;
}

#mast h1, #mast h2, #mast h3 {
   margin-left: -5000px;
}

/* CONTENTS
---------------------------- */


#container {
  width: 100%;
  background: #BE5990 url(grfx/leftside.jpg) repeat-y left top;
}

#container2 {
  width: 100%;
  background: transparent url(grfx/rightside.jpg) repeat-y right top;
}

#contents {
  width: 100%;
  background: transparent url(grfx/botleft.jpg) no-repeat left bottom;
}

#contents2 {
  width: 100%;
  min-height: 800px;
  background: transparent url(grfx/botright.jpg) no-repeat right bottom;
}

#bodycontents {
  width: 78%;
  float: right;
  min-height: 600px;
}

#bodycinnerleft {
  width: 68%;
  float: left;
  min-height: 600px;
  margin-bottom: 150px;
}

#bodycinnerright {
  width: 30%;
  float: right;
  padding-top: 20px;
}


/* NAVIGATION
-------------------------------- */


#nav {
  width: 20%;
  float: left;
}

#nav ul {
  float: right;
  margin-top: 55px;
}

#nav li {
  list-style-type: none;
  list-style-position: outside;
}

#nav img {
  border: 0;
}

/* WHITE BOXES
------------------------------ */

#whitebox {
  width: 98%;
  margin: 10px auto;
}

#whiteboxprev {
  width: 86%;
  margin: 10px auto;
}

#whitebox h2, #whiteboxprev h2 {
  margin-left: -5000px;
}

.wboxtopleft {
  height: 68px;
  background: transparent url(grfx/whtopleft.jpg) no-repeat left top;
}

.wboxmidleft {
  background-color: #FFFFFF;  
  background: #FFFFFF url(grfx/whsideleft.jpg) repeat-y left top;
}

.wboxmidright {
  background: transparent url(grfx/whsideright.jpg) repeat-y right top; 
  padding: 0 60px 0 45px; 
}

.wboxbotleft {
  height: 68px;
  background: transparent url(grfx/whbotleft.jpg) no-repeat left top;
}

.wboxbotright {
  height: 68px;
  background: transparent url(grfx/whbotright.jpg) no-repeat right top;
}

.p1 {
  padding-top: 30px;
}

#wboxhi {
  height: 68px;
  background: transparent url(grfx/whtopright.jpg) no-repeat right top;
}

#wboxart {
  height: 68px;
  background: transparent url(grfx/whtopart.jpg) no-repeat right top;
}

#wboxbore {
  height: 68px;
  background: transparent url(grfx/whtopbore.jpg) no-repeat right top;
}

#wboxsexy {
  height: 68px;
  background: transparent url(grfx/whtopsexy.jpg) no-repeat right top;
}

#wboxtch {
  height: 68px;
  background: transparent url(grfx/whtoptouch.jpg) no-repeat right top;
}

#wboxin {
  height: 68px;
  background: transparent url(grfx/whtopin.jpg) no-repeat right top;
}

#wboxmem {
  height: 68px;
  background: transparent url(grfx/whtopmemb.jpg) no-repeat right top;
}

#wboxmemmov {
  height: 68px;
  background: transparent url(grfx/whtopmov.jpg) no-repeat right top;
}

#wboxmemsty {
  height: 68px;
  background: transparent url(grfx/whtopstory.jpg) no-repeat right top;
}

#wboxnew {
  height: 68px;
  background: transparent url(grfx/whtopnew.jpg) no-repeat right top;
}


/*  RIGHT SIDE LIST
------------------------------------ */

.purplelist {
  width: 160px;
  background: transparent url(grfx/purplistmid.jpg) repeat-y left;
  float: left;
  margin: 20px 0 0 2%;
}

.purplelisttop {
  background: transparent url(grfx/purplisttop.jpg) no-repeat left top;
  height: 12px;
}

.purplelistbot {
  background: transparent url(grfx/purplistbot.jpg) no-repeat left bottom;
  height: 12px;
}

.bluelist {
  width: 160px;
  background: transparent url(grfx/bluelistmid.jpg) repeat-y left;
  float: left;
  margin: 20px 0 0 2%;
}

.bluelisttop {
  background: transparent url(grfx/bluelisttop.jpg) no-repeat left top;
  height: 10px;
}

.bluelistbot {
  background: transparent url(grfx/bluelistbot.jpg) no-repeat left bottom;
  height: 10px;
}

.purplelist p, .bluelist p, .bluelist h3 {
  padding: 0 10px;
  font-size: smaller;  
  color: #C2C2C2;
  text-align: center;
}

.bluelist li {
  list-style-type: none;
  padding-left: 20px;
  font-size: smaller;  
}


/* COPYRIGHT FOOTER
------------------------------------ */

#copy {
   position: absolute;
   right: 40px;
   bottom: 10px;
   padding: 5px;
}

#copy p {   
   text-align: right;
   font-style: italic;
   font-weight: bold;
   color: #B7B7B7;
}

#copy a {
  color: #7191BB;
}


/* PREVIEWS 
-------------------------------- */

#prev {
  width: 94%;
  margin: 0 auto;
}

#prev li {
  float: left;
  list-style-type: none;
  margin: 10px;
}

#prev img {
  border: 0;
}

#prevspacer {
  height: 150px;
  clear: both;
}

/* CONTACT
-------------------------------- */

#contform {
  width: 400px;
  margin: 0 auto;
  padding-top: 20px;
  clear: both;
}


/* MEMBERS - MOVIE and STORY THUMBS
-------------------------- */

#tlist {
  width: 94%;
  margin: 0 auto;
	padding-top: 10px;
}

#tlist a {
	border-bottom: none;
}

#tlist li {
   list-style-type: none;
	float: left;
	margin: 10px;
}

#tlist h4 {
	clear: both;
	margin-top: 30px;
}


/* MEMBERS - STORY TEXT LINKS
-------------------------- */

#txlist {
  width: 94%;
  margin: 0 auto;
	padding-top: 10px;
}

#txlist a {
	border-bottom: none;
}

#txlist li {
   list-style-type: none;
	margin: 10px;
}

#txlist h4 {
	clear: both;
	margin-top: 30px;
}

/* ALT JOIN
----------------------------- */

#altjoin {
  width: 235px;
  margin: 0 auto;
}

/* UPDATES
----------------------------- */

#update {
  width: 94%;
  margin: 0 auto;
}

#update h3 {
  padding: 20px 0 6px 0;
}

#update li {
  list-style-type: none;
  margin: 10px;
}

#update span {
  font-weight: bold;
  display: block;
}