/*  
Theme Name: Bananafunk
    Theme URI: http://www.bananafunk.com
Description: Modified SweetPea infused with old BF theme.
Version: .5
Author: Zen Tormey (sweetpea by Pavel L. Descoteaux)
Author URI: http://www.bananafunk.com
*/



/* global settings
--------------------------------------------------*/

* {
	margin: 			0;
	padding:			0;
	}

body {
	background: 			#000 url('http://bananafunk.com/wp-content/themes/bananafunk/images/bg_main.jpg') repeat-x 100% 0;
	color: 				#000;
	font: 				0.75em/160% "Arial", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Verdana", "Sans-Serif";
	text-align: 			center; /* be nice to IE */
	}

a {      /* changes global hyperlink settings */
	color: 				#889AAB;
    	text-decoration: 		underline;
	}

a:hover { /* changes global hyperlink settings */
    	text-decoration: 		underline;
	color: 				#FFF;
	}

em {
	color: 				#aaaa00;
	margin-bottom: 10px;
	}

p { 
	line-height:			1.5em;
	color: 				#DDD;
	}

img {
	border: 			none;
	}

h1, h2, h3, h4, h5, h6 {
	font-weight: 			normal;
	}


.clear { 
	clear:				both;
	height:				1px; 
	font-size:			1px; 
	line-height:			1px;
	}

blockquote {
	margin: 			0px 0px 0px 25px;
	padding: 			0px 25px 0px 10px;
	font-style: 			italic;
	color: 				#777777;
	border-left: 			3px solid #CCC;
	}






/* main positioning section
--------------------------------------------------*/

#wrapper {
	background: 			#000 url('http://bananafunk.com/wp-content/themes/bananafunk/images/bg_main.jpg') repeat-x 100% 0;
	margin: 			0 auto;
	overflow: 			hidden;
	text-align: 			left; /* be nice to IE */
	width: 				779px;
	border-left: 			#ffff00 solid 3pt;
	border-bottom: 			#ffff00 solid 3pt;
	border-right: 			#ffff00 solid 3pt;
	}

#body {
	margin-top: 			1px;
	float: 				left;
	width: 				100%;
	padding-bottom: 		2em;
	position: 			relative;
	background: 			#000;
	}

#content {
    	/* background: 			transparent url('http://bananafunk.com/wp-content/themes/bananafunk/images/bg_sidebar.gif') no-repeat 100% 0; */
    	float: 				left;
    	width: 				500px;
    	padding: 			0px;
	min-height: 			420px; 		
	margin:				0 auto;
	color:				#333;
	margin-bottom: 			25px;
	}

#page-content {
    	float: 				left;
    	width: 				100%;
    	padding: 			0px;
	min-height: 			500px; 		
	margin:				0 auto;
	color:				#FFF;
	margin-bottom: 			25px;
	}

#body.twocol-stories .story {
	float:				left;
	width:				95%;
	height: 			200px;
	margin:				0 0 0 2px;
	display:			inline;
	padding: 			7px 10px 4px 4px;
	font-size:			.99em;
	text-align: 			justify;
	overflow:			hidden;
	position:			relative;
	}




/* header section
--------------------------------------------------*/

#header {
	display: block;
	margin-top: 			10px;
	background: 			transparent url('http://bananafunk.com/wp-content/themes/bananafunk/images/bg_header2.jpg') no-repeat 100% 0;
	/* min-height: 			115px; */
	height: 			118px;
	float: 				left;
	position: 			relative;
	width: 				102%;
	border-top:			2pt solid #ffff00;
	border-bottom:			2pt solid #ffff00;
	}

#header h1 {
	float: 				left;
	position: 			absolute;
	display: 			block;
	margin-top:			1em;
	margin-left: 			1em;
	text-decoration: 		none;
	color: 				#FFF;
	font-size: 			2.2em;
	line-height:			30px;
	}

#header h1 em {
	color: 				#CCC;
	font-style: 			normal;
	font-size: 			0.75em;
	line-height:			30px;
	}

