/*  
Theme Name: Blog Hut
Theme URI: http://www.bloghut.com
Description: Simple & Clean
Version: 2.0
Author: Paul Andrew
Author URI: http://www.speckyboy.com.com
*/

* {
	margin: 0;
	padding: 0;
	}
/* BEGINNING PAGE LAYOUT (index build) */
body {
	background: #888;
	color: #333;
	font-size: 10px;
	font-family: "Lucida Sans Unicode", 'Trebuchet MS', Verdana, Arial, Sans-Serif;
	margin: 30px 0 0 0;
	}
	
img{
	border:0px;
}	


#breadcrumbs strong {
	visibility : hidden;
}

#breadcrumbs {
	color : #777;
}

#breadcrumbs a {
	color : #AAA;
	font-weight:bold;
}

#breadcrumbs a:hover {
	color : #EEE;
	font-weight:bold;
}

#page {
	padding: 0 0 10px 0;
	margin: auto;
	width: 800px;
	text-align: left;
	}
	
#header {
	background: #000 url('images/logo3.png') no-repeat;
	height: 80px;
	width: 780px;
	margin-bottom:0px; 
	padding-right:20px; 
	}
	
#the-finish-line {
	width: 800px;
	}

/* NAVIGATION */
#navbar {
	margin: 0;
	padding: 0;
	text-align: left;
	width: 800px;
	}
.nav {
	background: #fff url("images/menufade.png") repeat-y right 0;
	font-size: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 180px;
	}
ul.nav li {
	display: inline;
	height: 25px;
    margin: 0;
    padding: 0;
    text-align: left;
	}
ul.nav li a {
	display: block;
	height: 20px;
	margin: 0;
	padding: 5px 0 0 20px;
	text-decoration: none;
	color: #444;
	font-size:12px;
}
ul.nav li a:hover {
	background: #333 url("images/menufadehover.png") repeat-y left 0;
	text-decoration: none;
	color: #ccc;
	}

ul.nav li.current_page_item a,
ul.nav li.current_page_item a:hover {
	color: rgb(255, 255, 255) !important;
	background-color: black;
	text-decoration: none;
	background:black;
	}
	
ul.nav li.separ a{
	border-top:1px solid #666;
}

ul.nav li.title a,
ul.nav li.title a:hover {
	color: black !important;
	background-color: #ff6000;
	text-decoration: none;
	background:#ff6000;
	}
	


/* SUB-NAVIGATION */    
#subnav       {
	float: left;
	clear: both;
	background: #333;
	width: 767px;
	margin-top: 5px;
	color: #ccc;
	padding: 15px;	
	padding-left: 18px;
	padding-bottom:5px;
	padding-top:10px;
	
	}
p.subnav {
	font-weight: normal;
	font-size: 10px;
	text-align: left;
	}
#subnavbook  {
	float: left;
	width: 50%;
	text-transform: uppercase;
	color:#eee;
	}
#subnavrss  {
	float: left;
	width: 50%;
	text-align:right;
	color:#ccc;
	}

.clearfix {
	clear:both;
}

/* CONTENT AREA */
#content {
	clear: both;
	padding: 5px 0 0 0;
	text-align: left;
	}
.post-box     {
	min-height: 35px;
	background: #fff;
	padding: 15px 20px 0 20px;
	margin-left:180px;
	/*width: 760px;*/
	}
.post-info-box  {
	margin: 5px 0 0 0;
	background: #fff;
	padding: 0px 20px 0 20px;
	width: 760px;
	text-transform: uppercase;
	font-size: 10px;
	}
p {
	font-family: "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 150%;
	padding: 0px 0 10px 0;
	}
.post {
	margin: 0;
	text-align: justify;
	font-size: 10px;
	}
.singlepost {
	margin: 0 0 5px 0;
	text-align: justify;
	}
.entry {
	line-height: 1.6em;
	padding: 0 0 10px 0;
	}
.entry p a, .entry p a:visited  {
	padding: 0 2px 0 2px;
	text-decoration: none;
	}
/*
.entry p a:visited {
	color: #CC6602;
	text-decoration: line-through;
	}
*/
.entry p a:active {
	color: rgb(170, 170, 170);
	text-decoration: none;
	}
.entry p a:hover {
	background-color: #CC6602; 
	color: rgb(255, 255, 255);
	text-decoration: none;
	}
.main-comment {
	height: 23px;
	padding: 10px 10px 10px 20px;
	width: 560px;
	background: #fff;
	border-top:2px dashed #666666;
	}
.main-comment a, .main-comment a:visited {
	color: rgb(55, 60, 62);
	text-decoration: none;
	padding: 4px;
	background-color: rgb(250, 250, 250);
	border: 1px solid rgb(221, 221, 221);
	}
.main-comment a:hover {
	text-decoration: none;
	}
.pmd {
	font-family: "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 10px;
	line-height: 200%;
	}
p.pmd {
	padding: 5px 0 5px 0;
	}
.pmd a, .pmd a:visited {
	text-decoration: none;
	}
.pmd a:hover {
	color: rgb(120, 120, 120);
	text-decoration: none;
	}
.entry-options {
	float: right;
	height: 20px;
	overflow: hidden;
	}
.post small {
	color: rgb(150, 150, 150);
	float: right;
	font-style: normal;
	font-size: 1.8em;
	padding: 3px 0 0 0;
	}

/* FOOTER */
#footer       {
	width: 800px;
	clear: both;
	float: left;
	text-align: left;
	list-style: none;
	background: #333;
	margin-top: 5px;
	color: #ccc;
	text-transform: uppercase;	
	height:200px;
	}
#footer p {
	font-family: "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, sans-serif;
	font-weight: normal;
	font-size: 1.2em;
	margin: auto;
	text-align: left;
	width: 800px;
}
#footer a, #footer a:visited {
	color: #ca6600;
	text-decoration: none;
	}
#footer a:hover {
	color: #ccc;
	text-decoration: none;
	}
    
/* BOTTOMBAR */
#bottombar {
  /*clear: both;*/
background: #333 url("images/logoCA4Z0ZXX.png") top right no-repeat;
  color: #ccc;
  padding: 40px;
  text-align: left;
/*height: 125px;*/
  
  font-size: 14px;
 
  margin-top: 5px;
  margin-bottom: 20px;
padding-top:10px;  

height:150px;
}



#bottombar a {
	font-size:11px;
}

#bottombar a:hover{
color: #ccc
}
#bottombar a:visited{
color: #CA6602;
}
#bottombar_l {
  width: 20%;
  float: left;
  margin-right: 1em;
  
}
#bottombar_m {
  width:45%;
  float: right;
}
#bottombar_r {
  width: 25%;
  float: right;
} 
    
/* HEADERS */
h1 {
	font-family: "Lucida Sans Unicode", 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: normal;
	font-size: 2em;
	padding: 0 0 0 0;
	}
h2 {
	font-family: "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Sans-Serif;
	font-weight: normal;
	font-size: 1.8em;
	padding: 0px 0px 10px 0;
	}

h3 {
	font-size: 1.1em;
	font-weight: normal;
	}
h3#comments {
	border-top: 0px solid rgb(240, 240, 240);
	font-family: "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Sans-Serif;
	font-size: 1.3em;
	font-weight: normal;
	padding: 0px 0 0px 0px;
	}
h3#respond {
	border-top: 0px solid rgb(240, 240, 240);
	font-family: "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Sans-Serif;
	font-size: 1.3em;
	font-weight: normal;
	padding: 5px 0 0px 0;
	}
h4 {
	font-family: "Lucida Sans Unicode", 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 1.2em;
	font-weight: normal;
	padding: 0 20px 0 0;
	}
	
h5 {
	font-family: "Lucida Sans Unicode", 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: normal;
	font-size: 1.1em;
	}

.description {
	font-family: "Lucida Sans Unicode", 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 1.2em;
	}

/* H1 */
h1, h1 a, h1 a:visited, .description {
	color: white;
	text-decoration: none;
	}
h1 a:hover {
	border-bottom: 1px solid white;
	color: white;
	text-decoration: none;
	}

/* H2 */
h2, h2 a, h2 a:visited  {
	font-weight: normal;
	text-decoration: none;
	}
h2 a:hover {
	color: #CA6602;
	padding: 0;
	text-decoration: none;
	}

/* H3 */
h3, h3 a, h3 a:visited {
	color: rgb(189, 48, 106);
	text-decoration: none;
	}
h3 a:hover, h3 a:visited, cite {
	text-decoration: none;
	}

/* H4 */
h4, h4 a, h4 a:visited {
	color: #555;
	text-decoration: none;
	}
h4 a:hover {
	text-decoration: none;
	}

/* COMMENTS */
#comment-box {
	background: rgb(255, 255, 255);
	margin: 5px 0 0 0;
	padding: 0px 20px 0 20px;
	width: 760px;
	}
.comment-boxed {
	margin-top:0px;
	}	
