/*
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; }
#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:#747475; text-decoration: none;  }
.navigation li a:hover { color:#fff; }
.navigation li a.active { color:#333;  }
.navigation li a.active:hover { color:#000; }
.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; }