/*-----------------------------------------------------------------------------
Top Banana

author:    kos korolev
email:     kos@pixeco.com
-----------------------------------------------------------------------------*/

/* =Importing rules
-------------------------------------------------------*/

@import url(generic/reset.css);
@import url(generic/helpers.css);

/* Importing branding modules */
@import url(branding/header.css);
@import url(branding/footer.css);

/* Importing navigation */
@import url(branding/navigation.css);

/* Importing modules */



/* =Elements
-------------------------------------------------------*/
html {
	color:#000;
	background:#f2f2f2 url(/themes/topbanana/images/htmlBg.png);
	}
	body {
		width:906px;
		margin:15px auto;
		padding:0 36px;
		text-align:left;
		font-family:'Lucida Grande', Helvetica, Arial, sans-serif;
		background:#cdc6c0 url(/themes/topbanana/images/bodyBg.png) 0 0 repeat-y;
		}
		a:link {
			color:#f8e58c;
			}
		a:visited {
			text-decoration:none;
			color:#fff;
			}
		a:hover {
			text-decoration:none;
			}
		a:active {
			text-decoration:none;
			outline:none;
			}
		h1, h2, h3, h4, h5, h6 {
			color:#fff;
			}
			h1 {
				position:relative;
				margin:-40px 0 0;
				line-height:1;
				font-size: 2.0em;
				}
		p {
			padding:0 0 0.8em;
			}
		.content ol {
			margin-left:10px; /* for ie6 */
			}
			.content ol ol {
				padding-top:1em !important;
				padding-left:3em;
				list-style-type:lower-alpha;
				}

/* =Layout elemernts
-------------------------------------------------------*/
.content-wrapper {
	padding:0 24px 30px 32px;
	color:#fff;
	background:#687586 url(/themes/topbanana/images/mainBg.jpg) 0 0 repeat-y;
	}
	.content {
		float:left;
		width:424px;
		padding:0 20px 0 30px;
		font-size:1.3em;
		}
		.content.default {
			width:615px
			}

.sidebar {
	float:right;
	width:192px;
	font-size:1.1em;
	}
	.sidebar img {
		margin:0 0 10px;
		padding:5px;
		background:url(/themes/topbanana/images/sidebarImageBg.png) 0 0 no-repeat;
		}

/* =Home page
-------------------------------------------------------*/
body.home .content img {
	padding:0 0 20px;
	}

/* =Forms
-------------------------------------------------------*/
form.generic {
	clear:both;
	}
	form.generic label,
	form.generic input,
	form.generic select,
	form.generic textarea {
		float:left;
		padding:2px 0;
		margin:0 0 8px;
		}
		form.generic input[type="radio"],
		form.generic input[type="submit"],
		form.generic input[type="button"] {
			width:auto;
			}
		form.generic label {
			font-weight:bold;
			font-size:1.1em;
			}
		form.generic input,
		form.generic textarea,
		form.generic select {
			width:320px;
			float:right;
			}
			form.generic textarea {
				height:220px;
				}
			form.generic select {
				width:324px;
				}
	form.generic button {
		float:right;
		margin:0 0 8px;
		padding:2px 4px;
		}