/* @override http://www.365daysofwriting.com/wp-content/themes/YvonneB/style.css */

@charset "UTF-8";
/* CSS Document */

/*
Theme Name: Yvonne Borgogni
Theme URI: http://www.webdesignetc.de/
Description: Das Theme bringt die vielfaeltigen Inhalte unter einen Hut. Es ist elegant und schlicht,
feminin, aber nicht zu verspielt. Die geschwungene Typo der Headline verleiht dem Theme Eleganz.
Author: Engelbert Eichner
Version: 1.0 
Tags: anthrazit, weiss, dreispaltig, feste Breite, Editor-Style, anpassbare Navigation

License:
License URI:

General comments (optional).
*/

/* *****************************************
*   Kunde:   Yvonne Borgogni
*   Url:     www.365daysofwriting.com
*   Projekt: Relaunch February 2011
*   Im Auftrag von: ---
*   Datum:   01.02.2011
*   Update:  13.02.2011
* *****************************************/

/* Farbwerte *****************************
*  anthrazit .................#232323
*  braungrau .................#7e7877
*  weiss .....................#ffffff
*****************************************/

/* Allgemeines
---------------------------------------*/

body {
	margin: 0;
	padding: 0;
	border-top: 10px solid #cde2e7;
 	text-align: center;
 	color: #000000;
	font: 10pt/1.4em "Times New Roman", Times, serif; 
	background: #ffffff;
	behavior: url(http://www.365daysofwriting.com/csshover.htc);
}

/* Struktur
---------------------------------------*/

#Wrapper {
	width: 995px;
	padding-top: 30px;
}

#WrapLeft {
	width: 500px;
	float: left;
	background: url(images/bg_content_top.jpg) no-repeat top;
}

#WrapMid {
	width: 240px;
	margin-left: 0px;
	float: left;
	text-align: left;
}

#WrapRight {
	width: 240px;
	margin-left: 0px;
	float: right;
	text-align: left;
}

#Logo {
	margin: 0;
	padding: 30px 20px 20px 20px;
}

#Content {
	padding: 0px 30px 30px 35px;
	background: url(images/bg_content_bottom.jpg) no-repeat bottom;	
	text-align: left;
	font-size: 1.3em;
	line-height: 24px;
}

/* MainNav
---------------------------------------*/

#MainNav {
	margin-top: 120px;
	margin-bottom: 40px;
	font-size: 1.8em;
}

#MainNav ul {
	margin-left: 0;
	padding-left: 0;
}

#MainNav ul li {
	list-style-type: none;
	line-height: 30px;
	padding-left: 0;
	margin-left: 0;
}

#MainNav ul li a {
	text-decoration: none;
	color: #000;
	padding-left: 30px;
}

#MainNav ul li a:hover {
background: url(images/nav_img_on.jpg) left no-repeat;
}

#MainNav ul li a .active {
	background: url(images/nav_img_off.jpg) left no-repeat;
}

.page-id-288 li.page-item-288 a {
	background: url(images/nav_img_off.jpg) no-repeat left;
}

.page-id-293 li.page-item-293 a {
	background: url(images/nav_img_off.jpg) no-repeat left;
}

.page-id-298 li.page-item-298 a {
	background: url(images/nav_img_off.jpg) no-repeat left;
}

.page-id-304 li.page-item-304 a {
	background: url(images/nav_img_off.jpg) no-repeat left;
}

.page-id-306 li.page-item-306 a {
	background: url(images/nav_img_off.jpg) no-repeat left;
}

.page-id-310 li.page-item-310 a {
background: url(images/nav_img_off.jpg) no-repeat left;
}

.page-id-2 li.page-item-2 a {
background: url(images/nav_img_off.jpg) no-repeat left;
}

/* Category Page
---------------------------------------*/

.ContentBlock > select {
	margin-left: 55px;
	margin-bottom: 40px;
	font-size: 1.2em;
}

#archive-list {
	margin: 0;
	padding: 0;
	width: 430px;
}

#archive-list li {
	list-style-type: none;
	line-height: 35px;
}

#archive-list .post-date {
	float: right;
	padding-right: 15px;
}

form#Archive {
	text-align: center;
}

/* ArtikelImage
---------------------------------------*/

.ArtikelImg {
	height: 320px;
	background: url(images/bg_artikelbild.png) no-repeat bottom;
	text-align: center;
	margin-bottom: 50px;
}

.ArtikelImg img {
	border: 10px solid #edeff0;
}

/* Movies
---------------------------------------*/

#Movies {
	clear: both;
	width: 1075px;
	padding: 20px 0 20px 20px;
}

#movielist {
	width: 400px;
	float: left;
	text-align: left;
}

#movielist dl {
	margin: 0 0 10px 0;
	clear: both;
}

#movielist dt {
	float: right;
	width: 175px;
	margin: 0;
	padding: 0;
}

#movielist dl dd.movie-img {
	float: left;
	margin: 0 0 20px 0;
}

#movielist dl dd {
	margin-left: 225px;
}



