@charset "UTF-8";
/* CSS Document */

/* 
Theme Name: Ufficio Sostenibile
Theme URI: http://www.dailywp.com/brightness-wordpress-theme/
Description: Ufficio Sostenibile is based on Brightness Theme by Sorel Mihai (sorel.mihai at gmail.com)
Version: 1.0
Author: Ufficio Sostenibile
*/

body { margin: 0px; padding: 0px; background-color:#fff; border-top: solid 4px #000; font-size: 14px; line-height:1.6; font-family: 'Trebuchet MS', 'Helvetica', sans-serif; }
h1, h2, h3, h4, h5 { margin: 0px; padding: 0px; }
a, a:link, a:active { color: #f7931e; }
a:hover { color: #000000; }

/** GENERAL TAGS **/

.smalltitle { color: #A49A8C; font-size: 12px; text-transform: none; }
.wrap { width: 960px; margin: 0px auto 0px auto; }
.leftalign { width: 570px; float: left; }
.rightalign { width: 36px; float: right; }
a.more-link { width: 187px; height: 28px; display: block; text-indent: -9999px; background: #000000 url(images/morelink.jpg); }
.clear { clear: both; }
.heading { border: none; margin-bottom: 10px; padding: 0 0 5px 0; }
h3 { font-size: 17px; font-weight: bold; text-transform: none; }
h3 a { text-decoration: none; }
.heading h3 { float: left; } 
.heading .rss { width: 16px; height: 16px; display: block; text-indent: -9999px; background: url(images/rss.jpg) no-repeat center top; float: right; }
.navigation a { text-decoration: none; background: #F5EBDD; text-transform: uppercase; font-size: 14px; font-weight: bold; width: 160px; display: block; text-align: center; padding: 4px; }
.navigation .alignleft { float: left; }
.navigation .alignright { float: right; }

/** HEADER **/
#backhead { width: 100%; height: 120px; border-bottom: solid 3px #F7931E; margin: 0; background: #ffffff /**transparent url(http://www.ufficiosostenibile.net/wp-content/uploads/2010/03/legnosopra.jpg) repeat-x 0 0**/;}
.header { margin: 0px 0px; height:120px; }
#headlogo { width: 365px; height:122px; float: left; padding:0; border:none; margin:20px 0; }
#headlogo:hover { color: #ffffff; }
.header img.logohome {border:none; margin:10px 0 0 0; padding:0; float:left;}
.header h1 a { text-decoration: none; color: #ffffff;}
.header h1 a span { font-weight: normal; color: #EF4723; }
.header ul { width: auto; margin: 0px; padding: 80px 0 0 0; list-style: none; float: right; }
.header ul li { display: inline; }
.header ul li a { width: 130px; margin:0; padding: 5px 5px 5px 5px; font-size: 20px; text-decoration: none; display: block; float: left; text-align: center; color: #000; font-weight:bold;
 }
.header ul li a:hover { color: #fff; background: #f7931e; opacity:0.75;
-moz-opacity: 0.75; font-weight:bold;
filter:alpha(opacity=75);
}
.header ul li.current_page_item a { color: #fff; background: #f7931e; 
-moz-opacity: 0.75; font-weight:bold;
filter:alpha(opacity=75);}


/** FEATURED SECTION **/
.featured .left {float:left;}
.featured .right {float:right;}
.featured .topbox { width: 520px; padding: 0px; margin-top: 0px; }
.featured .topbox h1 {font-size:2.2em; font-weight:bold; margin-top:5px;}
.featured .topbox a {font-weight:bold; text-decoration:none; line-height:18px;}
.featured .topbox a:hover {text-decoration:underline;background:#fff;}
.featured { height: 200px;background: #FFF url(http://www.ufficiosostenibile.net/wp-content/uploads/2010/03/FFCST_banner_P.jpg) no-repeat center bottom; border-bottom: solid 3px #F7931E; padding: 0px 0 0px 0;}
.featured h2 { font-size: 32px; font-weight: bold; line-height: 42px; margin: 5px 0 15px 0; }
.featured h2 a, { color: #f7931e; background:#ffffff; text-decoration: none; }
.featured .leftalign img { border: solid 3px #E7D9C6; padding: 2px; width: 250px; float: left; margin-right: 15px; }
.featured .postcontent { width: 295px; float: right; }
.featured p, .postcontent { margin: 0px 0px 15px 0px; color: #6A5E4C; line-height:18px;}


/** ARTICLE COLUMNS **/

.maincontent { width: 710px; float: left; }
.articlecolumn { width: 340px; } 
#featured-posts { float: right; }
#latest-posts { float: left; }
#featured-posts .article h2 a { color: #f7931e; }
.articlecolumn { margin-bottom: 10px; }
.newssection .article, .articlecolumn .article { border-bottom: solid 1px #cfcfcf; margin: 20px 0; }
.newssection .article h2, .articlecolumn .article h2 { font-size: 20px; font-weight: bold; line-height: 22px; }
.newssection .article h2 a, .articlecolumn .article h2 a { color:#000000; text-decoration: none; }
.newssection .article p, .articlecolumn .article p { color: #6A5E4C; font-size: 12px; }
.newssection .article p a, .articlecolumn .article p a { font-weight: bold; text-decoration:none; }
.newssection .article p a:hover, .articlecolumn .article p a:hover {text-decoration:underline; }
.newssection .article .left, .articlecolumn .article .left { width: 95px; float: left; text-align: right; font-size: 11px; color: #B4AB9D; text-transform: uppercase; line-height: 14px; }
.newssection .article .left img, .articlecolumn .article .left img { border: solid 1px #9c9e9f; }
.newssection .article .right, .articlecolumn .article .right { width: 230px; float: right; }


/** SIDEBAR **/

.homesidebar { width: 230px; border-top: none; float: right; }
.homesidebar h3 {  margin-bottom: 10px; }
.homesidebar ul { list-style: none; padding: 0; margin: 0px; color: #C3B39D; font-size: 11px; }
.homesidebar ul li { margin-bottom: 5px; }
.homesidebar ul li a { font-size: 14px; font-weight:bold; margin-right: 4px; text-decoration:none; }
.homesidebar ul li a:hover {text-decoration: underline;}
.homesidebar .item { margin-bottom: 40px; }

.singlesidebar { width: 310px; float: right; margin: 20px 0 0 0; }
.singlesidebar .item { margin: 10px 0 30px 0; }
.singlesidebar h3 {  margin-bottom: 10px; }
.singlesidebar ul { list-style: none; padding: 0; margin: 0px; color: #C3B39D; font-size: 11px; }
.singlesidebar ul li { margin-bottom: 5px; }
.singlesidebar ul li a { font-size: 14px; font-weight:bold; margin-right: 4px; text-decoration:none; }
.singlesidebar ul li a:hover {text-decoration: underline;}

/** SINGLE POST **/

.singlepost { width: 570px; float: left; margin: 20px 0 0 0; }
.singlepost .postcontent { color: #000000; line-height: 18px; float:left; }
.singlepost .postcontent a {text-decoration:none; font-weight:bold;}
.singlepost .postcontent a:hover {text-decoration:underline;}
.singlepost .postcontent img {float:left; margin:0 0 20px 0;}
.singlepost .postcontent h2 {margin-bottom:0;}
.singlepost .postcontent ul li {margin-bottom:10px;}
.singlepost .posthead h2 { font-size: 39px; line-height: 38px; margin: 0px 10px 0px 0px;  }
.singlepost .posthead span { font-weight: bold; text-transform: uppercase; font-size: 13px; color: #b1a289; }
.singlepost .posthead p { font-size: 15px; font-style: italic; color: #000000; }
.singlepost .postcontent blockquote { margin: 0px; padding: 0px 0px 0px 65px; background: url(images/quote.jpg) no-repeat top left; color: #917A69;  font-size: 13px; font-style: italic;  }
.singlepost .post .posthead h2 { font-size: 30px; line-height: 30px;  }
.singlepost .post { margin-bottom: 40px; }
.singlepost .posthead h2 a { text-decoration: none; }

/** HOMEPAGE NEWS SECTIONS **/

.newssection { margin: 0px 0px 30px 0px; }
.newssection .article { width: 340px; float: left; height: 130px;  }
.newssection .even { float: left; }
.newssection ul { width: 340px; float: right; margin: 0px; padding: 0px; list-style: none; color: #B4AB9D; text-transform: uppercase; }
.newssection ul li h2 { font-size: 18px; font-size: 18px; font-weight: normal; line-height: 21px; text-transform: none; }
.newssection ul li h2 a { text-decoration: none; }
.newssection ul li { border-bottom: dashed 1px #F7931E; padding-bottom: 5px; margin-bottom: 5px; }

.singlesidebar .newssection .article { width: 310px; }
.singlesidebar h1  {line-height:1.2; margin-bottom:10px;}
.singlesidebar .newssection .article .right { width: 200px; }
.singlesidebar .newssection  ul { width: 310px; }
.singlesidebar .newssection ul li h2  { font-size: 15px; font-weight: bold; }

/** FOOTER **/

.footer { margin-top: 40px; background: #F7931E; border-top: solid 6px #F7931E; padding: 40px 0 70px 0; }
.footer h1 { display: block; float: right; width: 260px;  text-align: center; padding: 20px 0 20px 0; font-size: 28px; font-weight: bold; letter-spacing: -1px;  }
.footer h1 a { text-decoration: none; color: #ffffff;}
.footer h1 a span { font-weight: normal; color: #EF4723; }
.footer .left { width: 500px; float: left; margin-top: 20px; color: #CAB4AA;}
.footer .left a { color: #CAB4AA; }
.footer .left h2 { font-size: 20px; color: #ffffff; letter-spacing: -1px; text-transform: uppercase; font-weight: bold; }

/** COMMENTS **/

.comments { padding: 0px; border-top: dotted 4px #F6F4F4; margin-top: 20px; }
.comment-meta { width: 130px; float: left; padding: 0px 0 10px 0; text-align: right;}
.commenttext { float: right; width: 400px; padding-left: 20px; border-left: dashed 1px #aaaaaa; margin-top: -5px; margin-bottom: -5px;}
.comment-author { display: block; font-weight: bold; }
.comment-date { font-size: 12px; color: #B4AB9D; }
.comment-meta a { color: #000000; text-decoration: underline; }
.comment { margin-bottom: 15px; }
h2#comments { display: block; padding-bottom: 10px; margin: 40px 0 20px 0; border-bottom: solid 3px #dddddd; }
#commentform span { display: block; font-size: 14px;  margin-bottom: 10px;}
#commentform input { border: solid 2px #dddddd; background-color: #ffffff; padding: 3px; width: 300px; margin-right: 10px; }
#commentform textarea { width: 560px; border: solid 2px #dddddd; padding: 3px;  margin-bottom: 10px;}