@charset "utf-8";
/* CSS Document */

/* This CSS was made up for www.graydogpress.com in December of 2010 in advance of the website refresh the following January. Feel free to copy and use it if you find it helpful. */

/* ---------------------------------Begin Typography & Colors---------------------------------------- */

body {
	font-size: 62.5%; /* Resets default browser font size of 16px (1em) to 10px */

	font-family: Arial, Helvetica, Sans-Serif;

	background: white;

	color: black;

	text-align: left;
	
	width:964px;
	
	margin:auto;
	
	border:none;
	
	padding-top:12px;

	}

p {
	font-size:1.1em;
}

.booktitle {
	color:#B23814;
	text-decoration:none;
	font-style:italic;
}


#page {
	text-align: left;
	}


.content {
	margin:8px;
}

.content p {
	padding: 2px;
	
	font-family: Arial, Helvetica, Sans-Serif;
	
	font-size: 1.3em;
	}


.small {
	font-family: Arial, Helvetica, Sans-Serif;

	font-size: 0.9em;

	line-height: 1.5em;
	}


a:link {
	text-decoration: none;
	outline:none;
	border:none;
	color:#B23814;
	}

a:link img {
	border-style: none;
	}


a:visited {
	text-decoration:none;
	outline: none;
	border:none;
	color:#500;
	}


a:hover {
	text-decoration:underline;
	}


a.invert {
	color:#333;
}

a.invert:hover {
	color:#B23814;
}


p.center {
	text-align:center;
	font-size:inherit;
}


p.date {
	font-size:1em;
	text-align:right;
	color:#B23814;
}

p.attribute {
	font-size:1em;
	color:#666;
}

ol {
	font-size:1.3em;
}


.bigname {
	font-size:1.8em;
	line-height:2em;
	}


.alphabetize {
	color:#CCC;
	font-size:1.6em;
}


.bookinfo {
	font-size:0.8em;
	color:#999;
	text-align:right;
}


.booktitle {
	font-size:1.2em;
	font-style:italic;
	color:#666;
}


.ebook {
	color:#B23814;
}


/* ------------------------------------End typography and colors--------------------------------------- */



/* -----------------------------------Beginning layout styles------------------------------------------- */

#header {
	width:964px;
	
	background-color: #FFFFFF;

	border-style:solid none solid none;
	
	border-width:4px;
	
	border-color:#2C8DA5;
	
	height: 105px;
	
	outline:none;
}


.rule {
    border:none;

}


.leftcolumn {
	width: 122px;

    float: left;

    border:none;
}


.contain {
	min-height:560px;
}


.maincolumn {
    width: 694px;

    margin-left: 122px;

	padding-top:8px;
	
	line-height: 1.6em;
	
	border-top:0;
	border-right:4px;
	border-left:4px;
	-moz-border-image:url("images/gradientline2.gif") 0 3 0 3  ;
    -webkit-border-image:url("images/gradientline2.gif") 0 3 0 3  ;
    border-image:url("images/gradientline2.gif") 0 3 0 3  ;
	border-style:solid;
	border-color:#2C8DA5;
}


.rightcolumn {
	width: 140px;

	float:right;

    border:none;
}


#footer {

	margin-bottom:-32px;
	
	margin-left:-4px;

	width: 748px;
	
	border:none;
	}


hr {
	color:#2C8DA5;
	size:1px;
	width:80%;
}


.blockquote {
	border-image
	/* define later to use border images to set off block quotes */
}

.blockquote {
	margin: 15px 30px 0 10px;

	padding-left: 20px;

	border-left: 5px solid #ddd;
	}

/* ---------------------------------------End layout styles---------------------------------------- */


/*	---------------------------------------Begin Headers--------------------------------------------- */


h1 {
	font-family:Arial, Helvetica, sans-serif;
	
	font-size: 3.8em;
	
	font-weight:normal;

	padding: 2px;

	text-align: right;
	
	color:#666666;
	}


h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	
	font-size:2em;
	
	font-weight:normal;
	
	padding:2px;
	
	text-align:right;
	
	color:#888888;

	}


h2.pagetitle {
	font-size: 2em;

	margin-top: 30px;

	text-align: left;
	}


/* Next one is for image replacement headers; must include the following inline for image replacement: background: url(replacement.png) no-repeat center left; */
h3 {
	font-family: "Trebuchet MS", "Lucida Grande", Sans-Serif;
	
	font-weight:bold;
	
	font-size: 1.4em;
	
	text-indent: -9999px;
	
	padding: 4px 0 4px 0;
	
	margin: 0 0 0 0px;
}


h4 {
	font-size:1.5em;
	text-align:right;
	color:#888;
}


