/*  
Theme Name: Banapana
Theme URI: http://www.russellbits.com/projects/banapana
Description: This is an original theme developed specifically for banapana.com.  It was based on Bluestart.
Version: 2.0
Author: Russell Warner
Author URI: http://russellbits.com/

	Released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* import core styles */
@import url(css/blueprint/screen.css);
/* @import url(css/blueprint/print.css); */
@import url(css/blueprint/plugins/nav_buttons.css);
@import url(css/blueprint/plugins/controlstrip.css);

/*
If you would like to use any of the Jquery interface widgets, uncomment the 
the line of the css with the same name.
@import url(css/blueprint/plugins/tabs.css);
@import url(css/blueprint/plugins/accordions.css);
*/

body{
	background: #025972;
}

h1 {
	font: 36px "Myriad", "Trebuchet MS", sans-serif;
	font-weight: bold;
	padding:0;
	margin:0;
}

.entry-content h1 {
	font: 18px "Trebuchet MS", "Myriad", sans-serif;
	font-weight: bold;
	padding:0;
	margin:0;
}

.entry-content h2 {
	font: 14px "Trebuchet MS", "Myriad", sans-serif;
	font-weight: bold;
	padding:0;
	margin:0;
	margin-top: 1em;
}

.entry-content h3 {
	font: 18px "Trebuchet MS", "Myriad", sans-serif;
	font-style: italic;
	padding:0;
	margin:0;
	margin-top: .5em;
}


h2, h3 {
	font: 24px "Trebuchet MS", sans-serif;
	font-weight: bold;
	padding: 0;
	margin: 0;
	padding-top: 10px;
}

h1 a {
	font: 24px "Trebuchet MS";
	font-weight: bold;
	text-decoration: none;
}

h4 {
	font: 14px "Trebuchet MS";
	font-weight: bold;
	margin:0;
	padding:15px 0 0 0;
}

a {
	color: #6ac000;
	text-decoration: none;
}

object {
        margin:0;
        padding:0;
        padding-top: 16px;
        padding-bottom: 16px;
}

#CategoryMenu {
	padding: 6px 0 6px 0;
}

#image-menu {
	display: none;
	position: absolute;
	top:0;
	left:0;
	width: 480px;
	z-index: 100;
	border: 1px solid #ccc;
	padding: 10px;
	background-color: white;
}

.boxrow {
	float: none;
}

.catbox {
	float:left;
	width:104px;
	height:90px;
	margin-right:10px;
	margin-bottom:6px;
	padding:3px;
}

li.catbox {
	margin-left:32px;
}

.catbox:hover {
	background-color: #dff;
}
			
.caticon {
	float: left;
	padding: 0;
	margin: 0;
}

.caticon.single {
	float: none;
	clear: right;
	padding: 0;
	margin: 0;
}

.catname {
	font: 14px "Myriad" sans-serif;
	font-weight: bold;
}

h2 .catname {
	font: 24px "Myriad" sans-serif;
	font-weight: bold;
}


/* category colors */

.mint a, a.mint, .catname.mint {
	color: #66cca0;
}

.shamrock a, a.shamrock, .catname.shamrock {
	color: #6ac000;
}

.sky a, a.sky, .catname.sky {
	color: #46aad1;
}

.tangerine a, a.tangerine, .catname.tangerine {
	color: #ffbf00;
}

.purple a, a.purple, .catname.purple {
	color: #9966cc;
}



#page {
	background-color: white;
	font: 14px "Georgia", serif;
	width: 970px;
	margin: 0 auto 0;
	/* If you turn this border off, you will also want to turn off the border on plugins/controlstrip.css */
	border: 1px solid black;
}

#grid {
	padding: 0;
	padding-top: 10px;
	padding-bottom: 20px;
	margin: auto;
}

#comments {
	margin-top: 30px;
}

#footer {
	background-color: #efe;
	width: 970px;
	margin: 0 auto 0;
	/* If you turn this border off, you will also want to turn off the border on plugins/controlstrip.css */
	border: 1px solid black;
}

#footer-contents {
	padding: 0;
	padding-top: 10px;
	padding-bottom: 20px;
	margin: auto;
}

