/*
Theme Name: IT goes Green theme
Theme URI: http://www.itgoesgreen.org/
Description: The default IT goes Green theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> (v1.5).
Version: alpha
Author: Stefano Cieri
Author URI: http://www.itgoesgreen.org/
Tags: green, fixed width, two columns, widgets

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* Typography & Colors */

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #000000 url('images/itgg_bg.jpg') repeat-x;
	color: #161616;
	text-align: center;
	}

#page {
	border: 1px solid #959596;
	text-align: left;
	}

#headerimg{ background: url('images/itgg_hd_bg.jpg') no-repeat bottom left; }

#content {
	font-size: 1.2em;
	height: 100%;
	}

.narrowcolumn .entry p , .widecolumn .entry p {
	margin: 0;
	padding: 14px 26px 0 26px;
	}
	
.narrowcolumn .entry div{
	margin: -1px 0 0 0;
	padding: 0;
}

.narrowcolumn .entry, .widecolumn .entry {
	margin: 0;
	padding-bottom: 14px;
	line-height: 1.4em;
	background-color: #cccccc;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px dotted #e0e0e0;
	}

.widecolumn {
	line-height: 1.6em;
	}

.narrowcolumn .postmetadata {
	margin: 0;
	padding: 8px 26px 8px 26px;
	font-size: 1em;
	}

#footer {
	background: #000000 url('images/itgg_ft_bg.jpg') no-repeat top;
	border: none;
	}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

h1, h2, h3 {
	font-family: 'Lucida Sans', 'Lucida Grande', Arial, Sans-Serif;
	font-weight: bold;
	}

h1 {
	font-size: 4em;
	/*text-align: left;*/
	}

h2 { font-size: 1.6em; }

h3 { font-size: 1.3em; }

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	text-decoration: none;
	display: none;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited, #sidebar h2 {
	color: #808000;
	}
.post h2, .post h2 a, .post h2 a:visited, .post h3, .post h3 a, .post h3 a:visited, .page h3, .page h3 a, .page h3 a:visited, #comments {
	color: #292020;
	}

a, h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite, .alignleft, .alignright {
	text-decoration: none;
	}

#sidebar { font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif; }

#sidebar ul ul li, #sidebar ul ol li, #sidebar ul li p, .nocomments, blockquote, strike {
	color: #556b2f;
	}
	
small, .postmetadata, .entry p a:visited {
	color: #393f6f;
	}

#sidebar ul ul li, #sidebar ul ol li{
	font-size: 1.3em;
	line-height: 1.2em;
	}

a, h3 a:hover, .alignleft, .alignright {
	color: #3c6c9c;
	}
	
a  { font-weight: bold; }

a:hover, h2 a:hover { color: #093f69; }

#sidebar a, #commentform small, #commentform p{
	color: #696933;
	text-decoration: none;
	}
#sidebar a:hover, #footer a:hover { color: #4682b4; }
#sidebar h2 {
	font-family: 'Lucida Sans', 'Lucida Grande', Arial, Sans-Serif;
	font-size: 1.5em;
	}
#sidebar h2:hover { color: #69990f; }

#respond  { color: #666c33; }
#respond  h3 { color: #808000; }

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
.commentlist li ul li { font-size: 1em; }
.commentlist li { font-weight: bold; }
.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}
.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}
#comments, .thread-alt { background: #a09c95 url('images/itgg_cmhd_bg.jpg') bottom repeat-x; }
.postheader, .pageheader, .thread-even { background: #9c9c9c url('images/itgg_pthd_bg.jpg') bottom repeat-x; }

	
/* Structure */

body { margin: 0; padding: 0; }

#page {
	margin: 0 auto;
	padding: 0;
	width: 1000px;
	border: 0;
	}

#header {
	margin: 0;
	padding: 0;
	height: 124px;
	width: 1000px;
	/*background-color: blue;*/
	}
#headerimg {
	float: left;
	margin: 0;
	padding: 0;
	height: 72px;
	width: 660px;
	/*background-color: red;*/
	}
#headerbox{
	margin: 0 0 0 696px;
	padding: 30px 0 0 0;
	width: 300px;
	height: 42px;
	text-align: right;
	/*vertical-align: bottom;*/
	/*background-color: orange;*/
	}
	
.narrowcolumn {
	float: left;
	padding: 0;
	margin: 10px 0 32px 0;
	width: 640px;
	/*background-color: #609309;*/
	}

.widecolumn {
	padding: 10px 0 20px 0;
	margin: 6px 0 0 150px;
	width: 640px;
	}

.post, .page {
	margin: 14px 0 0 0;
	padding: 0;
	text-align: justify;
	background-color: #b6b6b6;
	}
.postheader{
	margin: 0;
	padding: 12px 26px 12px 26px;
}
.pageheader{
	margin: 0;
	padding: 12px 26px 20px 26px;
}
.postmetadata {
	clear: both;
}

#footer {
	padding: 0;
	margin: 0;
	width: 1000px;
	clear: both;
	}

#footer p {
	margin: 0;
	padding: 12px;
	text-align: center;
	color: #9f9f9f;
	}
	
#footer a {
	color: #b0c0cc;
	font-weight: bold;
}

	
/*	Headers */

