/* @override http://matthojo.co.uk/blog/wp-content/themes/matthojo/style.css */

/*
Theme Name: Angebot - Experimental Themes Project | Remixed by Matt Hojo
Theme Author: Matt Hojo w/ Patrick Algrim
Author URI: http://p41studios.com & http://www.matthojo.co.uk
Theme Description: An experimental theme by <a href="http://p41studios.com">P41 Studios</a> and <a href="http://hellyeahdude.com">hellyeahdude.com</a> completely remix by PhaseTen
*/
/* >> The Magnificent CLEARFIX << */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }

body {background-color:#F6F7F8;font:normal 9pt/13pt 'Helvetica Neue',Helvetica,Arial,sans-serif;color:#444;margin:0;padding:0;}
a, a:visited, a:hover {color:#444;text-decoration:none;outline:none;}
img { border: none; outline: none;}

#grid_hold {width:900px;margin:3.8em auto;}
#header {width:900px;margin:0 auto;}
#header h1 {font:bold 10pt/13pt 'Helvetica Neue',Helvetica,Arial,sans-serif;color:#222;text-transform:uppercase;margin:0 0 0.8em 0;}
#header h2 {font:bold 9pt/13pt 'Helvetica Neue',Helvetica,Arial,sans-serif;color:#222;margin:0;}
#header ul {list-style:none;margin:0 0 0.8em 0;padding:0;}
#header ul li {list-style:none;margin:0;padding:0;}
#header ul li a {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px; /* future proofing */
-khtml-border-radius: 2px; /* for old Konqueror browsers */
background-color:#FFFFFF;
color:#444444;
font-size:11px;
font-style:normal;
line-height:22px;
padding:2px 4px;
text-decoration:none;
}
#sidebar_top ul li{
	margin-bottom: 4px;
}
#sidebar_top ul li img{
vertical-align: middle;
margin-bottom: 4px;
}

#sidebar_top ul li a {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px; /* future proofing */
-khtml-border-radius: 2px; /* for old Konqueror browsers */
background-color:#FFFFFF;
color:#444444;
font-size:11px;
font-style:normal;
line-height:22px;
padding:4px 8px;
text-decoration:none;
-webkit-box-shadow: 0px 0px 1px #cccccc;
-moz-box-shadow: 0px 0px 1px #cccccc;
box-shadow: 0px 0px 1px #cccccc;
}
#sidebar_top ul li a:hover {
text-decoration:underline;
background-color:#F4f4f4;
}
#sidebar_top {width:200px;float:left;}
.no-background {background:none !important;}
#logo {
	background:transparent url(images/logo.png) no-repeat scroll left top;
	height:170px;
	margin:15px 10px 20px 10px;
	width:207px;
}
#logo img{
border: none;
height:207px;
width:207px;
}
#title {margin:0 0 1em 0;padding:0;}
#title span.blog_title {
-x-system-font:none;
font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
font-size:40px;
margin-bottom: 10px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
letter-spacing:1-px;
line-height:14pt;
}#about {width:520px;margin:0 0 1.7em 0;text-align:left;font:500 9pt/13pt Arial, Helvetica, Sans-serif;color:#222;}
#postContainer{
	width:500px;
	max-width: 500px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
	background-color: #FFF;
	-webkit-box-shadow: 0px 0px 1px #cccccc;
	-moz-box-shadow: 0px 0px 1px #cccccc;
	box-shadow: 0px 0px 1px #cccccc;
	margin:0 0 2em 0;
	padding: 10px;
}
#meta_header {
-x-system-font:none;
font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
font-size:9pt;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:14pt;
margin:0.8em 20px 0 0;
float:left;
padding: 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; /* future proofing */
-khtml-border-radius: 5px; /* for old Konqueror browsers */
background-color:#FFF;
}
#meta_header p {
margin:0 0.3em 30px 0 ;
}
span.date {
	margin:0;
	font:300 10pt/10pt 'Helvetica Neue',Helvetica,Arial,sans-serif;
	text-transform:uppercase;letter-spacing:1px;}
