/* 
Theme Name: HWv6
Theme URI: http://www.hounworks.it
Description: HW+ Wordpress Theme
Version: 2.0
Author: Daniel Comerci Hounworks Studio
Author URI: http://www.hounworks.it
*/

body {
  padding: 0px;
  background: #fff;/*url(images/bg5.jpg) no-repeat center top;
  background-attachment:fixed;*/
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  text-align:center;
  margin: 0px auto;
}

h1, h2, h3, h4, h5 { margin: 0px; padding: 0px; }

a, a:link, a:active { color: #000; }

a img, a:hover img {border:0px !important;}

a:hover {
  color: #666666;
}

/** GENERALE **/

.smalltitle {
  color: #666666;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px; text-transform: uppercase;
}

.all {
  width: 980px;
  margin: 0px auto;
  text-align: left;
  margin-top: 20px;
  background:#ffffff;
}

.leftalign {
  width: 700px;
  float: left;
}

.rightalign {
  width: 250px;
  float: right;
}

a.readmore {
  width: 150px;
  height: 25px;
  display: block;
  text-indent: -9999px;
  background: #ffffff url(images/readmore.jpg) no-repeat top center;
}

.clear { clear: both; }

.heading {
  border-top: solid 5px #000;
  border-bottom: solid 1px #000;
  margin-bottom: 20px;
  padding: 5px 0 5px 0;
}

h3 {
  font-size: 16px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}

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: #000;
  font-family: Arial, Helvetica, sans-serif;
  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 **/

.header {
	margin: 10px 10px 10px 10px;
	background: url(images/header_blog.jpg) no-repeat top center;
	width: 960px;
	height: 150px;
}

#headlogo {
  width: 960px;
  height: 130px;
  float: right;
  text-align: right;
  padding: 15px 20px 0px 0;
  font-size: 15px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: -1px;
}


.header h1 a {
  text-decoration: none;
  font-size: 15px;
  color: #fff;
}

.header h1 a span {
  font-weight: normal;
  font-size: 13px;
  color: #666666;
}

.header ul {
  width: 960px;
  height: 30px;
  float:left;
  margin: 10px 0px 10px 0px;
  padding: 0px;
  list-style: none;
  background: #555555;
}

.header ul li { display: inline;   float:right; margin-left: 0px;}

.header ul li a {
  width: 100px;
  padding: 5px 0 5px 0;
  font-size: 15px;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  display: block;
  text-align: center;
  color: #ffffff;
}

.header ul li a:hover { color: #999999; }

.header ul li.current_page_item a {
  width: 100px;
  color: #000000;
}

#networks{
  width: 400px;
  height: 80px;
  text-decoration:none;
  margin-right: 20px;
  text-align: left;
}

#networks a img {border: 0px;}
#networks a:hover img {border: 0px;}

/** IN RILIEVO **/

.featured {
  width: 940px;
  height: 250px;
  padding: 20px 10px 10px 10px;
  margin: 0 auto;
  margin-top:20px;
  background:#111 url(images/diago.jpg);
  /*background-repeat:no-repeat;
  background-position:top right; */
}

.featured h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 25px;
  line-height: 50px;
  font-weight: bold;
  margin: 5px 0px 15px 0;
}

.featured h2 a {
  color: #000000;
  text-decoration: none;
}

.featured h2 a:hover {
  color: #666666;
  text-decoration: none;
}

.featured .leftalign img {
  border: solid 3px #000000;
  padding: 2px;
  width: 250px;
  float: left;
}

.featured .postcontent {
  width: 200px;
  float: left;
  margin-left: 20px;
}

.featured p, .postcontent {
  margin: 0px 0px 15px 0px;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  color: #333333;
  line-height: 18px;
}

.advertisment {
  width: 200px;
  padding: 2px;
  margin-top: 5px;
  background: #000000;
  color: #ffffff;
}


/** ARTICLE COLUMNS **/

.maincontent {
  width: 650px;
  float: left;
  margin-left: 10px;
  margin-top: 20px;
}

.articlecolumn {
	width: 650px;
	margin-bottom: 10px;
} 

#featured-posts { float: right; }

#latest-posts { float: left; }

#featured-posts .article h2 a { color: #cccccc; }

.newssection .article, .articlecolumn .article {
  border-bottom: solid 1px #999999;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.newssection .article h2, .articlecolumn .article h2 {
  font-size: 20px;
  font-weight: bold;
  border-bottom: dashed 1px #666666;
  padding-bottom: 5px;
  line-height: 22px;
  font-family: Arial, Helvetica, sans-serif; 
}