#header h1 a {
	float:				left;
	text-decoration: 		none;
	color: 				#FFF;
	}











/* posting story section
--------------------------------------------------*/


.story p {
	color: 				#333;
	display: 			block;
	height: 			125px;
	background: 			transparent url('http://bananafunk.com/wp-content/themes/bananafunk/images/bg-story.jpg') no-repeat 0 0;
	padding: 			16pt;
	}

.story p:hover {
	color: 				#000;
	}

.story h3 {
	font-family: 			"Arial", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Verdana", "Sans-Serif";
	font-variant:			normal;
	font-size:			1em;
	margin:				12px 12px 0.25em 12px;
	font-weight:			bold;
	text-transform: 		uppercase;
	font-spacing:			2pt;
	}

.story h3 a {
	color:				#22B;
	text-decoration:none;	
	}

.story h3 a:hover {
	color:				#F22;
	text-decoration:		none;	
	}

.story .read-on {
	width:				100%;
	padding: 			0;
	bottom: 			0px;
	}

.story .read-on a {
	margin-top: 			-4.5em;
	margin-right:			3.5em;
	display:			block;
	position:			relative;
	bottom:				0;
	float:				right;
	line-height:			1.15em;
	margin-left: 			0em;
	background:      		transparent  url('http://bananafunk.com/wp-content/themes/bananafunk/images/read-more-btn-off.gif') no-repeat 0 0;
	height: 			25px;
	width: 				80px;
	cursor: 			pointer;
	}

.story .read-on a:hover {
	margin-left: 			0em;
	height: 			25px;
	width: 				80px;
	bottom:				0px;
	background:      		transparent  url('http://bananafunk.com/wp-content/themes/bananafunk/images/read-more-btn-on.gif') no-repeat 0 0;
	}






/* table section
--------------------------------------------------*/
table {
	width:				100%;
	border-spacing:			2px;
	margin:				1.5em 0;
	}

table th, table td { 
	padding:			0.3em 0.75em 
	}

table th {
	background:			#CCC;
	color:				#000;
	text-align:			left;
	}

table td {
	background:			#transparent;
	color:				#000;
	}

table caption {
	text-align:			left;
	color:				#FFF;
	margin-bottom:			-1em;
	margin-top:			1em;
	}

table caption {
	text-align:			left;
	color:				#FFF;
	margin-bottom:			-1em;
	margin-top:			1em;
	}





/* navigation section
--------------------------------------------------*/

.navbar {
	float: 				left;
	list-style: 			none;
	margin-top: 			1em;
	margin-bottom:			-0.62em;
	width: 				100%;		
/*	background: 			transparent url('http://bananafunk.com/wp-content/themes/bananafunk/images/header_black.jpg') 100% 0 repeat-x; */
       	}

.navbar li {
	margin-left: 			0.45em;
	}

.navbar li,
.navbar li a {
	font-family: 			"Arial", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Verdana", "Sans-Serif";
	display:			block;
	text-align:			center;
	color: 				#ffff00;
	float: 				left;
	line-height:			32px;
	height:				32px;
	width: 				102px;
	background: 			transparent url('http://bananafunk.com/wp-content/themes/bananafunk/images/button-on.gif') no-repeat 0 0;
	letter-spacing:			0px;
	padding:			0 0px;
	font-size:			1em; 
	text-decoration: 		none;
	}
.navbar li:hover {
background: url('http://bananafunk.com/wp-content/themes/bananafunk/images/button-over.gif') no-repeat 0 0;
}
.navbar li a:hover {
	display:			block;
	color: 				#ffff00;
    	text-decoration: 		none;
/*	border-bottom: 			2px solid #889AAB; */
	height:				32px;
	line-height:			32px;
	padding:			0 0px;
	font-size:			1em; 
	text-decoration: 		none;
        background: url('http://bananafunk.com/wp-content/themes/bananafunk/images/button-over.gif') no-repeat 0 0;
	}