#meta_header h1 {font:bold 30px 'Helvetica Neue',Helvetica,Arial,sans-serif;color:#222;text-transform: capitalize;margin:0.4em 0 0 0;}
#meta_header h1 a {font:bold 30px 'Helvetica Neue',Helvetica,Arial,sans-serif;color:#222;}
#meta_header h2 {font:bold 9pt/13pt Arial, Helvetica, Sans-serif;color:#222;margin:0;}
#navigate {margin:2.8em 0 0 0;font:normal 9pt/12pt Arial, Helvetica, Sans-serif;color:#222;}
#navigate span.big {font:normal 12pt/12pt Georgia, Times, Arial, Sans-serif;color:#222;}
#content_hold {
	min-width:500px;
	padding: 8px; 
	float:left;
	background-color:#f9fafa;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
	border: 1px solid #F0F3F3;
	border-bottom: #FFFFFF;
	margin-bottom: 10px;
}
#content {max-width:500px; width: 500px;float:left;
background-color:#FFF;}
#content a{font-weight:normal; color:#607890;}
#content a:hover, #content a:visited {text-decoration: underline; color:#607890;}
#content p {margin:0 0 0 0;}
#content embed{
max-width:500px;	
}
#content img {max-width: 500px; margin-bottom: 10px;}
blockquote {
background:#f9f9f9;
border-left:10px solid #ccc;
margin:1.5em 10px;
padding:.5em 10px;
quotes:"\201C""\201D""\2018""\2019";
}
blockquote:before {
color:#ccc;
content:open-quote;
font-size:4em;
line-height:.1em;
margin-right:.25em;
vertical-align:-.4em;
}
blockquote:after {
color:#ccc;
content:close-quote;
font-size:4em;
line-height:.1em;
margin-left:.25em;
vertical-align:-.4em;
}
blockquote p {
display:inline;
}
#more{ background: #222222; padding: 4px; color:#FFFFFF;}
#logged_in {padding:0 0 0 120px;}
.link a {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px; /* future proofing */
-khtml-border-radius: 2px; /* for old Konqueror browsers */
background-color:#FFFFFF;
color:#444444;
font-size:11px;
font-style:normal;
line-height:22px;
padding:2px 4px;
text-decoration:none;
}
.link {margin: 0; float: left;}
.link a:hover {
text-decoration:underline;
background-color:#C6C3BC;
}
#labels {width:90px;margin-top:0.2em;display:block;margin-right:10px;padding:1em 0 0 10px;float:left;font:8.5pt/11pt Helvetica, Helvetica Neue, Arial, sans-serif;color:#222;}
#labels p {margin:1.2em 0 1.4em 0;}
#inputs {margin-top:0.8em;float:left;padding:1em 0 0 10px;}
#inputs input[type=text]{
	border: 1px #cccccc solid;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; /* future proofing */
	-khtml-border-radius: 4px; /* for old Konqueror browsers */
	padding:4px
}
#inputs p {margin:0 0 0.8em 0;}
#submit {
	color: #222;
	text-align: center;
	text-transform: uppercase;
	padding: 4px;
	border: none;
	background: none;
}
p.submit {padding-bottom:0; width:140px; text-align: center;}
p.submit_admin {padding-bottom:0; width: 140px;}
#comments_wrap {
margin:0;
margin-bottom: 10px;
width:500px;
float: left;
padding: 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; /* future proofing */
-khtml-border-radius:5px; /* for old Konqueror browsers */
background-color:#FFF;}
}
.a_comment_wrap {margin:0;float:left;}
h2.comments_loggedin {margin:1em 0 0 0;
}
#logged_in {
padding:0;
}
#comment { margin: 0 !important; width: 300px !important;border: 1px #cccccc solid;}
.gravatar {margin-right: 10px;float:left;}
.gravatar img {width:40px;height:40px;display:block;float:left;} 
.comment_text {padding:0 0 10px 10px;margin-bottom:0;font:10pt/13pt Helvetica, Helvetica Neue, Arial;}
.comment_text p {
margin:0;
width:400px;
}
.no_comment {float:left;padding:0 0 10px 120px;margin-bottom:0;font:10pt/13pt Helvetica, Helvetica Neue, Arial;}
.comment_meta  {
color:#222222;
font-weight:bold;
margin: 0 !important;
}
.comment_meta {margin:0 0 0.8em 0;color:#222;font-weight:bold;}
h2.comments {margin:1em 0 0 120px;font:bold 12pt/14pt Arial, Helvetica, Sans-serif;color:#222;}
h2.comments_loggedin {margin:1em 0 0 0;}
.submit_admin  {
margin:0;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px; /* future proofing */
-khtml-border-radius: 2px; /* for old Konqueror browsers */
background-color:#E2E2E2;
color:#444444;
font-size:11px;
font-style:normal;
line-height:22px;
padding:2px 4px;
text-decoration:none;
}
.submit_admin:hover {
text-decoration:underline;
background-color:#C6C3BC;
}
.submit {
margin:0;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px; /* future proofing */
-khtml-border-radius: 2px; /* for old Konqueror browsers */
background-color:#F4F4F4;
color:#444444;
font-size:11px;
font-style:normal;
line-height:22px;
padding:2px 4px;
text-decoration:none;
}
.submit:hover {
text-decoration:underline;
background-color:#E2E2E2;
}
#sidebar {width:200px;float:left; margin-left: 48px;}
#sidebar h1 {font:900 10pt/13pt Arial, Helvetica, Sans-serif;color:#222;text-transform:uppercase;margin:0 0 0.8em 0;}
#sidebar h2 {font:900 9pt/13pt Arial, Helvetica, Sans-serif;color:#222;margin:0;}
#sidebar ul {list-style:none;margin:0 0 0.8em 0;padding:0;}
#sidebar a:hover {
text-decoration:underline;
}
#sidebar input{
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius: 5px;
border-radius: 5px; /* future proofing */
-khtml-border-radius: 5px; /* for old Konqueror browsers */
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #CCCCCC;
}
.search_button{
background: url(images/search.png) no-repeat center !important;
display:inline;
height:16px;
width:16px;
border: none !important;
float: none;
}
#footer {
border-top:3px solid #222222;
display:block;
height:1px;
margin:0 auto;
width:900px;
}#footer a {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px; /* future proofing */
-khtml-border-radius: 2px; /* for old Konqueror browsers */
background-color:#FFFFFF;
color:#444444;
font-size:11px;
font-style:normal;
line-height:22px;
padding:4px 8px;
text-decoration:none;
-webkit-box-shadow: 0px 0px 1px #cccccc;
-moz-box-shadow: 0px 0px 1px #cccccc;
box-shadow: 0px 0px 1px #cccccc;
}
#footer a:hover {
text-decoration:underline;
background-color:#f4f4f4;
}
#block { 
border-left:8px solid #222222;
float:left;
margin:1em 0 0;
padding:0 0 0 10px;
width:180px;
}
#block a{
	margin-left: 2px;
	padding: 0!important;
	font-size: 12px;
	font-weight:normal; 
	color:#607890;
	background: none!important;
	box-shadow:none!important;
	-webkit-box-shadow: none!important;
	-moz-box-shadow: none!important;	
}
#block a:hover{
	background: none;
	color:#607890;
}
#footer ul {list-style:none;margin:0 20px 0.8em 0;padding:0;float: left;}
#footer ul li {list-style:none;margin:0;padding:0;margin-bottom: 4px;}
#footer p {width:150px; margin:0;}
div.clear {clear:both;}
.pagebar {
	padding: 0.2em 0.5em;
	margin-right: 0.1em;
	margin-bottom: 1.0em;
	text-decoration: none;
}

.pagebar a {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px; /* future proofing */
-khtml-border-radius: 2px; /* for old Konqueror browsers */
background-color:#FFFFFF;
color:#444444;
font-size:11px;
font-style:normal;
line-height:22px;
padding:4px 8px;
text-decoration:none;
-webkit-box-shadow: 0px 0px 1px #cccccc;
-moz-box-shadow: 0px 0px 1px #cccccc;
box-shadow: 0px 0px 1px #cccccc;
}
.pagebar a:hover{
	text-decoration:underline;
	background-color:#f4f4f4;
}
.pagebar a,.pageList .this-page {
	text-decoration: none;
}

.pagebar a:visited {
	text-decoration: none;
	padding: 0.2em 0.5em;
}

.pagebar .break {
	padding: 2px 6px 2px 6px;
	border: none;
	background: #fff;
	text-decoration: none;
}

.pagebar .this-page {
	padding: 0.2em 0.5em;
	font-weight: bold;
	background: #ccc;
	color: #fff;
}

.pagebar .inactive
{
   color: #ccc;
   text-decoration: none;
   padding: 0.2em 0.5em;
}


/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */