/* 
	Carta - Structure
	Handwritten by Stefano Giliberti <kompulsive@gmail.com>
	<winterbits.com>
*/

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

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

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

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

/* nivoslider plugin css (from js folder) */
@import url("../js/nivoslider/nivo-slider.css");

/* Body */
body {
	font-size: 62.5%;
	line-height: 1.8em;
	background-color: #FFF;
}

/* Typography */
.cufon-loading {
	visibility: hidden;
}
p { 
	font-size: 1.4em;
	line-height: 1.5em;
	padding-bottom: 20px;
}
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.1em;
	font-style: italic;
	line-height: 1.5em;
	padding-left: 25px;
	width: 75%;
	margin: 10px 0 15px;
}
	blockquote p {
		padding: 0;
	}
cite {
	padding: 2px 3px;
	font-size: .7em;
	margin-left: 5px;
}
code {
	font-family: Consolas, Monaco, Courier, monospace;
	font-size: .8em;
	padding: 2px 3px;
}

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: 20px;
	color:#3b4508;
}
h3 {
	font-size: 1.8em;
	line-height:2.4em;
	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;
}

/* Lists */
.type ul,
.type ol {
	padding: 0 0 15px 17px;
	font-size: 1.3em;
}
.type ul {
	list-style: circle;
}
.type ol {
	list-style: decimal;
}

/* Forms */
input.button {
	padding: 5px 7px;
	border: none;
	cursor: pointer;
	clear:both;
}

/* Main wrapper */
.container {
	width: 931px;
	margin: 0 auto;
}
	body#sitemap 	.container:after { content: open-quote;}
	.container:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}

/* Header block */
#head {

	z-index: 100;
	margin-bottom: 25px;
}

	/* Logo */
	#head h1#logo, 
	#head h1#logo a {
	width: 931px;
	height: 217px;
	display: block;
	}
	#head h1#logo {
		text-indent: -999em;
		position: absolute;
		top: 0;
		left: 0;
	}

	/* Menu */
	ul#menu {
		list-style: none;
		
	}
		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: 1.9em;
			height: 17px;
		}
		ul#menu li span {
			font-size: 1.2em;
			font-style: italic;
		}
		
		/* Dropdown menu */
		#head #menu ul {
			width: 170px;
		}
		ul#menu ul li {
			padding: 6px 0 0 0;
			float: none;
		}
		ul#menu ul li a {
			padding: 5px 10px;
			font-size: 1.3em;
			display: block;
		}
	
/* Featured Block (Content Slider) */
#featured {
	height: 308px;
	overflow: hidden;
}
	
/* Carta Accordion Styles */
.accordion {
	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;
	}

/* Shortcodes */
.sc-accordion {
	margin: 10px 0 30px;
	height: 308px;
	overflow: hidden;
}
.sc-video {
	width: 100%;
	padding: 15px 0;
}
	.sc-video div {
		width: 570px;
		margin: 0 auto;
	}
	
/* Content */
#home {
	padding-bottom: 50px;
	overflow: hidden;
}

/* Footer */
#footer {
	width: 100%;
	margin-top: 35px;
}
	#footer .container {
		padding-top: 40px;
		padding-bottom: 10px;
	}
	
	#footer .col-s,
	#footer .col-m {
		padding-bottom: 10px;
	}
	#footer .col-m {
		margin: 0 20px 0 0;
		
	}
	
	#footer h2 {
		padding-bottom: 7px;
	}
	
	#footer li {
		line-height: 2.4em;
		font-size: 1.3em;
	}
	#footer li li {
		font-size: 1em;
	}
	#footer li a {
		display: block;
		text-decoration: none;
	}
		
	#footer #the-end {
		width: 940px;
		margin: 0 auto;
		font-style: italic;
		padding: 7px 10px;
		height: 17px;
	}
		#footer #the-end ul {
			padding: 0;
		}
		#footer #the-end li {
			float: right;
			margin-left: 5px;
			border: none;
		}
		#footer #the-end span {
			padding: 0 10px;
			font-size: 1.1em;
			float: right;
		}
	
/* Promo classes */
span.promo {
	text-align: center;
	font-size: 1.9em;
	font-style: italic;
	line-height: 1.3em;
	display: block;
	padding: 13px;
	margin-bottom: 30px;
}
	#home span.promo {
		margin: 50px 0 50px;
	}