.navbar .current_page_item a, 
.navbar .current_page_item a:hover {
	background: 			transparent url('http://bananafunk.com/wp-content/themes/bananafunk/images/button-on.gif') no-repeat 0 0;
	display:			block;
	color: 				#ffffff;
    	text-decoration: 		none;
/*	border-bottom: 			2px solid #889AAB; */
	height:				32px;
	line-height:			32px;
	padding:			0 0px;
	font-size:			1em; 
	text-decoration: 		none;
	}



/* toggle section for Infoarea
--------------------------------------------------*/

#toggleinfoarea {
	font-family: 			"Arial", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Verdana", "Sans-Serif";
	background: 			transparent url('http://bananafunk.com/wp-content/themes/bananafunk/images/toggle-30x97-btn.gif') no-repeat 0 0;
	text-decoration: 		none;
	clear: 				both;
	color: 				#CCC;
	cursor: 			pointer;
	height: 			30px;
	line-height: 			30px;
	text-align: 			center; 
	width: 				97px;
	position: 			absolute;
	bottom: 			5px;
	left: 				12px;
	padding-left: 			0px;
	font-size:			0.75em;
	text-transform: 		uppercase;
	font-weight:			bold;
	}

#toggleinfoarea:hover {
	background: 			transparent url('http://bananafunk.com/wp-content/themes/bananafunk/images/toggle-30x97-btn.gif') no-repeat 0 0;
	/* background-position: 	0 -25px; */
	color: 				#FFF;
	text-decoration: 		none;
	}





/* Infoarea components section
--------------------------------------------------*/

#infoarea {
	border-top: 			2px solid #CCC; 
	background: 			#000 url('http://bananafunk.com/wp-content/themes/bananafunk/images/bg_main.jpg') repeat-x 100% 0;
    	border-bottom: 			1px solid #212e35;
	padding-bottom: 		3.5em;
    	clear: 				both;
    	color: 				#cdd3d4;
    	float: 				left;
    	width: 				100%;
	}

#infoarea .content {
	padding: 			30px 25px;
	}

#infoarea form {	
    	background: 			transparent;
	margin-top: 			0em;
	padding: 			0.2em 0.3em;
	}

#infoarea .column {
	float: 				left;
	margin-top: 			-1em;
	padding: 			0 25px 15px 0;
	width: 				29%;
	}

#infoarea .column h4 {
	color: 				#FFF;
	font-size: 			160%;
	margin: 			1em 0;
	}

#infoarea .column h4 em {
	color: 				#889AAB;
	font-style: 			normal;
	}

#infoarea .column ul {
	list-style: 			none;
	float: 				left;
	padding: 			0;
	width: 				100%;
	}

#infoarea .column li {	
  	background: 			transparent;
  	width: 				100%;
	}

#infoarea .column li a {
	line-height:			22px;
	height: 			22px;
	background: 			transparent;
	border-top: 			1px solid #4d5760;
	border-bottom: 			1px solid #4d5760;
	color: 				#CCC;
	margin-top: 			-1px;
	display: 			block;
	padding: 			0.2em 0.3em;
	position: 			relative;
	text-decoration: 		none;
	white-space: 			nowrap;
	}

#infoarea .column li a:hover {
  	background-color: 		#363f49;	
	color: 				#FFF;
	}

#infoarea .column li a:active {
  	background-color: 		#151D25;
	}

#infoarea .column ul.links-list {
	width: 				100%;
	display: 			block;
	}




/* contact and misc forms formatting section
--------------------------------------------------*/

form dl, dl.labels {
	margin:				0em;
	font-size:			100%;
	margin-top:			0.5em;
	}

form dt, dl.labels dt {
	float:				left;      
	width:				10em;
	margin-bottom:			0.8em;
	color:				#555;
	text-align:			right;
	font-weight:			normal;
	position:			relative;
	}

form dd, dl.labels dd {
	margin-left:			10.5em;
	margin-bottom:			0.8em;
	font-size:			100%;
	font-style:			normal;
	padding-left:			0.5em;
	}