.newssection .article h2 a, .articlecolumn .article h2 a { color: #000000; text-decoration: none; }

.newssection .article p, .articlecolumn .article p {
  color: #333;
  font-size: 11px;
  line-height: 14px;
  font-family: Arial, Helvetica, sans-serif;
}

.newssection .article p a, .articlecolumn .article p a { font-weight: bold; }

.newssection .article .left, .articlecolumn .article .left {
  width: 95px;
  float: left;
  text-align: right;
  font-size: 11px;
  color: #999999;
  text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 14px;
}

.newssection .article .left img, .articlecolumn .article .left img { border: solid 3px #000000; padding: 2px; }

.newssection .article .right, .articlecolumn .article .right { width: 180px; float: right; }



/** SIDEBAR **/

.homesidebar {
  width: 220px;
  border-top: solid 6px #000000;
  float: right;
  padding-top: 5px;
  margin: 20px 10px 0 0;
}

.homesidebar h3 {
  border-bottom: solid 1px #000000;
  line-height: 17px;
  padding-bottom: 7px;
  margin-bottom: 10px;
}

.homesidebar ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
  color: #000000;
  font-size: 11px;
}

.homesidebar ul li {
  border-bottom: dashed 1px #999999;
  padding-bottom: 6px;
  margin-bottom: 5px;
}

.homesidebar ul li a {
  font-size: 12px;
  margin-right: 4px;
}

.homesidebar .item { margin-bottom: 40px; }

.singlesidebar {
  width: 300px;
  float: right;
  margin: 20px 10px 0 0;
}

.singlesidebar .item { margin: 0px 0 30px 0; }

/** SINGLE POST **/

.singlepost {
  width: 620px;
  float: left;
  margin: 20px 0 0 10px;
}

.singlepost .postcontent { color: #000000; line-height: 18px; }

.singlepost .posthead h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 35px;
  line-height: 35px;
  margin: 0px 0px 4px 0px;
}

.singlepost .posthead span {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 13px;
  color: #000000;
}

.singlepost .posthead p {
  font-size: 15px;
  line-height: 18px;
  font-style: italic;
  color: #666666;
  border-top: dashed 1px #999999;
  padding-top: 10px;
}

.singlepost .postcontent blockquote {
  margin: 0px;
  padding: 0px 0px 0px 50px;
  background: url(images/quote.png) no-repeat top left;
  color: #333333;
  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 10px 30px 0px; }

.newssection .article {
  width: 280px;
  float: left;
  height: 180px;
}

.newssection .even { float: right; }

.newssection ul {
  width: 280px;
  float: right;
  margin: 0px;
  padding: 0px;
  list-style: none;
  color: #000000;
  text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif;
}

.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 #999999;
  padding-bottom: 5px;
  margin-bottom: 5px;
}

.singlesidebar .newssection .article { width: 300px; }

.singlesidebar .newssection .article .right { width: 200px; }

.singlesidebar .newssection  ul { width: 300px; }

.singlesidebar .newssection ul li h2  { font-size: 15px; font-weight: bold; }

/** FOOTER **/

.footer {
  margin-top: 40px;
  padding: 40px 0 70px 0;
  border-top:5px solid #000000;
}

.footer h1 {
  display: block;
  float: right;
  width: 260px;
  text-align: center;
  padding: 20px 0 20px 0;
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: -1px;
}

.footer h1 a { text-decoration: none; font-size:14px; color: #000000; }

.footer h1 a span { font-weight: normal; font-size:14px; color: #000000; }

.footer .left {
  width: 500px;
  float: left;
  margin: 25px 0 0 10px;
  color: #000000;
}

.footer .left a { color: #000000; }
.footer .left a:hover { color: #333333; }

.footer .left h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #000000;
  letter-spacing: -1px;
  text-transform: uppercase;
  font-weight: bold;
}

/** COMMENTS **/

.comments { 
  padding: 0px;
  border-top: dotted 4px #cccccc;
  margin-top: 20px;
}

.comment-meta {
  width: 130px;
  float: left;
  padding: 0px 0 10px 0;
  text-align: right;
  color:#999999;
}

.commenttext {
  float: right;
  width: 400px;
  padding-left: 20px;
  border-left: dashed 1px #cccccc;
  margin-top: -5px;
  margin-bottom: -5px;
}

.comment-author { display: block; font-weight: bold; color: #666666;}

.comment-date { font-size: 12px; color: #666666; }

.comment-meta a { color: #666666; text-decoration: underline; }

.comment { margin-bottom: 15px; }

h2#comments {
  display: block;
  padding-bottom: 10px;
  margin: 40px 0 20px 0;
  border-bottom: solid 3px #000000;
}

#commentform span { display: block; font-size: 14px;  margin-bottom: 10px;}

#commentform input {
  border: solid 2px #000000;
  background-color: #ffffff;
  padding: 3px;
  width: 200px;
  margin-right: 10px;
}

#commentform textarea {
  width: 460px;
  border: solid 2px #000000;
  padding: 3px; 
  margin-bottom: 10px;
}