/*  
Theme Name: Giovanni
Description: Giovanni
Version: 1.0
Date: 18 Dec 2009

*/



/*
html5doctor.com Reset Stylesheet
v1.4
2009-07-27
Author: Richard Clark - http://richclarkdesign.com
------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
        margin:0;
        padding:0;
        border:0;
        outline:0;
        font-size:100%;
        vertical-align:baseline;
        background:transparent;
}
body {
        line-height:1;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
        display:block;
}

nav ul {
        list-style:none;
}

blockquote, q {
        quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
        content:'';
        content:none;
}

a {
        margin:0;
        padding:0;
        border:0;
        font-size:100%;
        vertical-align:baseline;
        background:transparent;
}

ins {
        background-color:#ff9;
        color:#000;
        text-decoration:none;
}

mark {
        background-color:#ff9;
        color:#000;
        font-style:italic;
        font-weight:bold;
}

del {
        text-decoration: line-through;
}

abbr[title], dfn[title] {
        border-bottom:1px dotted #000;
        cursor:help;
}

table {
        border-collapse:collapse;
        border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
        vertical-align:middle;
}



/* Body
---------------------------------------- */
@font-face {
	font-family: 'Myriad Pro';
	src: url('f/MyriadPro-Regular.eot');
	src: local('Myriad Pro Regular'), local('MyriadPro-Regular'), url('f/MyriadPro-Regular.woff') format('woff'), url('f/MyriadPro-Regular.otf') format('opentype'), url('f/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
}


@font-face {
	font-family: 'Myriad Pro';
	font-weight: bold;
	src: url('f/MyriadPro-Bold.eot');
	src: local('Myriad Pro Bold'), local('MyriadPro-Bold'), url('f/MyriadPro-Bold.woff') format('woff'), url('f/MyriadPro-Bold.otf') format('opentype'), url('f/MyriadPro-Bold.svg#MyriadPro-Bold') format('svg');
}

@font-face {
	font-family: 'Myriad Pro';
	font-style: italic;
	src: url('f/MyriadPro-It.eot');
	src: local('Myriad Pro Italic'), local('MyriadPro-It'), url('f/MyriadPro-It.woff') format('woff'), url('f/MyriadPro-It.otf') format('opentype'), url('f/MyriadPro-It.svg#MyriadPro-It') format('svg');
}

@font-face {
	font-family: 'Myriad Pro';
	font-weight: bold; font-style: italic;
	src: url('f/MyriadPro-BoldIt.eot');
	src: local('Myriad Pro Bold Italic'), local('MyriadPro-BoldIt'), url('f/MyriadPro-BoldIt.woff') format('woff'), url('f/MyriadPro-BoldIt.otf') format('opentype'), url('f/MyriadPro-BoldIt.svg#MyriadPro-BoldIt') format('svg');
}







body { 
background: #D2D7DB url('i/bg.png') center top;
font-size: 13px; line-height: 20px;
color: #4A5A63; text-align: left;
padding: 30px 0; }

.wrapper {
position: relative;
background: #fff;
width: 810px;
margin: 0 auto; padding: 0 30px; }



	/* General rules
	---------------------------------------- */
	a, #main-header li a:hover { color: #0f8fbf; }
	a { text-decoration: none; }
		a:hover { text-decoration: underline; }

	.clear { clear: both; }
	.hidden { display: none; }
	#dumpster { display: none; }
	
	ul, ol { list-style-position: outside; color: #4A5A63; }
	ul { list-style-type: circle; }
	ol { list-style-type: decimal; }
	
	
	/* Typography
	---------------------------------------- */
	body, textarea, .comment-author, input, button  { font-family: Tahoma, 'Helvetica Neue', Arial, sans-serif; }
	h1, h2, h3, h4, #main-header nav { font-family: "Myriad Pro", 'Helvetica Neue', Arial, sans-serif; }
	#content .intro { font-family: Georgia, Times, serif; }
	
	

/* Header
---------------------------------------- */
#main-header { position: relative; margin: 0 0 55px 0; padding: 35px 0 0 0; }

	#main-header h1 { font-size: 40px; line-height: 40px; text-align: center; font-weight: bold; color: #191D21; }

	#banner { display: block; padding: 20px 0 0 0; }

	#searchform {
	position: relative;  width: 250px; background: #dce1e5; ;
	border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin: 0 0 0 0; }
	
		#searchform label { display: none; }
		
		#searchform input.text {
		width: 213px; padding: 2px; margin: 3px 0 3px 3px; font-size: 11px;
		border: 1px solid #fff; color: #A1A7AD; }
			#searchform input.text:focus {
				color: #4A5A63;
			}
		
		#searchsubmit {
		position: absolute; top: 4px; right: 4px;
		display: block;
		width: 20px; height: 20px;
		background: url('i/search_b.png') top left no-repeat;
		text-indent: -9999px;
		padding: 0;
		border: none; cursor: pointer; }

			#searchsubmit:hover { background-position: left -20px ; }

	#main-header nav { font-size: 17px; font-weight: bold; line-height: 30px; text-transform: uppercase; padding: 5px 0 5px 0; border-bottom: 1px dotted #D2D7DB; border-top: 1px dotted #D2D7DB; margin: 15px 0 0 0; }
	
		#main-header ul { display: block; text-align: center; }
		
			#main-header li { display: inline; margin: 0 10px; }
			
				#main-header li a { color: #4A5A63;  }
					

 
