/*
Theme Name: Thematic-EH
Author: Erik Holte
Description: A Thematic child theme
Template: thematic
Version: 1.0
*/

/* Get styles from the Parent Theme. */
@import url('../thematic/style.css');

/*------------------------------------------------------------------------------*/
/*                               MY CUSTOM STYLES                               */
/*------------------------------------------------------------------------------*/

/******************************  HTML TAGS  ******************************/
body {
	background-color: skyblue;
}
h1, h2 {
	margin: 10px 0;
	color: #73b6a4;
	font-size: 20px;
}
.entry-title a {
	font-size: 22px !important;
	line-height: 22px !important;
	color: steelblue !important;
}
a:link, a:visited {
	color: darkslategray;
	font-size: 14px;
	line-height: 14px;
	text-decoration: none;
}
a:hover {
	color: indianred !important;
}
#footer a {
	font-size: 10px;
	color: darkslategray;
}
/******************************  HEADER  ******************************/
#topDiv {
	background-color: #fff;
	border-top: 3px solid black;
	border-bottom: 3px solid black;
	height: 157px;
	width: 960px;
	margin: 10px auto;
}

/***************************** STICKY POST *******************************/
#books img {
	margin: 0 8px;
}

/***************************** PAGE STYLES ********************************/
.pr-container a:link, .pr-container a:visited {
	text-decoration: none !important;
	color: steelblue !important;
}
#main {
	background-color: white;
	background-image: url(http://createyourworldbook.com/wp-content/uploads/2010/07/lgrey053.jpg);
	border-left:	1px solid #ccc;
	width: 959px;
	padding: 20px 0 22px;
}
#content {
	width: 615px;
}
.hentry {
	padding-bottom: 20px !important;
}
.entry-utility {
	margin-bottom: 22px !important;
}
.home #content .sticky {
	margin-bottom: 30px !important;
}
.clearIt {
	clear: both;
}
.center {
	text-align: center;
}
/***************************** PRESS INFO PAGE ***************************/
#pressPageDiv h2 {
	border-bottom: 4px solid skyblue;
	margin-bottom: 20px;
	padding: 0;
}
.divider {
	border-bottom: 1px solid silver;
	clear: both;
	height: 5px;
	margin-bottom: 0;
}
.pr-container {
	min-height: 70px;
	width: 610px;
	margin-bottom: 15px;
	padding: 1px;
	overflow: visible;
}
.pr-leftDiv {
	float: left;
	min-height: 60px;
	width: 175px;
	border: 1px solid white;
	padding: 1px;
}
.pr-leftDiv img {
	margin: 5px 0 0 0;
}
.pr-rightDiv {
	border: 1px solid white;
	float: right;
	min-height: 60px;
	width: 410px;
	padding: 1px;
}
.pr-rightDiv p {
	margin-top: 0;
}

/************************** FAQ's PAGE ******************************************/
#faq {
    background-color: none;
    border: 0px solid silver;
}
#faq h2 {
    color: dimgray !important;
}
#faq a {
    color: teal;
    text-decoration: none !important;
}
#faq p {
    margin-bottom: 7px !important;
}
a.spoiler-tgl {
    border-bottom: none !important;
}
.indent {
    margin-left: 20px !important;
}
#ans {
    color: black;
    margin-left: 20px;
    margin-bottom: 35px;
}

/******************************  NAVIGATION  ******************************/
#access {
	border-bottom: 2px solid white;
}

/*** THEMATIC SKIN ***/
.sf-menu {
    border-right:1px solid #ccc;
	float:left;
}
.sf-menu a {
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:9px 13px;
	text-decoration:none;
	background-color: #d0f0ff;
}
.sf-menu .current_page_item a,
.sf-menu .current_page_ancestor a,
.sf-menu .current_page_parent a {
    border-bottom-color:#fff;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#666;
}
.sf-menu li {
	background:		#d0f0ff;
}
.sf-menu li li {
	background-color:		#d0f0ff !important;
}
.sf-menu li li li {
	background:		#d0f0ff;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    background:     #d0f0ff;
	outline:		0;
    border-bottom-color:#ccc;
}
.sf-menu ul {
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	top:32px; /* overriding essential styles */
}
.sf-menu ul ul {
    margin-top:0;
}
.sf-menu ul a {
    background:#d0f0ff;
	border-bottom:none;
}
.sf-menu ul a:hover {
    color: #FF4B33;
}
.sf-menu {
	margin-left: -10px !important;
}