/*   
Theme Name: BMBooks II
Theme URI: http://www.bearmountainbooks.com
Description: Bear Mountain Books 2.0
Author: BMBull
Author URI: your-URI
.
General comments/License Statement if any.
.
*/

html, body {
	background: #DDE3EB;
	color: #000;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	border: none;
	font-family: 'Arial', sans-serif; 
	}

.mixedcase { text-transform: none; }

.Centered {
	margin: 0 auto;
	}

/* controls padding for header, menu, content elements */
body {
	padding: 0 20px;	
	}

a {
	color: #00e;  /* #bbe; */
	text-decoration: none;
	}

a:hover, a:focus {
	text-decoration: underline;
	}

#toppanel {
	margin: 10px 0;
	height: 105px;
	}

#alert {
        /* worm width, margins */
	/* width:35%;	       */
	/* margin: 0 0 0 63%;  */
	width:30%;
	margin: 0 0 0 68%;
	height: 105px;
	padding: 0;
	}


#alert h1 {
	padding: 20px 0 0 0px;
	font-size: 20px;
	font-weight: bold;
	font-style: normal;
	margin: 0;
	}

#alert p {
	padding: 0 0 0 0px;
	font-size: 15px;
	font-weight: bold;
	color: #00e;
        }

#alert img {
	float:right;
	}
	
#header{
	background-repeat: no-repeat;
	background-image: url(images/logobeargif.gif);
	padding: 0px;
	height: 105px;
	width: 60%;
	float: left;
	}

#header a {
	display: block;
	text-decoration: none;
	color: #000;
	}

#header h1 {
	font-size: 30px;
	font-weight: bold;
	font-style: normal;
	margin: 0;
	padding-left: 180px;
	padding-top: 25px;
	}

#header p {
	font-size: 15px;
	font-weight: bold;
	font-style: italic;
	padding-left: 180px;
	color: #00e;
	}

#content {
	/* gallery test */
	float: left; 
	width: 70%;
	/* org */
	/* margin: 0 0 0 20%; */
	/* common */
	padding: 0;
	background: transparent;
	line-height: 120%;
	}

#content a {
	font-weight: bold;
	color: #00e;
	}

/* 'h2' is used to display the blog's date lines */
#content h2 {
	font-style: italic;
	font-weight: bold;
	font-size: 18px;
	text-align: right;
	margin: 7px 20px;
	padding: 0 .1em 0;
	color: #000;
	}

/* The 'comments' div is used inside 'content' div on comments page.  
   This h2 is used to display the 'Comments' title */
#content h2#comments {
	color: #000;
	background-color: #eee;
	font-size: 100%;
	font-weight: normal;
	font-style: italic;
	text-align: left;
	margin: 10px 20px 10px 0;
	padding: 0 10px;
	border: 1px solid #008;
	}

/* The 'respond' div is also used inside 'content' div on comments page.  
   This h2 is used to display the 'Leave a comment' title */
#content h2#respond {
	color: #000;
	background-color: #eee;
	font-size: 100%;
	font-weight: bold;
	font-style: italic;
	text-align: left;
	margin: 15px 20px 10px 0;
	padding: 0 10px;
	border: 1px solid #008;
	}

/* Comment list borders and text on comments page */
#content ol#commentlist {
	border: 1px solid #000;
	font-size: 90%;
	margin: 10px 70px 10px 50px;
        padding: 0 5px;
}

#content ol#commentlist li {
	margin: 0 0 20px 0;
}


#content p#commentintro {
	margin: 10px 70px 10px 50px;
	text-align: justify;
}

/* 'h3' used to display individual post titles */
.storytitle {
	font-weight: bold;
	font-size: 125%;
	text-align: left;
	margin: 10px 20px 10px 0;
	padding: 0;
	}

#content .post .storytitle a {
	font-weight: bold;
	color: #008;
	}

div.meta {
	text-align: right;
	font-size: 75%; /* .9em; */
	margin-right: 10px;
	}

div.feedback {
	text-align: right;
	margin-right: 10px;
	margin-bottom: 5px;
	}

p {
	margin: 5px; 
	}

.post,
.adhesive_post
    {
    	color: #000;
    	margin: 3px 0;
	padding: 3px 0 3px 15px;
	border: 2px solid #008;
	background: #fff; 
	font-family: 'Arial', sans-serif; 
    }

.post p {
	text-align: left;
	}


/* content-commentform-xxxx controls input fields in comment form */
#content #commentform #author,
#content #commentform #email,
#content #commentform #url
	{
	width: 50%;
	}

#content #commentform #comment
	{
	height: 100px;
	width: 70%;
	}

/* Menu section */
#menu {
	/* gallery */
	margin: 5px 2% 0 0;
	/* org */
	/* margin: 0; */
	/* common */
	padding: 0;
	float: left;
	width: 25%;
	line-height: 120%;
	}

#menu #calendar td{
	color: #888;
	}
		
#menu #calendar a {
	color: #00a;
	font-weight:bold;
	}

/* ULs in menu - includes categories & subitems */
#menu ul{
	margin: 10px 0 0 3px;
	padding: 0;
	list-style: none;
	}

/* Items in top level UL - category headers */
#menu ul li {
	margin: 20px 0;
	padding: 0;
	font-size: 100%;
	font-weight: bold;
	letter-spacing: .1em;
	}

#menu ul ul {
	list-style: disc;
	margin: 7px 0 20px 15px;
	}

