/*
Theme Name: The Green One
Theme URI: http://blog.tomk32.de/themes/green/
Description: who would think that green makes so much fun?
Version: 1.2
Author: Thomas R. Koll
Author URI: http://blog.tomk32.de
*/


/**********************************/
/* things you have to edit, maybe */
/* uncomment if you have a better header image instead of only text */
/*
#blog-title h1 span, #blog-description {
	display: none;
}
*/

/* NOTE that I've uncommented all images in this css-file because
 * that are includes from the various style-files and I want
 * to reduces traffic that way. */

#blog-title h1 a {
	display: block;
	width: 100%;
	height: 160px;
	margin: 0;
	padding: 0;
}
#blog-title h1 a span {
	padding: 60px 0 0 20px;
}
#blog-title h1 {
	margin: 0;
	padding: 0;
	width: 370px; /* change this to fit your image's width */
	height: 180px;
	font-size: 3em;
	line-height: 3em;
	overflow: hidden;
}

/* and uncomment this if you don't have a image but only text */
/*
*/


/**************************************/
/* the most important layout elements */
body {
	background-color: #99FF99;
	color: black;
	font-family: Georgia, Palatino, "Bitstream Vera Serif", "Times New Roman", serif;
	margin: 0;
	padding: 0;
	font-size: x-small;
	line-height: 1.5em;
}

#container {
	margin: 0 0 10px 0;
	padding: 0;
	width: 100%;
	font-size: 135%;
/*	background-image: url('images/that7.png'); *//* that big 7 in the top right */ 
	background-position: top right;
	background-repeat: no-repeat;
}

#header {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#colcontent {
	width: 100%;
	float: right;
	margin: 0 0 0 -200px;
	padding: 0;
}

#sidebar {
	position: relative;
	padding: 5px 0 0 0;
	margin: 0 0 0 10px;
	width: 200px;
	overflow: hidden;
}
html>body #sidebar {
	width: 190px;
}

#content, #footer {
	margin: 50px 10px 10px 223px;
	padding: 0;
	position: relative;
	max-width: 800px;
	width: 100%;
}

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

a:visited {
	color: #006600;
}

a:hover {
	color: #009900;
	text-decoration: underline;
}

.entrytext a {
	text-decoration: underline;
}

a img, a.img {
	border: none;
	background-color: transparent;
	padding: 0;
	margin: 0;
}

/*******************/
/* other HTML tags */
acronym, abbr {
	border-bottom: 1px dashed #99FF99;
}

acronym, abbr, span.caps {
	cursor: help;
}

blockquote {
	margin-left: 1.5em;
	padding-left: 5px;
	font-style: italic;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Verdana,Helvetica,Arial,sans-serif;
	clear: both;
}


/*******************/
/** posts/entries **/
.post, .navigation {
	margin: 1em 0 1.4em 0;
	padding: 0 0 0 0;
	text-align: left;
	line-height: 110%;
}

h2 a, h2 a:visited {
	text-decoration: none;
	color: black;
	margin-bottom: 0;
}


/**************/
/** comments **/
.postmetadata, .comments {
	border-top: 1px black solid;
	font-size: 90%;
	list-style-type: none;
	clear: both; /* images in short posts would make trouble */
}

#content ul { 
	margin-left: 0;
	padding-left: 15px;
	
}

#commentform textarea {
	width: 80%;
}


#blog-title {
	margin: 0 0 0 223px;
	padding: 0;
	height: 160px;
	color: black;
	font-size: 110%;
	background-color: none;
/*	background-image: url('images/green-header.png'); */
	background-position: top left;
	background-repeat: no-repeat; 
} 
#blog-description {
	font-style: italic;
	padding: 0 0 0 25px;
	margin: 0;
	color: #225522;
	position: relative;
	top: -55px;
} 

#header a, #header a:hover {
	color: black;
	background-color: transparent;
	text-decoration: none;
}

#footer {
	clear: both;
	text-align: center;
	}

/* menu, sidebar */

#sidebar form {
	margin: 0 0 0 13px;
}

input, textarea {
	border: 1px solid #99FF99;
	color: black;
	background-color: white;
	margin: 4px;
}



.portlet  {
	margin: 0 0 10px 0;
	padding: 0;
	background-color: #EEFFEE;
/*	background-image: url('images/green-right-gradient.png'); */
	background-repeat: repeat-y;
	background-position: top left;
}

/* for IE we use JQuery */
.portlet > * {
	padding: 3px 3px 5px 25px;
	margin: 0;
}

.portlet .title {
	background-color: #99FF99;
	margin: 0;
	padding: 0 0 0 20px;
	font-size: 120%;
	font-weight: bold;
	text-align: left;
	line-height: 70%;
}

