/*
Theme Name: Digital Business Card
Theme URI: http://milkengine.com/card
Description: A Digital Business Card Theme for Wordpress. 
Version: .001
Author: John Saddington
Author URI: http://www.human3rror.com
*/

html, body { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6, p, blockquote, address, big, cite, code, em, font, img, small, strike, sub, sup, li, ol, ul, fieldset, form, label, legend, button, table, caption, tr, th, td { margin:0; padding:0; border:0; font-style:normal; font-size:100%; line-height:1; font-family:inherit; text-align:left; }
table { border-collapse:collapse; border-spacing:0; }
ol, ul { list-style:none; }
blockquote:before, blockquote:after { content:""; }
a { outline:none; } 
.aright { float:right; }
body { background:#dfe2e4 url(images/bg.jpg) repeat top left; font:11px Verdana, Arial, Helvetica, sans-serif;	color:#333; line-height:18px; }
#top { width:545px; height:25px; margin:5px auto 0 auto; padding-top: 0px; background:url(images/top.png) no-repeat center top;  }
#navi { width: 545px; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 0px; }
#page { width:545px; margin:0 auto; background:url(images/centerbg.png) repeat-y left top;   display:table;  } 
.page-in { padding:0 15px; }
#footer { width:515px; margin:0 auto; background:url(images/bottombg.png) no-repeat top; clear:both; padding:15px 15px; position:relative; color:#666;}
#datacontent .panelsInner { overflow: hidden; }
#datacontent .panel { padding: 0px; }
.fader { opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); position: absolute; top: 0; left: 0; width: 100%; height: 54px;  }
#datacontent { position:relative;  }
a:hover img { margin-left: 5px;}
a strong { display: block; font:bold 14px Arial, Helvetica, sans-serif; color: #000; }
.clear { clear: left; }
#content { padding: 0 10px; background: url(images/content.png) repeat-y left;   }
#content ul { display:block; margin:0; padding:0; list-style:none;     }
#content li { float: left; width:154px; margin-left:0px;   }
#content a { font-size: 11px; color: #666; text-decoration: none; padding: 10px 0 5px;  display:block;  width:154px;  height:40px;  position:relative;  z-index:2; cursor:pointer; }
#content li a img { border: 0;  float: left;  margin: 0 10px; }
.about { background:url(images/hr.png) repeat-x bottom; padding:0px 20px 10px 20px; overflow:hidden; margin-bottom:10px;  }
.about img { float:left; margin:0 12px 0 0; border:2px solid #9a9fa6; }
.about h1 { margin:0 0 3px 0; padding:0; font:28px Arial, Helvetica, sans-serif; color:#000;  }
.about p { color:#444; line-height:16px; }
.navigation { height: 0px; margin-bottom:0px; padding-bottom: 10px; line-height: 18px; font-weight: bold; }
.navigation li { float: right; }
.navigation li a { margin-right:0px;  float:left; display:block; margin: 0px 15px 0px 0px; font-size: 15px; font-weight:bold; text-align:center; color:grey; text-decoration: none;  }
.navigation li a:hover { color:grey; text-decoration: underline; }
.navigation li a.active { color:grey; font-style: italic; }
.navigation li a.active:hover { color:grey; }
.main_content { padding:10px 20px;}
.main_content p { line-height:18px;   margin-bottom: 10px;  }
.main_content span { font-size:11px; }
.main_content a, .main_content span a { color:#a1141a; text-decoration:none; } 
.main_content a:hover, .main_content span a:hover { color:#333; }
.main_content blockquote { background:url(images/quote.png) no-repeat left 5px; margin:8px 0; padding:0px 10px 0px 20px; font-size:12px; line-height:20px; }
.main_content blockquote p {  font-weight:bold; font:bold 14px Arial, Helvetica, sans-serif; line-height:20px; }
.main_content blockquote:first-letter { font-size:24px; }
.main_content .textwidget { line-height:18px; }
.row { height:100%; overflow:hidden; margin-bottom:10px; background:url(images/hr.png) repeat-x bottom; padding-bottom:10px;  }
.field_l { width:80px; float:left; font-weight:bold; padding-left:20px;  }
.field_r { width:370px; float:right;  }
.i_mail { background:url(images/email.png) no-repeat 4px 7px; }
.i_company { background:url(images/company.png) no-repeat 4px 3px; }
.i_location { background:url(images/location.png) no-repeat 4px 6px; }
.i_web { background:url(images/web.png) no-repeat 4px 5px; }
#footer p a { text-align:left; padding:10px 0; color:#666; text-decoration: none; }
#footer p a:hover { color:#fff; }
.clearfix:after { content: "."; clear: both; height:0; 	visibility:hidden; display: block; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

#lifestream ul, #lifestream li, #lifestream ol {
	margin: 0;
	padding: 0;
	background: #E0E0E0;
}

#lifestream ul {
	list-style-type: none;
	list-style-position: outside;
}

#lifestream a {
	text-decoration: none;
}
#lifestream li a:link, #lifestream li a:visited {
	display: block;
	margin: 0;
	padding: 10px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #AAA3A1;
	color: #000000;
}
#lifestream p.title {
	padding-left:20px;
}
#lifestream a[href ^='http://twitter'], #lifestream a[href ^='http://twitter']:visited {
 background: #B1D8FF !important;
 color: #111 !important;
}
#lifestream a[href ^='http://blog.max-fun.de'] {
 background: #DBCB80 !important;
 color: #111 !important;
}

#lifestream a[href ^='http://maxed9.foodfeed.us'] {
 background: #66FF33 !important;
 color: #111 !important;
}

#lifestream  a[href ^='http://www.flickr.com'], #lifestream a[href ^='http://www.flickr.com']:visited {
 background: #CCC !important;
 color: #111 !important;
}
#lifestream  a[href ^='http://www.last.fm'], #lifestream a[href ^='http://www.last.fm']:visited {
 background: #F66 !important;
 color: #fff !important;
}
#lifestream  a[href ^='http://vimeo.com'], #lifestream a[href ^='vimeo.com']:visited {
 background: #989BBC !important;
 color: #efefef !important;
}

#lifestream  a[href ^='http://www.max-fun.de'], #lifestream a[href ^='www.max-fun.de']:visited {
 background: #DAE1C1 !important;
 color: #111 !important;
}

#lifestream a[title ^='Google Reader'], #lifestream a[title ^='Google Reader']:visited {
 background: #F00 !important;
 color: #fff !important;
}
#lifestream .date {
	font-size: 75%;
}

/*Begin: formular styles */
form {
padding: 0.25em;
font-size: 0.9em;

}

label.left {
float: left;
text-align: right;
width: 150px;
margin-right: .3em;
font-family: verdana;
line-height: 135%;
margin-top: 5px;
}

input[type=text], select {
float: left;
margin-top: 4px;
}

input[type=password], select {
float: left;
margin-top: 4px;
}

input.right {
float: left;
width: auto;
clear: both;
margin-left: 400px;
margin-right: .3em;
}
 
input[type=checkbox].right, input[type=radio].right, input[type=submit].right {
margin-left: 250px;
}
  
form br {
clear: both;
}
/*End: formular styles */