.commentfield {
	padding: 5px 15px 15px 15px;
	text-align: justify;
	width: 730px;
	border: 1px solid rgb(221, 221, 221);
	}
.commentfield p {
	padding: 0 0 10px 0;
	}
.commentpostinfo {
	margin: 0;
	padding: 0;
	}
.commentpostinfo a, .commentpostinfo a:hover, .commentpostinfo a:visited {
	color: rgb(150, 150, 150);
	font-family: "Lucida Sans Unicode", 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-decoration: none;
	}
.commentpostinfo a:hover {
	color: rgb(180, 180, 180);
	text-decoration: none;
	}
#commentform input {
	background: rgb(250, 250, 250);
	border: 1px solid rgb(221, 221, 221);
	font-family: "Lucida Sans Unicode", 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 0.9em;
	margin: 0px 0px 0px 0;
	padding: 2px;
	width: 180px;
	}
#commentform input:focus {
	background: #fff;
	}
#commentform textarea {
	background: rgb(250, 250, 250);
	border: 1px solid rgb(221, 221, 221);
	font-family: "Lucida Sans Unicode", 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 0.9em;
	height: 100px;
	margin-top: 0px;
	padding: 3px 5px 3px 5px;
	width: 330px;
	}
#commentform textarea:focus {
	background: #fff;
	}
#commentform #submit {
	background-color: rgb(250, 250, 250);
	border: 1px solid rgb(221, 221, 221);
	font-family: "Lucida Sans Unicode", 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 1.1em;
	margin: 0;
	padding: 2px 3px 2px 3px;
	width: 80px;
	}
#commentform {
	margin: 0;
	padding: 15px 0 15px 0;
	}
.commentpostinfo a, .commentpostinfo a:hover, .commentpostinfo a:visited {
	color: rgb(150, 150, 150);
	font-family: "Lucida Sans Unicode", 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-decoration: none;
	}
.commentpostinfo a:hover {
	color: rgb(180, 180, 180);
	text-decoration: none;
	}
p .inputdata {
	color: rgb(140, 140, 140);
	font-family: "Lucida Sans Unicode", 'Trebuchet MS', Arial, 'Trebuchet MS', Helvetica, Sans-Serif;
	font-size: 0.8em;
	}
.inputinfo {
	color: rgb(148, 148, 148);
	font-family: "Lucida Sans Unicode", 'Trebuchet MS', Arial, 'Trebuchet MS', Helvetica, Sans-Serif;
	font-size: 0.8em;
	}
p.loggedinfo {
	margin: 0;
	padding: 0;
	}
label {
	cursor: pointer;
	}
label em {
	font-style: normal;
	font-size: 0.9em;
	}
.no-comments {
	margin: 0 0 15px 0;
	}
.metalinks {
	margin: 0px 0 7px 0;
	}
.metalinks a, .comments-anmeldung a, .metalinks a:visited, .comments-anmeldung a:visited {
	color: rgb(150, 150, 150);
	text-decoration: none;
	}
.metalinks a:active, .comments-anmeldung a:active {
	text-decoration: none;
	}
.metalinks a:hover, .comments-anmeldung a:hover {
	color: rgb(180, 180, 180);
	text-decoration: none;
	}
.comments-off {
	margin: 0 0 20px 0;
	}
.comments-anmeldung {
	font-style: normal;
	font-size: 1.0em;
	}
.post-box h3 {
	font-family: "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Sans-Serif;
	font-weight: normal;
	font-size: 1.8em;
	padding: 0px 0px 10px 0;
	}
.post-box h3, .post-box h3 a, .post-box h3 a:visited  {
	font-weight: normal;
	text-decoration: none;
	color:#333;
	}
.post-box h3 a:hover {
	color: #CA6602;
	padding: 0;
	text-decoration: none;
	}
/* GLOBAL */
a, a:visited {
	color: #CA6602;
	text-decoration: none;
	}
a:visited {
	color: rgb(55, 60, 62);
	text-decoration: none;
	}
a:hover {
	color: #ccc;
	text-decoration: none;
	}
	
.SEOLink {
	text-align:left;
	margin-top:10px;
}

.SEOLink a, .SEOLink a:visited {
		background:#fff;
		border:4px solid #DDD;
		color:#666;
		font-weight:bold;
		padding:20px;
	padding-bottom:10px;
	padding-top:10px;
}

.SEOLink a:hover {
		background:#000;
		border:4px solid #ff6000;
		color:#FFffff;
		font-weight:bold;
		padding:20px;
	padding-bottom:10px;
	padding-top:10px;
}

