/* 
	Theme Name: JJA Book Theme Version Two
	Theme URL: http://www.clockpunkstudios.com/
	Description: A simple two column, widget ready theme.
	Author: Clockpunk Studios
	Author URI: http://refueled.net
	Version: 2.0

*/



body {
	background:#6A6A6A url(images/bg.gif) fixed;
	color: #333333;
	font-size: 13px;
	font-family: Verdana, Helvetica, Sans-Serif;
	margin: 0 auto;
	padding: 0px;

	}


#wrap {
	background: #FFFFFF url(images/container.jpg) repeat-y;
	width: 960px;
    height: 100%;
	margin: 0  auto;
	padding: 0px;
	}
	
/* Hyperlinks */

a, a:visited {
	color: #3B6A9F;
	text-decoration: none;
	}
	
a:hover {
	color: #3B6A9F;
	text-decoration: underline;
	}
	
	
/* Header */

#header {
	margin-top: 0px;
	width: 958px;
	font-family: Times New Roman, Helvetica, Sans-Serif;
	font-size: 18px;
	color: #FFF;
	text-transform: uppercase;
	 border: 1px solid black;
	 position:relative;
	}
#header h1 {
    font-family: georgia, Helvetica, Sans-Serif;
	font-size: 11pt;
	text-transform: uppercase;
    margin-left: 14px;
    margin-top: 12px;
    color: #fff;
    text-indent:-9999px;
    position:absolute;
}

#header h1 a{
    color: #fff;
}

#header h2 {
    font-family: verdana, georgia, Sans-Serif;
	font-size: 8pt;
	text-transform: lowercase;
    margin-left: 14px;
	color: #fff;
	text-indent:-9999px;
	position:absolute;
}

#header h2 a{
        color: #fff;
}
	
#header img {
	display:block;
}	

/* Sidebar */

.sidebar {
	font-size:11px;
	float: left;
	width: 235px;
        height: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
        background-color: #666666;
        border-right: 1px solid #393939;
	z-index:999;
	position:relative;
	}

	
.sidebar h2 {
	color: #fff;
        background: #111;
	font-size: 11px;
	font-family: Verdana, Helvetica, Sans-Serif;
	font-weight: bold;
	padding: 5px 0px 5px 10px;
	margin: 0px 0px 0px 0px;
	text-transform: uppercase;
	}
	
.sidebar ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}
	
.sidebar li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
.sidebar ul li {
	margin: 0px;
	padding: 0px;
	}
	
.sidebar ul li a {
    display: block;
	color: #FFFFFF;
	text-decoration: none;
	padding: 5px 10px 5px 12px;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid #393939;
	}

.sidebar ul li a:hover {
	background: #333333;
	color: #FFFFFF;
	text-decoration: none;
	}
	

/* Content */

#content {
	width: 960px;
	margin: 0px;
	padding: 0px;
	}

#content p{
	padding: 0px 20px 15px 0px;
	margin: 0px;
	line-height: 18px;
        text-align: justify;
	}
	
#content p img{

	border: none;
	margin-right: 15px;
	margin-bottom: 10px;
	}
	
#content h1 {
	color: #546262;
	font-size: 16px;
	font-family: Arial, Verdana, Arial, Sans-Serif;
	font-weight: normal;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 10px 0px;
	text-transform: uppercase;
	border-bottom: 1px dotted #000;
	}
	
#content h1 a  {
	color: #020003;
	text-decoration: none;
	}

#content h1 a:hover {
	color: #000;
	text-decoration: none;
	}
	
#content ol{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 15px 0px;
	}
	
#content ol li{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
	}
	
#contentmiddle {
	background: #FFFFFF;
	float: right;
	width: 700px;
	margin: 0px 0px 0px 0px;
	padding-left: 0px;
	padding-top: 20px;
	padding-right:10px;
	}

#contentmiddle h2 {
	padding-right:20px;
}
	
#contentmiddle p img{

	border: none;
	margin-right: 15px;
	margin-bottom: 10px;
	}
	
#contentmiddle ul{
	list-style-type: square;
	margin: 0px 0px 0px 30px;
	padding: 0px 0px 15px 0px;
	}
	
#contentmiddle ul ul {
	margin-bottom:0 !important;
	padding-bottom:0 !important;
}
	
#contentmiddle ul li{
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	}

#contentmiddle ul li li {
	list-style-type: circle;
}
	
