/*
Theme Name:		Comic Style
Theme URI: 		http://www.jana-kiesendahl.de/
Description: 	My new Design for jana-kiesendahl.de
Author: 		Jana Kiesendahl
Author URI:		http://www.jana-kiesendahl.de/
*/

/* Reset Browser Defaults */
@import url( 'library/media/css/reset.css' );

/* Apply base theme styles and colors */
@import url( 'library/media/css/base.css' );

/* Basic 2 Column Layout */
@import url( 'library/media/layouts/2col-r.css' );

/* Stylistic CSS Styles */
@import url( 'library/media/css/screen.css' );

/* These empty css selectors are temporarily here for compatiability with the WordPress theme repository checklist. */
.aligncenter {} .alignleft {} .alignright {} .wp-caption {} .wp-caption-text {}

/* Body */
body { 
  margin: 0px;
  padding: 0px;
  margin: auto;
  font: normal 15px arial;
  background: url(images/bg.png) no-repeat;
  background-position: top center;
  color: #000000;
  } 
  
/***********************************
Inhalt
***********************************/
#content {
	padding-left: 20px;
	list-style-image: url(images/bullet.gif)
}

#content a:hover {

	color: #f25988;

}

#content ul li strong{

	color: #000000;

}

#primary .entry-title h1 {
	text-align: left;
	background: url(images/h1.png) no-repeat;
}

#comment-form {
	background: url(images/commentform.png) no-repeat;
	padding-left: 10px;

}


#primary .entry-title {
	padding-left: 40px;
	background: url(images/h1.png) no-repeat;
}
#primary .article a {

	color: #BB466B;
	text-decoration:none;

}

#primary .article a:hover {

	color: #f25988;

}
.nav-next {
	text-align: right;
}

.nav-previous {
	text-align: left;
}


/***********************************
Footer
***********************************/
.copyright {
	text-align: center;
}
/***********************************
Searchform	
***********************************/
#search {
	color: #000000;
	display:inline;
	position: bottom;
}

/***********************************
Kommentare	
***********************************/
#commentlist a {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

#commentlist a:hover {
	color: #535353;
}

#commentmarker {
	background: url(images/comment_marker.png) no-repeat;
}

#admincomment {
	background: url(images/comment_admin.png) no-repeat;
}
/***********************************
Post
***********************************/

.post {
  width: 560px;
  padding-left: 10px;
  margin-top: 20px;
  text-align: left;
  display: inline-block;
}

.time {
	padding-top: 5px;
	padding-left: 7px;
	background: url(images/date.png) no-repeat;
	background-position: left;
	font-size: 18px;
}

.metabottom {
  height: 22px;
  padding-top: 5px;
  padding-left: 27px;
  padding-right: 15px;
  float: left;
}
.metabottom a{
	color: #000000;
  text-decoration: none;
}
.metacomments {
  background: url("images/comments.png") no-repeat;
}
.metareadmore {
  background: url("images/readmore.png") no-repeat;
}

.kommentare {
  background: url("images/kommentare.png") no-repeat;
}

.hentry {
	border-bottom-width: 0px;
	border-color: #FFFFFF;
}

#comments {
	color: #000000;
}
/***********************************
Sidebar 
***********************************/
#sidebar{

	width: 280px;
	list-style: none;
	text-align: left;
}

#sidebar .xoxo {

	padding-left: 40px;
}
#sidebar .twitter {
	padding-left: 40px;
}

#sidebar .twitter a {
	color: #BB466B;
}
#sidebar .lili {

	padding-left: 20px;
}


#sidebar .termine {

	padding-left: 30px;
}

#sidebar ul li{
	list-style:none;
	color: #000000;
}

#sidebar ul li a{
	list-style:none;
	color: #000000;
	text-decoration: none;
	padding-left: 20px;
}

#sidebar ul li a:hover{
	list-style:none;
	background: url(images/active.png) no-repeat;
	padding-left: 20px;
}


