/* 
	Carta - Structure
	Handwritten by Stefano Giliberti
*/

/* css reset */
@import url("reset.css");

/* dropdown plugin css */
@import url("superfish.css");

/* lightbox plugin css (from js folder) */
@import url("../js/fancybox/jquery.fancybox-1.3.2.css");

/* optional css3 properties */
@import url("css3.css");


/* Body */
body {
	font-family: Georgia, Times, "Times New Roman", serif;
	line-height: normal;
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #999;
}

/* Typography */
p {
	font-size: 9pt;
	line-height: 13pt;
	padding-bottom: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
strong, b {
	font-weight: bold;
	font-size: 101%;
}
small {
	font-size: 85%;
}
acronym, abbr {
	font-size: 105%;
	cursor: help;
	border-bottom: 1px dashed;
	margin: 0 1px;
}
ins, u {
	font-size: 105%;
}
del {
	font-size: 90%;
}
em {
	font-style: italic;
}
sup {
	bottom: 1ex;
	font-size: 75%;
	vertical-align: super;
}
sub {
	font-size: 75%;
	vertical-align: sub;
}
blockquote {
	font-size: 1.5em;
	font-style: italic;
	line-height: 1.5em;
	padding-left: 25px;
	width: 75%;
	margin: 10px 0 15px;
}
cite {
	padding: 2px 3px;
	font-size: .7em;
	margin-left: 5px;
}
pre {
	font-size: 1.3em;
	padding: 10px;
	margin: 10px 0 15px;
}
code {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	text-align: left;
}

h1, h2, h3 {
	font-weight: bold;
}
h1 { 
	font-size: 3em;
	padding-bottom: 10px;
}
h1.classic {
	padding-bottom: 15px;
}
h2 {
	font-size: 2.4em;
	padding-bottom: 13px;
}
h3 {
	font-size: 2em;
	padding-bottom: 10px;
}
h4 {
	font-size: 1.6em;
	padding-bottom: 10px;
}
h5 {
	font-size: 1.5em;
	padding-bottom: 10px;
}
h6 {
	font-size: 1.4em;
	padding-bottom: 10px;
}

/* Forms */
input {
	font-family: Verdana, Tahoma, Arial, sans-serif;
}

/* Lists */
.type ul,
.type ol {
	padding: 0 0 15px 17px;
	font-size: 1.3em;
}
.type ul {
	list-style-type: square;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: normal;
}
.type ol {
	list-style: decimal;
}

/* Main wrapper */
.container {
	width: 940px;
	margin-right: auto;
	margin-left: auto;
}
	.container:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}

/* Header block */
#head {
	height: 160px;
	position: relative;
	z-index: 100;
}

	/* Logo */
	#head h1#logo, 
	#head h1#logo a {
	width: 329px;
	height: 52px;
	display: block;
	}
	#head h1#logo {
	text-indent: -999em;
	position: absolute;
	top: 50px;
	left: 0;
	}
	#head h1#logo.type {
		width: auto;
		text-indent: 0;
		top: 57px;
		background: none;
		font-size: 53px;
	}
	#head h1#logo.type a {
		width: auto;
	}
	
	/* Menu */
	ul#menu {
		list-style: none;
		position: absolute;
		top: 68px;
		right: 0;
	}
		ul#menu li {
			padding: 0 20px;
			float: left;
		}
		ul#menu li a {
			display: block;
			text-decoration: none;
		}
		ul#menu li strong {
	display: block;
	font-size: 10pt;
	height: 17px;
	color: #333;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
		}
		ul#menu li span {
			font-size: 1.2em;
			font-style: italic;
		}
		
		/* Dropdown menu */
		#head #menu ul {
			width: 170px;
		}
		ul#menu ul li {
			padding: 0;
			float: none;
		}
		ul#menu ul li a {
			padding: 10px;
			font-size: 1.3em;
			display: block;
		}
		
/* Featured block */
.accordion {
	height: 308px;
	overflow: hidden;
	position: relative;
}
	.accordion .slide {
		float: left;
		position: relative;
		overflow: hidden;
 	}
		.accordion .slide .drop-shadow {
			width: 20px;
			position: absolute;
			right: 0;
			z-index: 50;
		}
		.accordion .slide-content {
			position: absolute;
		}
		.slide .slide-content.note {
			padding: 10px;
			line-height: 20px;
			bottom: 10px;
			left: 10px;
		}
		.slide .slide-content.note p {
			padding: 0;
		}
		.slide .slide-content.postit {
			width: 290px;
			padding: 25px 20px 5px 20px;
			top: 10px;
			right: 10px;
		}
		
	#featured-tail {
		width: 100%;
		height: 23px;
	}

