/*
Theme Name: Green Quarter
Theme URI: http://blog.tomk32.de/themes/green-quarter/
Description: A green variation of my Quarter theme.
Version: 1.0
Author: Thomas R. "TomK32" Koll
Author URI: http://blog.tomk32.de
License: Creative Commons By ShareAlike 2.0 de (Germany)
*/


a {
	color: #004400;
	text-decoration: none;
}

.posttext a {
text-decoration: underline;
}

a:hover {
	color: #337733;
	text-decoration: underline;
}
a:visited {
	color: #337733;
}
a img {
	border: none;
	text-decoration: none;
}


ul {
	list-style-image: url('images/li.png');
	padding-left: 25px;
	margin-bottom: 3px;
	margin-left: 0;
}

li ul {
	padding-left: 15px;
}


body, #container {
	margin: 0;
	padding: 0;
	width: 100%;
	font-family: Bodoni, Century Schoolbook, "Computer Modern", serif;
	background-color: white;
}
body {
	background-image: url('images/background.png');
}

#container {
	max-width: 950px;
	background-image: url('images/big-bottom-right.png');
	background-repeat: no-repeat;
	background-position: bottom right;
	padding-bottom: 20px;
	margin: 0 auto;
	border: 2px #006600 solid;
	border-top: none;
	border-bottom: none;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Rockwell, sans-serif;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
	text-decoration: none;
}


#quicknav {
	margin: 0;
	padding: 10px;
	text-align: right;
}

#quicknav ul {
	vertical-align: top;
	display: inline;
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}
#quicknav ul li {
	display: inline;
}

#header {
	margin: 0;
	padding: 0px;
	height: 245px;
	background-image: url('images/big-top-left.png');
	background-repeat: no-repeat;
	background-position: top left;
}


 .postwrap, #footer {
	padding: 15px 5px 5px 5px;
	background-color: #EEFFEE;
	background-image: url('images/small-top-right.png');
	background-repeat: no-repeat;
	background-position: top right;
	min-height: 30px;
	border-bottom: 2px #006600 solid;
}
#blog-description, #header-ads, #horizontal-pages, #sidebar {
	padding: 15px 5px 5px 5px;
	background-color: #EEFFEE;
	background-image: url('images/small-top-left.png');
	background-repeat: no-repeat;
	background-position: top left;
	min-height: 30px;
	border-bottom: 2px #006600 solid;
}
#header h1 {
	margin: 0;
	width: 190px;
	height: 160px;
	padding: 50px 0 0 20px;
	float: left;
	font-size: 2.6em;
}




#header-ads {
	width: 470px;
	height: 70px;
	margin: 10px 0 0 0;
	float: right;
	overflow: hidden;
}

#header-ads p {
	font-size: 2em;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
}

#blog-description {
	margin: 10px 0 0 0;
	width: 470px;
	float: right;
}

#blog-description p {
	text-align: center;
	padding-right: 30px;
}
#horizontal-pages {
	float: right;
	margin: 10px 0 10px 0;
	width: 470px;
}

#horizontal-pages ul {
	margin: 7px 35px 7px 5px;
	padding: 0;
}
#horizontal-pages li {
	display: inline;
	margin: 0 0.2em 0 0.2em;
	padding: 0;
	text-transform: uppercase;
	font-size: 1em;
}
#horizontal-pages li ul, #horizontal-pages li li {
	font-size: 1em;
	display: inline;
	margin: 0;
	padding: 0;
}

#column-content {
	margin: 0 -260px 20px 0;
	padding: 0;
	float: left;
	width: 100%;
}
#content {
	margin: 0 260px 0 0;
	
}

#sidebar {
	width: 220px;
	float: right;
	margin: 2em 0 0 20px;
}

.portlet {
	padding: 0;
	margin: 0;
	border-top: 2px #007700 solid;
}

.portlet p {
	margin: 0 5px 5px 5px;
}
/* There's a fix for old IE in general.js */
#sidebar .portlet:first-child {
	border-top: none;
}
.portlet .title {
	margin: 3px 5px 3px 15px;
	padding: 0;
	text-transform: uppercase;
	font-weight: bold;
	color: #006600;
	font-size: 1.3em;
}

.portlet .title a:hover, .portlet .title a  {
	text-decoration: none;
	color: #006600;
	margin: 0;
}


.portlet ul {
	margin-top: 3px;
	margin-bottom: 3px;
}
.portlet form {
	margin: 0 3px 0 3px;
}

.post {
	margin: 0;
	clear: both;
}
.post .title {
	color: #007700;
	text-transform: uppercase;
	font-size: 1.8em;
	margin: 0 0 0 10px;
	padding: 0;
}

/* for the case we have jQTR activated */
.post .title a img, #header h1 a img {
	border: none;
	margin: 2px 2px 4px 0;
	padding: 0;
	vertical-align: top;
	background-color: transparent;
}

.posttext, .comments, .postdata {
	clear: both;
}
.posttext img {
	float: right;
	margin: 5px;
}
.posttext * img {
	float: none;
}

.posttext p {
	text-align: justify;
}
.post .postdata {
	min-height: 27px;
}

.postdata, .comments {
	border-top: 1px #007700 solid;
}

.postwrap {
	clear: both;
	display: hidden;
	background-color: #EEFFEE;
	margin: 0 0 10px 0;
}

.postwrap {
	padding: 5px 10px 5px 10px;
}


#footer {
	clear: both;
	text-align: center;
	margin: 10px 260px 0 0;
	padding: 5px 10px 5px 10px;
}



#searchform input {
	color: black;
	background-color: transparent;
	border: none;
	padding: 2px 5px 2px 5px;
}
#searchform input#s {
	border-bottom: 2px #006600 dashed;
}
#searchform input:active, #searchform input:hover, #searchform input:focus {
	background-color: #006600;
	color: white;
}
.portlet #searchform {
	margin: 3px 0 5px 5px;
}
.portlet #searchform input {
	width: 90%;
	margin: 0 auto;
	display: block;
}

#wp-calendar, #wp-calendar caption {
	margin: 0 auto;
	text-align: center;
}

.floatleft {
	float: left;
	margin: 5px;
}
.floatright {
	float: right;
	margin: 5px;
}




.t0 {
	font-size: 100%;
}
.t1 {
	font-size: 140%;
}
.t2 {
	font-size: 160%;
}
.t3 {
	font-size: 175%;
}
.t4 {
	font-size: 190%;
}
.t5 {
	font-size: 200%;
}
.t6 {
	font-size: 210%;
}
.t7 {
	font-size: 220%;
}
.t8 {
	font-size: 250%;
}
.t9 {
	font-size: 300%;
}
.cosmos span {
	line-height: 105%;
}

.cosmos a {
	text-decoration: none;
}
