/*COLOURS
Links:				#1f70c4
Links metadata:		#8f8e8e;
*/



/*changes to explicitly defined elements in the Blueprint framework*/
body {
	margin: 0;
	}	
	
body {
	font-family: Verdana, Arial, sans-serif;
	}	
	
h1,h2,h3,h4,h5,h6 { 
	font-family: Palatino, Georgia, "Times New Roman", serif; 
}
	
/*giving everything a 5px margins so they don't hug their container*/
h1,h2,h3,h4,h5,h6,p,blockquote,img,dl,dt,dd,ol,ul,
fieldset, form, label, legend,table	{
	margin-left:5px;
	margin-right:5px;
	}
	
h1 {
	width:310px;
	height:76px;
	position: absolute;
	top:20px;
	left:0px;
	margin:0;
	padding: 0;
	z-index: 30;
	}
	
a {
	text-decoration: none;
	color:#1f70c4;
	}	

p a {
	border-bottom: 1px solid #eee;
	}
	
p a:hover {
	border-bottom-color: #999;
	}
	
a.more {
	padding-left:19px;
	background: url(../images/icon_more.gif) no-repeat left top;
	border:0;
	}	
	
ul {
	list-style-type: disc;
	}	
	
em {
	font-style:normal; 
	background-color: #f8f4e0;	
	}
	
small {
	color:#8f8e8e;
	font-size: 0.9em;
	}
		
.caps {
	font-variant: small-caps; 
  	letter-spacing: 1px; 
 	text-transform: lowercase; 
 	font-size:1.1em;
 	font-weight:bold;
 	padding:0 2px;
	}	
	
	
/*layout for the site*/	
.page {
	width: 100%;
	}
	
.masthead {
	background: #eae1cb url(../images/bg_masthead_long.jpg) repeat-x left top;
	height:829px;
	width:100%;
	}

/*edited out the background image in ie6_fix.css*/
.masthead-inner {
	height:829px;
	position: relative;
	background: url(../images/cupstain.png) no-repeat 340px 100px; 
	}
	
.content {
	background:url(../images/bg_content.gif) repeat-x left top;
	width: 100%;
	padding:25px 0;
	}	
	
/*=SSTORIES*/
.sstories h3 {
	font-family: Palatino, Georgia, "Times New Roman", serif; 
	}

.sstories p, .sstories h3, .sstories h4 {
	margin-left:15px;
	margin-right:15px;
	}

.sstories a.more {
	color:#343434;
	border-bottom: 1px solid #eee;
	font-size: 0.95em;
	padding-bottom:1px;
	}	
	
.sstories a.more:hover {
	color:#000;
	border-bottom-color: #999;
	}
	
h3 a {
	font-size: 0.9em;
	}
	
.sstorysep, .novelsep {
	height:2px;
	width: 100%;
	background:#000 url(../images/bg_sstorysep.gif) no-repeat left top;
	margin-bottom:1.5em
	}	
	
/*=NOVELS*/
div.novels p, div.novels h3, div.novels h4 {
	margin-left:15px;
	margin-right:15px;
	}
	
div.novels img {
	margin-left:15px;
	margin-right:15px;
	background-color: #fff;
	padding:3px;
	border:1px solid #bbb;
	}
	
/*=NAV*/	
ul.navigation {
	list-style-type:none;
	height: 39px;
	position:absolute;
	top:39px;
	text-align: right;
	font-family: Georgia, "Times New Roman", serif;
	letter-spacing: 0.07em;
	line-height:3.1em;
	}
	
	ul.navigation li {
		display: inline;
		margin: 0;
		padding:0;
		}
	
	ul.navigation li a {
		color:#e7e7e7;
		text-transform: uppercase;
		text-decoration: none;
		padding: 12px 13px;
		margin:0;
		border:0;
		}
		
	ul.navigation li a:hover {
		background-color:#202020;
		color:#e7e7e7;
		}
		
	ul.navigation li a.current {
		background-color:#202020;
		color:#fff;
		cursor:default;
		}
	
	
/*=MASTHEAD*/	
.blurb {
	margin:129px 0 1.5em -5px;
	}
	
p.paulinfo {
	font-family: Palatino, Georgia, "Times New Roman", serif;
	font-size: 1.3em;
	}
	
/*edited in ie_fix.css*/	
.dropcaps {
	float: left;
    font-size: 3.05em;
    font-weight: bold;
    line-height: 0.9em;
    margin: 6px 3px -2px 0;
	}
	