form dd.submit, dl.labels dd.submit {
	margin-top:			2em;
	}





/* date display formatting section
--------------------------------------------------*/


ul.dates, 
ul.dates p, 
ul.counts, 
ul.blogroll ul, 
ul.pages {
	list-style-type:		none;
	margin:				1.5em 0 2em 0;
	border-top:			1px solid #3D3D3D;
	}

ul.dates li, 
ul.dates p, 
ul.counts li, 
ul.blogroll ul li, 
ul.pages li {
	list-style-type:		none;	
	margin:				0;
	padding:			0.2em 0;
	border-bottom:			1px solid #3D3D3D;
	}

ul.dates .date {
	list-style-type:		none;
	color:				#BFBFBF;
	padding:			0 1.5em 0 0;
	}

ul.dates a, 
ul.counts a, 
ul.blogroll a, 
ul.pages a {
	color:				#889AAB;
	text-decoration:		none;
	list-style-type:		none;	
	}

ul.dates a:hover, 
ul.dates a:hover .date, 
ul.counts a:hover, 
ul.counts a:hover .count, 
ul.blogroll a:hover, 
ul.pages a:hover { 
	color:				#FFF;
	list-style-type:		none;
	}




/* footer section
--------------------------------------------------*/

#footer {
	background: 			#141d25 url('http://bananafunk.com/wp-content/themes/bananafunk/images/footer_black.jpg') repeat-x 0 -1px;
	clear: 				both;
	color: 				#FFF;
	height: 			18px;
	padding: 			17px 0;
	position: 			relative;
	width: 				100%;	
	}

#footer p {
	margin-left: 			25px;
	margin:				0;
	font-size:			0.95em;
	}

#footer em {
	color: 				#889aab;
	font-style: 			normal;
	}

#footer ul {
	list-style: 			none;
	position: 			absolute;
	right: 				25px;
	top: 				17px;	
	}

#footer li,
#footer li a {
	color: 				#FFF;
	float: 				left;
	}

#footer .inside {
	background:			url('http://bananafunk.com/wp-content/themes/bananafunk/images/footer_black.jpg') 100% 0 repeat-x;
	padding:			0.12em 1em 0;
	background-image:		none; 
	}

#footer p.attributes {
   	padding-right:          	15px;
    	background-image:       	url(images/wp.gif);
    	background-repeat:      	no-repeat;
    	background-position:    	100% 66%;
	}

#footer p.copyright { 
/*	float:				left;*/
        text-align:center;
	}

#footer p.copyright a {
	color:				#CCC;
	text-decoration:		none; 
	padding-right:			0; 
	background-image:		none;
	}

#footer p.copyright a:hover { 
	color:				#FFF;
	}

#footer p.attributes { 
	float:				right; 
	}

#footer p.attributes a {
	padding:			0 0 0 1em;
	text-decoration:		none;
	color:				#CCC;
	}

#footer p.attributes a:hover {
	color:				#FFF;
	}

#footer span.timing {
	border-left:			1px solid #333;
	padding-left:			1em; 
	margin-left:			1em;
	}

div[id=footer] { /* for mozilla */
	/* position: 			fixed !important; */
	bottom:				0;
	}

a.rss {
	padding-right:			12px !important;
	background-image:		url('http://bananafunk.com/wp-content/themes/bananafunk/images/feed-icon-10x10.gif');
	background-repeat:		no-repeat;
	background-position:		100% 66%;
	}




/* search form section
--------------------------------------------------*/

#search {
	float:				left;
	width:				175px;
	filter:				alpha(opacity=40);
	-moz-opacity:			0.4;
	opacity:			.75;
	text-align:			right;
	margin-top: 			0 !important;
	}

#search:hover {
	filter:				alpha(opacity=100);
	-moz-opacity:			1.0;
	opacity:			1.00;
	}

#search input { 
	width:				165px; 
	font-size: 			1.05em; /* adjusts the height of the input field */
	background:			#CCC;
	margin-top:			1px;	
	}

#search input:focus {
	background:			#FFF;
	}