h5 {
	font-size:1.5em;
	text-align:center;
	color:#888;
}



/* ----------------------------------------End Headers----------------------------------------------- */


/* ----------------------------------------Begin Tables------------------------------------------------*/


table.authorlist {
	width:680px;
	border:none;
	font-size:1.3em;
}


table.authorlist td {
	width:328px;
	height:250px;
	vertical-align:top;
}



/* ----------------------------------------End Tables--------------------------------------------------*/


/* ---------------------------------------Begin rollovers--------------------------------------------- */


.bgimage {list-style-type:none;
}


.bgimage li {
	list-style:none;
	background-repeat:no-repeat;
}


ul.bgimage li a:hover {background: none;}


.bgimage li a, .bgimage li a:visited {
	display: block;
	height:45px;
	text-decoration: none;
	text-indent: -3333px;
	background-repeat: no-repeat;
}

.blog {
	margin-left:-40px;
	background-image:url(images/nav/blog_roll.gif);
}


.blog a {
	background-image:url(images/nav/blog.gif);
	padding:1px 0px 0px 0px;
}


.books {
	margin-left:-40px;
	background-image:url(images/nav/books_roll.gif);
}


.books a {
	background-image:url(images/nav/books.gif);
	padding:1px 0px 0px 0px;
}


.authors {
	margin-left:-40px;
	background-image:url(images/nav/authors_roll.gif);
}


.authors a {
	background-image:url(images/nav/authors.gif);
	padding:1px 0px 0px 0px;
}


.services {
	margin-left:-40px;
	background-image:url(images/nav/services_roll.gif);
}

.services a {
	background-image:url(images/nav/services.gif);
	padding:1px 0px 0px 0px;
}


.store {
	margin-left:-40px;
	background-image:url(images/nav/store_roll.gif);
}


.store a {
	background-image:url(images/nav/store.gif);
	padding:1px 0px 0px 0px;
}

.events {
	margin-left:-40px;
	background-image:url(images/nav/events_roll.gif);
}


.events a {
	background-image:url(images/nav/events.gif);
	padding:1px 0px 0px 0px;
}


.about {
	margin-left:-40px;
	background-image:url(images/nav/about_roll.gif);
}


.about a {
	background-image:url(images/nav/about.gif);
	padding:1px 0px 0px 0px;}

.submit {
	margin-left:-40px;
	background-image:url(images/nav/submit_roll.gif);
}


.submit a {
	background-image:url(images/nav/submit.gif);
	padding:1px 0px 0px 0px;
}

.contest {
	margin-left:-40px;
	background-image:url(images/nav/contest_roll.gif);
}


.contest a {
	background-image:url(images/nav/contest.gif);
	padding:1px 0px 0px 0px;}

.contact {
	margin-left:-40px;
	background-image:url(images/nav/contact_roll.gif);
}


.contact a {
	background-image:url(images/nav/contact.gif);
	padding:1px 0px 0px 0px;
}

.joinus {
	margin-left:-40px;
	background-image:url(images/nav/joinus_roll.gif);
}


.joinus a {
	background-image:url(images/nav/joinus.gif);
	padding:1px 0px 0px 0px;
}


/* ----------------------------------------End rollovers---------------------------------------------- */

/* ----------------------------------------Begin Images---------------------------------------------- */

.gradient {
        width: 300px;
		border: 5px;
		-moz-border-image:url("../gradientline2.png") 0 5 0 5  ;
        -webkit-border-image:url("../gradientline2.png") 0 5 0 5  ;
        border-image:url("../gradientline2.png") 0 5 0 5  ;
}


p img {
	padding: 0;

	max-width: 100%;
	}


img.blocked {
	float:left;
	display:block;
}


img.coversm {
	width:120px;
}

img.covermed {
	width:180px;
}

img.coverlg {
	width:240px;
}

img.border {
	border-width:1px;
	border-color:black;
}


/*	Using 'class="alignright"' on images will magically align the image to the right. Using 'class="centered"'

	will center the image. This is preferable to align="center" */


img.centered {
	display: block;

	margin-left: auto;

	margin-right: auto;
	}


img.alignright {
	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;
	}


img.alignleft {
	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;
	
	border:none;
	}


img.center {
	margin-left:auto;
	margin-right:auto;
}


img.rightcol{
	width:100px;
	margin:0px 20px;
	padding-top:6px;
	padding-bottom:0px;
	outline:none;
	border:none;
}


.alignright {
	float: right;
	}


.alignleft {
	float: left;
	border:none;
	}


a img {
	outline:none;
	border:none;
}

/* ---------------------------------------End Images------------------------------------------- */