.stage {
	width: 640px;
	height: 390px;
	padding-bottom: 40px;
	margin-left: 25px;
	float: left;
	background: #ccc url(images/bg_movies.jpg) no-repeat bottom;
}
/* The Post
---------------------------------------*/

.post {
	width: 440px;
	text-align: left;
	line-height: 22px;
}

.entry {
	padding: 10px 10px 0 10px;
	line-height: 28px;
}

.more {
	margin-top: 5px;
	margin-right: 5px;
	text-align: right;
	
}

/* WP-PageNavi
---------------------------------------*/

.wp-pagenavi {
	font-size: 1.3em;
}

.wp-pagenavi a {
	padding: 5px;
}

.wp-pagenavi .current a {
	color: #000;
}

/* Comments
---------------------------------------*/

.commentlist {
	margin: 0 0px 20px 5px;
	padding-left: 0px;
}

.commentlist li {
	list-style-type: none;
}

.commentlist li.comment {
	background: url(images/bg_comment_top.jpg) no-repeat top;
}

.commentlist .comment-body {
	text-align: left;
	padding: 20px;
	background: url(images/bg_comment_bottom.jpg) no-repeat bottom;
}

img.avatar {
	border: 5px solid #fff;
	float: left;
	margin: 0 20px 10px 0;
}

.comment-author {
	font-size: 1.4em;
	padding-bottom: 3px;	
}

.comment-meta {
	height: 35px;
}

/* Music Movie Book
---------------------------------------*/

.music, .movies, .book {
	font-size: 1em;
	line-height: 22px;
	padding-left: 100px;
	width: 335px;
	margin-bottom: 15px;
	text-align: left;
}

.music h1, .movies h1, .book h1 {
	padding: 5px 0;
	font-size: 1em;
}

.music {
	background: url(images/nav_music.png) no-repeat top left;
}

.movies {
	background: url(images/nav_movie.png) no-repeat top left;
}

.book {
	background: url(images/nav_book.png) no-repeat top left;
}


/* CommentForm
---------------------------------------*/

#commentform {
	min-height: 430px;
	text-align: left;
	margin: 0 20px 0px 25px;
	background: url(images/bg_schnoerkel.jpg) no-repeat bottom right;
}

input {
	margin-right: 10px;
	background: #e7e5d8;
	border: 1px solid #ccc;
	font-size: 1.1em;
}

textarea {
	width: 400px;
	background: #e7e5d8;
	border: 1px solid #ccc;
	font-size: 1.0em;
	line-height: 16px;
}

#submit {
	float: right;
	margin-right: 120px;
}

label {
	font-size: 1.2em;
}

/* ContactForm
---------------------------------------*/

#Content input {
	width: 220px;
}

/* wp-calendar
---------------------------------------*/

#wp-calendar {
	width: 200px;
	margin-left: 25px;
}

#wp-calendar thead tr th {
	text-align: right;
}

#wp-calendar td {
	padding: 4px;
	text-align: right;
}

#wp-calendar caption {
	font-weight: bold;
	margin-bottom: 5px;
}

#wp-calendar #today {
	background: #efefef;
	border-right: 2px solid #ccc;
	border-bottom: 2px solid #cdcdcd;
}

#wp-calendar tfoot tr td#prev {
	text-align: left;
}

/* Lists
---------------------------------------*/

#recentcomments li {
	padding-right: 10px;
	line-height: 18px;
}

.ContentBlock ul li {
	font-size: 1.1em;
	line-height: 25px;
	margin-left: 20px;
}

/* Footer
---------------------------------------*/

#Footer {
	clear: both;
	margin: 0 0 20px 0;
	padding-top: 12px;	
	background: url(images/line.jpg) repeat-x;
}

/* Typographie
---------------------------------------*/

p {
	margin: 0 0 12px 0;
}
.ArtikelImg p {
	font-size: 0.9em;
	line-height: 15px;
}

#WrapRight h1 {
	font-size: 1.3em;
	line-height: 20px;
	margin: 0 0 10px 0;
}

#WrapLeft #Content .category-title {
	text-align: right;
	font-size: 1.3em;
	font-weight: normal;
	background: #cde2e7;
	padding: 5px;

	float: right;
}

.post h2 {
	text-align: center;
	font-size: 1.1em;
	margin: 10px 0 0 0;
	padding: 0 30px;
	line-height: 26px;
}

#movielist h2 {
	margin: 0 0 10px 0;
}

h3#comments {
	text-align: left;
	font-size: 1.4em;
	margin-left: 10px;
}

/* Diverses
---------------------------------------*/

.button {
	width: 100%;
	text-align: center;
}

.clearfix {
	clear: both;
}

/* Images
---------------------------------------*/

a img {	border: none; }
a img:hover { border: none; }

/* Links
---------------------------------------*/

a:hover {
	color: #86bfde;
}

#Logo a img, 
#Logo a img:hover { border: none;}

#Footer a { color: #000; }
#Footer a:hover { color: #86bfde; }

/* END OF STYLESHEET */