h1 {
	padding-top: 14px;
	margin: 0;
	}

h2 {
	margin: 0;
	}

h2.pagetitle {
	display: block;
	margin: 0 0 14px 0;
	text-align: left;
}

#sidebar h2 {
	margin: 6px 0 0;
	padding: 0;
	display: block;
	border-bottom: 1px dotted #232323;
	}
	
.post h2, .post h3, .page h3 {
	margin: 0;
	padding: 0;
	line-height: 1.2em;
	display: block;
	/*background-color: #330000;*/
}

.post small {
	line-height: 1.2em;
	display: block;
	/*background-color: #336600;*/
}

h3 {
	padding: 0;
	margin: 30px 0 0;
	}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}

	
/* Images */
a img{
	border: 0;
}

p img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

/* Sidebar */
#sidebar {
	padding: 0;
	margin: 24px 0 0 696px;
	width: 300px;
	}

#sidebar form { margin: 0; }

/* Lists */

#sidebar ul ol {
	margin: 0;
	padding: 0;
	}
	
#sidebar ul{
	margin: 0 0 18px 0;
	padding: 14px 24px 8px 24px;
	border-left: 1px dotted #161616;
	border-right: 1px dotted #191919;
	border-bottom: 1px dotted #232323;
	background: #141211 url('images/itgg_ulsb_bg.jpg') repeat-x top;
	}
	
#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 8px;
	}

#sidebar ul li p{ text-align: justify; }

#sidebar ul p, #sidebar ul select { margin: 5px 0 8px; }

#sidebar ul ul, #sidebar ul ol {
	margin: 0;
	padding-right: 0;
	background: transparent none;
	border: none;
	}

#sidebar ul ul ul, #sidebar ul ol { margin: 0 0 0 10px; background: green none;}

ol li, #sidebar ul ol li { list-style: decimal outside; }

#sidebar ul ul li, #sidebar ul ol li {
	margin: 4px 0 0;
	padding: 0;
	background: transparent none;
	border: 0;
	list-style: disc outside;
	/*border-bottom: 1px dotted #191919;*/
	}


/* Search Form */

#searchform {
	/*display: block;*/
	width: 250px;
	height: 34px;
	margin: 0 0 0 696px;
	padding: 18px 24px 0 24px;
	border-left: 1px dotted #191919;
	border-right: 1px dotted #101010;
	border-bottom: 1px dotted #393333;
	background: #2a2725 url('images/itgg_srch_bg.jpg') repeat-x top;
	}
	
#searchform #s {
	margin: 0;
	width: 180px;
	height: 16px;
	padding: 2px;
	color: #333330;
	background-color: #c3c3c0;
	border-top: 2px solid #130909;
	border-left: 2px solid #2a2725;
	border-right: 2px solid #2a2725;
	border-bottom: 2px solid #433333;
	}

#searchsubmit {
	margin: 0;
	height: 22px;
	width: 58px;
	color: #cccccc;
	background-color: transparent;
	border: 0;
	cursor: pointer;
	}

.screen-reader-text {
	display: none;
}
	
/* Comment Form */

#comments{
	margin-top: 22px;
	padding: 14px 24px 10px 24px;
	}
#respond {
	width: 640px;
	margin: 32px 0 0 0;
	padding: 16px 0 12px 0;
	border-left: 1px dotted #161616;
	border-right: 1px dotted #191919;
	border-bottom: 1px dotted #232323;
	background: #141211 url('images/itgg_ulsb_bg.jpg') repeat-x top;
}
#respond p{
	/*padding: 0 24px 0 24px;*/
	padding: 0;
}
#respond h3{
	margin: 0 24px 8px 24px;
	border-bottom: 1px dotted #232323;
}
#commentform {
	margin: 0;
	padding: 4px 24px 4px 24px;
}
#commentform input, #commentform textarea {
	margin: 0 8px 0 0;
	padding: 2px;
	color: #333330;
	background: #c0c0c0;
	border-top: 2px solid #130909;
	border-left: 2px solid #2a2725;
	border-right: 2px solid #2a2725;
	border-bottom: 2px solid #433333;
}
#commentform input { width: 240px; }
#commentform textarea { width: 582px; }
#commentform p { margin: 12px 0; }

.commentlist {
	margin: 0;
	padding: 0;
	text-align: justify;
	}
.commentlist p { margin: 12px 0 8px 0; }
.commentlist li {
	margin: 0;
	padding: 12px 24px 8px 24px;
	list-style: none;
	}
.commentlist li .avatar { 
	float: right;
	padding: 0;
	border: 1px solid #eee;
	background: #fff;
	}
	
.children { padding: 0; }

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}
.commentmetadata {
	margin: 0;
	display: block;
	}
	
.thread-alt, .thread-even { border-top: 1px solid #b0b0b0; }

/* Various Tags & Classes */

.tag{
	float:right;
	margin-top:-6px;
}

.navigation {
	display: block;
	width: 640px;
	text-align: center;
	margin: 0;
	padding: 12px 0 12px 0;
	}

.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.hidden { display: none; }

hr { display: none; }
#sidebar ul li hr {
	background-color: #c0c0c0;
	height: 1px;
	border: 0;
	display: block;
}