/* Content
---------------------------------------- */
#content {
float: left; display: inline;
width: 510px;
margin: 0 30px 30px 0; }

	/* Articles
	---------------------------------------- */
	
	#content h2 { font-size: 26px; line-height: 30px; }
		#content.subscribe-to-comments h2 { margin: 0 0 10px 0; }
	#content h3 { font-size: 20px; line-height: 30px; margin: 20px 0 10px 0; }
		#content.subscribe-to-comments h3 { margin: 30px 0 10px 0; }
	#content h4 { font-size: 16px; line-height: 20px; margin: 20px 0 10px 0; }

	#content h2, #content h3, #content h4 { color: #191D21; }
	
	#content.subscribe-to-comments fieldset { margin: 0 0 20px 0; }
		#content.subscribe-to-comments legend span { display: block; font-size: 16px; font-weight: bold; line-height: 20px; margin:0 0 10px 0; }
		#content.subscribe-to-comments p.submit { margin: 10px 0 0 0;}
	#content.subscribe-to-comments .updated { margin: 0 0 20px 0; }	
	
	#content.subscribe-to-comments form { font-size: 12px; margin: 0 0 0 0; }
	
	#content.subscribe-to-comments ul { margin: 0 0 20px 0; }
	
	#content .intro {
	text-align: center;  color: #7E8489;
	font-size: 14px; font-style: italic; line-height: 30px;
	margin: 0 0 30px 0; border-top: 1px dotted #D2D7DB; border-bottom: 1px dotted #D2D7DB; }
	
	article { position: relative; margin: 0 0 40px 0;}
	
		article time { font-size: 11px; color: #A1A7AD; } 
	
	.entry { font-size: 13px }
	
		.entry p  { margin: 10px 0; }
			
		.entry blockquote { color: #7E8489; margin: 10px 0 20px 30px; font-style: italic; }

		.entry cite { margin: 10px 0 20px 30px; font-style: italic; font-weight: bold; }
		
		.entry ul { list-style-type: disc; }
		.entry ol { list-style-type: decimal;  }
		
		.entry ul, .entry ol { margin: 10px 0 20px 30px; font-size: 12px; }
		
	p.keepon { margin-bottom: 20px; }
	
		
		/* Meta
		---------------------------------------- */	
		article footer { }

			address {
			position: relative;
			font-size: 12px; font-style: normal;
			color: #7E8489; text-align: right;
			padding: 10px 0 0 0;
			border-top: 1px solid #D2D7DB; }
				address abbr { border: none !important; }
				address img { position: absolute; top: -45px; right: 0; }

			article footer p.categories { color: #7E8489; margin: 20px 0 10px 0; }
			
			article footer p.comments { border-top: 1px solid #D2D7DB; text-align: right; line-height: 30px; }
			article footer p.trackbacks {}
			
			p.edit { position: absolute; bottom: 0; left: 0; line-height: 30px; }
			p.edit.stable { position: static; }
	
	/* Navs
	---------------------------------------- */
	nav.posts {
	width: 100%;
	display: block;
	float: left;
	color: #7E8489;
	padding: 10px 0 0 0; }
	
		nav.posts .prev { float: left; }
		nav.posts .next { float: right; }
	
		nav.posts.index { float: none; text-align: center; }
			nav.posts.index .sep { font-size: 14px; padding: 0 0.25em; }
	
		nav.posts.single {
		width: 250px;
		float: right;
		margin: 0 0 30px 0; padding: 0 0 10px 0;
		border-bottom: 1px solid #D2D7DB; border-top: none; }
	
				

/* Aside
---------------------------------------- */
.sidebar {
float: left; display: inline;
width: 250px;
margin: 0 0 30px 20px; }

	.sidebar.inner { width: 160px; }

	aside h2 { font-size: 17px; margin: 0 0 5px 0; color: #4A5A63; }

	.sidebar li { color: #87939a;
	font-size: 11px; list-style-type: none; }
	
	.sidebar li.item { margin: 0 0 40px 0; }
	
	.sidebar li.contact h2 { 
		border: none; 
	}
	
	.sidebar li.contact .vcard {
	
	border: 7px solid #dce1e5;
	padding: 5px 8px;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	
		.sidebar li.contact .vcard p {
			margin: 0;
		}
	
	.sidebar li p {
		margin: 5px 0;
	}

		.sidebar li.comments img { width: 18px; height: 18px; float: left; margin: 0 5px 0 0; }
		.sidebar li ul li { margin: 0 0 5px 0; }
			.sidebar li.comments li { font-size: 11px; }
			.sidebar li.comments li a { font-size: 12px; }





/* Comments
---------------------------------------- */	
#comments, #trackbacks {
margin: 0; padding: 0 0 30px 0; }

#comments h3, #trackbacks h3 { margin: 20px 0 20px 0; }

#comments li, #trackbacks li { position: relative; list-style-type: none; margin: 0 0 20px 0; font-size: 12px; border-top: 1px solid #D2D7DB; }

#comments ul.children { padding: 0 0 0 15px; margin: 20px 0 0 0; border-left: 5px solid #D2D7DB; }

#comments #respond { position: relative; margin: 0 0 20px 0; padding: 10px 0 0 15px; border-left: 5px solid #A1A7AD; } 

	#comments ul.children li {  }
	
	/* Comment
	---------------------------------------- */
	.comment-author { padding: 10px 0 0 0; font-size: 13px; }
	
		#comments ul.children .comment-author {  }
	
		.comment-author cite { font-weight: bold; font-style: normal; }
		.comment-author img { position: absolute; top: 10px; right: 0; }
	
	.comment-entry p { margin: 10px 0; }

	.comment-entry blockquote { }

	.comment-entry cite { }
	
	.comment-entry ul { list-style-type: disc; }
	.comment-entry ol { list-style-type: decimal; }
	.comment-entry li { margin: 0; }
	
	.reply { font-style: italic; margin: 0 0 10px 0; }
	.mod { color: #4A5A63; }
	
	.comment-meta {
	font-size: 10px; color: #A1A7AD; }


			
	/* Comment form
	---------------------------------------- */	
	#commentform { }
		
		#commentform fieldset { position: relative; }
	
		#commentform legend span { font-size: 16px; font-weight: bold; line-height: 20px; }
		
		#commentform label { cursor: pointer; }
			#commentform label span.req {
			position: absolute; top: 0; left: 255px;
			display: block;
			font-size: 11px; color: #72767A; }
	
		#commentform input.text, #commentform textarea { }
		
		#commentform input.text { width: 180px; }
	
		#commentform textarea { width: 100%; font-size: 12px; }
	
		#commentform p.submit, #commentform p.subscribe-to-comments { margin: 10px 0 0 0; }
		
		#commentform p.submit {  text-align: right;  }
		
			#submit { position: relative; top: -30px; font-size: 13px; }
		
		#authorcomment {  margin: 10px 0 0 0; /* padding: 9px 0 0 0; border-top: 1px solid #ccc; */ }
		
		#authordetails { margin: 15px 0 0 0; padding: 0 0 9px 0; border-bottom: 1px solid #D2D7DB; }

			#authordetails p {  position: relative; margin: 0 0 10px 0; /*padding: 0 0 9px 0; border-bottom: 1px solid #ccc;*/ }
			
			#authordetails label { display: block; width: 60px; height: 20px; float: left; }






/* Footer
---------------------------------------- */
#main-footer { position: relative;
clear: both;
height: 100px;
font-size: 11px;
color: #4A5A63; text-align: right;
margin: 30px 0 0 0; padding: 19px 0 0 0;
border-top: 1px solid #D2D7DB; }


	#main-footer a.rss {
		position: absolute; top:  -40px; right:  0;
		display: block; height: 21px; width: 21px; background: url(i/rss-feed.png) left top no-repeat;
		text-align: left; text-indent: -9999px; overflow: hidden;
	}

	.twitter {  font-size: 11px; color: #87939a;
	position: absolute; bottom: -50px; left: 30px;
	float: left; display: inline;
	width: 280px; height: 100px;
	margin: 20px 0 50px 70px; z-index: 100; }

		.twitter h2 { margin: 0 0 5px 0;  }

		.twitter .profile { position: absolute; top: 0; left: -70px; }
		


/* Stuff
---------------------------------------- */			
#admingate { z-index:  2000;
position: absolute; top: 0; left: 0;
color: #fff; font-weight: bold; border: none; opacity: 0; }
	#admingate:hover { color: #666; opacity: 1; }

#adminexitsign { z-index:  2000;
position: absolute; top: 0; right: 0;
color: #fff; font-weight: bold; border: none; opacity: 0; }	
	#adminexitsign:hover { color: #666; opacity: 1; }