/* Content */
#home {
	padding: 20px 0 15px;
}

/* Footer */
#footer {
	width: 100%;
	margin-top: 30px;
}
	#footer .container {
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	}
	
	#footer .col-s,
	#footer .col-m {
		padding-bottom: 40px;
	}
	#footer .col-m {
		margin: 0;
	}
	
	#footer h2 {
		padding-bottom: 7px;
	}
	#footer ul {
		padding-right: 10px;
	}
	
	#footer li a {
		line-height: 2.6em;
		text-decoration: none;
		display: block;
		font-size: 1.3em;
	}
	
	#footer #note {
		float: right;
		width: 379px;
		height: 170px;
		margin-top: 15px;
	}
		#note div {
			padding: 23px 30px;
		}
		#note div p {
			padding-bottom: 15px;
		}
		#note a#sign-promo {
			padding: 5px 0 5px 35px;
			font-size: 2.2em;
			font-weight: bold;
			text-transform: uppercase;
			text-decoration: none;
		}
		
	#footer #the-end {
	width: 940px;
	font-style: italic;
	height: 17px;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	margin: auto;
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #CCC;
	}
		#footer #the-end ul {
			padding: 0;
		}
		#footer #the-end li {
			float: right;
			margin-left: 5px;
		}
		#footer #the-end a {
			background: none;
		}
		#footer #the-end span {
	padding: 0 10px;
	font-size: 7pt;
	float: right;
	font-family: Georgia, "Times New Roman", Times, serif;
		}
	
/* Promo classes */
span.promo {
	text-align: center;
	font-size: 2em;
	font-style: italic;
	line-height: 1.5em;
	display: block;
	padding: 13px;
	margin: 30px 0 50px;
}

/* Sections */
ul.side-menu {
	list-style: none;
	padding: 7px 0;
}
	ul.side-menu li a {
	display: block;
	text-decoration: none;
	line-height: 2em;
	padding: 0 10px;
	}

a.vcard-button {
	width: 199px;
	height: 38px;
	display: block;
	margin: 15px auto;
	text-indent: -999em;
}
	a.vcard-button:hover {
		background-position: 0 -39px;
	}
	a.vcard-button:active {
		background-position: 0 -78px;
	}

/* Gallery */
.gallery {
	overflow: hidden;
}
	.gallery .entry {
		width: 300px;
		height: 180px;
		float: left;
		margin: 0 20px 23px 0;
		position: relative;
		overflow: hidden;
	}
	.gallery .entry.third {
		margin: 0;
	}
	
	.gallery .entry .title {
		width: 100%;
		padding: 7px 10px 4px;
		position: absolute;
		left: 0;
		bottom: 10px;
	}
	.entry .title h4 {
		padding: 0;
	}
	.gallery .entry span {
		display: block;
		font-style: italic;
		line-height: 25px;
		padding: 0 5px;
	}
	
	.gallery a.pag {
		font-size: 1.9em;
		text-decoration: none;
	}
	.gallery a.pag {
		padding-bottom: 0;
	}

/* Blog */
#toolbar {
	font-style: italic;
	font-size: 1.6em;
	position: relative;
	height: 50px;
	padding: 0 17px;
	margin-bottom: 50px;
}
	#toolbar li {
		float: left;
		padding-right: 17px;
		line-height: 49px;
		position: relative;
	}
	
	/* toolbar's dropdown */
	#toolbar li ul {
		position: absolute;
		top: 50px;
		left: 0;
		display: none;
	}
	#toolbar li li {
		padding: 0;
		float: none;
		line-height: normal;
		font-family: Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif;
		font-style: normal;
		font-size: .7em;
	}
	#toolbar li li a {
		padding: 7px 10px;
		display: block;
		width: 145px;
	}
	#toolbar a,
	#toolbar a:hover {
		text-decoration: none;
	}
	#toolbar strong {
		font-size: 1.2em;
		padding: 0 12px 0 5px;
	}
	
	#toolbar #search-form {
		position: absolute;
		top: 10px;
		right: 51px;
	}
	#toolbar #search-form .input-text {
		padding: 0 11px 0 30px;
		margin: 0;
		border: none;
		width: 130px;
		height: 30px;
		font-size: .7em;
		font-style: normal; /* opera */
	}
	#toolbar #search-form .input-text.focus {
		padding: 0 32px 0 9px;
	}
	
	#toolbar a#subscribe {
		text-indent: -999em;
		width: 50px;
		height: 50px;
		position: absolute;
		right: 0;
	}

