/*
Theme Name: Oracle of Kabballah theme
Theme URI: http://oracleofkabbalah.com/
Description: Main theme for Oracle of Kabbalah site
*/
/* HEADER AND BODY STYLING */
* {margin: 0; padding: 0;}
body {
/*	background: url(images/parchment.gif) repeat;*/
	background: url(images/bkgrnd-blue.jpg);
	font-family: verdana, helvetica, arial, sans-serif;
}
h1 {font-weight: bold; font-size: 24px;}
h2 {margin: 1em 1em .2em; padding: 0;}
h3 {font-weight: bold; font-size: 18px;}
* html h3 {font-size: 20px;}
h4 {font-size: 17px; font-weight: bold;}
p, li {font-size: 15px;}
* html p, * html li, #sidebar li h2 {font-size: 14px;}
p {margin: 1em 0;}
h1.red a, .red {color: #CC0000;}
h1.red a:hover, .posts h4 a:hover, #continuity p.buy-now a:hover {
	text-decoration: none;
}
blockquote {margin-right: 150px; margin-left: 75px;}
#container {max-width: 810px; margin: 0 auto; padding: 0;}
#content_wrap, #footer { /* width: 810px; */ margin: 0 auto;}
#content {
	width: 70%; /* 535px; */
	float: left;
	background-color: #FFFFFF;
	padding: 5px 40px 20px;
	border: 1px solid #CACACA;
	margin: /* 3px */ 0 0; /* 10px; */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#content.wide {
/*	width: 680px; */
	width: 100%;
	padding-left: 70px;
	padding-right: 60px;
}
/*#content.secrets {border: 5px solid #2c4c76; /* #2b1a13; } */
#header {
/*	width: 810px; */
/*	height: 158px; */
	margin: /* 10px */ 0 auto 0; /* 2px; */
	color: #fff;
/*	background: url(images/OK-Header.jpg);
	background-size: cover; */
}
#header img {
	max-width: 100%;
	height: auto;
	width: auto;
}
#header h1 {
	margin: 0 0 10px;
	font-size: 1.5em;
	padding: 10px 15px 0;
	color: #fff;
	text-align: center;
