/*
Theme Name: Crazy Like A Fox
Theme URI: http://crazylikeafoxthebook.com
Description: 
Version: 1.0
Author: Eugene Kaneko
Author URI: http://eurykadesign.com
Tags:

The CSS/XHTML is released under GPL:  http://www.opensource.org/licenses/gpl-license.php
*/

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

/* Body */
* {margin:0; padding:0;}
body {background: #ccc8c5  url(img/bg.png) top left repeat-x; color:#333333; font:62.5% Helvetica,Arial,Verdana,Tahoma,sans-serif;}
#wrap {background: url(img/bg-wrap.png) repeat-y; color:#333333; margin:0 auto; width:900px;}

/* Links */
a {background-color:inherit; color:#cc0725; font-weight:bold; text-decoration:none;}
a:hover {background-color:inherit; color:#333333; font-weight:bold; text-decoration:underline;}
a img {border:0;}

/* Tags */
p,ul,ol {margin:0 0 18px;}
blockquote {border-left:0px solid #333333; margin:20px; padding:8px 8px 8px 15px;}
blockquote p {background-color:inherit; color:#333333; font-size:0.9em; line-height:1.3em;}
label {background-color:inherit; color:#333333; font-size:0.9em; font-weight:bold;}
table#wp-calendar {margin:0 0 20px; width:140px;}
code {font-size:1.2em; display:block; padding:5px 5px 5px 8px; background-color:#f4f4f4; margin:5px 0 15px 0;border-left:0px solid #cccccc;}

/* Forms */
#s,#submit {background-color:#ffffff; border:1px solid #cccccc; color:#333333; font-size:0.9em; margin:0 0 16px; padding:4px; width:130px;}
#author,#email,#url,#comment {border:1px solid #cccccc; font-family:Book Antiqua,Verdana,Tahoma,Arial,Sans-Serif; font-size:1em; margin:0; padding:4px;}
#commentsection {margin:25px 0 0;}
#commentsection p {margin:0 0 6px;}

/* Float fix */
.contenttext {overflow:hidden; margin: 0 0 10px 0; }
* html .contenttext {height:1px; overflow:visible;}
* html .contenttext p {overflow:hidden; width:99%;}

/* WP image align classes */
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;}
.alignright {float:right;}
.alignleft {float:left;}

/* Various classes */
.left {border:1px solid #cccccc; float:left; margin:10px 15px 10px 0;}
.right {border:1px solid #cccccc; float:right; margin:10px 0 5px 10px;}
.center {border:1px solid #aaaaaa; margin:5px auto 12px; text-align:center;}
.textright {text-align:right;}
.small {font-size:0.8em;}
.smaller {font-size:0.9em;}
.bold {font-weight:bold;}
.hide {display:none;}
.post {margin:0 0 25px;}
.postinfo { font-family: Georgia, serif;  font-size:1.1em; border-left: 0px; color:#666; font-weight:normal; line-height:1.5em; margin:0; padding:0;}
.postinfo a { color: #666; font-weight:normal;}
.comment {background-color:#f4f4f4; border-left:0px solid #cccccc; color:#333333; margin:0 0 10px; padding:8px 5px 0 8px;}
.comment p {font-size:0.9em; line-height:1.3em; margin:0 0 6px; padding-bottom:5px;}
.gravatarside {float:right; width:48px; height:48px; margin:0 5px 5px 5px;}
.navigation {display:block; margin:10px 0 20px 0; padding:0; text-align:center;}
.navigation p {margin:0; padding:0;}
.prevlink {margin-right:20px;}
.nextlink {margin-left:20px;}
.readmore-wrap {width:inherit; float:right;}
.palatino {font-family: Palatino, serif; font-style: normal; font-size:1.3em;}
.georgia {font-family: Georgia, serif;  font-size:1.1em;}
.upper {text-transform: uppercase;}
.gray { color: #666666; }

/* Header */
#header {position: absolute; margin:0 0 0 40px; text-align: right;}
#header h1 {background-color:inherit; color:#333333; font-size:2em; letter-spacing:-1px; margin:30px 30px 0 0;}
#header h1 a {background-color:inherit; color:#333333; text-decoration:none;}
#header p {background-color:inherit; color:#333333; font-size:1.1em; font-weight:bold; line-height:1.3em; margin:10px 30px 0 0;}


/* Navbar */
#navbar {
	height: 360px; /* 222px */
	background: url(img/header-with-book.png) no-repeat top left;
	margin: 0 0 0 0;
}

#navbar ul {
	margin-left: 220px;
	height: 30px;
	list-style: none;
	padding-top: 195px;
	}
	#navbar ul li {
		display: inline;
		width: 105px;
		float: left;
		text-align: center;
	}
	#navbar ul li a {
		color: white;
		font-size: 1.4em;
	}

/* Main menu */
ul.page {list-style:none; margin:0 0 20px; width:140px;}
ul.page li {display:inline; line-height:1.4em; width:140px;}
ul.page li a {background-color:#f4f4f4; border-left:0px solid #cccccc; color:#333333; float:left; font-weight:bold; margin-bottom:5px; padding:5px 1px 5px 5px; text-decoration:none; width:130px;}
ul.page li a:hover, ul.page li.current_page_item a {background-color:#eaeaea; border-left:0px solid #333333; color:#333333;}
ul.page ul {font-size:1.2em; margin:0 0 0 15px; padding:0 0 5px; width:125px;}
ul.page ul a {padding:3px 1px 3px 5px; width:115px;}
ul.page ul ul {width:113px;}
ul.page ul ul a {width:100px;}


/* Left Sidebar */
#leftside {
	width: 175px;
	clear: left; 
	float: left;
	line-height: 1.5em; 
	margin: 0 0 5px 65px; 
}
#leftside p, #leftside ul, #leftside div.textwidget, #extras p, #extras ul, #extras div.textwidget {font-size:1.2em; margin:0 0 30px;}
#leftside a {color: #333333; font-weight: normal; }
#leftside li, #extras li {line-height:1.2em; list-style:none; margin:0 0 6px;}
#leftside ul ul, #leftside ul ul ul, #extras ul ul, #extras ul ul ul {font-size:1.0em; margin:6px 0 0 15px;}
#leftside ul ul li, #extras ul ul li {margin:0 0 4px;}
#leftside ul ul li a, #extras ul ul li a {font-weight:normal;}
#leftside ul.linklist, #extras ul.linklist {font-size:1em;}
#leftside ul.linklist ul, #extras ul.linklist ul {margin:0 0 20px;}
#leftside ul.linklist ul li a, #extras ul.linklist ul li a {font-weight:normal;}
#leftside h2, #leftside ul.linklist li h2, #leftside h3, #extras h2, #extras ul.linklist li h2, #extras h3, table#wp-calendar caption {background-color:inherit; color:#333333; font-size:1.6em; font-weight:bold; text-align:left; margin:0 0 6px;}


#leftside #buy-the-book { 
	width:160px; 
	height: 200px; 
	background: url(img/buy-the-book.png) center top no-repeat; 
	margin: 0 0 20px -5px;
	padding: 15px 0 0 15px;
	font-family: "Century Gothic", "Arial Black", sans-serif;
	font-weight: normal;
	letter-spacing: -1px;
}
#leftside #buy-the-book h1 { 
	font-size: 3.6em;
	text-align: left;
	color: #cc0725;
	margin: 0 0 18px 0;
	font-weight: normal;
}
#leftside #buy-the-book h2 { 
	font-size: 2.4em;
	text-align: left;
	color: #cc0725;
	font-weight: normal;
}
#leftside #buy-the-book ul {
	margin: 35px 0 0 0;
}
#leftside #buy-the-book ul li { 
	list-style:none; 
}
#leftside #buy-the-book a {
	color: white; 
	font-weight: normal;
	font-size: 1.4em;
	line-height:1.0em;
	font-weight: normal;
	letter-spacing: 0;
	}
#leftside #buy-the-book a:hover {color: #cccccc; }
#leftside #facebook { margin: 0 0 5px 0;}
#leftside #rss { margin: 0 0 20px 0;}
#leftside #search-box { margin: 25px 0 15px 0; }

/* Right Sidebar */
#extras {
	width:180px;
	background: url(img/left-quote.png) top left no-repeat;
	float:right; 
	margin: -130px 60px 5px 0; 
	padding: 10px 0; 
	font-family: "Times New Roman", serif;
	font-size: 1.2em;
	line-height: 1.3em;
}
#extras #side-footer {
	width: auto;
	height: auto;
	background: url(img/right-quote.png) bottom right no-repeat;
	margin: 0 0 20px 0;
}


/* Content */
#content, #content-wide {
	line-height:1.3em; 
	margin:-130px 250px 5px; 
	padding:0 20px; 
	border-left: solid 2px #ccc;
	border-right: solid 2px #ccc;
	float: none;
}
#content-wide { margin: -120px 60px 5px 250px; border-right:none; }
#content h1, #content-wide h1 {font-size:2.6em; margin:0 0 10px; color: #cc0725; font-weight:normal; line-height:1.1em; }
#content h2, #content-wide h2 {font-size:1.8em; margin:0 0 10px; color: #cc0725;line-height:1.1em; }
#content h2 a, #content-wide h2 a {color: #cc0725;}
#content h3, #content-wide h3 {font-size:1.8em; margin:0 0 8px; color: #666666;line-height:1.1em; }
#content h3 a, #content-wide h3 a {color: #666666; line-height:1.1em; }
#content ul, #content ol, #content-wide ul, #content-wide ol {margin:0 0 16px 20px;}
#content li, #content-wide li{padding:0 0 0 5px;}
#content ul ul, #content ol ol, #content-wide ul ul, #content-wide ol ol {margin:0 0 0 16px;}
#content ul, #content-wide ul { font-size: 1.2em; line-height: 1.4em; }
#content ul ul, #content-wide ul ul { font-size: 1.0em; line-height: 1.4em;}

#content p, #content-wide p {
	float: none;
	background-color: inherit; 
	color: #333333; 
	font-size: 1.2em; 
	font-weight: normal; 
	line-height: 1.3em; 
	margin: 15px 0 0 0;
}
#content #authors-bw {
	height: 272px;
	background: url(img/authors-bw.jpg) top right no-repeat;
	padding: 0 120px 0 0;
	margin: 5px 0 0 0;
}

