/*
Theme Name: Fresh Bananas
Theme URI: http://www.nokrev.com/themes/fresh-bananas/
Description: Fresh Bananas is a theme with bright blues and reds, coincidentally missing any yellows. Should be 

fun to use. Of course, this theme is published under the same license as WordPress, available <a 

href="http://codex.wordpress.org/GPL" title="The GPL License under which WordPress is published">here</a>.
Author: Jeff Wheeler
Author URI: http://www.nokrev.com

Ported to Textpattern with a little Magic Dust by Stuart - http://thebombsite.com/

Customiziation should be easy enough. Sorry there aren't more comments in the CSS though. The other files are 

well-commented however.

*/

* {
        margin: 0;
        padding: 0;
}

#accessibility {
        position: absolute;
        top: -10000px;
}

p {
        padding:10px 0 10px 0;
}

body {
	background: #B9DDDE;
	font-size: 76%;
	margin: 0 0 20px 0;
	text-align: center; /* Used to center in IE */
}

.clear {
       clear:both;
       height:1px;
       display: none;
}


/* ------ Header ------ */


#header {
	background: url(/images/3.jpg) center;
	margin: 0 auto 20px;
	text-align: left;
	width: 720px;
}

#header a {
	background: url(/images/42.jpg) left bottom no-repeat;
	color: #b10674;
	display: block;
	font-size: 4.0em;
	padding: 60px 20px 10px;
	text-decoration: none;
}

#header a:hover { color: #003833; }


/* ------ Text ------ */


#text {
	background: url(/images/5.jpg);
	margin: 0 auto 0 auto;
	text-align: left;
	width: 720px;
}

#text blockquote {
        margin-left: 3em;
        margin-right: 3em;
        text-align: justify;
        border: 3px solid #B9DDDE;
        padding: 0 10px 0 10px;
}


/* ------  Main ------ */


#text #mainouter {
	background: url(/images/4.jpg) bottom left no-repeat;
}

#text #main {
	background: url(/images/6.jpg) top left no-repeat;
	color: #333;
	float: left;
	padding: 10px 10px 0 20px;
	width: 505px;
}


/* ------ Headers ------ */


#text #main h2 {
	color: #323C3C;
        margin-top: 25px;
}

/* ------ Paragraph ------ */


#text #main p.meta {
	color: #999;
}


/* ------ Lists ------ */


#text ul {
	list-style-type: circle;
        list-style-position: inside;
}

#text ol {
	list-style-type: decimal;
        list-style-position: inside;
}

#text ol.comments li {
        list-style: none;
        margin-left: 50px;
}

#text #sidebar ul {
	list-style-type: none;
	padding: 0 0 0 1em;
}


/* ------ Preformatted and Code ------ */


pre {
	background: #EFF29F; /* a nice yellow, but change as you like */
	font-size: 1.2em; /* make it a bit larger for ease of reading */
	padding: 5px;
}

code {
	background: #EFF29F;
	color: #000;
	font-size: 1.2em;
}

pre code {
	font-size: 1em; /* When people would place a code element in a pre, it would get very large */
}


/* ------ Comments ------ */

h3#comment {
        padding-top: 30px;
}

.commentname {
        font-weight: bold;
        padding: 20px 0 20px 0;
}


#cpreview p.preview {
        font-size: 1.2em;
        color: #000000;
        text-align: center;
        margin-bottom: 15px;
}


/* ------ Comment Form ------ */


h3#postcomment {
        text-align: center;
}

form#txpCommentInputForm {
       margin-top: 40px;
       border: 1px solid #444444;
       padding-bottom: 1.2em;
       width: 360px;
       margin-left: auto;
       margin-right: auto;
       margin-bottom: 20px;
}

form#txpCommentInputForm p {
       margin: 0 0 0 1.2em;
       padding: 0;
}

input#forget, input#remember {
       margin-right: 5px;
}

textarea.txpCommentInputMessage {
       height: 250px;
       width: 325px;
       margin-bottom: 10px;
}

p#txpCommentInputForm {
       width: 300px;
       text-align: center;
       font-weight: bold;
       padding: 10px 0 10px 0;
       border-top: 1px solid #444444;
       border-bottom: 1px solid #444444;
       margin-left: auto;
       margin-right: auto;
       margin-top: 30px;
       margin-bottom: 30px;
}