.book1 {
	position: absolute;
	top:164px;
	left:480px;
	}
	
.book2 {
	position: absolute;
	top:164px;
	left:720px;
	}

.book3 {
	position: absolute;
	top:490px;
	left:480px;
	}
	
.book4 {
	position: absolute;
	top:490px;
	left:720px;
	}

	
.secbook {
	top:124px;
	}	
	
.book1 img, .book2 img, .book3 img, .book4 img{
	background-color: #fff;
	padding:3px;
	border:1px solid #bbb;
	}

.masthead h2, .masthead-sec h2 {
	font-size: 1.4em;
	}
	
	.masthead h2 a, .masthead-sec h2 a{
		font-weight: bold;
		}
		
	.masthead h2 a:hover, .masthead-sec h2 a:hover{
		color:#000;
		}
	
/*MASTHEAD CHANGES FOR =SEC (NON-HOME PAGE) PAGES*/	
.masthead-sec {
	background: #eae1cb url(../images/bg_masthead.jpg) repeat-x left top;
	height:390px;
	width:100%;
	}


/*edited out the background image in ie6_fix.css*/
.masthead-inner-sec {
	height:390px;
	position: relative;
	background: url(../images/cupstain.png) no-repeat 340px 100px; 
	}	
	
p.paulinfo-sec {
	font-family: Palatino, Georgia, "Times New Roman", serif;
	font-size: 1.3em;
	padding-top:150px;
	}

/*=CONTENT*/
p.description {
	padding-left:22px;
	text-transform:uppercase;
	letter-spacing: 0.05em;
	font-size: 0.95em;
	}
	
	p.blog {
		background:url(../images/icon_blog.gif) no-repeat left top;
		margin-bottom:2px; //to make up for the to padding assigned to blog post headers
		}
		
	p.news {
		background:url(../images/icon_news.gif) no-repeat left top;
		}
	
	p.sstories {
		background:url(../images/icon_sstories.gif) no-repeat left top;
		margin-top:3em;
		}
		
	p.appearances {
		background:url(../images/icon_appearances.gif) no-repeat left top;
		margin-top:3em;
		}
	
	p.novels {
		background:url(../images/icon_novels.gif) no-repeat left top;
		margin-top:3em;
		}
	
/*=BLOG POSTS*/
.post {
	background:url(../images/bg_blogpost.gif) no-repeat left bottom;
	padding: 15px 0 8px 0;
	}
	
h2 {
	font-size: 1.8em;
	}
	
/*span class for darkbg on blog posts*/	
.header {
	background-color: #343434;
	color: #8f8e8e;
	padding: 3px 5px;
	}	
	
.header a {
	color: #e1e1e1;
	}	
	
.header-single{
	color: #e1e1e1;
	background-color: #343434;
	padding: 3px 5px;
	}
	
.header a:hover {
	color: #fff;
	}	
	
.header .date {
	text-transform: uppercase;
	font-size: 0.6em;
	}
	
p.postmetadata {
	font-size: 0.9em;
	margin-top:0;
	}

p.postmetadata a {
	color:#8f8e8e;
	}

p.postmetadata a:hover {
	color:#000;
	}

.commentmeta a{
	padding-left: 16px;
	background: url(../images/bg_comment.gif) no-repeat left 1px;
	}

/*=COLS used to create faux-columns*/
.cols {
	background:url(../images/bg_columns.gif) repeat-y left top;
	}
	
.newssection {
	background: #fff url(../images/bg_news.gif) no-repeat left bottom;
	padding-bottom:20px;
	}
	
/*=COMMENT FORM*/
#commentform {
	margin-left:5px;
	padding:10px;
	background-color: #f9f9f9;
	}

#commentform p {
	margin-left:0;
	margin-right:0;
	}

label {
	font-weight: normal;
	font-size: 1.2em;
	display: block;
	margin-left:0;
	margin-right:0;
	}	
	
h3#comments {
	margin-top:1em;
	}	
	
input.text, input.title, textarea { 
	background:#fff; 
	}

/*=ol.commentlist*/
ol.commentlist {
	margin-bottom: 30px;
	}

ol.commentlist li {
	background-color: #fff;
	padding:5px 0;
	margin-bottom:10px;
	}

ol.commentlist li.alt {
	background-color: #ece7d7;
	border:1px solid #e2dcc5;
	}
	
cite {
	margin-left:5px;
	margin-right:5px;
	font-style:normal;
	}

	
/*=FOOTER*/
.footer {
	border-top:2px solid #dedede;
	padding-top:25px;
	}