/* Gallery */
.gallery .entry {
	width: 300px;
	height: 180px;
	float: left;
	margin: 0 20px 25px 0;
	position: relative;
	overflow: hidden;
}
	.gallery .entry .title {
		width: 100%;
		position: absolute;
		left: 0;
		bottom: 10px;
	}
	.gallery .title h4 {
		padding: 7px 10px 4px;
	}
	.gallery .entry span {
		display: block;
		font-style: italic;
		line-height: 25px;
		padding: 0 5px;
	}
	
	/* Gallery Filtering Toolbar */
	#toolbar.filter {
		display:none;
		height: 47px;
		margin-bottom: 30px;
	}
	#toolbar.filter li {
		cursor: pointer;
	}
	
/* Projects */
.projects {
	overflow: hidden;
}
	.projects .entry {
		width: 460px;
		float: left;
		margin: 0 20px 30px 0;
		position: relative;
		overflow: hidden;
	}
	.projects .entry .pic {
		height: 230px;
		position: relative;
		overflow: hidden;
		margin-bottom: 5px;
	}
	.projects .entry .title {
		width: 100%;
		margin-bottom: 5px;
	}
	.projects .title h3 {
		padding: 10px 10px 7px;
	}
	.projects .entry .details {
		font-size: 1.2em;
		padding: 0 5px;
		line-height: 2em;
		display: none;
	}
	.projects .entry .desc {
		padding: 10px;
		height: 65px;
	}
	.projects .desc p {
		font-size: 1.1em;
		padding-bottom: 0;
	}
	
.gallery .odd, .projects .odd {
	margin: 0;
}

.gallery:after, .projects:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

/* Pagination controls */
.pag a {
	font-size: 2.1em;
	text-decoration: none;
	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: 50px;
		position: relative;
		cursor: default;
	}
	
	/* 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-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;
		cursor: pointer;
	}
	
	#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;
	}

/* Blog */
.post {
	padding-bottom: 25px;
	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;
		margin-bottom: 10px;
	}
	.post .meta a {
		text-decoration: none;
	}
	.post p {
		font-size: 1.3em;
	}
	.post .info {
		text-align: right;
		font-weight: bold;
	}
	.post .info span {
		margin-left: 15px;
	}
	.post .info span.left {
		margin: 0;
	}
	.post .info .permalink {
		padding-left: 15px;
	}
	.info span a {
		text-decoration: none;
	}
	.info span a:hover {
		text-decoration: underline;
	}
	
	/* Author Bio */
	#author-bio {
		padding: 10px 20px 10px 0;
	}
	#author-bio p {
		font-size: 1.3em;
		padding-right: 15px;
	}
	
	/* Related Posts */
	#related-posts {
		padding: 10px 0;
	}
		#related-posts li {
			font-size: 1.3em;
			padding-bottom: 8px;
		}
		#related-posts li a {
			text-decoration: none;
			display: block;
			padding-bottom: 5px;
		}

/* Post comments */
#comments {
	margin-top: 15px;
}
	#comments .header {
		margin-bottom: 20px;
	}
	#comments .commentlist li {
		overflow: hidden;
		margin-bottom: 10px;
	}
	.comment span.meta cite {
		padding: 2px 3px;
		font-size: 1.1em;
		margin: 0;
	}
	.comment span.meta a {
		text-decoration: none;
	}
	.commentlist .comment .text {
		padding-top: 5px;
	}
	.commentlist li .author-mark {
		padding: 2px 5px;
		margin-left: 5px;
	}
	.commentlist a.comment-reply-link {
		text-transform: uppercase;
		text-decoration: none;
		padding: 2px 5px;
		margin-left: 3px;
	}
	#comments ul.children {
		padding-left: 50px;
	}
	#comments .pag {
		font-size: 1.2em;
		padding-bottom: 20px;
	}
	#comments #respond label {
		font-size: 1.1em;
		line-height: 1.8em;
		padding-left: 8px;
	}
	#comments #respond .input-text {
		padding: 0 5px;
		height: 25px;
		width: 267px;
	}
	#comments #respond textarea {
		font-size: 1em;
		padding: 12px 10px;
	}

/* Pagination links */
.pagination {
	padding: 0 15px;
	margin-top: 40px;
	overflow: hidden;
}
	.pagination a {
		font-size: 1.8em;
		text-decoration: none;
		padding: 14px 0 10px;
	}

/* Contact */
.contact-form {
	padding: 0 20px;
	margin-bottom: 10px;
	width: 498px;
}
.contact-form p { width:180px; float:left; clear:left;}
	.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: 266px;
		float:right;
	}
	.contact-form textarea {
		font-size: 1em;
		padding: 12px 10px;
		width: 475px;
		height:160px;
	}