#menu ul ul li {
	margin: .1em 0 0 0;
	padding: 0;
	font-size: 95%; 
	text-transform: none;
	letter-spacing: .1em;
	}

#menu li a {
	color: #00a;
	}

/* Search box placed in menu area */
form.searchform {
	display: inline;
	}


#menu li form input {
	border: 1px solid #008;
	}

#menu td {
	text-align: center;
	font-weight: normal;
	text-transform: none;
	letter-spacing: normal;
	}

#menu th {
	font-weight: normal;
	}
	

/* "Powered by" label & link */
.credit {
	width: 100%;
	margin: 10px;
	font-size: 90%;
	font-weight: normal;
	font-style: italic;
	text-align: left;
	}

.credit a {
	font-weight: normal;
	color: #00e;
	}

abbr[title], acronym[title] {
	cursor: help;
	border-bottom: 1px solid;
	}

a abbr[title], a acronym[title] {
	}

img {
	border: none;
	}

.post img.FloatLeft, img.alignleft {
	margin: 0 10px 0 0;
	float: left;
	}
	
.post img.Centered, img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
	}

.post img.FloatRight, img.alignright {
	float: right;
	}

.post img.ChartImg {
	margin: 10px 0 0 0;
	padding: 3px;
	border: 1px solid;
	}

ul {
	list-style: disc;
	}

blockquote, pre, var 
	{
	border: 2px solid #008;
	margin: 10px 30px;
	padding: 5px;
	}

.meta ul, .meta ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	}

.storycontent {
	font-size: 90%;
	margin: 0 20px 0 0;
	padding: 0 0 0 5px;
	}

#content .post a {
    	color: #00e;
	font-weight: normal;
	}

#content .post .storycontent a:visited {
    	color: #a04;
	}

.storycontent .chartcredit {
	font-size: 75%;
	}
	
.storycontent .smalltable {
	font-size: 95%;
	}

.storycontent p {
	margin-bottom: 1em;
	}

/* Text (labels) for comment form input fields (not input text) */
#content form#commentform {
	color: #000;
	}

.storycontent .MsoTitle
	{
	margin: 10px 5px;
	padding: 10px;
	text-align: center;
	font-size: 125%;
	font-weight: bold;
	}

.storycontent .MsoNormal 
	{
	padding: 0 10px;
	font-size: 100%;
	}

#disclaimer {
	font-size: 80%;
	line-height: 1.2em;
	}
	
.childcatlist {
	list-style: none;
	}
	
.postlist {
	list-style: disc;
	}

#suckerfishnav {
	font-size:15px;
	font-family:verdana,sans-serif;
	font-weight:bold;	
	width:100%;
	/* background color, top level menu */
	background: #DDE3EB;
}

#suckerfishnav, #suckerfishnav ul {
	float:left;
	list-style:none;
	line-height:24px;
	padding:0;
	width:100%;
	border-top:1px solid #00A; 
	border-bottom:1px solid #00A; 
	margin: 0 0 5px 0;
}

#suckerfishnav a {
	display:block;
	text-decoration:none;
	padding:0px 10px;
	/* text color - top level menu */
	color:#00A;
}

#suckerfishnav li {
	float:left;
	padding:0;
}

#suckerfishnav ul {
	position:absolute;
	left:-999em;
	height:auto;
	width:151px;
	font-weight:normal;
	margin:0;
	line-height:1;
	border:0;
	border-top:1px solid #666666;
}

#suckerfishnav li li {
	width:149px;
	border-bottom:1px solid #666666;
	border-left:1px solid #666666;
	border-right:1px solid #666666;
	font-weight:bold;
	font-family:verdana,sans-serif;
}

#suckerfishnav li li a {
	padding:4px 10px;
	width:130px;
	font-size:12px;
	color:#dddddd;
}

#suckerfishnav li ul ul {
	margin:-21px 0 0 150px;
}

#suckerfishnav li li:hover {
	/* background color - hovered pulldowns */
	background:#00E;
}

#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a  {
	/* text color - hovered pulldowns */
	color:#FFF;
}

#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
	/* Text color - top level menu hover */
	color:#FFF;
}

#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
	/* Text color - pulldowns */
	color:#dddddd;
}

#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul  {
	left:-999em;
}

#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul  {
	left:auto;
	/* background color - pulldowns */
	background:#444444;
}

#suckerfishnav li:hover, #suckerfishnav li.sfhover {
	/* background color - top level menu hover */
	background:#008;
}


/* Bookshelf sidebar section */
#bookshelf {
	border: 1px solid #008;
	margin: 0;
      }

.shelf-caption {
	text-align: center;
	font-weight: bold;
	color: #00a;
	}
	
.shelf-title {
	text-align: center;
	}

.shelf-item {
	margin: 20px 8px;
	}

.shelfthumb {
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
	height: 120px;
	width: 75px;
	}

.shelfthumbwide {
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
	height: 120px;
	width: 95px;
	}
	
.shelf-meta {
	text-align: center;
	}

.sidebarthumb {
	height: 120px;
	}


/* Hide the wordpress.com stats smiley image */
img#wpstats {
	width:0px;
	height:0px;
	overflow:hidden
	}

/* Amazon banner section */
#amzn-banner1 {
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top: 20px;
	text-align: center;
      }

/* Cart66 specific */
/* Fixes color of 'Continue Shopping' and 'Checkout' button text */
#content #viewCartNav a {
    color: #fff;
	}

#content #emptyCartMsg a {
    color: #fff;
	}


/* Mail Chimp signup */
#mc_embed_signup {background:#DDE3EB;}