/*LAYOUT
---------------------------------------------------------------------------------*/
body {
	text-align:center;
	background: url('../graphics/background.gif') repeat-x top left;
	min-width: 960px;
}
#headercontainer {
	background: url('../graphics/banner.png') no-repeat top center;
	min-width:960px;
	margin: 0 auto;
}
#banner {
	width: 465px;
	height: 75px;
	position: relative;
	}
#banner span {
	background: url('../graphics/logo.png') no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}
#banner a {
	text-decoration:none;
	border:none;
}
#header {
	margin: 0 auto;
	text-align: left;
	width: 960px;
	height: 128px;
}
/*NAVIGATION LAYOUT
---------------------------------------------------------------------------------*/
#navcontainer {
	position:relative;
	vertical-align:middle;
	display:table-cell;
}
#mainmenu {
	position:absolute;
	top:78px;
	height:48px;
	display:table;
	vertical-align:middle;
}
/*SEARCH LAYOUT
---------------------------------------------------------------------------------*/
#search {
	position:relative;
	left: 670px;
	top: -75px;
	width: 280px;
}
#search form{
	width: 280px;
}
#search input#searchq {
	position: absolute;
	top:17px;
	width:193px;
	height:17px;
	background-color:#E6CFFF;
	border: 1px solid #6e4e89;
	margin:0;
	padding:2px;
}
#search input#searchsubmit {
	position: absolute;
	right:12px;
	top:17px;
	height:24px;
width:65px;
	border:0;
	padding:0;
}
/*BASIC STYLES
---------------------------------------------------------------------------------*/
body {
	font-family: Georgia,Utopia,Palatino,'Palatino Linotype',serif;
	font-size: 76%;
	color: #4c4c4c;
}
/*MAIN NAVIGATION
---------------------------------------------------------------------------------*/
ul#navlist {
	margin-left: 10px;
	padding-left: 0;
	white-space: nowrap;
	margin-right: 10px;
}
#navlist li {
	display: inline;
	list-style-type: none;
}
#navlist a { 
	padding: 0 3em 0 0; 
	text-transform:uppercase;
	color: #ffc21b;
	text-decoration: none;
}
#navlist a:hover {
	color: #8563a0;
	text-decoration: none;
}

