/* **************************************************** 

Title: 		Black+Colours CSS Document
Author: 	Felipe Navarro V.
URL: 			http://www.black-colours.com/ 
					http://get-simple.info/
Created: 	january 10, 2010

**************************************************** */

/** GLOBAL SETS **/
.clear {clear:both;}
body {
	text-align:center;
	font-family:"Trebuchet MS", "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 14px;
	background-color: #f3f4f4;
	color:#222;
	}
#page {
	margin-left:auto;
	margin-right:auto;
	width:950px;
	padding-top: 10px;	
	background-color: #f3f4f4	
	}
	
	
	
/* HEADER */
#header {
	position:relative;
	height:120px;
	text-align:left;
	background: #72bf44 url(../images/header_bg.png) top left repeat-x;
	}
#header .logo{
	position:absolute;
	top:20px;
	left:20px;
	color:#FFF;
	font-family:arial;
	font-weight:bold;
	font-size:45px;
	}
#header .tagline h2{
/* 	color:#3b880e; */
	color: #fff;
	line-height: 15px;
	font-weight: bold;
	font-size: 20px;	
	font-family: "Trebuchet MS", "Lucida Grande", Verdana, Arial, sans-serif;
	position:absolute;
	top:14px;
	left:645px;
	width: 295px;
	}
#header .breadcrumb a, #header .breadcrumb span {
/* 	color:#3b880e; */
	color: #fff;
	line-height: 10px;
	font-weight: bold;
	font-size: 14px;	
	font-family: "Trebuchet MS", "Lucida Grande", Verdana, Arial, sans-serif;
	position:relative;
	float: left;
	top:100px;
	left:45px;
	}	
#header .tagline h3{
	color:#efffcc;
	font-style: normal;
	font-weight: normal;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	line-height: 15px;
	text-align: right;
	font-size: 15px;
	position:relative;
	top:30px;
 	right:50px;
 	width: 300px;
 	float: right; 	
	}
	
#header #menu{
	position: relative;
	top:120px;
	height: 56px; 
	padding: 0px;
	width: 950px;
	padding-left: 0px;
	background: #009fd0 url(../images/navigation_bg.png) repeat-x;	
}

#header #menu #nav {
	width: 950px;
}
	#header #nav li a {
		font-size:14px;
		font-weight: bold;	
		text-transform:uppercase;	
		padding:10px 15px;
		line-height:38px;
		color:#FFF;
		font-family: Helvetica, Verdana, Arial, sans-serif;			
	}

#cover {
	margin: 0 0 20px 50px;
}

#about {
	clear:none;
	float:left;
	line-height: 20px;
	margin: 0 0 0 120px;
	position: relative;
	top:0;
	width: 540px;
}

#content ul#Ready {list-style: none;}
#content ul#Ready li{
	display: inline;
	margin-left: 5px;
	padding-left: 5px;}
#content ul#Ready li:after{
	content: ", ";
}
#content ul#Ready li.last:after {
	content: ". ";
}


#content ul#Soon {list-style: none;}
#content ul#Soon li{
	display: inline;
	margin-left: 5px;
	padding-left: 5px;}
#content ul#Soon li:after{
	content: ", ";
}

#content ul#Soon li.last:after {
	content: ". ";
}

/* global sizes ---------------------------------------------------------------- */

.large{
	font-size: 30px;
}
.medium{
	font-size:14px;
}
.standard{
	font-size:12px;
}
.small {
	font-size: 11px;
}
.tiny {
	font-size: 10px;
}


/* global typographic styles ---------------------------------------------------------------- */

.bold {
	font-weight: bold;
}
.skinny {
	font-weight: 100;
}
.line-through {
	text-decoration: line-through;
}
.underline {
	text-decoration: underline;
}


/* global colors ---------------------------------------------------------------- */

.grey-dark {
	color: #121616;
}
#content .post .grey-mid {
/*     font: normal 12px helvetica neue, helvetica, arial, sans-serif; */
	color: #6E6E6A;
}
#content .post .grey-light {
	color: #9F9D97;
}
.green {
	color:#096;
}
.red {
	color:#900;
}
.white {
	color: #FFF;
}


#content .top-space{
	display: block;
	margin: 12px 0 0 0;
}
	
	
/* BODY */

#content {
	width:800px;
	float:left;
	text-align:left;
 	margin-left:50px;
 	margin-top: 80px;
	padding: 20px;
	background-color: white;
 	border: 1px #dfdfdf solid;	
	}
#content .post {padding:0 0 55px 0;}
#content .post h1 {
	font-family:georgia;
	font-size:36px;
	color:#999;
	line-height:36px;
	margin:0 0 15px 0;
	padding:0 0 15px 0;
	border-bottom:#ccc 1px dotted;
	}
