/*
Theme Name: Clean
Theme URI: http://awakening.ch/2008/12/10/clean-free-wordpress-theme/
Description: A simple and customizable corporate theme by <a href="http://awakening.ch">awakening</a>.

Features:
  - XHTML 1.1 valid
  - CSS 3.0 valid
  - Cross-browser compatible
  - Custom page templates
  - 960 grid system
  - Printer friendly
  - Widget ready

Version: 0.6
Author: Deniz Guenay
Author URI: http://awakening.ch/
Tags: blue, white, light, one-column, two-columns, fixed-width, custom-header, right-sidebar
*/


body { background: #8B2323 url(images/background.png) }


/* Header */
#header {
	width: 100%;
	height: 200px;
	background: url(images/header.png);
	overflow: hidden;
	clear: both;
}

#header-wrap {
	font: 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #FEF5CA;
	width: 990px;
	height: 200px;
	margin: 0 auto;
}

#header-wrap a {
	color: #FEF5CA;
}

#header-wrap a:hover {
	color: #FEF5CA;
}

#header-left {
	float: left;
}

#header-right {
	padding: 10px 10px 0 0;
	text-align: right;
	float: right;
}

#title {
	height: 80px;
	width: 500px;
	margin: 60px 0 0 0;
	display: block;
	float: left;
}

#title h1 a {
	font: bold 36px Arial, Helvetica, sans-serif;
	color: #555;
}

#title h1 a:hover {
	color: #444;
}

#tagline {
	font: 14px Arial, Helvetica, sans-serif;
	color: #555;
}

/* Search */
#searchform {
	width: 220px;
	margin: 0 0 10px 0;
	float: right;
	overflow: hidden;
	clear: both;
}

#searchfield {
	width: 200px;
	height: 25px;
	padding: 4px 0 0 0;
	background: url(images/search.png) no-repeat;
	float: left;
}

#s {
	font: 13px verdana, arial, 'trebuchet MS';
	color: #999;
	width: 140px;
	padding: 0 0 2px 5px;
	background: none;
	border: 0;
}

#searchsubmit {
	width: 20px;
	height: 25px;
	background: url(images/searchsubmit.png) no-repeat;
	border: 0;
	float: right;
}

/* Navigation */
#navigation {
	padding: 0 10px 0 0;
	overflow: hidden;
	clear: both;
}

ul#menu li {
	line-height: 60px;
	margin: 0 0 0 20px;
	float: right;
	list-style: none;
}

ul#menu li a {
	font: 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #777;
}

ul#menu li a:hover {
	color: #555;
}

ul#menu li.current_page_item a,
ul#menu li.current_page_parent a,
ul#menu li.current_page_ancestor a{
	color: #555;
}


/* Container Top */
#container-top-header {
	background: url(images/content-bg-top-header.png) repeat-x;
}

#container-top {
	background: url(images/content-bg-top.png) repeat-x;
}


/* Container */
#container {
	width: 100%;
	background: url(images/container-top.png) repeat-x;
	clear: both;
	overflow: hidden;
}

#container-wrap {
	width: 990px;
	margin: 0 auto;
	background: #FEF5CA url(images/content-bg.png);
}

#container-bottom {
	width: 990px;
	height: 7px;
	margin: 0 auto;
	background: url(images/gif/content-bg-bottom.gif) repeat-x;
}
/* Content Header */
#content-header-wrap {
	width: 980px;
	height: 240px;
	background: url(images/content-header.png) repeat-x;
}

#slideshow {
	padding: 20px 0 0 0;
	width: 940px;
	height: 200px;
	margin: 0 auto;
	clear: both;
}





/* Content */
#content {
	font: 13px/1.5 Arial, Helvetica, sans-serif;
	color: #555;
	padding: 20px 30px 20px 20px;
	overflow: hidden;
	clear: both;
}

#content a {
	color: #666;
}

#content a:hover {
	color: #333;
	text-decoration: underline;
}

.post {
	margin: 0 0 40px 0;
	overflow: hidden;
	clear: both;
}

.postmetadata {
	text-align: center;
}

.more {
	padding: 0 0 0 20px;
	background: url(images/more.png) no-repeat;
}

.pages {
	margin: 10px 0 0 0;
	padding: 0 0 5px 20px;
	background: url(images/page.png) no-repeat;
	clear: both;
}

