/*
Theme Name: Grignani
Version: 0.2
Author: Raphael Grignani
Author URI: http://grignani.org/
Tags: fixed width, one column, widgets
*/



* { color:#000;  font-family:Helvetica, Arial, sans-serif;}

A {text-decoration: underlined;}
	A:hover {text-decoration: none; background-color:#00BBF3; }
	A img { border: none; background-color:#f4f4f4; }

.alignright { float: right; }
	img.alignright { display:inline; margin: 0 7px 2px 0; padding: 4px; }

.alignleft { float: left }
	img.alignleft { display:inline; margin:0 7px 2px 0; padding: 4px; }

#archives { float:left;margin:0;width:275px; padding-left:40px; }
	#archives p { font-size:12px;margin:5px 0 15px 0; }

#tags { float:left; margin:0; width:235px;}
	#tags p {font-size:12px;margin: 5px 0 15px 0; }

body { background-color:#f4f4f4; margin:0; padding:0; }

blockquote { color:#555;font-size: 24px; font-style: italic;line-height:29px;text-indent: -0.375em; }

.center { text-align:center; }

.clear { clear:both; }

#contactme {border-bottom: 1px dotted #8c8c8c; margin:15px 0 15px 0; padding-top:5px; width:550px; }
	#contactme p {text-align:center;}

.container_12 { position: relative; margin-left:auto;margin-right:auto;width:550px;}

#content {}
	#content .container_12 {padding-left: 50px;padding-right: 50px;}
		
#footer { border-top: 1px dotted #8c8c8c; margin:0; width:550px; }
	#footer p { font-size:11px;text-align:center; }

H1 { font-size: 36px; margin-top:0; font-weight:500; font-family: "adelle-1","adelle-2", Helvetica, Arial, sans-serif; text-transform: capitalize }
	H1 A {text-decoration: none;}
H2 { font-size: 16px; margin:0; padding-bottom:0;font-weight:bold }

#header { background-color: #000; font-variant: small-caps; margin: 0px, padding:0px;}
	#header p {color:#999; font-size:12px; margin:0; padding-top:11px;}
	#header a {color:#999; }
	#header a:hover {color:#333; }
	#header .container_12 {height:42px; padding-left: 50px;padding-right: 50px;}

.hidden { display: none; }

HR {background-color: #f4f4f4;border: 1px dotted #000; border-style: none none dotted;color: #f4f4f4; width:550px; }

img.centered { display: block; margin-left: auto; margin-right: auto; }

img.face { border: 1px solid #000;float: left;margin-bottom:10px;margin-right: 10px; }

img.presthumb { border: 1px solid #000; }

img.iphone { width: 550px; }

#navigation { background-color: #000; }
	#navigation a, #navigation p, #navigation H2  { color: #8c8c8c; line-height: 17px; }
	#navigation .container_12 {padding-left: 50px;padding-right: 50px; }
		
.navposts { float:right; }
	.navposts A { border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;   
  display:inline-block;width:33px; height:32px; /* IE hack to fix spacing issue. */   border:0px; 
    background:#e4e4e4;color:#999;font-size:11px;text-align:center;text-decoration:none; margin-top:3px; padding:4px 3px 0 3px;font-family: Helvetica, Arial, sans-serif; }
	.navposts A:HOVER { color:#000; }

p { font-size:14px;line-height:20px;font-weight:400; }

.pagetitle { font-size:14px;line-height:20px;font-weight:400; }

.presentations { margin:0; padding:0; width:550px; }

.prestxt { float:right; margin:0; padding:0; width:380px; }
	.prestxt p { margin-top:0; }

#post { width:550px; margin:50px 0 0 0; }

.promotethis {margin:0; padding:0;}
	.promotethis p { font-size:11px; padding-top:6px; }

.slides { font-size:14px;line-height:20px;font-weight:400;color:#8c8c8c; }

.sociable {float:right; margin:5px 0;}
	.sociable A, .sociable A:HOVER {background- }
	span.sociable_tagline { position: relative; }
	span.sociable_tagline span { display: none; width: 14em; }
	span.sociable_tagline:hover span { background: #ffe; border: 1px solid #ccc;color: black; display: block;line-height: 1.25em;position: absolute;top: -5em; }
	
	.sociable span { display: block;}
	.sociable ul { display: inline; margin: 0 !important;padding: 0 !important; }
	.sociable ul li { background: none; display: inline !important; list-style-type: none; margin: 0;padding: 1px; }
	.sociable ul li:before { content: ""; }
	.sociable img { border:0;height:16px;float:none;margin:0;padding:0;width:16px;}

	.sociable-hovers { background-color:#f4f4f4;filter: alpha(opacity=40);opacity:.4;-moz-opacity: .4; }
	.sociable-hovers:hover {background-color:#f4f4f4;filter: alpha(opacity=100);opacity: 1;-moz-opacity: 1;}

strong { font-weight:600;}

.titlelink { font-size: 36px; margin-top:0; font-weight:500; font-family: "adelle-1","adelle-2", Helvetica, Arial, sans-serif; text-transform: capitalize; }


ul, ol, li { font-size: 14px; line-height:19px; }


/*	Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */