/*
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
*/

body { background:#dfe2e4 url(images/bg.jpg) repeat top left; font:11px Verdana, Arial, Helvetica, sans-serif;	color:#333; line-height: 150%; } /* 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-vc { width:545px; margin:0 auto; background:url(images/centerbg.png) repeat-y left top;   display:table;  } 
.page-in { padding:0 15px; }

#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 strong { display: block; font:bold 14px Arial, Helvetica, sans-serif; color: #000; }

.clear { clear: left; }

#sites_content { padding: 0 10px; } /* background: url(images/content.png) repeat-y left; */
#sites_content ul { display:block; margin:0; padding:0; list-style:none;     }
#sites_content li { float: left; width:240px; margin-left:0px;   }
#sites_content a { font-size: 11px; color: #666; text-decoration: none; padding: 10px 0 5px;  display:block;  width:240px;  height:40px;  position:relative;  z-index:2; cursor:pointer; }
#sites_content li a img { float: left;  margin: 0 10px;
	border: 0;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
#sites_content li a:hover img { margin-left: 5px;}

.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; font-weight: bold; } /* line-height: 18px; */
.navigation li { float: left; }
.navigation li a { margin-right:0px;  float:left; display:block; margin: 0px 0px 0px 25px; font-size: 15px; font-weight:bold; text-align:center; color:#747475; text-decoration: none;  }
.navigation li a:hover { color:#258; }
.navigation li a.active { color:#333;  }
.navigation li a.active:hover { color:#000; }

/* post title */
.storytitle { font:bold 12px Arial, Helvetica, sans-serif; }

.feedback { text-align:right; }

.main_content { padding:10px 20px;}
.main_content p { margin-bottom: 10px; } /* line-height:18px; */
.main_content span { font-size:11px; }
.main_content a, .main_content span a { color:#258; text-decoration:none; } /* colour */
.main_content a:hover, .main_content span a:hover { color:#276; } /* colour */
/* moved to the main style.css */
/* .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; */

.sidebar-box { height:100%; overflow:hidden; margin-bottom:10px; background:url(images/hr.png) repeat-x bottom; padding-bottom:10px;  }

.row, .post-row { height:100%; overflow:hidden; margin-bottom:10px; background:url(images/hr.png) repeat-x bottom; padding-bottom:10px;  }
/* .row a:hover img { margin-left: 5px;} */
.field_l { width:85px; float:left; font-weight:bold; padding-left:20px;  }
.field_r { width:365px; float:right;  }

#footer { width:515px; margin:0 auto; background:url(images/bottombg.png) no-repeat top; clear:both; padding:15px 15px; position:relative; text-align:center; }
#footer a { padding:10px 0; color:#258; text-decoration: none; }
#footer a:hover { color:#276; }

#namelybottom { width:100%; margin-bottom:10px auto; clear:both; position:relative; text-align:center; }
#namelybottom a { color:#258; text-decoration:none; }
#namelybottom a:hover { color:#276; }

.clearfix:after { content: "."; clear: both; height:0; 	visibility:hidden; display: block; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

.storytitle { font:bold 12px Arial, Helvetica, sans-serif; }