/*  
Theme Name: sweetpea revised
Theme URI: http://www.banjora.com
Description: Inspired by the Hemingway theme and MaKenzie
Version: 3.0.0
Author: Pavel L. Descoteaux
Author URI: http://www.banjora.com
Revised: John F. A.
Revised URI: http://fx2k.net
*/



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

* {
	margin: 				0;
	padding:				0;
	}

body {
	background: 			#000 url('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 */
	text-decoration: 			none;
	color: 				#889AAB;
	}

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

em {
	color: 				#889AAB;
	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;
	}


/* misc and custom css
--------------------------------------------------*/

.indent { /*use this in as a span class to add an indent when needed*/
	margin-left:			1.5em;
	}

#centerimage img { /*use this as a div id on an image to center it*/
	padding:				0px;
	display:				block;
	margin-left:			auto;
	margin-right:			auto;
	}

#sharethis a { /*this is the div id of the ShareThis link in posts */
	font-weight:			bold;

	}


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

#wrapper {
	background: 			#000 url('images/bg_main.jpg') repeat-x 100% 0;
	margin: 				0 auto;
	overflow: 				hidden;
	text-align: 			left; /* be nice to IE */
	width: 				759px;
	border-left: 			#292929 solid 3pt;
	border-right: 			#292929 solid 3pt;
	}

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


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

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

#body.twocol-stories .story {
	float:				left;
	width:				95%;
	height: 				180px;
	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: 			0px;
	background: 			transparent url('images/bg_header.jpg') no-repeat 100% 0;
	/* min-height: 			115px; */
	height: 				118px;
	float: 				left;
	position: 				relative;
	width: 				100%;
	border-top:				0pt solid #CCC;
	border-bottom:			0pt solid #CCC;
	}

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

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

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


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


.story p {
	color: 				#GGG;
	display: 				block;
	height: 				125px;
	background: 			transparent url('images/bg-story.jpg') no-repeat 0 0;
	padding: 				16pt;
	}

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

.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:				#CCC;
	text-decoration:none;	
	}

.story h3 a:hover {
	color:				#FFF;
	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('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('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, table tr {
	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%;		
	}

.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: 				#CCC;
	float: 				left;
	line-height:			32px;
	height:				32px;
	width: 				102px;
	background: 			transparent url('images/button-on.gif') no-repeat 0 0;
	letter-spacing:			0px;
	padding:				0 0px;
	font-size:				1em; 
	text-decoration: 			none;
	}

.navbar li a:hover {
	display:				block;
	color: 				#FFF;
    	text-decoration: 			none;
	border-bottom: 			2px solid #889AAB;
	height:				32px;
	line-height:			32px;
	padding:				0 0px;
	font-size:				1em; 
	text-decoration: 			none;
	}

.navbar .current_page_item a, 
.navbar .current_page_item a:hover {
	background: 			transparent url('images/button-on.gif') no-repeat 0 0;
	display:				block;
	color: 				#FFF;
    	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('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('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('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('images/footer_black.jpg') repeat-x 0 -1px;
	clear: 				both;
	color: 				#FFF;
	height: 				18px;
	padding: 				17px 0;
	position: 				relative;
	width: 				100%;
	float:				left;	
	}

#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('images/footer_black.jpg') 50% 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;
	}

#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('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;
	}


/* archive content section
--------------------------------------------------*/

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

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

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

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

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

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

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

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

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

#archive-subheader {
	margin-bottom:			8.5em;
	}

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

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

#sidebar h2 {
	font-size: 				100%;
    	margin-top: 			20px;
	color: 				#FFF;
	margin-bottom: 			2px;
	font-weight:			bold; 
	}

#sidebar h2 em {
	color: 				#889AAB;
	font-style: 			normal;
	}

#sidebar li {
	list-style-type:			none;
	margin-left:			1em;
	}

#sidebar a {
	font-weight:			bold;
	}

#sidebar a:hover {
	font-weight:			bold:
	}


/* 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%;
	}

/* calender formatting section
--------------------------------------------------*/

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

#wp-calendar {
	empty-cells:			show;
	margin:				10px auto 0;
	width: 				55px;
	}

#wp-calendar a {
	text-decoration;			none;
	display:				block;
	}

#wp-calendar caption {
	font:					bold 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align:				center;
	width:				100%;
	}

#wp-calendar table {
	background:				#000;
	border:				none;
	padding:				0px;
	border-collapse:			collapse;
	}

#wp-calendar th {
	background:				#000;
	font-style:				normal;
	text-transform:			capitalize;
	}

#wp-calendar tr {
	background:				#000;
	border:				none;
	padding:				0px;
	}

#wp-calendar td {
	background:				#000;
	border:				none;
	padding:				0px;
	text-align:				center;
	color:				#FFF;
	}

#wp-calendar #prev a, #wp-calendar #next a {
	font-size:				10pt;
	}

#wp-calendar #next a {
	padding-right:			5px;
	text-align:				right;
	}

#wp-calendar #prev a {
	padding-left:			5px;
	text-align:				left;
	}