#searchform {
	margin:				1em 0 0 0;
	}

#searchform #s {
	background:			#222;
	border:				none;
	border-bottom:			1px solid #333;
	color:				#666;
	padding:			0.25em;
	}

#searchform #searchsubmit {
	background:			#000;
	color:				#666;
	border:				none;
	font-size:			0.9em;
	text-transform:			uppercase;
	letter-spacing:			0.25em;
	}



/* main content section
--------------------------------------------------*/

#main-content {
	background: 			transparent url('') no-repeat 0 0;
	float: 				left;
	padding: 			20px 20px 20px 25px;
	clear: 				none;
	width: 				700px;
	}

#main-content p,
#main-content ul,
#main-content ol {
	list-style-type: 		none;
	margin-bottom:			1em;
	}

#main-content li {
	padding-left: 			12px;
	line-height: 			150%;
	margin-left: 			-15px;
	list-style-type: 		none;
	}

#main-content h1 {
	font-size: 			125%;
	margin-top: 			-0.5em;
	margin-bottom: 			0.5em;
	}

#main-content h2 {
	font-size: 			150%;
	color: 				#FFF;
	padding-bottom: 		1em;
	}

#main-content h3 {
	font-size: 			110%;
	text-transform: 		uppercase;
	}

#main-content blockquote {
	color: 				#889aab;
	font-style: 			italic;
	margin: 			0;
	padding: 			0 25px;
	}

#main-content .frame {
	border: 			1px solid #889aab;
	padding: 			5px;
	}

#main-content ul,
#main-content ol {
	margin-left: 			20px;
	}





/* sidebar section
--------------------------------------------------*/

#sidebar {
	color: 				#FFF;
	padding-left: 			-12px;
	width: 				250px;
	font-size: 			100%;
	text-align: 			justify;
	clear: 				none;
	float: 				left;
	}

#sidebar h2 {
	font-size: 			160%;
    	margin-top: 			20px;
	color: 				#FFFF00;
	margin-bottom: 			10px;
	font-weight:			bold; 
	}

#sidebar h2 em {
	color: 				#0033CC;
	font-style: 			normal;
	}

#sidebar li {
	list-style-type:		none;
	}




/* comments formatting section
--------------------------------------------------*/

#comment-block h2 {
	font-size: 			160%;
	font-family: 			"Arial", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Verdana", "Sans-Serif";
	color: 				#FFF;
	padding: 			0px 0px 10px 0px;
	margin: 			0em 0;
	}

#comment-block h2 em {
	color: 				#889AAB;
	font-style: 			normal;
	margin: 			0em 0;
	}
	
#comment-block {
	width: 				670px;
	color: 				#889AAB;
	float: 				left;
	padding: 			20px 20px 10px 20px;
	margin: 			10px 0px 0px 0px;
	/* border: 			1px solid #555; */
	}
	
ol#comment-list {
	padding: 			5px;
	margin: 			0px;
	list-style-type: 		none;
	}
	
#comment-list li  p{
	margin-bottom: 			8px;
	line-height: 			20px;
	padding: 			0px;
	list-style-type:		none;
	}

.comment-name {
	font-size: 			110%;
	color: 				#FFF;
	margin: 			0em 0em -2em 0em;
	padding: 			15px 0px 0px 0px;
	width: 				100%;	
	}

.comment-text {
	line-height: 			100%;
	display:			block;
	clear: 				both;
	margin: 			10px 10px 10px 30px;
	padding: 			20px 10px 0px 5px;
	text-align: 			justify;
	}

.comment-text-admin {
	line-height: 			100%;
	display:			block;	
	clear: 				both;
	margin: 			10px 10px 10px 30px;
	padding: 			20px 10px 0px 5px;
	width: 				650px;
	text-align: 			justify;
	}

#comments-form {
	text-align: 			center;
	margin: 			0px;
	padding: 			0px;
	}

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

#comments-form p {
	margin: 			0px 25px 7px 0px;
	}

#comments-form form textarea {
	width: 				99%;
	}