#content #blog-header {
	height: 120px;
	width: inherit;
	background: url(img/blog-header.png) no-repeat top left;
	padding: 2px 5px 0 97px;
	margin: 80px 0 20px 0;
}
#content #blog-header h1 {
	font-family: "Century Gothic", Helvetica, sans-serif;
	color: white;
	font-size: 2.8em;
	font-weight: normal;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	text-transform: lowercase;
	letter-spacing: -1px;
}
#content #blog-header p {
	font-family: "Century Gothic", Helvetica, sans-serif;
	color: white;
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1.0em;
	padding: 0;
	margin: 8px 0 0 0;
	letter-spacing: 0;
}

/* Footer */
#footer {border-top:2px solid #333333; font-size:0.9em; clear:both; color:#333; font-weight:normal; line-height:1.7em; margin:0 auto; padding:10px 0; text-align:center; width:760px;}
#footer p {margin:0; padding:0;}
#footer a {color:#333; font-weight:normal; text-decoration:none;}
#footer a:hover {color:#333; text-decoration:underline;}
#footer strong a {font-weight:bold;}
#footer span.credits {font-size:1.1em;}

/* Subpage menu */
#subpages {border-bottom:1px solid #333333; border-left:1px solid #333333; float:right; font-weight:bold; line-height:1.3em; margin:-5px 0 8px 15px; padding:0 0 10px 10px; width:190px;}
#subpages h2 {font-size:1.2em; font-weight:bold; letter-spacing:-1px; line-height:1.3em; margin:0 0 12px;}
#subpages ul.submenu {line-height:1.4em; list-style:none; margin:0;}
#subpages ul.submenu li {display:inline; line-height:1.4em; width:180px; padding:0;}
#subpages ul.submenu li a {background-color:#f4f4f4; border-left:0px solid #cccccc; color:#333333; float:left; font-weight:bold; margin-bottom:5px; padding:3px 1px 3px 5px; text-decoration:none; width:180px;}
#subpages ul.submenu li ul {margin:0 0 5px 10px; width:170px;}
#subpages ul.submenu li ul li a {width:170px;}
#subpages ul.submenu li ul ul {margin:0 0 5px 10px; width:160px;}
#subpages ul.submenu li ul ul li a {width:160px;}
#subpages ul.submenu li ul ul ul {margin:0 0 5px 10px; width:150px;}
#subpages ul.submenu li ul ul ul li a {width:150px;}
#subpages ul.submenu li a:hover,#subpages ul.submenu li.current_page_item a {background-color:#eaeaea; border-left:0px solid #333333; color:#555;}
#subpages ul.submenu li.current_page_item ul li a {background-color:#f4f4f4; border-left:0px solid #cccccc; color:#555;}

/* Comment */
#respond h2, #comments h2 {color: #666666;}
#respond a, #comments a {color: #333333;}