#navlist li a.active {
	color: #fff;
}
/*SUBNAVIGATION
---------------------------------------------------------------------------------*/
#subnavigation {
	padding: 0 25px 0 55px;
}
#subnavigation ul {
	list-style-image:none;
	list-style-type:none;
}
#subnavigation li a {
	border-top:1px dotted #8563A0;
	display:block;
	padding: 15px 0;
	text-decoration:none;
	text-transform:uppercase;
	font-size: 1em;
	color: #ffc21b;
}
#subnavigation li li a {
	padding-left: 20px;
	font-size: 1em;
}
#subnavigation li a.first {
	border-top: none;
}
#subnavigation li li a.first {
	border-top:1px dotted #8563A0;
}
#subnavigation li a.last {
	padding-bottom: 9px;
}
#subnavigation li li a.last {
	padding-bottom: 15px;
}
#main #sidecolumns #subnavigation li a.active {
	color: #fff;
}
#main #sidecolumns #subnavigation li a:hover {
	color: #8563A0;
	text-decoration:none;
}
/*STANDARD HEADERS
---------------------------------------------------------------------------------*/
h2 {
	font-family: Georgia,Utopia,Palatino,'Palatino Linotype',serif;
	font-size: 3em;
	font-weight:normal;
	padding-bottom:0.2em;
	margin-bottom:0.5em;
	border-bottom: 1px solid #eee;
}
h3 {
	font-family: Georgia,Utopia,Palatino,'Palatino Linotype',serif;
	font-size: 2.0em;
	font-weight:normal;
	margin-top: 0.5em;
	margin-bottom:0.4em;
	line-height:1.2;
}
h3.first {
	margin-top:0;
}
#main h3.link, #main h4.link {
	font-size: 1.1em;
	text-transform:uppercase;
	font-family: Georgia,Utopia,Palatino,'Palatino Linotype',serif;
	font-weight:normal;
	margin-top: 0.7em;
	margin-bottom:0.4em;
}
#main h4 {
	font-size: 1.3em;
	font-weight:bold;
	margin-top: 0.6em;
	margin-bottom:0.4em;
	line-height:1.4;
}
#sidecolumns h3 {
	margin: 0;
	padding:0;
	font-size:12px;
	line-height:1;
}
#sidecolumns .outline h3, #sidecolumns .emphasisoutline h3 {
	padding-bottom: 15px;
}
#sidecolumns .outline h4, #sidecolumns .emphasisoutline h4 {
	margin-top: 0.3em; 
	padding-left: 50px;
	padding-right: 20px;
	line-height:1;
}
#sidecolumns .emphasisoutline h3#inthissection, #sidecolumns .emphasisoutline h3#maincategories {
	padding-bottom: 0;
}
/*MAIN BODY OF SITE
---------------------------------------------------------------------------------*/
#main {
	background: #FBFBFB;
}
#main {
	padding-top: 30px;
	padding-bottom: 20px;
}
#main p {
	line-height: 1.5;
	margin: 0 0 1.4em 0;
	font-size: 1.1em;
}
#main .grid_6 ul, #main .grid_8 ul {
	list-style-type: disc;
	list-style-position: inside;
	line-height: 1.5;
	margin: 0 0 1.5em 0;
	font-size: 1.1em;
}
#main .grid_6 ul ul, #main .grid_8 ul ul {
	font-size:1em;
	margin: 0.6em 0 0 45px;
}
#main #intro p.left, #main #intro p.right {
	margin-bottom:0;
}
#main .left {
	float: left;
	margin: 0 20px 0 0;
}
#main .right {
	float: right;
	margin: 0 0 0 20px;
}
#main img {
	margin:0;
}
#main a {
	color: #2E88E8;
	text-decoration:none;
}
#main a:hover {
	color: #4c4c4c;
	text-decoration:underline;
}
#main a:active {
	background-color: #8563A0;
	color: #fff;
}
#main #intro {
	font-size:1.3em;
	color:#222;
	margin-bottom:20px;
	border-bottom: 1px solid #eee;
	
}
#main .section {
	margin-bottom:15px;
	border-bottom: 1px solid #eee;
	
}
#main #intro #endintro {
	font-size:0.8em;
	
}
#main #intro p {
	margin-bottom: 20px;
}
#main .grid_2 p {
	font-size: 1.2em;
	text-transform: uppercase;
	text-align: right;
	padding-right:30px;
}
#main .newsmetadata .grid_2 p, #main .grid_2 p.normal {
	font-size: 1.1em;
	text-transform: none;
}
#main p.image {
	margin-bottom: 0;
}
#main blockquote {
	padding: 0 20px 0 40px;
	background: url('../graphics/subsidiaryquotes.gif') no-repeat top left;
}
.grid_8 ul, .grid_8 ol {
	margin: 0 45px;
	list-style-position:outside;
}
.grid_8 ul li, .grid_8 ol li {
	margin-bottom: 0.6em;
}
#main form legend {
	padding: 5px 7px;
	border: 2px solid #8563A0;
	font-size: 1.1em;
	font-weight: bold;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#main form fieldset {
	padding: 12px 20px 5px;
	border: 2px solid #8563A0;
	margin: 20px 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#main .grid_6 form ul, #main .grid_8 form ul {
	list-style: none;
	margin-bottom: 0.5em;
}
#main form li label {
	padding-left: 10px;
}
#main form li input {
	padding:0;
	margin:0;
}
#main form textarea, #main form input.txt {
	border: 1px solid #8563A0;
	padding: 2px;
}
#main input#embedcode {
	border: 1px solid #8563A0;
	padding: 2px;
	width:454px;
}
#main form textarea {
	width: 100%;
}
.errors, .required {
	color:#ff0000;
}
#main ol.comments {
	margin:0;
}
#main ol.comments li {
	margin-bottom: 1.5em;
	border: 1px dotted #ccc;
	padding:0;
}
#main ol.comments li p.commentmeta {
	border-bottom: 1px dotted #ccc;
	background-color: #eee;
	padding: 10px;
}
#main ol.comments li.comment .commenttext p, #main ol.comments li.comment p.editmeta {
	padding: 0 10px;
}
#main .center {
	text-align:center;
}
#main img.sideimage {
	margin-bottom: 20px;
}
.captcha {
	border: 1px solid #8563A0;
}
/*SIDECOLUMNS IN MAIN SECTION
---------------------------------------------------------------------------------*/
#main #sidecolumns p {
	margin:0;
}
#main #sidecolumns blockquote {
	padding: 15px 0 0 0;
	margin: 0 20px 0 50px;
	background: none;
}
#main #sidecolumns .quote blockquote {
	font-size: 1.5em;
	padding: 15px 0 0 0;
	margin: 0 20px 0 50px;
}
#main #sidecolumns .outline blockquote p {
	padding: 0 20px 0 20px;
}
#main #sidecolumns .outline .quote blockquote p {
	line-height: 1.2em;
	margin: 0 0 0.5em 0;
	padding: 0 10px 0 10px;
}
#main #sidecolumns .quote {
	text-align: center;
}
#main #sidecolumns .outline {
	background: url('../graphics/sidecolumnoutline.png') top left repeat-y;
}
#main #sidecolumns .bottom {
	background: url('../graphics/sidecolumnoutlinebottom.png') bottom left no-repeat;
	margin-bottom:20px;
	padding-bottom: 16px;
}
#main #sidecolumns .outline p {
	padding: 0 20px 15px 50px;
}
#main #sidecolumns .outline ul {
	padding: 0 25px 0 55px;
}
.outline li a {
	font-size: 1em;
	display:block;
	padding: 8px 0;
	text-decoration:none;
	text-transform:uppercase;
}
#main #sidecolumns .outline .wheretobuy, #main #sidecolumns .outline .furtherdetails, #main #sidecolumns .outline .findoutmore, #main #sidecolumns .outline .rssfeed, #main #sidecolumns .outline .blogarchives, #main #sidecolumns .outline .orcontact, #main #sidecolumns .outline .newsarchives, #main #sidecolumns .outline .lateststory, #main #sidecolumns .outline .featuredstory, #main #sidecolumns .outline .whattheysaid, #main #sidecolumns .outline .ongoodreads, #main #sidecolumns .outline .didyouknow {
	width: 300px;
	height: 37px;
	position: relative;
	}
