/*   
Theme Name: Die perfekte Pizza
Theme URI: http://carlec-webdesign.de
Description: This is the original theme for die-perfekte-pizza.de
Author: Etienne Dilocker
Author URI: http://www.carlec-webdesign.de
Version: 1
*/

@media screen {
/* CUSTOM STYLES START*/
* { font-family: Helvetica, Arial, sans-serif;}
p {padding:10px 0 5px 0;}
h1{padding:10px 0 10px 0;}
h2{font-family:Georgia,serif;padding:15px 0 10px 0;margin:0; }

a {color:#900;}
body {padding:0;margin:0;background:url( img/bg-body.jpg ) #eecfa0 repeat-x center -50px;}
#rays {padding:0;padding-top:20px;margin:0;background:url( img/bg-rays.jpg ) no-repeat center -50px; border:0px solid white;}
#main{width:900px; margin:0 auto;padding:0px 0 0 0;background:url( img/bg-main.jpg ) repeat-y top center; border:0px solid white;}
#header{background:top center url( img/bg-header.jpg ) no-repeat; position:relative;}
#header-blog{background:top center url( /img/blog-bg-header.jpg ) no-repeat; position:relative;}
#wrapper-blog-sidebar-bg {background: url( img/sidebar-bg.gif ) repeat-y;background-position:10px 0px;}
#pizza-blog-logo, #pizza-logo {position:absolute; top:7px; left:552px;}
#navigation {position:absolute; top:245px; left:40px; width: 820px; height:73px; border: 0px dashed #aaa;}
#navigation ul {margin:0; padding:0;list-style-type:none;}
#navigation ul li {margin:0; padding:0;}
#navigation ul li a {display:block; height:73px; line-height:73px; color:#fff; text-decoration:none; padding:0 15px 0 13px; float:left; font-family: Tahoma, Verdana, sans-serif; font-weight:normal;letter-spacing:0px; font-size:12pt; background: top right no-repeat url( img/navigation-spacer.gif );}
#navigation ul li a:hover {color:#c80;}
#navigation ul li a:active {color:#c80;}
#content-spacer {height:330px;}
#content {width:794px; margin-left:53px; border:0px solid green;}
#content-page {width:544px; float:left;margin-left:53px; border:0px solid green;}
#content-blog {width:544px; float:right; margin-right:53px; border:0px solid green; background:#fff; padding-bottom:70px;}
#content p, #footer p,  h1, h4, h5, ul, ol { margin:0;}
#content-page li {margin:15px 5px;font-size:85%}

#content-blog.single {padding-top:30px;}
#content-blog h2 {font-variant:small-caps; padding:10px; margin:25px 0 0 0; font-size:170%;}
#blog-single-the-title h1 {background:#7d1919; font-variant:small-caps; padding:25px 70px 40px 70px; margin:0 10px 0 10px; font-size:200%; font-family:Georgia, serif; color:#ccc; text-align:center;}
#content-blog h2  a{text-decoration:none;color:#7d1919;}
#content-blog .meta {background:#fff; font-size: 75%; color:#000; padding:10px;}
#content-blog .postmetadata {border-top: 1px solid #7d1919; border-bottom:1px solid #7d1919; font-size: 75%; padding:10px; margin-bottom:50px;}
#content-blog .entry { padding: 0 10px;}
#content-blog .link-to-full p {text-align:center;padding:30px; font-size: 75%;}
#content-blog a img {border:1px solid;}
#content-blog blockquote {padding-left:70px; background: url( img/blockquote-bg.png ) center left no-repeat; font-size:85%;}
#content-blog table {font-size:70%}
#content-blog table thead {background-color:#600;color:#fff;text-align:left;}
#content-blog .ssb img {border:0;}

.wp-caption {border:1px solid #ccc; padding:5px; margin-bottom:30px;}
.wp-caption-text {margin-top:0; margin-bottom:3px; padding-top:0; padding-bottom:0; font-size:75%;}

.float-left {float:left; margin-right:30px; margin-bottom:15px;}
.float-right {float:right; margin-left:30px; margin-bottom:15px;}

.pictureframe , .pictureframe-right{width:300px; background:#dcc; text-align:center; padding-top:10px; margin: 10px 0;}
.pictureframe  {float:left; margin-right:30px;}
.pictureframe-right {float:right; margin-left:30px;}

.pictureframe p , .pictureframe-right p{font-size:0.9em; text-align:left; padding:3px 15px;}
.orange {color:#c80;}
hr.clear {clear:both; visibility:hidden;}
div.column-left,div.column-left-pics, div.column-right {float:left; width:382px; border:0px solid black; margin:0; padding:0;}
div.column-left, div.column-left-pics {margin-right:30px;}
div.column-left-pics p {font-size:85%;position:relative;}
div.column-left-pics p span.number {position:absolute; top:10px; right:0px; display:block; width:40px; height: 50px; background-color:#700; color:#fff; text-align:center; font-size:75%;}
div.column-left-pics p span.number span {display:block; margin:0; padding:0; font-size:300%;}

#footer {background:#2f3039; color:#fff; margin:16px 10px 0 10px; padding: 15px 44px; clear:both;}
#footer div {float:left;width:260px; margin:0; padding:0; }
#footer ul {margin:15px 0; padding:0 0 0 15px;}
#footer ul li {padding:0 5px 0 10px; margin:0;}
#footer ul li a, #footer a {color:#ddd;}

#quick-nav ul{position:absolute; top:0; right:0; list-style-type:none; clear:both; margin:0; padding:0; display:block;}
#quick-nav ul li {float:right; display:block; padding:5px 15px; margin:0;}
#quick-nav ul li  a {text-decoration:none; color:#ddd; font-size:75%; font-weight: bold;}

#aside {margin-left:10px; float:left; width:250px; background: #7d1919; color:#fff; padding-bottom:70px;}
#aside-page {margin-right:10px; float:right; width:250px; color:#000; padding-bottom:70px; border-left:1px solid #ddd;}

#aside ul, #aside h2 {padding-left:20px;}
#aside-page ul, #aside-page h2 {margin-left:10px; margin-right:10px;}

#aside-page h2 {border-top:1px solid #ddd; margin-top:20px;}

#aside h2:first-child {padding-top:0; margin-top:0 !important;}
#aside-page h2:first-child {padding-top:0; margin-top:15px !important; border:none !important;}


#aside ul {padding-left:20px;}
#aside a {color:#ddd;}

#aside-page p {font-size:75%; padding: 0 10px;}


#latest-posts-with-pic {padding-left:0px !important; list-style-type:none !important; margin-right:20px !important; border-top:1px dotted #e99;}
#latest-posts-with-pic li {clear:both; display:block; margin:10px 0; padding:0; border-bottom:1px dotted #e55;}
#latest-posts-with-pic li img {float:left;}
#latest-posts-with-pic li span {display:block;float:right; width:150px; margin:0 0 10px 5px; font-size:80%;}
#latest-posts-with-pic li a {text-decoration:none;}
#latest-posts-with-pic br {clear:both;}
#link-to-all-recipes {font-size:75%; margin:0 20px 20px 20px; padding:0 0 10px 0;  border-bottom:0px dotted #e99;}

#link-to-blog {display:block; width:210px; height:75px;text-indent:-1000em;background: url( img/blog-button.png );}

#social-media-buttons {padding-left:0px !important; list-style-type:none !important; margin: 10px 20px}
.smb-page {margin: 10px 10px !important}
#social-media-buttons li {padding:0; text-indent:-1000em;margin: 5px 0;}
#social-media-buttons li a {display:block; width:210px; height:50px;}
.smb-facebook {background: url( img/facebook-button.png );}
.smb-twitter {background: url( img/twitter-button.png );}
.smb-rss {background: url( img/rss-button.png );}

#menu-popular-posts {font-size:75%}
#menu-popular-posts li {margin: 5px 10px 5px 25px}


/* GENERIC STYLES START */
* { margin: 0; padding: 0; }
.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.clear { clear: both; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group {  } /* First selector = IE6, Second Selector = IE 7 */

#page-wrap { width: 960px; margin: 20px auto; }

h1, h2, h3 { font-weight: normal; margin: 0 0 10px 0; }
h1 { }
h2 { }
h3 { margin: 20px 0 10px 0;}

p { margin: 0 0 10px 0; }
a { }
a:hover { } 

blockquote { }
blockquote p { }

ul, ol { margin: 0 0 10px 20px; }

.post { }
.post p {font-size:11pt; line-height:1.2;}
.post li {font-size:11pt; line-height:1.2;margin-bottom:15px;}
.entry { }
.entry a { }
.entry a:hover { }

pre { }
code, tt { }

#meta { }
.postmetadata { }

#sidebar { }

.navgation { }
   .next-posts { }
   .prev-posts { }

#searchform {margin:0 30px 15px 30px; }
	#s { }
	#searchsubmt { }
	
ol.commentlist { list-style: none; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li { border-bottom: 1px dotted #666; padding: 10px; }
ol.commentlist li div.comment-author { }
ol.commentlist li div.vcard { }
ol.commentlist li div.vcard cite.fn { font-style: normal; }
ol.commentlist li div.vcard cite.fn a.url { }
ol.commentlist li div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
ol.commentlist li div.vcard img.avatar-32 { }
ol.commentlist li div.vcard img.photo { }
ol.commentlist li div.vcard span.says { }
ol.commentlist li div.commentmetadata { }
ol.commentlist li div.comment-meta { font-size: 10px; }
ol.commentlist li div.comment-meta a { color: #ccc; }
ol.commentlist li p { }
ol.commentlist li ul { }
ol.commentlist li div.reply { font-size: 11px; }
ol.commentlist li div.reply a { font-weight: bold; }
ol.commentlist li ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li ul.children li { }
ol.commentlist li ul.children li.alt { }
ol.commentlist li ul.children li.bypostauthor { }
ol.commentlist li ul.children li.byuser { }
ol.commentlist li ul.children li { }
ol.commentlist li ul.children li.comment-author-admin { }
ol.commentlist li ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
ol.commentlist li ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
ol.commentlist li ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
ol.commentlist li ul.children li.depth-5 { }
ol.commentlist li ul.children li.odd { }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { background: #f6f6f6; }
ol.commentlist li.parent { border-left: 5px solid #111; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }

form { }
input[type=text] { }
textarea { }

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

} /* END screen media */

@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }
	
} /* END print media */