#bottombar h5 {
	background:#555;
	border:1px solid #888;
	color:#FFF;
	padding:10px;
	padding-top:3px;
	padding-bottom:3px;
	font-size:14px;
	width:120px;
	margin-left:-15px;
}

#bottombar ul {
	/*list-style-image:url(images/arrr.gif);*/
}
	
.categ_l {
	padding:5px 10px 5px 10px;
	width:255px;
	float:left;
	margin:0 15px 15px 0;
	background:#ffffff;
	border:4px solid #c5c5c5;
}



.categ_r {
	padding:5px 10px 5px 10px;
	width:254px;
	float:left;
	margin:0 0px 15px 0;
	background:#ffffff;
	border:4px solid #c5c5c5;
}

.categ_l p, .categ_r p {
	margin-top:5px;
}

.categ_l h4, .categ_r h4{
	font-size:1.2em;
	margin:0 0 3px 0;
	padding:0;
	font-weight:bold;
	background:#e5e5e5;
margin-left:-10px;
margin-bottom:-5px;
margin-right:-10px;
margin-top:-5px;
padding-left:10px;
padding-right:10px;
padding-bottom:5px;
padding-top:5px;
border-bottom:1px solid #c5c5c5;
}


.categlist {
	background: #fff ;
	font-size: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 250px;
	}
ul.categlist  li {
	display: inline;
	height: 25px;
    margin: 0;
    padding: 0;
    text-align: left;
	}
ul.categlist  li a {
	display: block;
	height: 20px;
	margin: 0;
	padding: 5px 0 0 20px;
	text-decoration: none;
	text-transform: uppercase;
	color: #777;
	border-bottom:1px solid #DDD;
}
ul.categlist  li a:hover {
	background: #EEE;
	text-decoration: none;
	color: #444;
	}

ul.categlist  li.current_page_item a,
ul.categlist  li.current_page_item a:hover {
	color: rgb(255, 255, 255) !important;
	background-color: black;
	text-decoration: none;
	background:black;
	}
	
ul.categlist li.filler a, ul.categlist li.filler a:hover {
	background:#FFF;
	cursor : default;
	border-bottom:0;
}
	
ul.categlist  li.separ a{
	border-top:1px solid #666;
}

ul.categlist  li.title a,
ul.categlist  li.title a:hover {
	color: black !important;
	background-color: #ff6000;
	text-decoration: none;
	background:#ff6000;
	}
	
textarea {
	width:500px;
}

.toolform {
	margin-top:20px;
}

.toolform legend {
	margin-left:20px;
	font-size:12px;
}

.myinputstyle {		/** remember to change image path **/	width:300px; background: url(img/bg585629483.png) repeat-x #ffffff;	font-family: 'trebuchet ms', helvetica, sans-serif;	font-style: normal;	font-size: 13px;	color: #b31000;	border: 2px solid #d4d4d4;}
.myinputstyle:hover {	border: 2px solid #333;	/** remember to change image path **/	background: url(none) no-repeat #FFFFFF;	color: #000000;}
.myinputstyle:focus, .myinputstyle:active {	background: url(none) no-repeat #FFFFFF;	font-family: 'trebuchet ms', helvetica, sans-serif;	font-style: normal;	font-size: 13px;	color: #b31000;	border: 2px solid #333;}
.mylabelstyle {	font-family: tahoma, helvetica, sans-serif;	font-style: bold;	font-size: 13px;	color: #444;}
.mybuttonstyle {		border: 2px solid #333;	/** remember to change image path **/	background: url(none) no-repeat #FFFFFF;	color: #000000;}
.mybuttonstyle:hover {	border: 2px solid #ff6000;	/** remember to change image path **/	background: url(none) no-repeat #000000;	color: #FFFFFF;}

.resultstyle {
	font-size:18px;
	color:#ff6000;
	font-weight:bold;
}

.input-rez-1 {
	text-align:right; 
	padding-right:20px;
}

.button-rez-1 {
	text-align:right; 
	padding-right:20px;
}

.input-rez-2 {
	text-align:center; 
	padding-right:40px;
	
}

.button-rez-2 {
	text-align:right; 
	padding-right:40px;
}


 a.toolist {
	display: block;
	height: 20px;
	margin: 0;
	padding: 5px;
	text-decoration: none;
	font-size:18px;
	color: #A30;
	
}
a.toolist:hover {
	background: #EEE;
	text-decoration: none;
	color: #f60;
	font-weight:bold;
	}