#main #sidecolumns .outline .wheretobuy span {
	background: url('../graphics/wheretobuy.png') no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}
#main #sidecolumns .outline .furtherdetails span {
	background: url('../graphics/furtherdetails.png') no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}
#main #sidecolumns .outline .findoutmore span {
	background: url('../graphics/findoutmore.png') no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}
#main #sidecolumns .outline .rssfeed span {
	background: url('../graphics/rssfeed.png') no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}
#main #sidecolumns .outline .blogarchives span {
	background: url('../graphics/blogarchives.png') no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}
#main #sidecolumns .outline .newsarchives span {
	background: url('../graphics/newsarchives.png') no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}
#main #sidecolumns .outline .whattheysaid span {
	background: url('../graphics/whattheysaid.png') no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}
#main #sidecolumns .outline .didyouknow span {
	background: url('../graphics/didyouknow.png') no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}
#main #sidecolumns .outline .featuredstory span {
	background: url('../graphics/featuredstory.png') no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}
#main #sidecolumns .outline .lateststory span {
	background: url('../graphics/lateststory.png') no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}
#main #sidecolumns .outline .ongoodreads span {
	background: url('../graphics/ongoodreads.png') no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}
#main #sidecolumns .outline .orcontact span {
	background: url('../graphics/orcontact.png') no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}
#main #sidecolumns .outline #goodreadsbox {
	padding-top:0px;
}
#main #sidecolumns .emphasisoutline a {
	color: #ffc21b;
}
/*SIDECOLUMN NEWSLETTER SIGNUP AND EMPHASIS
---------------------------------------------------------------------------------*/
#main #sidecolumns .emphasisoutline {
	background: url('../graphics/emphasisboxoutline.png') top left repeat-y;
}
#main #sidecolumns .emphasisoutline #rssfeed {
	width: 300px;
	height: 37px;
	position: relative;
	}