blockquote{
	margin: 0px 0px 0px 25px;
	padding: 0px 25px 0px 10px;
	font-style: italic;
	color: #666666;
	border-left: 2px solid #999999;
	}
	
#content blockquote p{
	margin: 0px 0px 20px 0px;
	padding: 0px;
	}
	
#contentmiddle ul li {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	}
	
#contentmiddle ul li a {
	color: #507AA5;
	text-decoration: none;
	}

#contentmiddle ul li a:hover {
	color: #507AA5;
	text-decoration: underline;
	}
	
#content img.wp-smiley {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}

#content img.wp-wink {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}
	
.postinfo {
	clear:both;
	width: 650px;
	background: #F2F2F2;
	font-size: 11px;
	color: #333333;
	margin: 0px 0px 60px 0px;
	padding: 10px 10px 10px 10px;
	border-top: 2px solid #000000;
	border-bottom: 1px dotted #000000;
	line-height: 10px;
	}
	
/* Footer */

#footer {

	color: #FFFFFF;
	margin: 0 auto;
	padding-left: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
	text-align: left;
	width:960px;
	}
	
#footer a, #footer a:visited {
	color: #C0C0C0;
	text-decoration: underline;
	}
	
#footer a:hover {
	color: #999999;
	text-decoration: underline;
	}

/* Search Form */

#searchdiv {
	margin: 0px;
	padding 0px;
	}
	
#searchform {
	margin: 0px;
	padding-top: 6px;
	padding-bottom: 6px;
	overflow: hidden;
	}

#searchform pre {
	margin-top: 0px; 
	margin-bottom: 0px;
	}
#searchform label {display:none;}
#searchform #searchsubmit {display:none;}
	
#s {
	background: #EFEFEF;
	width: 190px;
	font-size: 12px;
	font-family: Arial, Helvetica, Sans-Serif;
	padding: 4px;
	margin: 5px 0px 10px 20px;
	border: none;
	}

/* Comments */
	
#commentblock {
	width: 410px;
	background: #EFEFEF;
	color: #333333;
	float: left;
	padding: 10px 20px 0px 20px;
	margin: 10px 0px 10px 0px;
	border: 1px solid #C0C0C0;
	}
	
ol#commentlist {
	padding: 5px 0px 5px 0px;
	margin: 0px;
	list-style-type: none;
	}
	
.commentdate {
	font-size: 12px;
	padding-left: 0px;
	}
	
#commentlist li p{
	margin-bottom: 8px;
	line-height: 20px;
	padding: 0px;
	}

.commentname {
	color: #333333;
	margin: 0px;
	padding: 5px 5px 5px 0px;
	}

.commentinfo{
	clear: both;
	}

.commenttext {
	clear: both;
	margin: 5px 0px 20px 0px;
	padding: 20px 10px 5px 10px;
	width: 325px;
	background: #FFFFFF url(images/comment.gif) no-repeat top;
	}

.commenttext-admin {
	clear: both;
	margin: 5px 0px 20px 0px;
	padding: 20px 10px 5px 10px;
	width: 325px;
	background: #FFFFFF url(images/comment.gif) no-repeat top;
	}

#commentsformheader{
	padding-left: 0px;
	}

#commentsform{
	text-align: left;
	margin: 0px;
	padding: 0px;
	}

#commentsform form{
	text-align: left;
	margin: 0px;
	}

#commentsform p{
	margin: 0px;
	}

#commentsform form textarea{
	width: 99%;
	}
	