/*	text-indent: -9999px; */
	position: absolute;
	left: -9999px;
}
#header h1 span {font-size: .75em;}
#header h4 {
	margin: 0 3em 10px;
	font-size: .9em;
	padding: 3.9em 40px 10px;
	text-align: center;
	color: #E6D3C4;
}
* html #header h4, #comments ol {font-size: .8em;}
#nav_wrap { /* width: 810px; */ margin: 0;}
#footer { /* width: 810px; */}
#sidebar {
	width: 175px;
	float: right;
	background: #4E3627 url(images/browntile.jpg);
	margin: 50px auto 15px;
	color: #fff;
}
#sidebar ul {list-style-type: none;}
#sidebar h2 {font-size: 16px;}
#sidebar li a {font-size: 12px; margin-left: .5em;}
#sign_up {
	width: 265px;
	float: left;
	margin: 18px 25px 25px -15px;
	padding: 0 10px;
	border: 1px solid black;
	background-color: #ffeecc;/* #FFD5D5; */
}
* html #sign_up {margin-left: -5px;}
#sign_up.right, div#buynow_right {float: right;}
#sign_up p {font-size: 95%;}
* html #sign_up p.upper {padding-top: 15px;}
* html #sign_up p.lower {padding-bottom: 15px;}
#sign_up td {font-size: 90%;}
#footer ul {margin-left: -50px;}
#footer li {display: inline; text-align: center; font-size: 90%;}
.alignleft { float: left; margin: 0 15px 0 0; }
.alignright { float: right; margin: 0 0 0 15px; }
.aligncenter { display: block; margin: 0 auto; }
.center {text-align: center;}
.extra_spacing_bottom {margin-bottom: 1.7em;}
.signupframe {color: #333; font-family: Arial, Helvetica, sans-serif;}
table.signupframe {padding-top: 8px;}
.caption {text-align: center; font-size: 75%; margin: 5px 25px 0 25px;}
.li_space li {margin-bottom: 15px;}
.posts {background: url(images/post-icon-24x24.png) no-repeat;}
.posts h2 {
	font-size: 1.45em;
	margin-left: 40px;
	font-family: arial, helvetica, sans-serif;
}
.posts h2 a {text-decoration: none; color: #8F3D18;}
.posts h2 a:hover {color: #A67731;}
.posts h3 {
	font-size: 1em;
	margin: 1em 3em 1em 0;
	text-align: left;
	font-family: arial, helvetica, sans-serif;
}
.posts h4 {
	font-size: .8em;
	font-weight: bold;
	margin: 1em 0 1.5em;
	text-align: right;
	font-family: arial, helvetica, sans-serif;
}
.posts h4 a {color: blue;}
.posts p, #comments .comment_time, #comments label{font-size: .85em;}
.posts .clear {border-bottom: 1px dotted #8f3d18; margin: 5em 0 2em;}
h3.comments_headers {font-size: 1.20em;}
#comments li {
	background: #FFFFDD;/* url(images/parchment2.jpg); */
	border: 1px solid #DDDD99;
	margin: 5px 0pt 10px;
;
	padding: 0px 10px;
}
.next, .previous {
	font-size: .9em;
	font-family: arial, helvetica, sans-serif;
}
/* ================================================= */
.table {display: table; margin: 0 auto; width: 100%; }
ul.nav {
	list-style: none;
/*	width: 801px; */
	padding: .25em 0 .25em .5em;
	background: #4E3627 url(images/goldtile.jpg);
	background: transparent url(images/OK-navbar.jpg) repeat-y;
	text-align: center;
}
ul.nav li {
	display: inline;
}
ul.nav li a {
	padding: 0.7em .7em 0.3em .7em;
	font-weight: bold;
	font-size: .87em;
	line-height: 2;
}
#sidebar ul.nav {background: #4E3627 url(images/browntile.jpg);}
#sidebar li ul.nav {width: 168px;}
#sidebar li ul.nav li {float: none; padding: 0.3em 0 0.1em 0; display: block;}
#sidebar li ul.nav li a {font-size: 1.1em;}
ul.nav li a, ul.nav li a:visited {color: #fff; text-decoration: none;}
ul.nav li a:hover, ul.nav li a:visited:hover { color: #6784a4; text-decoration: none;}
/*ul.nav li a:hover,*/ .sidebar_section a:hover {text-decoration: underline;}
ul.nav li.current_page_item a, ul.nav li.current_page_item a:visited, ul.nav li.current_page_item a:hover {
	color: #6784a4;/* #FFEECC; */
	text-decoration: none;
	cursor: default;
}
.sidebar_section {
	float: right;
	width: 175px;
	background: #4E3627 url(images/browntile.jpg);
	margin: 0px auto 10px auto;
	padding: 10px 0;
	color: #fff;
}
.sidebar_section h4 {font-size: 1em; text-align: center;}
.sidebar_section ul {margin: 10px 0 0 10px; list-style-type: none;}
.sidebar_section li {padding: 0 .4em .6em .3em;}
.sidebar_section li.rss {
	background: url(images/feed.png) no-repeat left 30%;
	padding-left: 1.75em;
}
.sidebar_section li.email {
	background: url(images/email.png) no-repeat left 20%;
	padding-left: 1.75em;
}
.sidebar_section a, .sidebar_section a:visited {
	font-size: .85em;
	color: #FFFFDD;
	font-weight: bold;
	text-decoration: none;
}
p.buynow {font-weight: bold; font-size: 1em; color: #743016;}
div.buynow_box {width: 48%; background-color: #ffff7d; text-align: center;}
div#buynow_left {float: left;}
div#buynow_bottom {
	margin: 7.8em auto 20px;
	padding: 0.1em 0pt;
	width: 70%;
	clear: both;
}
/* secrets page */
form#optin input#email1, form#optin input#name {
	width: 190px;
}
/* secrets-intro page */
#continuity blockquote {
	border: 1px solid #845900;
	margin: 0 65px 15px 45px;
	padding: 5px 10px;
	background-color: #ffffe6;
}
#continuity blockquote p {
	margin: 5px 0;
	font-size: 14px;
	font-family: arial, helvetica, sans-serif;
	color: #332200;
}
#continuity p.buy-now {
	border: 1px solid #CC0000;
	background-color: #ffeaea;
	padding: 15px 20px;
	margin: 10px 140px;
	text-align: center;
}
#continuity p.buy-now a {font-weight: bold; color: #333;}
#content ul.space { margin-top: 10px; }
#content ul.space li { margin-bottom: 10px; }
#content .collapse {margin-bottom: 25px;}
#content .collapse h3 {margin-top: 50px; color: #fff;}
#content .collapse h3.hdr {
	margin-top: 25px;
	margin-bottom: 15px;
	font-size: 15px;
	padding: 5px 0 5px 10px;
	color: #000;
}
#content .collapse h3.hdr .active {
	cursor: default;
	background-color: #99411D;
	color: #fff;
}
#content .collapse h3.hdr:hover {
	cursor: pointer;
	color: #fff;
	background-color: #99411D;
}
/* ===============  home - landing page -  12/22/09 =================== */
.home #content_left {
	float: left;
	width: 400px;
	margin-top: 10px;
	margin-left: -20px;
}
.home #content_right {
	float: right;
	width: 285px;
	margin: 20px -30px 0 0;
}
.home #signupform {
	border: 1px solid #000;
	background-color: #FFEECC;
	padding: 0 10px;
	font-weight: bold;
}
.home #signupform p {
	margin: 1em 0;
	font-size: 17px;
	text-align: center;
	padding: 0px;
}
.home #signupform br { padding: 0px; margin: 0px; }
.home #iphone_app {
	float: right !important;
	width: 200px;
	border: 1px solid #999;
	margin: 15px -5px 0 0;
	padding: 15px 15px 0 15px;
}
.home #iphone_app img { float: left; margin: 10px 20px 10px 0; }
.home #content form#optin {
	margin: 0px auto;
	padding: 0px;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}

