/*  
Theme Name: 2009 April
Theme URI: http://www.tobiaziklik.com
Description: Theme for personal website.
Version: 1.0
Author: Tobia Ziklik
Author URI: http://www.tobiaziklik.com/
*/


/* =NORMALIZATION */

/* normalize padding and margins */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote {margin: 0; padding: 0;}

/* normalize header sizes */
h1, h2, h3, h4, h5, h6 {font-size: 1em;}

/* normalize list styles */
ol, ul {list-style: none; margin-top: 0; margin-bottom: 0;}

/* normalize font style and weight on odd elements */
address, caption, cite, code, dfn, th, var {font-style: normal; font-weight: normal;}

/* normalize table borders */
/* table {border-collapse: collapse; border-spacing: 0;} */

/* normalize other borders */
img, fieldset {border: 0;}

/* normalize text-alignment */
caption, th {text-align: left;}

/* normalize (remove) quotation marks */
q:before, q:after {content: '';}


/* =COMMON */
a {text-decoration: none; color: #a00;}
a:hover {text-decoration: underline;}
.photo {border: 1px solid #000; padding: 2px; background: #fff;}


/* =LAYOUT */
body {margin: 0; padding: 0; background: #000; color: #000; font-family: Verdana, Arial, sans-serif; text-align: center;}

#container {width: 600px; margin: auto; border: 15px solid #fff; background: #fff; text-align: left;}


/* =HEADER */
#header {position: relative; height: 350px;}
#menu {font-size: .7em; color: #fff;}
#menu a {color: #fff;}
#line1 {position: absolute; bottom: 23px; left: 0; padding: 5px 15px; width: 570px; background: url('/img/bg_blk_50.png'); color: #fff;}
#line1 a {text-decoration: none;}
#line2 {position: absolute; bottom: 0; right: 0; padding: 5px 15px; width: 570px; overflow: auto; background: url('/img/bg_blk_65.png');}
#search {margin: 10px 0;}
#search form {text-align: right;}
#search input {font-size: .7em;}
#search input[type="submit"] {border-color: #242424; border-style: solid; background: #242424; color: #fff; cursor: pointer;}


/* =NAVIGATION */
#navigation {overflow: hidden; height: auto; margin-bottom: 10px; padding: 10px 0; border-top: 1px solid #000; color: #666; font-size: .7em; position: relative;}
#navigation a {cursor: pointer;}
#navigation .left {}
#navigation .right {position: absolute; top: 10px; right: 0;}
#navigation .single {margin: 5px 0;}
#navigation .upper {text-transform: uppercase; font-size: .75em; *font-size: .8em; letter-spacing: 1px;}

/* =SIDEBAR */
#sidebar {overflow: auto; padding: 15px 10px; background: #000; color: #aaa; font-size: .7em;}
#sidebar h3 {margin: 0 0 15px; padding-left: 10px;}
#sidebar a {color: #fff;}
#sidebar ul {list-style-type: disc; margin-left: 25px; margin-right: 10px;}
#sidebar li {margin-top: 2px; margin-bottom: 2px;}
#recentPosts {float: left; width: 150px;}
#recentComments {float: left; width: 150px; border-left: 4px solid #222; border-right: 4px solid #222;}

#recentComments ul {list-style-type: none; margin-left: 10px;}
#recentComments li {margin-top: 15px;}
#recentComments .user_comment {margin-bottom: 2px;}
#archives {overflow: auto; float: left; width: 270px;}
#archives .box {float: left;}
#archives .last {padding-right: 0;}


/* =FOOTER */
#footer {padding-top: 5px; font-size: .65em; color: #888; text-align: right;}

#ads {width: 630px; margin: 5px auto; text-align: right;}
#ads .hidden {visibility: hidden;}


/* =BLOG POSTS */
#blogPosts {}
.post {margin-bottom: 30px;}

#blogPosts h3.pageTitle {margin-bottom: 10px; font-size: .9em;}

.postTitle {clear: both; padding: 5px 15px; background: #000; color: #fff; font-size: .7em;}
.postTitle .space {padding: 0 5px;}
.postTitle h2 {display: inline;}
.postTitle a {color: #fff;}

.postBody {margin: 15px; overflow: hidden; height: 100%;}
.postFooter {margin: 0 15px; font-size: .7em; color: #aaa;}

.postBody p {margin: 15px 0; font-size: .75em;}
.postBody ul {margin-top: 15px; margin-bottom: 15px;}
.postBody li {list-style-type: disc; margin: 5px 0 5px 35px; line-height: 1em; font-size: .75em;}
.postBody dl {font-size: .75em;}

.postBody .clear {clear: both; height: 0;}
.postBody .credit {font-size: .6em;}
.postBody .captionTop {margin-bottom: 2px; font-size: .7em;}
.postBody .captionBtm {margin-top: 2px; font-size: .7em;}
.postBody .strong {font-weight: bold;}
.postBody .txtGreen {color: #060;}
.postBody .txtRed {color: #a00;}

.postBody .first {margin-top: 0; padding-top: 0;}
.postBody .last {margin-bottom: 0; padding-bottom: 0;}
.postBody .textCtr {text-align: center;}
.postBody .textRt {text-align: right;}
.postBody .floatRt {float: right; margin: 0 0 5px 15px;}
.postBody .floatLt {float: left; margin: 0 15px 5px 0;}

.postBody .m_0_5 {margin: 0 5px;}
.postBody .m_5 {margin: 5px;}
.postBody .m_10 {margin: 10px;}
.postBody .m_5_0 {margin: 5px 0;}
.postBody .m_25_0 {margin: 25px 0;}
.postBody .mTop_0 {margin-top: 0;}
.postBody .mTop_5 {margin-top: 5px;}
.postBody .mBtm_0 {margin-bottom: 0;}
.postBody .mBtm_10 {margin-bottom: 10px;}
.postBody .p_0_10 {padding: 0 10px;}
.postBody .p_10 {padding: 10px;}


/* =BLOG COMMENTS */
#comments {padding: 0 0 15px; border-top: 1px solid #000; color: #666;}
#comments h4 {height: 37px; background: url('/img/bubbles.gif') no-repeat 15px 15px; padding: 15px 15px 15px 52px; line-height: 37px; font-size: .9em;}
.comment {margin: 0 52px 10px 52px; padding: 10px; border: 2px solid #eeeee4;}
.commentBody {font-size: .75em;}
.commentBody p {margin: 0 0 15px;}
.commentData {margin: 15px 0 0; padding: 0 0 0 16px; background: url('/img/arrow.gif') no-repeat 0; font-size: .65em;}
.reply {margin-top: 10px; font-size: .7em;}
#comments form {margin: 0 52px; padding: 10px; background: #eeeee4; font-size: .7em;}
#comments label {margin: 0 0 2px; display: block;}
#comments .required {color: #a00;}
#comments input[type="text"] {margin-bottom: 7px; border: 2px solid #ddddd4; background: #ffffa0;}
#comments input[type="submit"] {margin-top: 5px; font-size: .95em; background: #000; color: #fff; border-color: #000; border-style: solid;}
#comments textarea {background: #ffffa0; border: 2px solid #ddddd4;}