.post {
	padding-bottom: 15px;
	overflow: hidden;
}
	.post h1 {
		font-size: 2.9em;
		font-style: italic;
		padding: 3px 0 25px;
	}
	.post h1 a {
		text-decoration: none;
	}
	
	.post .meta {
		display: block;
		line-height: 29px;
		padding: 0 10px;
		font-weight: bold;
		font-family: Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif;
	}
	.post p {
		font-size: 1.3em;
	}
	
	.post .info {
		text-align: right;
		font-weight: bold;
		font-family: Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif;
	}
	.post .info span {
		margin-left: 15px;
	}
	.post .info .permalink {
		padding-left: 15px;
	}
	.info span a {
		text-decoration: none;
	}
	.info span a:hover {
		text-decoration: underline;
	}
	
.pagination {
	padding: 14px 15px 10px;
	margin-top: 40px;
	overflow: hidden;
}
	.pagination a {
		font-size: 1.8em;
		text-decoration: none;
	}

/* Contact */
#contact-form {
	padding: 25px 20px;
	margin-bottom: 10px;
	width: 498px;
}
	#contact-form label {
		font-size: 1.1em;
		text-align: right;
		line-height: 1.8em;
		padding-right: 15px;
		width: 200px;
		float: left;
	}
	#contact-form .input-text {
		padding: 0 5px;
		height: 25px;
		width: 267px;
	}
	#contact-form textarea {
		font-family: Georgia, Times, "Times New Roman", serif;
		font-size: 1em;
		padding: 12px 10px;
		width: 475px;
	}
	
/* Utility */
.left {
	float: left !important;
}
.right {
	float: right !important;
}
.clear {
	clear: both;
	height: 1px;
}
.center {
	text-align: center;
	display: block;
	margin: 0 auto;
}
.align-left {
	float: left;
	margin: -5px -50px 0px 0;
}
.align-right {
	margin: 0px 0px 0px 10px;
	float: right;
}
.separator {
	height: 2px;
	margin-bottom: 15px;
}
	.post .separator {
		margin-bottom: 10px;
	}
	
.space {
	margin-bottom: 25px;
}
.header {
	line-height: 2em;
	padding: 10px 10px 5px;
}
	.header h2 {
		padding: 0;
	}
	
.message {
	padding: 10px;
	margin: 10px 0;
}
	#contact-form .message {
		margin: 15px 0 0;
	}
	
a.close {
	position: relative;
	width: 17px;
	height: 16px;
	float: right;
	text-indent: -999em;
	margin: -5px -5px 0;
	background: url(../images/close-button.png) no-repeat;
}

/* Columns */
.col-s {
	width: 235px;
	float: right;
}
	.col-s.left {
	margin-right: 0px;
	}
	
.col-m {
	width: 300px;
	margin-right: 20px;
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15pt;
	color: #666;
	text-align: center;
	font-style: italic;
	height: 50px;
	background-image: url(../images/dotted-nav.png);
	background-repeat: repeat-y;
	background-position: right center;
}
	.col-m.right {
		margin: 0;
		background-image: none;
	}
	.col-m p {
	padding-right: 15px;
	font-size: 15pt;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 17pt;
	}

.col-xm {
	width: 380px;
	float: right;
}

.col-half {
	width: 460px;
}

.col-l {
	width: 540px;
	float: left;
}
.col-xl {
	width: 940px;
	float: left;
	height: auto;
}
	.col-xl p {
	padding-right: 25px;
	font-size: 9pt;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
mojh1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	font-style: italic;
}
.container .col-xl.type pre code {
	text-align: left;
	font-size: 10pt;
}
.bulleti {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 8pt;
	color: #5e5e5e;
	line-height: 15px;
}