/* ---------- kickstarter page --------------- */

.kickstarter #nav_wrap {
	display: none;
}
.kickstarter ul {
	margin: 30px 0;
	background-color: #cfd9e2;
	overflow: hidden;
	border: 1px solid #6582a2;
	border-radius: 2px;
	-webkit-box-shadow: 4px 4px 4px 0px rgba(103, 131, 162, 0.78);
	-moz-box-shadow:    4px 4px 4px 0px rgba(103, 131, 162, 0.78);
	box-shadow:         4px 4px 4px 0px rgba(103, 131, 162, 0.78);
}
.kickstarter li {
	list-style-type: none;
	float: left;
	width: 26.5%;
	border-right: 1px solid #6582a2;
	margin: 0 15px 5px 0;
	padding: 5px 20px 15px 15px;
	text-align: center;
	height: 70px;
}
.kickstarter li:last-child {
	border-right: none;
	margin-right: 0;
}
.kickstarter .play img {
	padding-top: 10px;
}
.kickstarter .play a:hover img {
	opacity: .8;
}
.kickstarter .twitter-share-button {
	padding-top: 10px;
	display: inline-block;
}

@media only screen and (max-width: 768px) {
	ul.nav li a {
		padding: .5em .7em 0.3em .7em;
		font-size: .87em;
		display: inline-block;
	}
}
@media only screen and (max-width: 600px) {
	#content,
	#content.wide {
		float: none;
		padding-left: 5%;
	  	padding-right: 5%;
	  	width: 100%;
	}
	#sidebar,
	.sidebar_section {
		float: none;
		margin-left: 50px;
		margin-right: 50px;

	}
}
@media only screen and (max-width: 400px) {
	.posts p,
	#comments .comment_time,
	#comments label {
  		font-size: 1em;
	}
	p, li {
		font-size: 17px;
	}
	img.alignright {
		float: none;
		display: block;
		margin: 0 auto;
	}
	blockquote {
  		margin-left: 15px;
	   margin-right: 25px;
		width: auto !important;
	}
	.li_space {
		padding-left: 15px;
	}
	ul.nav li a {
	 	line-height: 1.25;
	}

}