p.comments_link  img{
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
.alignleft {float:left;margin-right:15px;}
.alignright {float:right;margin-left:15px;}
#content img.aligncenter {display:block;margin: 0 auto 10px;}

/* Menu CSS */

/* Dropdown Menus */
.menu {
	position:relative;
}		
.menu li {
	position:relative;
}

.menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.menu li:hover ul, .menu li.sfhover ul { right: -237px; top:0; z-index:999; background:#6A6A6A;}
ul.menu li:hover li ul, ul.menu li.sfhover li ul { top: -999em; }
ul.menu li li:hover ul, ul.menu li li.sfhover ul { left: 236px; /* match ul width */ top: 0; }
ul.menu li li:hover li ul, ul.menu li li.sfhover li ul { top: -999em; }
ul.menu li li li:hover ul, ul.menu li li li.sfhover ul { left: 236px; /* match ul width */ top: 0; }
.menu li ul { position: absolute; left: -999em; height: auto; width: 236px; z-index:1 !important; line-height:1; margin-left:11px; }
.menu li li { width: 236px; z-index:1000; }
.menu li li a, .menu li li a:visited, .menu li.current_page_parent li.current_page_item a, .menu li.current_page_parent li.current_page_item a:visited { color:#dadada !important; padding:8px 12px !important; background:transparent !important; }
.menu li li a:hover, .menu li li a:active, .menu li.current_page_parent li.current_page_item a:hover, .menu li.current_page_parent li.current_page_item a:active { color:#FFF !important; }
.menu li:hover ul, .menu li li:hover ul, .menu li li li:hover ul, .menu li.sfhover ul, .menu li li.sfhover ul, .menu li li li.sfhover ul { left: auto; }
.menu ul ul { margin:0 !important }
.menu a.sf-with-ul { padding-right: 30px; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ }

.menu .current-menu-item {
}

.menu .current-menu-item > a, .menu .current-menu-parent > a {
	background: #FFF;
	color:#333;
}

/*Buy Links */

.buy_links_nav, .buy_links_nav * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.buy_links_nav .dropdown-toggle {
	background: #000;
	border-radius: 2px;
	color: #FFF;
	margin-bottom: 8px;
	padding: 6px 8px;
	width: 100%;
	text-transform: uppercase;
	display: inline-block;
	font-size:16px;
}
.buy_links_nav .dropdown-toggle:hover {
	color: #FFF;
	background: #333;
	text-decoration: none
}
.buy_links_nav .dropdown-toggle:active {
	text-decoration: none
}
.buy_links_nav .dropdown-menu {
	width: 100%
}

.callout_wrapper {
	width:220px;
	margin-bottom:20px;
}

.callout_wrapper img {
	margin-bottom:10px;
}

.callout_wrapper.left {
	float:left;
	margin-right:12px;
}

.callout_wrapper.right {
	float:right;
	margin-left:12px;
}

.callout_wrapper.center {
	display:block;
	margin: 10px auto 10px ;
}

.caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 4px solid;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent	
}
.dropdown {
	position: relative
}
.dropdown-toggle:focus {
	outline: 0
}
.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0 !important;
	list-style: none !important;
	font-size: 18px;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 3px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	background-clip: padding-box
}

.dropdown-menu li {
	list-style-type: none !important;
}

.dropdown-menu.pull-right {
	right: 0;
	left: auto
}
.dropdown-menu .divider {
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background-color: #e5e5e5
}
.dropdown-menu>li>a {
	font-size: 14px;
	display: block;
	padding: 6px 20px;
	clear: both;
	font-weight: normal;
	line-height: 1.428571429;
	color: #000;
	text-transform: uppercase;
	white-space: nowrap
}
.dropdown-menu>li {
	margin-bottom: 0
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
	text-decoration: none;
	color: #ccc;
	background-color: transparent
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
	color: #000;
	text-decoration: none;
	outline: 0;
	background-color: transparent
}
.dropdown-menu>.disabled>a, .dropdown-menu>.disabled>a:hover, .dropdown-menu>.disabled>a:focus {
	color: #999
}
.dropdown-menu>.disabled>a:hover, .dropdown-menu>.disabled>a:focus {
	text-decoration: none;
	background-color: transparent;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	cursor: not-allowed
}
.open>.dropdown-menu {
	display: block
}
.open>a {
	outline: 0
}
.dropdown-header {
	display: block;
	padding: 3px 20px;
	font-size: 16px;
	line-height: 1.428571429;
	color: #999
}
.dropdown-backdrop {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: 990
}
.pull-right>.dropdown-menu {
	right: 0;
	left: auto
}
.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
	border-top: 0;
	border-bottom: 4px solid;
	content: ""
}
.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
	top: auto;
	bottom: 100%;
	margin-bottom: 1px
}

.clear {
	clear:both;
}

.dropdown-toggle.fake {
	cursor:default ;
	background-color:#3A3A3A;
}

.dropdown-toggle.fake:hover {
	background-color:#3A3A3A;
}

.share_callout iframe, .share_callout a {
	display: inline-block;
	vertical-align: top;
}

.share_callout {
	text-align: center;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding-top:10px;
}

.heading11 {
	line-height:1.2 !important;

}

.blurb {
	line-height:1.2 !important;
}