/*******************************************************************************
* Styles for Sacnoth's Scriptorum - inner pages
*
* Primary: #333300 - Dark Green
* Secondary: #663300 - Dark Brown
* Accent 1: #808000 - Yellow Green
* Accent 2: #996633 - Light Brown
* Accent 3: #FF6633 - Dark Orange
* Accent 4: #336600 - Light Yellow
* Accent 5: #336633 - Green
*******************************************************************************/

/* <!-- 
/* 'Widths' sub menu 
*******************************************************************************/
#layoutdims
{
	clear: both;
	background: #eee;
	border-top: 4px solid #000;
	margin: 0;
	padding: 6px 15px !important;
	text-align: right;
}



/* column container 
*******************************************************************************/
.colmask
{
	position: relative; 
		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear: both;
	float: left;
	width: 900px;
	overflow: hidden; /* This chops off any overhanging divs */
}

/* 3 column blog style settings 
*******************************************************************************/
.blogstyle
{
	background: #333300; /* Right column background color */
}

.blogstyle .colmid
{
	background: #663300 none repeat scroll 0 0; /* Center column background color */
	float: left;
	margin-left: -40px;  /* Width of right column */
	position: relative;
	right: 100%;
	width: 200%;
}

.blogstyle .colleft
{
	float: left;
	width: 100%;
	margin-left: -250px; /* Width of Center column */
	background: #333300; /* Left column background color */
}

.blogstyle .col1wrap
{
	float: left;
	width: 50%;
	padding-bottom: 1em; /* Center column bottom padding. Leave it out if it's zero */
}

.blogstyle .col1
{
	margin: 0 15px 0 300px; /* Center column side padding:
            Left padding = left column width + Center column left padding width
            Right padding = right column width + Center column right padding width */
	position: relative;
	left: 100%;
	overflow: hidden;
}

.blogstyle .col2
{
	float: right;
	width: 225px; /* Width of left column content 
              Left column width minus left and right padding */
	position: relative;
	left: 240px; /* Width of the left-had side padding on the left column */
}

.blogstyle .col3
{
	float: right;
	width: 170px; /* Width of right column content 
		Right column width minus left and right padding */
	position: relative;
	left: 555px;
}

/* Footer styles
*******************************************************************************/

#footer
{
	clear: both;
	float: left;
	width: 100%;
	border-top: 1px solid #000;
}
#footer p
{
	padding: 10px;
	margin: 0;
}


/* Column 1 Content
*******************************************************************************/

/* for works\default.html */


#works
{
    padding: 0;
    margin: 0;
}

#works h1,
#scholarly h1
{
    font-size: 16pt;
}

#works h2,
#errata h2
{   
    border-top: solid 1px #996633; 
}

#works h3, #works2 h3
{
    margin: 0;
    padding: 15px 0 10px 0;
}

#works2
{
    padding: 0;
    margin: 0;
}

#works2 ul.articles,
#Reviews ul.articles,
#Articles ul.articles,
#Unpublished ul.articles
ul.articles
{
    list-style-image: url(/images/dot2.gif);
    padding-top: 0;
    margin-top: 0;
}

#works li.item
{
    display: inline;
    list-style-type: none;
    padding: 0 10px 0 12px;
    margin: 0;
}

#works2 li.item,
#Reviews li.item,
#Articles li.item,
#Unpublished li.item
dd li.item
{
    list-style-image: url(/images/dot2.gif);
    margin: 0 0 0 30px;
    padding: 0;
}

#scholarly h2
{   
    border-top: solid 1px #996633; 
}

#content1, 
#content2
{
    display: none;
}

#content0 dt,
#content1 dt,
#content2 dt
{
    float: left;
    padding: 0 10px 0;
    margin: 0;
}

#content0 dd,
#content1 dd,
#content2 dd
{
    clear: right;
    padding: 0 0 0 10px;
    margin: 0;
}

#content0 dl,
#content1 dl,
#content2 dl
{
    display: block;
    padding: 0 0 15px 0;
    margin: 0;
    min-height: 120px;
}

dd.booktitle, .booktitle
{
    font-style: italic;
}

#Unpublished dl,
#Reviews dl,
#Articles dl,
#noImages dl
{
    min-height: 0px;
}

/* for about\default.html */
#bio 
{
	margin: 0;
	padding: 0 0 0 10px;	
}

#bio h1
{
	font-size: 16pt;
	border-bottom: 2px solid #996633;
	
}

#bio img
{
	float: right;
	border: none;	
	margin: 0;
	padding: 20px 0 10px 10px;
}

#contact
{
    margin: 0;
    padding: 10px;
}

#contact input#message
{
    height: 200px;
    width: 500px;
}

#contactForm
{
    margin: 0;
    padding: 0 0 0 10px;    
}

#contactForm h2,
#bio h2 
{
    border-bottom: solid 1px #996633;
    font-weight: bold;
}

dl#contactlist 
{
    margin: 0;
    padding: 0;    
}

dl#contactlist dt
{
    float: left;
    clear: right;
    margin: 0;
    padding: 5px 5px 0 5px;
    min-width: 150px;
    font-weight: bold;
}