/* Widgets Areas */
.widget .header {
	margin-bottom: 10px;
}
#footer .widget {
	margin-bottom: 0;
}
#sidebar .widget {
	margin-bottom: 25px;
}
	#sidebar .widget ul {
		padding-left: 2px;
	}
	#sidebar .widget li {
		line-height: 2.3em;
		font-size: 1.3em;
	}
	#sidebar .widget li li {
		font-size: 1em;
	}
	#sidebar .widget li a {
		display: block;
		text-decoration: none;
	}

/* Article View Widgets */
.post-widgets {
	padding-top: 10px;
}

/* Search Widget */
.widget form#searchform #searchsubmit {
	display: none;
}

/* Calendar Widget */
.widget table#wp-calendar {
	font-size: 1.2em;
	margin: 0;
}
	.widget table#wp-calendar caption {
		font-weight: bold;
		text-align: center;
		padding: 7px 0;
	}
	.widget table#wp-calendar td {
		text-align: center;
	}
	.widget table#wp-calendar th {
		text-align: center;
		padding: 5px 0;
	}
	.widget table#wp-calendar tr:hover {
		cursor: default;
	}
	
/* Flickr */
.widget #flickr_badge_wrapper {
	overflow: hidden;
	padding-top: 15px;
}
	.flickr_badge_image {
		padding: 0 10px 20px;
		float: left;
	}
	
/* Tweets */
.widget #twitter_update_list li a {
	display: inline;
}
	
/* Carta Note */
.ca_note_widget {

	width: 380px;

}
	.ca_note_widget div {
		padding: 0px 30px 25px;
	}
	.ca_note_widget div p {
		padding-bottom: 15px;
	}
	.ca_note_widget a.goto {
		padding: 5px 0 5px 35px;
		font-size: 2.2em;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
	}
	
/* Advertisement Widget */
.ca_ad_widget {
	width: 100%;
	display: block;
	padding: 10px 0;
}
	.ca_ad_widget .ad {
		margin: 0 auto;
		text-align: center;
	}
	.ca_ad_widget .s125x125 {
		width: 125px;
		height: 125px;
	}
	.ca_ad_widget .s120x240 {
		width: 120px;
		height: 240px;
	}
	.ca_ad_widget .s200x125 {
		width: 200px;
		height: 125px;
	}
	.ca_ad_widget .s250x200 {
		width: 250px;
		height: 200px;
	}
	.ca_ad_widget .s260x260 {
		width: 260px;
		height: 260px;
	}

/* Search Form */
form#searchform label {
	font-size: 1.2em;
	padding-right: 5px;
}
form#searchform #s {
	padding: 0 2px;
	height: 20px;
}

/* 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, .alignleft {
	float: left;
	margin: 5px 25px 10px 0;
}
.align-right, .alignright {
	float: right;
	margin: 5px 0 10px 25px;
}
.separator {
	height: 2px;
	margin-bottom: 20px;
}
	.post .separator {
		margin: 0 0 10px;
	}
	
.space {
	margin-bottom: 25px;
}
.header {
	padding: 0px 10px 5px;
	margin-bottom: 15px;
}
	.header h2,
	.header h3 {
		padding: 0;
	}
	
.message {
	padding: 10px;
	margin: 10px 0 20px;
	position: relative;
}
	.contact-form .message {
		margin: 15px 0 0;
	}
	
a.close {
	width: 17px;
	height: 16px;
	text-indent: -999em;
	position: absolute;
	right: 5px;
	top: 5px;
}

/* Tables */
table {
	font-size: 1.4em;
	width: 100%;
	margin-bottom: 25px;
}
	table caption {
		padding: 10px 0;
		text-align: center;
		margin-bottom: 5px;
	}
	table th {
		padding: 8px 7px;
	}
	table td {
		padding: 0px 7px;
	}
	
/* Columns */
.col-s {
	width: 220px;
	float: right;
	padding-right:25px;
}
	.col-s.left {
		margin-right: 20px;
	}
	
.col-m {
	width: 300px;
	margin-right: 20px;
	float: left;
}
	.col-m.right {
		margin: 0;
	}
	.col-m p {
		padding-right: 15px;
	}

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

.col-half {
	width: 430px;
	text-align:justify;

}

.col-l {
	width: 430px;
	float: left;
	
}
.col-xl {
	width: 630px;
	float: left;
	padding-left:25px;
	padding-right:10px;
}
	.col-xl p {
		padding-right: 25px;
	}

.col-50 {
	width: 48%;
	float: left;
}

input[type="submit"] {
    background-color: #366801;
    border: #254603 solid 1px;
	 -moz-border-radius: 5px;
	 border-radius: 5px;
	 font-size:10px;
    color: #FFFFFF;
    display: block;
    font-family: Verdana,Geneva,sans-serif;
    margin-top: 10px;
    padding: 4px 6px;}