/* ------ Paging Links ------ */


#paging {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        padding: 15px 0 15px 0;
        font-weight: bold;
        font-size: 1.2em;
}

#paging .left {
        float: left;
        width: 40%;
	margin-left: 20px;
	text-align: left;
}

#paging .right {
        float: right;
        width: 40%;
	margin-right: 20px;
	text-align: right;
}


/* ------ Sidebar ------ */


#text #sidebar {
	background: url(/images/6.jpg) top right no-repeat;
	float: right;
	padding: 10px 20px 0 10px;
	width: 155px;
}



/* ------ Headers ------ */


#text #sidebar h1 {
	font-size: 1px;
	visibility: hidden;
}



#text #sidebar h3 {
	color: #323C3C;
	font-weight: normal;
	margin: 33px 0 0 0;
}

#text #main h3.searchresult {
        padding-top: 20px;
}


/* ------ Footer ------ */


#text #footer {
	clear: both;
	color: #666;
	padding: 0 20px 10px 20px;
        margin-top: 10px;
}


/* ------ Archives ------ */


#category {
        font-size: 1.2em;
        line-height:1.6em;
        margin-top: 30px;
}

#categorylisting {
        padding-bottom: 80px;
}

#text ul.categorymenu {
        list-style: none;
        text-align: left;
}

.cattitle {
        clear: both;
        font-size: 1.4em;
        font-weight: bold;
        text-align: left;
        padding-top: 50px;
        border-bottom: 1px solid #444444;
}

.cattitle a {
        color: #000000;
        text-decoration: none;
}

.catarticle {
        clear: both;
        font-weight:normal;
        line-height: 1.6em;
}

.catarticle a {
        text-decoration: none;
}

.archivearticle {
        clear: both;
        float: left;
        font-size: 0.75em;
}

.archivearticle a {
        text-decoration: underline;
}

.archivedate {
        float: right;
        font-size: 0.75em;
}

.year {
        clear: both;
        font-size: 1.8em;
        font-weight: normal;
	letter-spacing: -1px;
	color: #637677;
        text-align: left;
        padding-top: 50px;
        border-bottom: 2px solid #637677;
}

.montharchivedate {
        text-align: left;
        font-size: 1.2em;
        font-weight: bold;
        border-bottom: 1px solid #444444;
        margin-left: 50px;
}

.montharchivearticle {
        clear: right;
        float: right;
        width: 70%;
        text-align: left;
        font-size: 1.4em;
        line-height: 1.6em;
}

.back {
        font-size: 0.8em;
        text-align: right;
        padding-top: 0;
        padding-bottom: 30px;
}


/* ------ Fonts ------ */


#header {
	font-family: Times, Verdana, Arial;
	letter-spacing: -0.3em;
}

#text h2 {
	font-size: 2.4em;
	font-weight: normal;
	letter-spacing: -2px;
}

#text h3 {
	font-size: 1.8em;
	font-weight: normal;
	letter-spacing: -1px;
}

#text h4 {
	font-size: 1.4em;
	font-weight: normal;
}

#text p, #text #main ul, #text #main ol {
	font-family: Verdana, Arial, sans-serif;
	line-height: 200%;
}

#text #sidebar ul {
	font-family: Verdana, Arial, sans-serif;
	line-height: 170%;
}


/* ------ Links and their colors ------  */


a {
	color: #637677;
}

a:visited {
	color: #637677;
}

a:hover {
	color: #90ACAD;
}


/* ------ Header links ------ */


h2 a, h2 a:visited {
	border-bottom: 1px solid #ccc;
	color: #333;
	text-decoration: none;
}


h2 a:hover {
	color: #637677;
}



/* ------ Hacks ------ */


/* ------ #text #main ------ */

* html #text #main {
	padding-top: 20px;
	width: 505px;   /* content width (for other browsers) */
}

/* ------ #text #sidebar ------ */

* html #text #sidebar   /* this selector recognized by IE only */
{
	width: 155px;
}

#main img {float:left;margin-right:8px;}
#adengage {width:700px;}
.addthis {}