/*
Theme Name: Woopi
Theme URI: http://www.chapi.de/
Description: A theme with Wood for chapi.de
Version: 1.0
Author: Tobias Liegl
Author URI: http://www.chapi.de/
Tags: widgets
*/

/* --------------------- css reset --------------------- */

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*because legend doesn't inherit in IE */
legend{color:#000;}

/* --------------------- basic css --------------------- */

html { background: #fff url(images/background.png) repeat-x; height: 100%; }
body { color: #000; font: 15px Georgia, serif; line-height: 1.5; }
#page { width: 960px; margin: 0 auto; }

a { color: #2f63b3; outline: none; text-decoration: none; }
a:hover { }

#header { font-family: Arial; /* border-bottom: 1px solid #ccc; */ border-top: 5px solid #000; margin-bottom: 40px; padding-bottom: 60px; }
#headerContent { background: url(images/chapi-logo.png) no-repeat; padding-left: 70px; width: 890px; margin: 0 auto; position: relative; }
#header h1 { font-size: 34px; margin-top: 55px; font-weight: bold; line-height: 1.1em; }
#header h1 a { color: #e1e1e1; }
#header .description { color: #e1e1e1; font-size: 13px; font-style: italic; }

#header ul { position: absolute; right: 0; top: 0; }
#header ul li { display: inline; }
#header ul li a { border-bottom: 2px solid #ccc; color: #e1e1e1; display: block; padding: 1px 14px; }
#header ul li a:hover { border-bottom: 2px solid #ff9933; }

h2 { font-family: Arial; font-size: 26px; line-height: 1.2em; font-weight: bold; margin-bottom: 10px; }
h2 a { color: #000; display: block; }
h2 a:hover { color: #ff9933; }

h3 { color: #666; font-size: 20px; margin-bottom: 0.8em; line-height: 1.2em; }
h4 { color: #666; font-size: 26px; margin-bottom: 0.8em; line-height: 1.2em; }

p { margin-bottom: 1.2em; }
p a { font-weight: bold; text-decoration: underline; }
.postmetadata { color: #666; font-size: 13px; margin-bottom: 1.8em; }

#home #content .post img,
#archive #content .post img,
#search #content .post img { float: left; margin-bottom: 30px; }

#home #content .withimage h2,
#archive #content .withimage h2,
#search #content .withimage h2,
#home #content .withimage p,
#archive #content .withimage p,
#search #content .withimage p,
#home #content .withimage .postmetadata,
#archive #content .withimage .postmetadata,
#search #content .withimage .postmetadata { margin-left: 180px; }

ol, ul { margin-bottom: 1.2em; }
#content ul li { background: url(images/bullet.gif) 0.2em 0.6em no-repeat; padding-left: 1.5em; }
#content ol li { list-style-type: decimal; margin-left: 1.5em; }
#content ol li p { font-size: 1em; }
blockquote { background: #f6f6f6 url(images/blockquote.gif) 1em 1.2em no-repeat; padding: 1.2em 1.2em 0.1em 5.2em; margin-bottom: 1.2em; }

.post { border-bottom: 1px solid #ccc; margin-bottom: 30px; }
.commentlist { border-bottom: 1px solid #ccc; margin-bottom: 2em; }

#content { float: left; width: 600px; }
#aside { float: right; width: 300px; }

#content img { background: #ececec; padding: 6px; }
#content img.wp-smiley { background: none; padding: 0; }

#footer { background: #e1e1e1; border-top: 1px solid #ccc; padding-top: 2em; padding-bottom: 2em; margin-top: 3em; }
#footer p { color: #666; font-size: 11px; line-height: 18px; width: 960px; margin: 0 auto; }

.navigation { margin-bottom: 1em; }
.alignleft { float: left; margin-right: 15px; }
.alignright { float: right; }

#content #related li { background: none; padding-left: 0; }
#related { border-bottom: 1px solid #ccc; padding-bottom: 30px; }

input { border: 2px solid #ccc; padding: 6px; margin-right: 6px; }
textarea { border: 2px solid #ccc; padding: 6px; width: 490px; }

#content ol.commentlist { border: 1px solid #ccc; border-bottom: 0; }
#content ol.commentlist li { background: #f9f9f9; border-bottom: 1px solid #ccc; padding: 15px 15px 0 15px; list-style-type: none; margin-left: 0; }
#content ol.commentlist li.alt { background: none; }
#content ol.commentlist li img { background: none; padding: 0; }

#searchform { margin-bottom: 20px; }
#searchform #s { width: 205px; }
#searchform label { display: none; }
#searchform #searchsubmit { padding: 5px 6px; }

.icons a { margin-right: 20px; }

/* --------------------- Helper --------------------- */

.clear:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clear {display:inline-block;}
/* Hide from IE Mac \*/
.clear {display:block;}
/* End hide from IE Mac */