.edit {
	margin: 10px 0 0 0;
	padding: 0 0 3px 20px;
	background: url(images/edit.png) no-repeat;
	clear: both;
}

#content ul,
#content ol {
	padding: 0 0 0 30px;
	margin: 0 0 10px 0;
}

#content ul li,
#content ol li{
	line-height: 20px;
}

.entry {
	text-align: justify;
	clear: both;
}

.entry h2 {
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #333;
	padding: 0 0 10px 0;
}

#content h2 a {
	color: #444;
}

#content h2 a:hover {
	text-decoration: none;
}

.entry h3 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #333;
	margin: 0 0 10px 0;
}


/* Comments */
h3#comments {
	font: bold 14px verdana, arial, 'trebuchet MS';
	margin: 0 0 10px 0;
}

h3#respond {
	font: bold 14px verdana, arial, 'trebuchet MS';
	margin: 0 0 10px 0;
}

.avatar {
	margin: 1px 0 0 0;
}

.comment-wrap {
	width: 100%;
	margin: 0 0 20px 0;
	overflow: hidden;
	clear: both;
}

.comment-column-left {
	width: 50px;
	padding: 0 0 0 20px;
	float: left;
}

.comment-column-right {
	width: 630px;
	float: left;
}

.commentmetadata {
	margin: 0 0 10px 0;
	clear: both;
}

.comment-entry {
	text-align: justify;
	clear: both;
}

/* Customs */
.hr {
	width: 100%;
	height: 1px;
	margin: 20px 0 20px 0;
	background: url(images/hr.png);
	overflow: hidden;
	clear: both;
}

.notice {
	font-size: 11px;
	color: #333;
	margin: 10px 0 10px 0;
	padding: 10px 10px 10px 10px;
	background-color: #F2F2F2;
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	clear: both;
}

.notice-right {
	font-size: 11px;
	color: #333;
	text-align: left;
	width: 220px;
	margin: 0 0 0 20px;
	padding: 10px 10px 10px 10px;
	background-color: #F2F2F2;
	border: 1px solid #FEF5CA;
	clear: both;
	float: right;
}


/* Columns */
.col-700 {
	width: 700px;
	margin: 0 20px 20px 0;
	float: left;
}

.col-220-l {
	width: 220px;
	margin: 0 0 20px 0;
	float: left;
}

.footer-col-140 {
	width: 140px;
	margin: 0 20px 0 0;
	float: left;

}

.footer-col-140-l {
	width: 140px;
	float: left;
}


/* Sidebar */
.widget {
	font-size: 13px;
	text-align: left;
	margin: 0 0 20px 0;
	overflow: hidden;
	clear: both;
}

.widget h2 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #444;
	margin: 0 0 10px 0;

}

.widget-top {
	padding: 8px 0 8px 10px;
	border-top: 1px solid #c7d1da;
	background-color: #e5eaef;
}

.widget-top h2 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #444;
	margin: 0;

}

.widget-entry {
	font: 13px/1.5 Arial, Helvetica, sans-serif;
	color: #444;
	padding: 10px 10px 10px 10px;
	background-color: #f0f1f1;
}


/* Footer Sidebar */
.footer-widget {
	font-size: 13px;
	text-align: left;
	color: #646060;
}

.footer-widget h2 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #444;
	margin: 0 0 10px 0;
}


/* Footer */
#footer-wrap {
	width: 990px;
	margin: 0 auto;
	overflow: hidden;
	clear: both;
}

#footer {
	font: 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align: right;
	color: #ddd;
	padding: 10px 10px 40px 10px;
	overflow: hidden;
	clear: both;
}

#footer a {
	color: #ddd;
}

#footer a:hover {
	color: #bbb;
}

#footer ul li {
	line-height: 15px;
	list-style: none;
}

/* WordPress */
.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	text-align: center;
	margin: 0 auto 10px auto;
}

img.alignleft,
.wp-caption.alignleft {
	margin: 0 10px 0 0;
	display: inline;
}

img.alignright,
.wp-caption.alignright {
	margin: 0 0 0 10px;
	display: inline;
}

img.aligncenter,
.wp-caption.aligncenter {
	display: block;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	/* optional rounded corners for browsers that support it */
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 28px;
	margin: 0;
}