dl#contactlist dd
{
    margin: 0;
    padding: 5px 0 5px 0; 
}

/* for news\default.html */
#news H1
{
    font-size: 16pt;    
}

#news p.channel, #news p span,
#news p.news br, #news p.newsAlt br
{
    display: none;
    position: absolute;
    visibility: hidden;
}

#news p.news span,
#news p.newsAlt span
{
    display: inherit;
}

#news p 
{
    margin: 0;
    padding: 10px 0 8px 0;
}
    
#news p.news a.newsLink, 
#news p.news a:hover.newsLink,
#news p.newsAlt a.newsLinkAlt, 
#news p.newsAlt a:hover.newsLinkAlt
{
    font-size: 14pt;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase; 
	display: block;
	border-bottom: 2px solid #996633;
	margin: 0;
	padding: 0;
	background-color: inherit;
}

/* for blog.html
*
* rss-box defines the bounding div for the entire display- use to define borders, fill, etc.
* rss-title the title of the feed and link style if displayed. Use with variants of rss-title 
*			a:link, rss-title a:hover, etc for rollowver styles
* rss-items defines the unordered list <ul>...</ul> for the feed items- use to define 
*			the padding/margins for items.
* rss-item display of each feed item description and title, <li>...</li> as well as the 
*			channel description, if displayed.
* rss-item a: variant for the item title and link style
* rss-date defines the display of item posting dates
*******************************************************************************/
#blog H1
{
    font-size: 16pt;    
}

#blog .rss-box 
{
	margin: 0;
	padding: 10px 0 0 0;	
}

#blog .rss-items 
{
	margin: 0;
	padding: 0;	
}

#blog .rss-item 
{
	margin: 0;
	padding: 0;
}

#blog .rss-item 
{
	list-style-type: none;
	margin: 0;
	padding: 10px 0 10px 0;
}

#blog .rss-item a, #blog .rss-item a:hover
{
   color: inherit;	
   background-color: inherit;
   text-decoration: inherit;
}

#blog a.rss-item, a:hover.rss-item  
{
	font-size: 14pt;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
}

#blog .rss-date 
{
	border-top: 2px solid #996633;
	display: block; /* so the seperator border extends the width of the column*/
	margin: 0 0 2px 0;
	padding: 0;
}

#blog br:nth-child(odd)
{
    display: block;
    padding: 3px 0 0 0;
    margin: 0;
}

#bonus ul.rss-item
{
	margin: 0 0 10px 20px;
	padding: 10px 0 0 0;		
}

#blogSummary div.rss-box
{
    padding: 10px 0 0 0;
    margin: 0;    
}

#blogSummary li.rss-item 
{
	list-style-image: url(/images/dot1.gif);
	margin: 0 5px 0 18px;
	padding: 0;
}

#blogSummary .rss-item a, #blogSummary .rss-item a:hover
{
   color: inherit;	
   background-color: inherit;
   text-decoration: inherit;
}

ul.rpg a,
ul.rpg a:hover,
ul.books a,
ul.books a:hover
{
    border: none;
    background-color: inherit;  
}

/* Column 2 Content
*******************************************************************************/
#bonus 
{
	margin: 0;
	padding: 0;	
}

#bonus h1 
{
	padding: 10px 0 0 0;
	margin: 0;
	font-size: 12pt;	
}

#bonus ul.links
{
	margin: 10px 0 10px 20px;
	padding: 0;		
}

#bonus ul.links li
{
	margin: 0;
	padding: 0;
	list-style-image: url(/images/dot1.gif) 
}

#archive ul.RVHFEED_class 
{    
	margin: 10px 0 10px 20px;
	padding: 0;
}

#archive ul.RVHFEED_class li
{
	margin: 0;
	padding: 0 0 10px 0;
	list-style-image: url(/images/dot1.gif) 
}

#archive ul.RVHFEED_class a
{
	color: #ffffff;	
}

#archive ul.RVHFEED_class a:hover
{
	color: #333300;	
}

#archive ul.RVHFEED_class sub 
{
	display: block;
	margin: 0;
	padding: 0;
}

#archive ul.RVHFEED_class br,
#archive ul.RVHFEED_class a img
{
	
    display: none;
    position: absolute;
    visibility: hidden;
}

/* errata list*/
#errataList 
{
  
}

#errataList dl
{
    margin: 0;
    padding: 10px 0 10px 0;
    display: block;
    border-top: 2px solid #996633; 
}

#errataList dl:last-child 
{
    border-bottom: 2px solid #996633; 
}

#errataList dl:first-child 
{
    border-top: none; 
    padding-top: 0;
}

#errataList dl > dt
{
    float: left; 
    clear: left; 
    width: 150px; 
    text-align: right; 
    font-weight: bold;
    min-height: 30px;
    padding: 10px 0 0 0;
    margin: 0;
    font-size: small;
}

#errataList dl > dd
{
    margin: 0 0 0 160px;
    padding: 10px 0 0 0;
    min-height: 40px;
}