/* CSS for Making The Empire Cross            */
/* Kuuki december 2005                        */
/*--------------------------------------------*/

html
{
 margin: 0;
 padding: 0;
}


body
{
  margin: 0px;
  padding: 0px;
  min-width: 740px;
  color: #ddd;
  background: #202020;
  font-family: Verdana, Geneva, Arial, sans-serif;
  font-size: 11px;
  font-weight: lighter;
  line-height: 15px;
 }


/* basic type                                 */
/*--------------------------------------------*/
h1 {
 font-size: 1.2em; 
 font-weight: lighter;
 color: #F26AA8;
}

h2 {
 font-size: 1.2em; 
 font-weight: lighter;
 color: #F26AA8;
}

h3{
 font-size: 1.2em; 
 font-weight: lighter;
 color: #F26AA8;
}

img {
 border: none; 
}

a {
 color: #eee;
 text-decoration: none; 
 font-weight: normal;
}

a:link {
  color: #eee;
font-weight: normal;
}
a:visited {
  color: #F4CEDD;
}
a:hover {
  color: #da1f6d;
}

p {
line-height: 140%; }


.posted {
 font-size:0.8em;
 color: #aaa;
}


/* main container div                         */
/* use: contains all page div tags            */
/* scope: all pages in site                   */
/*--------------------------------------------*/

div#container
{
  background: #171717 url(images/bkgcolor.gif); 
  width: 980px;
  margin: 0 auto;
}


/* header                                     */
/* use: page header  scope: whole site        */
/*--------------------------------------------*/
div#header
{
  top: 0px;
  height: 40px;
  width: 660px;
  text-align: left;
  background-image: url(images/header.gif);
  background-repeat: no-repeat;
  background-color: #171717;
  border-top: 5px #8c1442 solid;
  padding-top: 90px;
  padding-left:320px;
 }
 
 

/* the footer div                             */
/* use: page footer scope: whole site         */
/*--------------------------------------------*/
div#footer 
{
  clear:left;
  position:relative;
  bottom:0px;
  width:100%;
}



/* page content div */
/* use: div to contain content for page */
/* scope: all pages */
/*--------------------------------------------*/
div#content { 
position: relative; 
width:980px;
min-height: 400px;
background: #171717 url(images/bkgcolor.gif); 
padding-top:20px;
padding-bottom:40px;
}



/* entry div */
/* use: to contain each entry */
/*scope: about cat page */
/*--------------------------------------------*/
.entry {
  padding-bottom:20px;
}



/* two col section layout: section menu */
/* use: for the display of categories with one col for menu other for entry data */
/* scope: all two col layout pages - sections: about, episode frame, cast members  */
/*--------------------------------------------*/

div#section-menu {
  float:left;
  width:200px;
  margin-left:30px;
  margin-right:30px;
  margin-top:6px;
  padding-left:10px;
  padding-right:10px;
  padding-bottom:10px;
  /* background: url(images/pattern.gif); */
}

div#section-image {
  float:left;
  width:200px;
  margin-left:30px;
  margin-right:60px;
  margin-top:5px;
  padding-left:10px;
  padding-right:10px;
  padding-bottom:10px;
}


/*two col layout: section content */
/* use: div to display page content */
/* scope: all two col layout pages - sections: about, episode frame, cast members  */ 
/*--------------------------------------------*/
div#section-content {
  float:left;
  width:640px;
  margin-right:20px;
  padding-bottom:40px; }



/* single-block is used to create one div that fills the content container */
/* use: primarily for display of large images */
/* scope: index, indiviudal cast, individual episodes */
/*--------------------------------------------*/

div#single-block
{
  padding:5px;
 }


/* menu grid - cell - cell image - cell p*/
/* use: for layong out category menu grid */
/* scope: starring menu, episode menu */
/*--------------------------------------------*/

div#menu-grid
{
  width:900px;
  margin-left:30px;
  margin-right:30;
}

.menu-cell-text
{
  float:left;
  margin-left:30px;
  width: 820px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 10px;
  margin-right:80px;
  margin-bottom:20px;
  background: url(images/pattern.gif);
}

.menu-cell
{
  float:left;
  margin-bottom:10px;
  text-align: center;
  width: 280px;
  height: 280px;
  padding: 10px;
}

.menu-cell-video
{
  float:left;
  margin-bottom:10px;
  width: 220px;
  padding: 10px;
  margin-left: 40px;
}

.menu-cell img
{
  margin: 5px;
 }

.menu-cell p
{
 }


/* 1 col table*/
/* use: table 1 col only */
/* scope: starring  */
/*--------------------------------------------*/

div#menu
{
  padding:5px;
}

.menu-row
{
  float:left;
  text-align: center;
  width: 900px;
  margin-left:30px;
  margin-right:30px;
  min-height: 350px;
}

.menu-image{
  margin-right:40px;
  padding-top:10px;
  padding-bottom:50px;
  width:200px;
  float: left;
}

.menu-text {
  float: left;
  width:600px;
  margin-bottom:20px;
  text-align:left;
}



.menu-row-small
{
  float:left;
  text-align: center;
  width: 890px;
  margin-left:30px;
  margin-right:40px;
  min-height: 250px;
}


/* the strecther div */
/*use: to stretch the content div when it contains floated divs */
/* scope: anywhere wher there  float left divs in the content div */
/*--------------------------------------------*/

div#stretcher
{
  height:1px;
  clear:both;
}


/*side list*/
/*use: for vertical side menu*/
/*scope: the about section*/
/*--------------------------------------------*/


/*side list*/
/*use: for vertical side menu*/
/*scope: the about section*/
/*--------------------------------------------*/

/*side list*/
/*use: for vertical side menu*/
/*scope: the about section*/
/*--------------------------------------------*/

ul.side-list
{
  padding-left: 0px;
  margin-left:0px;
  list-style:none;
}


li.side-list-item
{
  padding:2px 0 3px 11px;
  margin-bottom:12px;
  background: url(http://making-the-empire-cross.com/images/li.jpg) no-repeat top left;
  border-top:1px dotted #888;
}



ul.link
{
  padding-left: 0px;
  margin-left:0px;
  list-style:none;
}


li.link
{
  padding:2px 0 3px 11px;
  background: url(http://making-the-empire-cross.com/images/li.jpg) no-repeat top left;
}


/* sticker */
/* use: div for sticker that apoppears at bottom of pages */
/*--------------------------------------------*/
div#sticker {
  clear: none;
  position: absolute;
  bottom: 00px;
  right: 0px; }


div#checkout{
  padding-left:140px;
  text-align:left;
}


/* image class definitions */
/*--------------------------------------------*/

.image-right{
  float:right;
}

.image-left
{
  float:left;
  padding-right:10px;
  padding-bottom:10px;
}