/*
Theme Name: Greg-J
Theme URI: http://www.greg-J.fr
Description: A Digital Business Card Theme for Wordpress. 
Version: 1
Author: John Saddington modified by Greg-J
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; 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*/#000000; font:11px Georgia, Verdana, Arial, Helvetica, sans-serif;	color:#333; line-height:18px; }

/*////////////////// BARRE DE NAVIGATION //////////////////*/

#navi { 
width: 545px; 
margin: 20px auto 0px auto;
}

.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: #ffffff; 
}

.navigation li a.active { 
color: #333333; 
}

.navigation li a.active:hover { 
color: #ffffff; 
}

#top { width:545px; height:25px; margin:5px auto 0 auto; padding-top: 0px; background:url(images/top.png) no-repeat center top;  }

#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 Georgia, Arial, Verdana, sans-serif; color:#000;  }
.about p { color:#444; line-height:16px; }

.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; }