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

body {
  padding: 0px;
  background: #000000 url(images/background.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: #000000; }

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

a:hover {
  color: #333333;
}

/** GENERALE **/

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

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

.all {
  width: 800px;
  margin: 0px auto;
  background: #ffffff /*url(images/content.jpg) repeat-y center top*/;
  border-left: 4px solid #000000;
  border-right: 4px solid #000000;
  text-align: left;
  margin-top: 0px;
}

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

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

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

.clear { clear: both; }

.heading {
  border-top: solid 5px #000000;
  border-bottom: solid 1px #000000;
  margin-bottom: 10px;
  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: #cccccc;
  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: 0px 0px 10px 0px;   background: url(images/header.jpg) no-repeat top center; width: 800px; height: 300px;}

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

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

.header h1 a span {
  font-weight: normal;
  color: #000000;
}

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

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

.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: left;
  color: #ffffff;
}

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

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

#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: 780px;
  height: 320px;
  padding: 20px 10px 10px 10px;
  margin: 0 auto;
  border-top:15px solid #ffffff;
  background: #000000;
}

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

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

.featured .leftalign img {
  border: solid 3px #ffffff;
  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: #ffffff;
  line-height: 18px;
}

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


/** ARTICLE COLUMNS **/

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

.articlecolumn { width: 340px; } 

#featured-posts { float: right; }

#latest-posts { float: left; }

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

.articlecolumn { margin-bottom: 10px; }

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

.newssection .article h2, .articlecolumn .article h2 {
  font-size: 20px;
  font-weight: bold;
  border-bottom: dashed 1px #000000;
  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: #000000;
  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: #000000;
  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: 160px;
  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 #000000;
  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: 450px;
  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: #626262;
  border-top: dashed 1px #000000;
  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 #000000;
  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: solid 10px #000000;
  background: #000000;
}

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

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

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

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

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

.footer .left h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #ffffff;
  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;
}

.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; }

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

.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 #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;
}

/** SEARCH **/


#searchsubmit {
color: #000000;
font-weight: bold;
font-size: 13px;
background: transparent;
width: 60px;
height: 18px;
border: 0px;
border-bottom: 3px solid #000000;
margin-top: 5px;
text-align: left;
}

#s{
border: 1px solid #000000;
background: #ffffff;
color: #000000;
}

.screen-reader-text {
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
}