/*
Theme Name: checksaus_arthemia_8
Theme URI: http://nourl.org
Description: Child Theme for arthemia - Checkdisout Custom
Author: Karl Badde | Plastiq - Visuelle Kommunikation
Author URI: http://plastiq.org
Template: arthemia
Version: 0.8 Beta
.

Swatches
====================
			hell	 mittel	  dunkel
			
blau -		66bbec - 008edf - 0072b2
gelb -		ffce66 - ffae00 - cc8b00
grŸn -		99d180 - 55b32c - 448f23
orange -	fdaa6e - fc710d - ca5a0a
lila -		9282a2 - 4a2f64 - 3b2650

rot -		ee6e77 - e20e1d - b50b17

Backs
whites -	e6e3e3 - ececec - f2f2f2 - fafafa

Typo
blacks -	333333 - 555

====================
*/
 
@import url("../arthemia/style.css");


/* ----- Basic Layout auf 960 fixes -----*/
#head, #navbar, #page, #bottom{ width: 1000px; }
#navbar, #middle, #headline, #front-popular { width: 980px; }
#front-list{ width: 760px; }
#content{ width: 640px; }


/* ----- Farben umstellen ----- */
body { 
	background-color: #e6e3e3;
	border-top: #333 1px solid;
	}

#logo {}

#logo h1 a{ background: transparent url(images/headpic.gif) no-repeat; }

#page-bar li:hover { 
	background-color: #333;
	}
#page{ 
	background:transparent none repeat scroll 0 0; 
	}

#headline{ 
	background: #fafafa url(images/header_back.gif) repeat-x;
	border-bottom: #ccc 1px solid;
	border-right: #dadada 1px solid;
	}
#headline div.meta, #headline div.meta a{
	color: #fff; 
	}
#headline div.title a{
	color: #fff; 
	}

#cat-1 .cat_title{
	color: #a8077f; 
	}

#front-list{
	background-color: transparent; 
	}
#front-list .clearfloat{
	background-color: #fafafa;
	border-bottom: #ccc 1px solid;
	border-right: #dadada 1px solid;
	}

#featured, #middle, .category, 
#sidebar-top, #sidebar-middle, #sidebar-bottom,
#sidebar-ads, #sidebar-left, #sidebar-right{
	background-color: transparent;
	}
#sidebar-ads{
	border: #ccc 1px dashed;
	}
#navbar{
	background: transparent url(images/navbar.gif) repeat-x scroll 0 0;
	border: #333 1px solid;
	}

#sidebar h3 {
	background: transparent none repeat scroll 0 0;
	color: #333;
	}

#recentpost, #mostcommented, #recent_comments {
	border: none;
	width: 284px;
	}
#recentpost ul li:first-child, #recent_comments ul li:first-child {
	border-top: #2c2c2c 0 none;
	}
#mostcommented ul li {
	border-top:1px dotted #ccc;
	}
#mostcommented ul li:first-child{
	border-top: #2c2c2c 0 none;
	}
#mostcommented p.tweetbox{
	width:243px;
	height: 123px;
	padding: 10px;
	background: transparent url(images/tweetbox.gif) no-repeat;
}

#front-popular{
	background: #333 url(images/footbar.gif) repeat-x;
	border-top: #ececec 1px solid;
	border-right: #dadada 1px solid;
	}
#front-popular {
	color: #ececec ;
	}

#content {
	background-color: #fafafa;
	border-bottom: #ccc 1px solid;
	border-right: #dadada 1px solid;
	}
#content h2.title {
	border-top: none;
	border-bottom: none;
	padding: 0 0 4px;
	}
#content #stats, #content #stats span{
	color: #333;
	}
#content #stats span.dark{
	color: #333;
}





/* ----- Farben der Kategorien hinzufŸgen ----- */
#cat-comment, #cat-1, #cat-2, #cat-3, #cat-4, #cat-5{ border: none; }

#cat-comment .cat_title{ color: #888; }

#cat-1 .cat_title a, #cat-1 p:hover{ color: #0072b2; }
#cat-2 .cat_title a, #cat-2 p:hover{ color: #cc8b00; }
#cat-3 .cat_title a, #cat-3 p:hover{ color: #448f23; }
#cat-4 .cat_title a, #cat-4 p:hover{ color: #ca5a0a; }
#cat-5 .cat_title a, #cat-5 p:hover{ color: #3b2650; }

#cat-1:hover, #cat-1:hover a, #cat-1:hover p{ color: #fff; background-color: #008edf; }
#cat-2:hover, #cat-2:hover a, #cat-2:hover p{ color: #fff; background-color: #ffae00; }
#cat-3:hover, #cat-3:hover a, #cat-3:hover p{ color: #fff; background-color: #55b32c; }
#cat-4:hover, #cat-4:hover a, #cat-4:hover p{ color: #fff; background-color: #fc710d; }
#cat-5:hover, #cat-5:hover a, #cat-5:hover p{ color: #fff; background-color: #3b2650; }


/* ----- Buttonverhalten hinzufŸgen ----- */
#mostcommented ul li:hover {
	background:#336286 none repeat scroll 0 0;
	}
	

/* ----- AbstŠnde ----- */
#page{
	padding:10px 0;
	}

#head{
	margin: 5px auto 0;
	}

#logo h1 a{
	display: block;
	width: 386px;
	height: 80px;
	}
#navbar{
	margin:4px auto 0;
	}