.portlet .title a {
	color: black;
	margin: 0;
	padding: 0;
}


.portlet ul {
	text-align: left;
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}
.portlet ul ul {
	padding-left: 10px;
}

.portlet ul li {
	margin-left: 0;
	padding-left: 0;
	padding-right: 3px;
}

.corner-top-right {
/*	background-image: url('images/green-top-right.png'); */
	background-repeat: no-repeat;
	background-position: top right;
	margin-top: 0;
	padding-top: 10px;
	padding-right: 10px;
}

.corner-bottom-right {
/*	background-image: url('images/green-bottom-right.png'); */
	background-repeat: no-repeat;
	background-position: bottom right;
	height: 10px;
	margin: 0;
	padding: 0;
}

#wp-calendar a {
	text-decoration: underline;
	font-weight: bold;
}
#wp-calendar {
	empty-cells:hide;
}

.portlet form {
	padding-top: 5px;
	text-align: center;
}
.meta a, .postmetadata a {
	text-decoration: none;
}



/* all elements in the .post get same style, except the border-top */
.entrytext, .comments, .postmetadata, .olderentries ul {
	padding: 5pt 10pt 0 10pt;
	margin-top: 0;
}
.olderentries .more {
	display: inline;
}

.entrytext a {
	text-decoration: underline;
}


.entrytext p {
	text-align: left;
}

.entrytext ul li {
	margin-left: 10px;
}

.entrytext img {
	float: right;
}


/* olderentries is used in index.php and only show on the first  page */
.olderentries ul {
	padding-left: 20px;
	padding-top: 5px;
}
.olderentries ul li {
	margin-left: 10px;
}
.olderentries a {
	text-decoration: none;
}

.olderentries ul li span {
	font-size: 95%;
	margin-left: 0.4em;
}


/****************************************************/
/* rounded corners for posts. 
 * I use JQuery to do the magic
 * see below for rounded corners for the sidebar
 */
.corners, .post, .olderentries, .navigation {
	background-color: #EEFFEE;
/*	background-image: url('images/green-left-gradient.png'); */
	background-position: top right;
	background-repeat: repeat-y;
	padding-right: 0;
}
.corners > * {
	margin-right: 20px;
	margin-top: 0;
}
/* and revert, kinda... */
.corners h2 {
	background-color: #99FF99;
	margin: 0;
	padding: 0 0 0 1em;
	font-size: 160%;
}
/* just in case. I'd love to use the child-selector above... */
.corners * h2 {
	background: transparent;
}

.corner-top-left {
/*	background-image: url('images/green-top-left.png'); */
	background-repeat: no-repeat;
	background-position: top left;
	margin-top: 0;
	padding-top: 10px;
	padding-left: 10px;
}
ul.corner-top-left, dl.corner-top-left, ol.corner-top-left {
	padding-left: 25px;
} 

.corner-bottom-left {
/*	background-image: url('images/green-bottom-left.png'); */
	background-repeat: no-repeat;
	background-position: bottom left;
	height: 10px;
	max-height: 10px;
	width: 100%;
	min-width: 100%;
	margin: 0;
	padding: 0;
}

/* other general purpose classes */
.nocomments, .hide, .skip, .nodisplay { display: none; }

.alignright { text-align: right; }
.alignleft { text-align: left; }
.floatright { float: right; }
.floatleft { float: left; }


/* image styling */
.rimage, .limage {
	border: 1px #99FF99 solid;
	text-align: center;
}

.rimage .center, .limage .center, .center {
	clear: both;
	text-align: center;
}

.rimage .desc, .limage desc {
	font-style: italic;
	font-size: .9em;
	text-align: left;
}
.rimage {
	float: right; 
	margin: 0 0 .5em .5em;
}
.limage {
	float: left;
	margin: 0 .5em .5em
}



/*************/
/** Plugins **/

/** X-Comments can be found at **/
/** http://dailydoseofdave.net/x-comments **/

#x-comments ul li {
	border-bottom: 1px black solid;
	margin-bottom: 0.4em;
}

#x-comments ul li em {
	font-size: 90%;
}



.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%;
}

.big {
	font-size: 300%;
}
.download {
	padding: 5px;
	margin: 10px;
	font-size: 200%;
	line-height: 1.2em;
}

.gallery div {
	width: 165px;
	float: left;
	margin: 3px;
	padding: 2px;
	border: 1px solid #CCFFCC;
}
.gallery {
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
}

code, pre, .code {
	color: black;
	padding: 5px;
	overflow: auto;
	font-family: monospace;
	max-width: 100%;
}


.google-adsense {
  text-align: center;
}