#content .post p {
	margin:0 0 18px 0;
	line-height: 20px;
	text-align: justify;
	font-family: Tahoma, Helvetica, Verdana, Arial, sans-serif;
	font-size: 18px;
	color: #999;	
	}

	#content .post ul, #content .post ol {
	margin:0 0 18px 25px;
	line-height: 20px;
	}
	#content .post ul ul, #content .post ol ul, #content .post ul ol, #content .post ol ol {
		margin:0 0 0 25px;
	}
	#content .post blockquote {
	margin:0 0 18px 30px;
	line-height: 19px;
	font-size:13px;
	color:#666;
	font-style:italic;
	}
	#content .post code {
	font-size:12px;
	color:#666;
	padding:2px;background:#fafafa;
	border:1px solid #eee;
	}
	#content .post pre code {
	display:block;
	font-size:12px;
	color:#666;
	padding:8px;background:#fafafa;
	border:1px solid #eee;
	margin-bottom:18px;
	}
	
	#content .post img {
/* 	padding:2px;background:#fafafa; */
	border:10px solid #fff;
	}
	
	#content .post h1 {
	color: #009fd0;
	text-decoration: none;
	font-size: 30px;
	font-family: "Trebuchet MS", "Lucida Grande", Verdana, Arial, sans-serif;
	font-weight: normal;
	text-align: center;
	}
	
	#content .post h2 {
	font-weight:bold;
	padding:8px 0;
	font-size:20px;
	}
	#content .post h3 {
	font-weight:bold;
	padding:8px 0;
	font-size:17px;
	}
	#content .post h4 {
	font-weight:bold;
	padding:8px 0;
	font-size:14px;
	}
	#content .post a:link, #content .post a:visited {
		color:#009fd0;
		text-decoration:underline;
		}
	#content .post a:hover {
		color:#132430;
		text-decoration:underline;
		}
	#content .post .meta {
		margin-top:20px;
		font-size:11px;line-height:18px;
		color:#555;
		border:1px dotted #ccc;
		background:#f9f9f9;
		padding:8px;
	}


/* CONTACT FORM */

.contactform {margin:0 0 20px 0;}
.contactform b {display:block;}
.contactform input.text, .contactform textarea, .contactform select {width:250px;padding:4px;font-family:arial;font-size:13px;margin:2px 0 7px 0;}
.contactform textarea {height:150px;width:350px;}
.contactform input#contact-submit {padding:4px;width:150px;font-weight:bold;}
.contactform p.contactmsg {padding:4px;border:1px solid #ccc;background:#f9f9f9;font-weight:bold;}
.contactform p.success {color:#00CC33;}
.contactform p.error {color:#CC0000;}
.pot {display:none;}

.formdata {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #C9CFBB;
}
.formtesto {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.formpulsante {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #7AB51E;
	height: 12px;
	width: 60px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.formtpv {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8px;
}



/* SIDEBAR */

#sidebar {
	width:320px;
	float:right;
	text-align:left;
	font-size:13px;
	}
	#sidebar .featured {
		background:#000 url(images/aboutbg.png) top left repeat-x;
		padding:20px;
		margin:0 0 30px 0;
		color:#eee;
		font-family:arial;
		line-height:20px;
	}
	#sidebar .featured h2 {
		color:#fff;
		font-family:georgia;
		font-size:24px;
		line-height:24px;
		border-bottom: 1px dotted #213F54;
		padding:0 0 15px 0;
		margin:0 0 20px 0;
		}
	#sidebar .featured p {
		margin:0 0 17px 0;
		}
	#sidebar a:link, #sidebar a:visited {
		color:#000;
		text-decoration:underline;
		}
	#sidebar a:hover {
		color:#009865;
		text-decoration:underline;
		}
		
	#sidebar .featured a:link, #sidebar .featured a:visited {
		color:#009865;
		text-decoration:underline;
		}
	#sidebar .featured a:hover {
		color:#ffffff;
		text-decoration:underline;
		}
	#sidebar ul, #sidebar ol {
		margin:0 0 18px 30px;
	}



/* FOOTER */

#footer {
	text-align:left;
	line-height:18px;
	font-size:12px;
	color:#666;
	padding:10px 100px 10px 100px;
	}
	#footer p.left-footer {text-align:left;float:left;width:350px;}
	#footer p.right-footer {text-align:right;float:right;width:200px;}
	
	#footer a:link, #footer a:visited {
		color:#666;
		text-decoration:none;
		}
	#footer a:hover {
		color:#000;
		text-decoration:underline;
		}
	#footer ul {list-style: none;float:left;margin: 0px; padding: 0px;}
	#footer ul li{
		display: inline;
		border-left: 1px dotted #666;
		margin-left: 5px;
		padding-left: 5px;}
	#footer ul li.index{border: none;}
	#footer ul li.current_page_item{text-decoration: underline;}