/* 
  Style Sheet for sablesword.com
  by Sablesword 
*/
body {  
  background-color : #F8EFC0;
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    background-image: url(images/bg1.gif); background-repeat: repeat;
    text-align: center;
    padding-top: 20px;
  margin: 0px; 
  }

/* 
  Here are the site house-styles 
*/

.left {text-align: left;}

h1.title {
text-decoration: underline;
margin-top: 0em;
margin-bottom: 1em;
}

h2 {
margin-top: 0em;
margin-bottom: 0.5em; 
}

h2.story {
margin-top: 1em;
margin-bottom: 0em;
}

h3.story {
  margin-top: 0em;
  margin-bottom: 0.5em;
  font-style: italic;
}

p {
	margin-top: 0em;
	margin-bottom: 0.5em;
	text-align: left;
}

p.centered {
	margin-top: 0em;
	margin-bottom: 0.5em;
	text-align: center !important;
}


p.single {
  margin-top: 0em;
  margin-bottom: 0.2em !important;
}

p.double {
  margin-top: 0em;
  margin-bottom: 1em !important;
}

table { 
	margin-left: auto;
	margin-right: auto;
}

td { min-width: 150px; }

table.gallery {
  margin-left: auto;
  margin-right: auto;
}

table.gallery td {
   min-width: 150px;
   border-width: 1px;
   padding: 5px;
   border-style: solid;
   border-color: gray;
   text-align: center;
   vertical-align: baseline;
}

table.gallery td.vcentered {
   min-width: 150px;
   border-width: 1px;
   padding: 5px;
   border-style: solid;
   border-color: gray;
   text-align: center;
   vertical-align: middle;
}

table.borderless {
  margin-left: auto;  
  margin-right: auto;
}

table.borderless td {
   min-width: 150px;
   border-width: 1px;
   padding: 5px;
   border: none;
   text-align: center;
   vertical-align: baseline;
}

/* 
Fancy horizontal rules between sections of text
*/

hr.fancy1 {
   height:2px;
   width:40%;
   color:#C30;
   background-color:#C30;
}

/* 
The common link style: No underline except when hovering
*/

A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: underline; color: red;}

/* 
Marked External Links
*/

a.external {
    background: url(images/external.png) center right no-repeat;
    padding-right: 13px;
}

/*
The following is for lists of links (etc) without bullets or indentation
*/


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

ul.NoBullet li {
margin-top: 0em;
margin-bottom: 0.5em;
}

li.biglist {
  text-align: center;
  font-size: 1.17em;  
  font-weight: bold;
  font-style: italic;
}

ul.novel {
  list-style-type: none;
  margin-left: 0px;
  padding-left: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

ul.novel li {
  margin-top: 0em;
  margin-bottom: 0em;
}

ul.hang {
   list-style-type: none;
   margin-left: 0;
   padding-left: 11em;
   text-indent: -11em;
}

ul.hang li {
margin-top: 0em;
margin-bottom: 0.5em;
}

/*
As above but with bullets and indentation for sublists
*/

ul.chapter {
  list-style-type: square;
  margin-top: 0em;
  margin-bottom: 1em;
  padding-top: 0px;
  padding-bottom: 0px;
}

ul.chapter li {
  margin-top: 0em;
  margin-bottom: 0.5em;
}

/* 
submenu made visible when hovering over the parent link
*/

ul.submenu {
  display: none;
  list-style-type: circle;
}

/* old submenu commented out
li:hover ul.submenu {
  display: inline;
  position:absolute;
  right:5px;
  background:#ffeebb;
}
*/

li:hover ul.submenu {
  display: inline;
  position:absolute;
  margin-right: 0.5em;
  padding-right: 0.5em;
  margin-left: 0em;
  padding-left: 1em;
  white-space:nowrap;
  left:6.5em;
  overflow:visible;
  background:#ffeebb;
  border-top:solid medium black;
  border-bottom:solid medium black;
}
/*
horizontal list
*/

ul.horz {
  list-style-type: none;
  margin-top: 0em;
  margin-bottom: 0.5em;
  padding: 0px;
}

ul.horz li {
  display: inline;
  margin-left: 2em;
  margin-right: 4em;
  font-weight: bold;
}

li.gray {
  color:#D3D3D3;
  background-color:transparent;
}


/* 
  This is the header of each page 
*/
#headbox {
  padding-left: 8em;
  margin-left: 4em;
  margin-right: 4em;
}  

/* 
  This is the main box for pages with a sidebar
*/
#mainbox {
padding-left: 8em;
padding-bottom: 30px;
margin-left: 4em;
margin-right: 4em;
}  

/* 
  This is the left-hand sidebar 
*/
#sidebox {
  position:absolute;
  left:20px;
  top:194px;
  padding: 20px;
  width: 6em;
  border-right: solid medium Black;
  text-align: left;
}
/* 
  was width: 10%;
*/

#sidebox a {font-weight:bold;}

/* 
  This is the full-sized drawing diplay 
*/
#displaybox {
  margin-left: auto;
  margin-right: auto;
}
#displaybox h1.title {
     text-decoration: none;
     margin-bottom: 0em;
     margin-top: 0em;
}
#displaybox a {
     margin-top: 0em;
     padding-top: 0px;
}

/* 
  This is the artist comments below the drawings
*/
#commentbox {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
	padding-bottom: 30px;
} 

#commentbox p { 
	font-family:Calibri,"Bitstream Vera Sans", "Deja Vue Sans", Tahoma, Verdana, sans-serif;
	margin-bottom: 1em;
}
/* 
  This is the story intro box for story pages
*/
#introbox {
  margin-left: 20em;
  margin-right: 12em;
  border: solid medium Black;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
} 

#introbox p {
	font-style: italic;
}
/* 
  This is the story main text box for story pages
  Also used for the essays in "blatherings"
*/

#storybox {
padding-left: 8em;
padding-bottom: 30px;
margin-left: 4em;
margin-right: 4em;
} 

#storybox p {
font-family:Georgia,"New Century Schoolbook", "Century Schoolbook L","Nimbus Roman No9 L",serif;
/*font-size: 115%; bigger size not needed */
margin-top: 0em;
margin-bottom: 1em;
}