#main #sidecolumns .emphasisoutline #rssfeed span {
	background: url('../graphics/rss-feed.png') no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}
#main #sidecolumns .emphasisoutline #competition {
	width: 300px;
	height: 37px;
	position: relative;
	}
#main #sidecolumns .emphasisoutline #competition span {
	background: url('../graphics/competition.png') no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}
#main #sidecolumns .emphasisoutline #countdown {
	width: 300px;
	height: 37px;
	position: relative;
	}
#main #sidecolumns .emphasisoutline #countdown span {
	background: url('../graphics/countdown.png') no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}
#main #sidecolumns .emphasisoutline #inthissection {
	width: 300px;
	height: 37px;
	position: relative;
	}
#main #sidecolumns .emphasisoutline #inthissection span {
	background: url('../graphics/inthissection.png') no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}
#main #sidecolumns .emphasisoutline #newslettersignup {
	width: 300px;
	height: 37px;
	position: relative;
	}
#main #sidecolumns .emphasisoutline #newslettersignup span {
	background: url('../graphics/newslettersignup.png') no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}
#main #sidecolumns .emphasisoutline #bookreminder {
	width: 300px;
	height: 37px;
	position: relative;
	}
#main #sidecolumns .emphasisoutline #bookreminder span {
	background: url('../graphics/bookreminder.png') no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}
#main #sidecolumns .emphasisoutline #maincategories {
	width: 300px;
	height: 37px;
	position: relative;
	}
#main #sidecolumns .emphasisoutline #maincategories span {
	background: url('../graphics/maincategories.png') no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}
#main #sidecolumns .emphasisoutline p {
	padding: 0 20px 15px 50px;
	color: #fff;
}
#main #sidecolumns .emphasisbottom {
	background: url('../graphics/emphasisboxbottom.png') bottom left no-repeat;
	height:16px;
	margin-bottom:20px;
}
.emphasisoutline form {
	padding: 10px 20px 0 50px;
	margin:0; 
	background: url('../graphics/emphasisboxoutline.png') top left repeat-y;
}
.emphasisoutline input#email {
	width:224px;
	background-color:#E6CFFF;
	border: 1px solid #6e4e89;
	margin-bottom: 0.5em;
	padding: 2px;
}
.emphasisoutline input#subscribesubmit {
	margin: 0.25em 0 0 0;
}
#main #sidecolumns .emphasisoutline form p {
	margin:0;
	padding:0;
	display:inline;
}
#main #sidecolumns .emphasisoutline label {
	color: #ffc21b;
}
/*NEWS PAGES
---------------------------------------------------------------------------------*/
#main .grid_2 p.date span {
	display:block;
	text-align:center;
	width: 60px;
	height: 60px;
	background: url('../graphics/numberbackground.jpg') no-repeat top left;
	color: #fff;
	font-size: 40px;
	margin: 0;
	padding: 6px 0 0 0;
	font-family:arial,sans-serif;
	float:left;
	line-height: 1.2em;
}
#main .grid_2 p.date {
	line-height: 1.5em;
	font-size: 1.2em;
	margin-bottom: 20px;
}
.divider {
	margin-top: 20px;
}
/*FOOTER SECTION
---------------------------------------------------------------------------------*/
#footer {
	background-color: #3F235A;
	border-top: 2px solid #8563A0;
	padding-top: 17px;
	padding-bottom: 17px;
}
#footer p {
	color:#fff;
	text-align:right;
}
#footer a:link, #footer a:active, #footer a:visited {
	color: #ffc21b;
	text-decoration: none;
}
#footer a:hover {
	color: #8563a0;
	text-decoration: none;
}
/*GRID LAYOUT FOR MAIN BODY OF SITE
---------------------------------------------------------------------------------*/
/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
	
	Reduced to contain only 12 column grid data. See website above for full version
*/

