/*
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. Most of the jokes in the source code are deleted by GT as they made this a bitch to read. Thanks! 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 -- modified by GT
Author URI: http://www.nokrev.com
.
Customiziation should be easy enough. Sorry there aren't more comments in the CSS though. The other files are well-commented however.
.
*/

body {
	background: #B9DDDE;
	font-size: 76%;
	/* Used to set 1em to a nice size. More info available here:
		http://www.thenoodleincident.com/tutorials/typography/index.html */
	margin: 0 0 20px; 
		/* Top, left-right, bottom (add one more value to make it left, then the second is right */
	padding: 0;
	text-align: center; /* Used to center in IE */
}


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

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

#header a { /* images/box-bottom.jpg */
	background: url(http://i8.photobucket.com/albums/a4/somerandomcrap/GT-header.jpg) left bottom no-repeat; /* HEADER GRAPHIC */
	color: #E5A1A1;
	display: block;
        height: 90px;
	font-size: 3.5em;
	padding: 60px 31px 10px;
	text-decoration: none;
}

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

/* ------------------------- */
/* -- Images --------------- */
/* ------------------------- */

img {
     margin: 0px;
     padding: 0px;
}

img.inline {
     margin: 7px;
     padding: 5px;
     border: solid black 1px;
}

a img.inline {
     border-color: #90ACAD;
}

a:visited img.inline {
     border-color: black;
}

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

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

/*
 * Main!
 */

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


/* Headers */

#text #main h1 {
	color: #323C3C;
}

/* Paragraph */

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

/* Lists */

ul {
	list-style-type: circle;
}


/* 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 */

.comment {
	list-style-type: none;
	margin: 0;
}

/* Comment Form */
#reply label {
	display: block;
}

/* Search Highlight */

.hilite {
	background-color: #F17196 !important;
	color: #fff;
}


/*
 * Sidebar!
 */

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

/* Headers */

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

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

/* Lists */

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

#text #sidebar li {
	list-style-type: none;
	margin: 0;
	padding: 5px 0px 0px 3px;
}

/*
 * Footer!
 */

#text #footer {
	background: url(images/text-bottom.jpg) bottom no-repeat;
	clear: both;
	color: #666;
	padding: 0 20px 10px;
}

#text #footer p {
	margin: 0;
}



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

#header {
	font-family: "Stone Sans ITC TT", "Arial Rounded MT BOLD", Verdana, sans-serif;
	letter-spacing: -0.3em;
}

#text h1 {
	font-size: 2.4em;
	font-weight: normal;
}

#text h2 {
	font-size: 1.8em;
	font-weight: normal;
}

#text h3 {
	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: #859FA0;
}

a:hover {
	color: #90ACAD;
}

/*
 * Header links
 */

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

h1 a:hover {
	color: #637677;
}

/* W00T! A Hack for IE. Let's see if we can get our CSS at least mostly clean. Would be nice if they got the Box Model right at least... watch out when changing. */


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