﻿@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: krazier
Version: 0.1 english
Author: Micah Iverson
Author URI: http://www.krazier.com
*/

html, body {margin: 0; padding: 0; text-align: justify;}
body {font-family: Verdana;font-size:62.5%; padding: 0px; background: url(images/HeaderHTile1.png) repeat-x #f2f2f2;}

#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;
        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;}
h5{margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; font-size: 1.3em; color: #0480b5; position: relative; text-transform: uppercase;}

/*#####################*/
/*### Links ###*/
/*#####################*/
a{color: #0191ce; text-decoration: none;}
a:visited{color: #89c655; text-decoration: underline;}
a:hover{color: #676767; 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: #0191ce; font-weight: bolder; font-size: 1em; margin: -3px 55px 0 30px; padding: 0px 0 0 0; text-decoration: none; display: block; position: relative; z-index: 2; text-align: left; line-height: 22px;}
h1 a:visited {color: #89c655; font-weight: bolder; font-size: 1em; margin: -3px 55px 0 30px; padding: 0px 0 0 0; text-decoration: none; display: block; position: relative; z-index: 2;text-align: left; line-height: 22px;}
h1 a:hover {color: #676767; font-weight: bolder; font-size: 1em; margin: -3px 55px 0px 30px; padding: 0px 0 0 0; text-decoration: none; display: block; position: relative; z-index: 2;text-align: left; line-height: 22px;}

.postCommentCount a{color: #0191ce; font-weight: bold; margin: 0px; font-size: 19px; padding: 0px;; text-decoration: none; display: block; position: relative;}
.postCommentCount a:visited{color: #89c655; font-weight: bold; margin: 0px; font-size: 19px; padding: 0px; text-decoration: none; display: block; position: relative;}
.postCommentCount a:hover{color: #676767; font-weight: bold; margin: 00px; padding: 0px; font-size: 19px; text-decoration: none; display: block; position: relative;}

/* ------------- Header ------------- */
#header{position: relative; height: 73px;}
#logo{position: absolute; top: 0px; left: 0px; height:107px; width: 243px;}
/* ------------- Navigation Menu ------------- */
#headerNavigation{position:absolute; top:0px; right: 0px;}
#headerNavigation ul{list-style-type: none; margin: 1px 0px 0px 0px; padding: 0px;}
#headerNavigation li{float: right; margin: 0px; padding: 0px;}
#headerNavigation li a{display: block; font-size: 1em; color: #FFFFFF;text-decoration: none; padding: 27px 15px 0px 15px; height: 45px;}
#headerNavigation li a:visited{color: #89c655;text-decoration: none;}
#headerNavigation li a:hover{text-decoration: none; background-color: #f2f2f2; color: #676767; border-bottom: 4px solid #0191ce;}

#headerNavigation li a.current{text-decoration: none; background-color: #f2f2f2; color: #0191ce; border-bottom: 4px solid #89c655;}
/* ------------- Navigation Menu ------------- */

/* ------------- Header ------------- */
.blueBar{height: 4px; background-color: #0191ce; margin-bottom: 1px;}
#leftColumnContainer{float: left; width: 243px; margin: 30px 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: 30px 10px 0px 0px; color: #2f2f2f; line-height: 1.5em; font-size: 1.2em;}
#contentColumnContent{width: 584px; background-color: #f2f2f2; 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; margin: 30px 0px 0px 0px;}
#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 50px;}
.postMetaData{position: relative; border: 1px solid #cccccc; border-bottom: 6px solid #0191ce; 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 #0191ce; 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: #0191ce; 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;}

.alignleft{float: left; margin: -15px 0px 15px 0px;}
.alignright{float: right; clear: right; margin: -15px 0px 15px 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;}

#footerContainer{position: relative; left:0px; right: 0px; height: 170px; background: #011b28; border-top: 4px solid #0191ce; font-family: Verdana;}
#footerContent{position: relative; margin: 0px auto; width: 960px;}
.footerColumn{float: left; width: 228px; margin: 0px 6px 0px 6px; color: #CCCCCC;
              font-size: 1.1em; line-height: 1.4em; padding: 10px 0px 8px 0px;}

#footerContainer a:link{color: #0191ce;text-decoration: underline;}
#footerContainer a:visited{color: #89c655;text-decoration: none;}
#footerContainer a:hover{color: #666666;text-decoration: underline;}

/* ------------- VCard ------------- */    
.vcard{}
.org{font-size: 1.2em; font-weight: bold;}
.email{margin: 0px 0px 0px 15px;}
.tel{margin: 0px 0px 10px 15px;}
.twitter{margin: 0px 0px 0px 15px;}
.adr{line-height: 1.3em; border-bottom: 1px solid #660099; padding: 0px 0px 8px 0px; margin: 0px 0px 8px 0px;}
.street-address{}
.locality{}
.region{}
.postal-code{}
.country-name{}

.fixer{clear:both; height: 0px; margin: 0px; width: 0px;}