/* CSS for Shokuyu 
Copyright Stormbringer Enterprises */

/* General Settings */

* {
	margin: 0;
	padding: 0;
}

body {
   margin: 0;
   padding: 0;
   background-color: #000000;
   color: #C2C2C2;
   background-image: url(siteimgs/backing.gif);
   font: small Verdana, Geneva, Arial, Helvetica, sans-serif;
   line-height: 150%;
   min-width: 1000px;
}

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

h2 {
   line-height: 180%;
   padding-bottom: 30px;
}

h3 {
   line-height: 160%;
   padding-bottom: 6px;
}

a {
	color: #A9A9A9;
	text-decoration: none;
}

a:visited {
	color: #808080;
}

a:hover {
	color: #C0C0C0;
	text-decoration: underline;
}

.clear {
	clear: both;
}

.fleft {
   float: left;
   margin: 0 15px 5px 0;
}

.fright {
   float: right;
   margin: 0 0 5px 15px;
}

.highlightbox {
  color: #00FF82;
  border: 3px double #FF0000;
  padding: 10px;
  text-align: center;
  font-weight: bold;
}

/* HEADER AREA
------------------------------------ */

#masthead {
   height: 193px;
   width: 966px;
   background-image: url(grfx/shead.jpg);
   background-repeat: no-repeat;
   background-position: left top;
   border: 1px solid #008E01;
   margin: 12px auto 0 auto;
}

#masthead h1 {
	margin-left: -5000px;
}

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

#nav {
   width: 966px;
   height: 40px;
   margin: 0 auto;
   border-left: 1px solid #008E01;
   border-bottom: 1px solid #008E01;
   border-right: 1px solid #008E01;
}

#nav img {
   border: 0;
}


/* BOTTOM NAV
---------------------------------- */

#navbot {
   clear: both;
   font-variant: small-caps;
   font-weight: bold;
   text-align: center;
   padding-bottom: 10px;
}

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

#content {
   width: 966px;
   margin: 0 auto;
   background-image: none;
   border-left: 1px solid #008E01;
   border-right: 1px solid #008E01;
}

#colleft {
   width: 210px;
   float: left;
}

#colleftcontents {
   margin: 40px 10px 20px 10px;
}

#colmain {
   width: 750px;
   float: right;
}

#colmaininner {
   width: 500px;
   float: left;
}

#colmaincontents {
   margin: 40px 10px 20px 10px;
}

#colright {
   width: 245px;
   float: right;
}

#colrightcontents {
   margin: 60px 20px 20px 0;
}

/* JOIN PAGE CONTENTS
----------------------------- */


#jcolleft {
   width: 600px;
   float: left;
}

#jcolright {
   width: 360px;
   float: right;
}

#jcolleftcontents, #jcolrightcontents {
   margin: 40px 10px 20px 10px;
}

#jcolleftcontents a, #jcolrightcontents a {
  font-variant: small-caps;
  font-weight: bold;
  color: #FFFFFF;
}

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

#mcontent {
   width: 966px;
   margin: 0 auto;
   background-image: none;
   border-left: 1px solid #008E01;
   border-right: 1px solid #008E01;
}

#mcontent h3 {
   font-variant: small-caps;
}

#mcolleft {
   width: 210px;
   float: left;
}

#mcolleftcontents {
   margin: 70px 10px 20px 20px;
}

#mcolmain {
   width: 750px;
   float: right;
}

#mcolmaininner {
   width: 500px;
   float: left;
}

#mcolmaincontents {
   margin: 40px 10px 20px 10px;
}

#mcolright {
   width: 245px;
   float: right;
}

#mcolrightcontents {
   margin: 70px 20px 20px 30px;
   text-align: right;
}

#mcolleftcontents li {
   list-style-position: inside;
   font-weight: bold;
   font-variant: small-caps;
   font-size: 120%;
   line-height: 180%;
}

#mcolrightcontents li {
   list-style-position: inside;
   font-weight: bold;
   font-variant: small-caps;
   font-size: 110%;
   line-height: 165%;
}

#mcolleftcontents h3, #mcolrightcontents h3 { 
   font-size: 150%;
   font-family: "MS Serif", "New York", serif;
   padding-bottom: 15px;
}

/* FRIENDS
---------------------------- */

#friends {
   width: 190px;
   margin: 0 auto;
   padding: 12px 0;
   background-color: #708090;
   border: 2px solid #006400;
}

#friends2 {
   width: 300px;
   margin: 0 auto;
   padding: 12px 8px;
   background-color: #708090;
   border: 2px solid #006400;
}

#friends h3, #friends2 h3 {
   text-align: center;
   font-weight: bold;
   font-size: 140%;
   font-variant: small-caps;
   color: #00016F;
}

#friends li {
   list-style-type: none;
}

#friends img {
   display: block;
   margin: 12px auto;
}

#friends2 p {
  text-align: center;
}

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

#copy {
   width: 966px;
   margin: 0 auto 12px auto;
   border: thin solid #008E01;
   clear: both;
}

#copy p {
	text-align: right;
   padding: 20px;
}

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

#picgal {
   width: 800px;
   margin: 0 auto;
   padding: 40px 0;
}

#picgal li {
   list-style-type: none;
   padding: 12px;
   float: left;
}

#picgal img {
   border: 0;
}


/* MOVIE THUMBS
----------------------------------- */

#movgal {
   width: 680px;
   margin: 0 auto;
   padding: 40px 0;
}

#movgal li {
   width: 200px; 
   list-style-type: none;
   padding: 12px;
   float: left;
   text-align: center;
}

#movgal img {
   border: 0;
   display: block;
   width: 175px;
   margin: 0 auto;
}


/* MOVIE CLIP THUMBS
----------------------------------- */

#clipgal {
   width: 600px;
   margin: 0 auto;
   padding: 40px 0;
}

#clipgal li {
   list-style-type: none;
   padding: 12px;
   float: left;
}

#clipgal img {
   border: 0;
}


/* GAME LISTING
----------------------------- */

#gamelist {
   margin: 30px 0;
}

#gamelist li {
   list-style-type: none;
   clear: both;
   text-align: justify;
}

#gamelist span {
   font-weight: bold;
}

#gamelist img {
   float: left;
   padding: 0 12px 22px 0;
   padding-right: 12px;
}

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

#update {
   margin: 30px 20px;
}

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