#dropshadow {
	width: 1007px;
	margin: auto;
	background-image: url(images/page-drop-shadow.png);
}


#masthead {
	width: 970px;
	height: 266px;
	background-image: url(images/masthead-0802.jpg);
	padding: 0;
	margin: 0;
}

#mastheadinfo {
	position: relative;
	top: 20px;
	left: 20px;
}

#mastheadinfo h1 {
	padding: 0;
	margin: 0;
}

#masthead-caption { 
	text-align: right;
	padding-bottom: 15px;
}

#slogan {
	font: 23px "Myriad", "Trebuchet MS", sans-serif;
	font-weight: bold;
	padding-bottom: 15px;
}

.sub-slogan {
	font: 14px "Myriad", "Trebuchet MS", sans-serif;
	font-weight: bold;
	color: #666;
}

#sidebar ul {
	text-indent: 0;
	padding: 0;
	margin: 0;

}

#sidebar li {
	list-style: none;
}

#sidebar ol.wppp_list {
	
}

#sidebar ol.wppp_list li {
	list-style-type: decimal;
	padding-bottom: .2em;
}


#sidebar .widgettitle {
	font: 16px "Myriad", sans-serif;
	font-weight: bold;
	padding: 0;
	margin: 0;
	padding-top: 15px;
	padding-bottom: 10px;
}

.post {
	padding: 0;
	margin: 0;
	margin-bottom: 40px;
}

.post p:first-child, #footer-contents p:first-child {
	text-indent: 0;
	padding-top: 10px;
}

.post blockquote {
	padding-top: 1em;
	border-left-style: solid;
	line-height: 22px;
	padding-bottom: 1em;
	padding-left: 1.5em;
	padding-right: 1.5em;
	border-left-color: #6ac000;
	border-left-width: 2px;
	margin-bottom: 1em;
	margin-top: 1em;
	margin-left: 2em;
	background-color: #ffffee;
}

.post p {
	color: #333;
	font-size: 16px;
	line-height: 26px;
	text-indent: 2em;
	padding: 0;
	margin: 0;
}

.post p .code {
	color: #333;
	font-family: "Courier", monospace;
	font-size: 14px;
	line-height: 26px;
	text-indent: 0em;
	padding: 0;
	margin: 0;
}

#footer p {
	color: #333;
	line-height: 22px;
	text-indent: 2em;
	padding: 0;
	margin: 0;
}

.post ul li {
	color: #333;
	line-height: 22px;
	padding: 0;
	margin: 0;
	margin-bottom: 1.3em;
	list-style: none;
}

.post ul li:before {
	content: "\00BB \0020";
}

.post-datetime {
	font: 12px "Trebuchet MS";
	font-weight: bold;	
}

.post-footer {
	padding:0;
	padding-top: 3px;
	margin: 0;
	margin-top: 15px;
	border-top: 1px double #ccc;
}

.post ol li {
	color: #333;
	line-height: 22px;
	padding: 0;
	margin: 0;
	margin-bottom: 1.3em;
}

.post ol {
	line-height: 22px;
	margin-top: 10px;
}

.footnotes {
	margin:0;
	padding:0;
	margin-top: 20px;
	border-top: 1px solid #999;
}

/* Tumblr Tags */

.quote {
	font: 18px "Georgia", serif;
	line-height: 28px;
	padding: 10px;
	margin: auto;
}

.email {
	font: 10px "Panic Sans", "Monaco", "Geneva", monospace;
	text-indent: none;
}

blockquote.poem {
	font: 10pt "Georgia", serif;
	color: #fff;
	line-height: 1.75em;
	text-indent:0;
	white-space:pre;
	padding: 1em;
	padding-left: 2em;
	margin: auto;
}

.comment-number {
	font: 12pt "Georgia", serif;
}

.comment-datetime {
	font: 12px "Trebuchet MS";
	font-weight: bold;
	line-height: 22px;
}

.comment-author{
	font: 14pt "Trebuchet MS", sans-serif;
}

.comment-body p {
	font: 10pt "Georgia", sans-serif;
	line-height: 22px;
}

.comment-avatar {
	border: 1px gray;
}