#searchform{
	padding-top: 6px;
	}

#headline .wrap_title_meta{
	width: 656px;
	float: right;
	margin-top: 4px;
	margin-bottom: 10px;
	}
#headline .title{
	height: 33px;
	overflow: hidden;
	}
#headline a img{
	margin-top: 0px;
	float: left;
	}
#headline p{
	margin-top: 80px;
	padding-right: 60px;
	}

#middle{
	padding: 10px 0 20px;
	margin: 0px;
	width: 1000px;
	}
.category{
	padding-top: 10px;
	margin: 10px;
	width: 126px;
	}
.category span.cat_title{
	display: block;
	margin-bottom: 4px;
	}

#front-list{
	padding: 0;
	width: 660px;
	}
#front-list .clearfloat, #archive .clearfloat {
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	margin-bottom: 10px;
	}
#front-list .clearfloat img{
	margin-bottom: 0;
	}
#front-list .cat_title{
	margin-bottom: 4px;
	}
#front-list .title{}
#front-list .meta{}
.spoiler{
	margin-top: 10px;
	}
#front-list p{
	padding-right: 50px;
	}
.breadcrumbs{
	display: block;
	margin-bottom: 8px;
	color: #2e4f29;	
	}
.breadcrumbs a{
	text-decoration: underline;
	}

#content #stats{
	display: block;
	text-transform: none;
	padding-bottom: 12px;
	margin-bottom: 10px;
	border-bottom: #ccc 1px dashed;
	}
#content #stats span{
	padding: 2px;
	}
#content .entry p{
	margin-bottom: 10px;
	}
#content .post .clearfloat{
	border-bottom: #CCCCCC 1px dashed;
	}

.post img, .post a img, #front-list img, #archive img {
	margin:3px 20px 10px 0;
	}

.navigation{}
.navigation .right, .navigation .left{}

#sidebar-top, #sidebar-middle, #sidebar-bottom{	
	padding:0 10px 10px;
	width:300px;
	}

#sidebar h3{
	margin: 20px 0 4px;
	padding: 0;
	}
#sidebar-ads{
	padding: 0 10px 10px;
	}
#sidebar-ads h3{
	margin: 6px 0 4px;
	padding-top: 0;
	}
#sidebar .mostcommented{}
#sidebar-ticket{
	padding:0 10px 10px;
	}
#sidebar-ticket img{}

#front-popular{
	padding-bottom: 30px;
	}
#recentpost, #mostcommented, #recent_comments{ 
	margin: 0px; 
	}
#mostcommented{ 
	margin: 0 10px; 
	}
#recent_comments{
	float: left;
	}




/* ----- Typo umstellen ----- */
body{
	font-family:"Lucida Sans", "Lucida Grande", Arial, sans-serif;
	}
p{
	font-size: 11px;
	line-height: 18px;
	}
	
#logo{
	text-indent: -300px;
	overflow: hidden;
	}
	
#navbar, #comments h3{
	font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
	}

#headline div.title{}
#headline #meta{}
#headline p{
	font-size: 1.1em;
	line-height: 1.6em;
	}
#headline .article-link a{
	font-weight: normal; 
	font-size: 1.1em;
	}
#headline:hover .article-link a{
	text-decoration: underline;
	}

#middle p{
	line-height: 1.4em;
	}
#middle .cat_title{
	text-transform: uppercase;
	font-size: 1.3em;
	}
#cat-comment .cat_title{
	text-transform: none;
	}

.category span.cat_title, #front-popular h3, #front-list .cat_title, #archive .cat_title {
	font-size: 1.2em;
	}
#front-popular h3{
	letter-spacing: 0em;
	}

#front-list .cat_title{
	letter-spacing: normal;
	}
.category span.cat_title{
	font-size: 1.6em;
	font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
	font-style: bold;
	}

#front-list .title, #archive .title, #headline div.title, #content h2.title {
	font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; 
	font-style: normal;
	letter-spacing: -0.02em;
	font-size: 2.2em;
	}

#headline .title{}

#content h2.title{}
#content #stats{
	text-align: left;
}
#content .entry p{
	font-size: 1.1em;
	line-height: 1.7em;
	}
blockquote {
	font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
	}



/* ----- Links & Buttons ----- */

a, a:link, a:visited{
	text-decoration: none;
	color: #3C78A7;
	}
a:hover{
	color: #294f6d;
	text-decoration: underline;
	}

#headline a img, #featured a img,
.post img, .post a img, #front-list img, #archive img {
	border: none;
	margin-right: 20px;
	}

#content #stats a, #content #stats a:link, #content #stats a:visited{
	text-decoration: underline;
	color: #3C78A7;
	}
#content #stats a:hover{
	color: #336286;
	text-decoration: underline;
	}

.navigation a{ 
	text-decoration: underline;
	}
	

/* ----- Hiden und Anzeigen von Buttons ----- */

/* 
#headline .article-link a{ visibility: hidden; }
#headline:hover .article-link a{ visibility: visible; text-decoration: underline;}
*/

#middle .cat_title a{ text-decoration: underline;}
#middle:hover .cat_title a{ text-decoration: underline;}


/* ----- Formatierung der Listen ----- */
#front-popular ul li{
	border-top:1px dotted #666;
	padding: 10px 5px;
	}

#sidebar li{
	background:transparent none no-repeat scroll 0 0;
	list-style-position: inside;
	padding: 4px 0;
	}