/* =Containers
--------------------------------------------------------------------------------*/
.container_12 {
	text-align:left;
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}
/* =Grid >> Global
--------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12
{
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}
/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/
.alpha
{
	margin-left: 0;
}
.omega
{
	margin-right: 0;
}
/* =Grid >> 12 Columns
--------------------------------------------------------------------------------*/
.container_12 .grid_1 {
	width: 60px;
}
.container_12 .grid_2 {
	width: 140px;
}
.container_12 .grid_3 {
	width: 220px;
}
.container_12 .grid_4 {
	width: 300px;
}
.container_12 .grid_5 {
	width: 380px;
}
.container_12 .grid_6 {
	width: 460px;
}
.container_12 .grid_7 {
	width: 540px;
}
.container_12 .grid_8 {
	width: 620px;
}
.container_12 .grid_9 {
	width: 700px;
}
.container_12 .grid_10 {
	width: 780px;
}
.container_12 .grid_11 {
	width: 860px;
}
.container_12 .grid_12 {
	width: 940px;
}
/* =Prefix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/
.container_12 .prefix_1 {
	padding-left: 80px;
}
.container_12 .prefix_2 {
	padding-left: 160px;
}
.container_12 .prefix_3 {
	padding-left: 240px;
}
.container_12 .prefix_4 {
	padding-left: 320px;
}
.container_12 .prefix_5 {
	padding-left: 400px;
}
.container_12 .prefix_6 {
	padding-left: 480px;
}
.container_12 .prefix_7 {
	padding-left: 560px;
}
.container_12 .prefix_8 {
	padding-left: 640px;
}
.container_12 .prefix_9 {
	padding-left: 720px;
}
.container_12 .prefix_10 {
	padding-left: 800px;
}
.container_12 .prefix_11 {
	padding-left: 880px;
}
/* =Suffix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right: 80px;
}
.container_12 .suffix_2 {
	padding-right: 160px;
}
.container_12 .suffix_3 {
	padding-right: 240px;
}
.container_12 .suffix_4 {
	padding-right: 320px;
}
.container_12 .suffix_5 {
	padding-right: 400px;
}
.container_12 .suffix_6 {
	padding-right: 480px;
}
.container_12 .suffix_7 {
	padding-right: 560px;
}
.container_12 .suffix_8 {
	padding-right: 640px;
}
.container_12 .suffix_9 {
	padding-right: 720px;
}
.container_12 .suffix_10 {
	padding-right: 800px;
}
.container_12 .suffix_11 {
	padding-right: 880px;
}

/*EASY CLEAR - based on http://www.positioniseverything.net/easyclearing.html
---------------------------------------------------------------------------------*/
.container:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
	visibility: hidden;
}
/*The below fixes the clearing for IE Mac, and then resets the display back for all other browsers (hiding it from IE Mac*/
.container {
	display: inline-block;
}
/*\*/
.container {
	display: block;
}
/* */
.container {
	min-width:1px;
}
div.clear, span.clear{
background:none;
border:0;
clear:both;
display:block;
float:none;
font-size:0;
margin:0;
padding:0;
overflow:hidden;
visibility:hidden;
width:0;
height:0}
/*BLOGFEST
---------------------------------------------------------------------------------*/
#sidecolumns #blogfest {
	width:226px;
	margin:0 0 0 30px;
	border: 2px solid #8563A0;
	padding: 71px 20px 15px 20px;
	background: #FFFFFF url('../assets/images/blogfest-logo-small.jpg') top left no-repeat;
}
#main #sidecolumns #blogfest p {
	padding: 7px 0;
	border-bottom: 1px solid #eee;
}
#main #sidecolumns #blogfest h3 {
	line-height: 1.5;
	margin: 0;
	font-size: 1.1em;
	font-weight: bold;
	border-bottom: 1px solid #eee;
	padding-bottom: 7px;
}
#main #sidecolumns #blogfest p.last {
	padding: 10px 0 0 0;
	border-bottom: none;
}
/*COUNTDOWN
---------------------------------------------------------------------------------*/
#main #sidecolumns #countdownsidebar p {
	text-align: center;
}
#main #sidecolumns #countdownsidebar p {
	padding-bottom: 25px;
}
#main #sidecolumns #countdownsidebar p span.countdowndays {
	font-size: 45px;
	padding-bottom: 0;
}