﻿@charset "utf-8";
/* CSS Document */
/* CSS RESET */html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}/* remember to define focus styles! */:focus{outline:0}/* remember to highlight inserts somehow! */ins{text-decoration:none}del{text-decoration:line-through}/* tables still need 'cellspacing="0"' in the markup */table{border-collapse:collapse;border-spacing:0}
/* END CSS RESET (http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/) */

/*
Theme Name: zebb
Version: 0.1 english
Author: Micah Iverson
Author URI: http://www.micahiverson.com
*/

html, body {margin: 0; padding: 0; text-align: justify;}
body {background: #1d1d1d; font: 13px Arial, 'Helvetica', Verdana, sans-serif; padding: 0;}

#container{position: relative; margin: 0px auto; width: 1000px;}

blockquote {
	border-left: 1px solid #326ea1;
        color: #555555;
        font-size: 1.00em;
        padding-left: 10px;
        padding-right: 10px;
	margin: 0 30px;
}
code {  background: #f5f5f5;
        border: 1px solid #cccccc;
	color: #555555;
        font: 11px Verdana, Arial, 'Helvetica', sans-serif;
        padding: 10px;
	text-align: left;
}

p{margin: 0px 0px 15px 0px;; padding: 0px;}

/*#####################*/
/*### Headings ###*/
/*#####################*/
h1 {color: #006699; font-weight: bold; font-size: 19px; margin: 0 0 0 20px; padding: 5px 0 0 0; position: relative;;}
h2 {color: #006699; font-weight: bold; font-size: 14px; margin: 0 0 8px 0px; padding: 5px 0 0px 0; position: relative; border-bottom: 1px solid #CCCCCC;}
h3 {color: #006699; font-weight: bold; font-size: 14px; margin: 0 0 7px 0px; padding: 5px 0 0 0; position: relative;}
h4 {color: #326ea1; font-size: 12px; font-weight: normal; margin: 0; padding: 0;}


/*#####################*/
/*### Links ###*/
/*#####################*/
a{color: #006699; text-decoration: none;}
a:visited{color: #2f2f2f; text-decoration: underline;}
a:hover{color: #ff6600; text-decoration: none;}

img a{border: none; text-decoration: none;}
img a:visited{border: none; text-decoration: none;}
img a:hover{border: none; text-decoration: none;}

h1 a {color: #006699; font-weight: bolder; font-size: 19px; margin: 0 55px 0 20px; padding: 5px 0 0 0; text-decoration: none; display: block; position: relative; z-index: 2; text-align: left; line-height: 23px;}
h1 a:visited {color: #2f2f2f; font-weight: bolder; font-size: 19px; margin: 0 55px 0 20px; padding: 5px 0 0 0; text-decoration: none; display: block; position: relative; z-index: 2;text-align: left; line-height: 23px;}
h1 a:hover {color: #ff6600; font-weight: bolder; font-size: 19px; margin: 0 55px 0px 20px; padding: 5px 0 0 0; text-decoration: none; display: block; position: relative; z-index: 2;text-align: left; line-height: 23px;}

.postCommentCount a{color: #006699; font-weight: bold; margin: 0px; font-size: 19px; padding: 0px;; text-decoration: none; display: block; position: relative;}
.postCommentCount a:visited{color: #2f2f2f; font-weight: bold; margin: 0px; font-size: 19px; padding: 0px; text-decoration: none; display: block; position: relative;}
.postCommentCount a:hover{color: #ff6600; font-weight: bold; margin: 00px; padding: 0px; font-size: 19px; text-decoration: none; display: block; position: relative;}

#footer a{color: #ff6600; text-decoration: none;font-size: 10px;}
#footer a:visited{color: #CCCCCC; text-decoration: none; font-size: 10px;}
#footer a:hover{color: #ff6600; text-decoration: none; font-size: 10px;}

.alignleft{float: left; margin: -15px 0px 15px 0px;}
.alignright{float: right; clear: right; margin: -15px 0px 15px 0px;}

/* ------------- Header ------------- */
#header{position: relative; width: 1000px; height: 107px;}
#logo{position: absolute; top: 0px; left: 0px; height:107px; width: 243px;}
/* ------------- Navigation Menu ------------- */
#userNavigation a:link{color: #FFFFFF;text-decoration: none;}
#userNavigation a:visited{color: #CCCCCC;text-decoration: none;}
#userNavigation a:hover{color: #ff6600;text-decoration: none;}

#userNavigation{position: absolute; top: 70px; right: 260px; width: 486px; height: 30px;}
#userNavigation ul {list-style-type: none; margin: 0px;}
#userNavigation li{float: right;margin:0px;border-right: 1px solid #7b7b7b;position: relative;height: 28px;}
#userNavigation li:hover{float: right;border-right: 1px solid #7b7b7b;position: relative; display: block;height: 28px;}
#userNavigation ul li a{display: block;padding: 5px 10px 0px 10px;}

#userNavigation .end{float: right;margin:0px;position: relative;height: 23px; border-right: none;}
#userNavigation .end:hover{float: right;position: relative; border-right: none; display: block;height: 23px;}
/* ------------- Navigation Menu ------------- */

#hireMeContainer{position: absolute; top: 69px; right: 138px; width: 116px; height: 30px;}
#twitterContainer{position: absolute; top: 54px; right: 0px; width: 127px; height: 53px;}
/* ------------- Header ------------- */

.orangeBar{height: 4px; background-color: #ff6600; margin-bottom: 1px;}
#leftColumnContainer{float: left; width: 243px; margin: 0px 10px 0px 0px; color: #FFFFFF;}
#leftColumnContent{margin: 0px; border: 1px solid #434343; background-color: #2f2f2f; padding: 10px; min-height: 300px;}

#contentColumnContainer{float: left; width: 608px; margin: 0px 10px 0px 0px; color: #2f2f2f; line-height: 18px;}
#contentColumnContent{width: 584px; background-color: #FFFFFF; padding: 12px;}
#contentColumnContent ul {list-style-type: disc; margin: 0 0 0px 30px; padding:  0 0 0 0;}
#contentColumnContent ul li {line-height: 16px; margin: 0; padding: 0px 0px 5px 0px;}
#contentColumnContent ul ul li {line-height: 16px; margin: 0; padding: 3px 0px 0px 0px;}

#rightColumnContainer{float: left; width: 129px; color: #FFFFFF;}
#rightColumnContent{width: 129px;}
#rightColumnContent img{margin: 0px 0px 5px 0px; border: 1px solid #666666;}

.post{margin: 0px 0px 25px 0px;}
.postCommentCount{position: absolute; top: 0px; right: 0px; background-image: url(images/CommentCount.png); background-repeat: no-repeat; text-align: center; width: 46px; height: 37px; padding: 8px 0px 0px 0px;}
.postHeader{position: relative;}
.postLogo{position: absolute; top: 0px; left: 0px; width: 45px; height: 46px;}
.postHeaderDetails{position: relative; font-size: 10px; color: #666666; margin: 2px 0 5px 42px;}
.postMetaData{position: relative; border: 1px solid #cccccc; border-bottom: 6px solid #006699; background-color: #efefef; padding: 10px; margin: 0px 0px 0px 0px; font-size: 11px;}
.postAddThis{position: absolute; top: 3px; right: 50px;}
.headlinePhoto{border: 1px solid #CCCCCC; padding: 8px; background-color: #ececec; margin: 0px 0px 10px 0px;}
.headlinePhoto img{border: 1px solid #CCCCCC; margin: 0px; padding: 0px;}
.entry{}

#accordion{}
.accordianHeader{border-bottom: 1px solid #ff6600; margin: 0px 0px 8px 0px; padding: 0px 0px 0px 0px;}
.accordianContent{padding:10px 0px 10px 10px;}

#sidebar ul {list-style: none; margin: -10px 0px 0px 0px; padding: 0px;}
#sidebar li{border-bottom: 1px solid #636363; margin: 0px 0px 0px 0px; padding: 0px; display: block;}

#sidebar li a {display: block;color: #FFFFFF; padding: 5px 0px 3px 0px; text-decoration: none;}
#sidebar li a:visited {display: block;color: #FFFFFF; padding: 5px 0px 5px 0px; text-decoration: none;}
#sidebar li a:hover {color: #ff6600; text-decoration: none;}

.floatLeft{position: relative; float: left; margin-right: 10px;}
.floatRight{position: relative; float: right; margin-left: 10px;}

/*################*/
/*### Searchfeld ###*/
/*################*/

.s {background: transparent; border: 1px solid #636363; color: #636363; font-size: 12px; height: 15px; padding: 3px; vertical-align: middle; width: 213px; margin: 3px 0px 0px 0px;}

/*############################*/
/*#### Comments #### */
/*############################*/

#comment {background: #fafafa; border: 1px solid #cccccc; color: #444444; font-size: 13px; padding-left: 2px; vertical-align: middle; width: 580px;}
.commentheader{position: relative; border: 1px solid #cccccc;background-color: #efefef; padding: 8px; margin: 0px 0px 10px 0px; font-size: 11px;}
.commentbody{border-bottom: 2px dotted #cccccc; color: #444444; font-size: 13px; margin: 0 0 10px 0; padding: 5px 0px 0px 0px; position: relative;-moz-border-radius: 10px;}
.commentbody p {line-height: 1.2em;}
.commentlink {font-size: 13px;}
.commentlist {list-style: none; margin: 0px; padding: 0px;}

#email, #author {background: #fafafa; border: 1px solid #cccccc; color: #444444; padding-left: 5px; vertical-align: middle;}
#url {background: #fafafa; border: 1px solid #cccccc; color: #444444; height: 16px; padding-left: 5px; vertical-align: middle;}
#submit {background: #fafafa; border: 1px solid #cccccc; color: #444444; margin: 0; padding: 5px 10px; cursor: hand;}
#submit:hover {background: #ff6600; border: 1px solid #cccccc; color: #FFFFFF; margin: 0; padding: 5px 10px; cursor: hand;}
textarea {overflow:auto;}

#footer{text-align: center; color: #CCCCCC; padding: 8px 8px 8px 100px; font-size: 10px;}

.fixer{clear:both; height: 0px; margin: 0px; width: 0px;}