/* Men� */
#menu {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 1024px;
  height: 200px;
  background: url(images/menu.png) no-repeat;
  position: relative;
}
#menu span {
  display: none;
  position: absolute;
}
#menu a {
  display: block;
  text-indent: -900%;
  position: absolute;
  outline: none;
}
#menu a:hover {
  background-position: left bottom;
}
#menu a:hover span {
  display: block;
}

#menu .current_page_item {
  background-position: left bottom;
}
 
#menu .current_page_item a, .current_page_item a:hover {
  background-position: left bottom;
}

#menu .home {
  width: 140px;
  height: 50px;
  background: url(images/blog.png) no-repeat;
  left: 20px;
  top: 80px;
}
#menu .home span {
  width: 140px;
  height: 30px;
  background: url(images/blog2.png) no-repeat;
  left: 50px;
  top: 50px;
}

#menu .about {
  width: 170px;
  height: 50px;
  background: url(images/me.png) no-repeat;
  left: 130px;
  top: 30px;
}
#menu .about span {
  width: 160px;
  height: 40px;
  background: url(images/me2.png) no-repeat;
  left: 30px;
  top: -25px;
}

#menu .pics {
  width: 140px;
  height: 50px;
  background: url(images/bilder.png) no-repeat;
  left: 230px;
  top: 80px;
}
#menu .pics span {
  width: 140px;
  height: 30px;
  background: url(images/bilder2.png) no-repeat;
  left: -80px;
  top: 40px;
}

#menu .events {
  width: 150px;
  height: 50px;
  background: url(images/termine.png) no-repeat;
  left: 350px;
  top: 30px;
}
#menu .events span {
  width: 150px;
  height: 40px;
  background: url(images/termine2.png) no-repeat;
  left: 40px;
  top: -30px;
}

#menu .logi {
  width: 230px;
  height: 50px;
  background: url(images/rezepte.png) no-repeat;
  left: 420px;
  top: 80px;
}
#menu .logi span {
  width: 140px;
  height: 40px;
  background: url(images/rezepte2.png) no-repeat;
  left: 20px;
  top: 40px;
}

#menu .links {
  width: 120px;
  height: 50px;
  background: url(images/links.png) no-repeat;
  left: 590px;
  top: 30px;
}
#menu .links span {
  width: 120px;
  height: 40px;
  background: url(images/links2.png) no-repeat;
  left: 40px;
  top: -30px;
}

#menu .guestbook {
  width: 200px;
  height: 50px;
  background: url(images/guestbook.png) no-repeat;
  left: 780px;
  top: 30px;
}
#menu .guestbook span {
  width: 200px;
  height: 40px;
  background: url(images/guestbook2.png) no-repeat;
  left: 40px;
  top: -30px;
}

#menu .mail {
  width: 170px;
  height: 50px;
  background: url(images/mail.png) no-repeat;
  left: 710px;
  top: 80px;
}
#menu .mail span {
  width: 160px;
  height: 40px;
  background: url(images/mail2.png) no-repeat;
  left: 160px;
  top: 10px;
}

#menu .sport {
  width: 80px;
  height: 30px;
  background: url(images/sport.png) no-repeat;
  left: 80px;
  top: 0px;
}
#menu .sport span {
  width: 160px;
  height: 40px;
  left: 10px;
  top: 0px;
}
#menu .tiere {
  width: 80px;
  height: 30px;
  background: url(images/tiere.png) no-repeat;
  left: 55px;
  top: 25px;
}
#menu .tiere span {
  width: 160px;
  height: 40px;
  left: 10px;
  top: 0px;
}
#menu .musik {
  width: 80px;
  height: 30px;
  background: url(images/musik.png) no-repeat;
  left: 40px;
  top: 50px;
}
#menu .musik span {
  width: 160px;
  height: 40px;
  left: 10px;
  top: 0px;
}

#footer {
	text-align: center;
}