/*   
Theme Name: SonicaPress
Theme URI: http://www.sonicalab.it/
Description: A sandbox theme for wordpress
Author: Sonica Lab snc
Author URI: http://www.sonicalab.it
Version: 1.0
.

This theme is released under creative commons licence, all links in the footer should remain intact.

.
*/

@import url('css/reset.css');

/*--- GENERAL RULES ---*/
body {
	background: #ededed;
	color: #333;
	font-size: 72.5%;
	font-family: arial, verdana, sans-serif;
	line-height: 1.5em;
}

a, a:visited { 
	color: #c00;
	font-weight:bold;
	text-decoration: none; 
	outline: none;  
}

a:hover { 
	color: #87B1Ca;
	font-weight:bold;
	text-decoration: none; 
	outline: none; 
}

img { 
	border: 0; 
}

h1{ color: #f63; padding: 0; margin: 0 0 20px 0; font: 2.5em normal; line-height: 24px; font-family: arial, verdana, sans-serif; z-index:1; position:relative; }
h2{ color: #f63; padding: 0; margin: 0 0 15px 0; font: 2em normal; line-height: 20px; font-family: arial, verdana, sans-serif; }
h3{ color: #f63; padding: 0; margin: 0 0 10px 0; font: 1.7em normal; line-height: 18px; font-family: arial, verdana, sans-serif; }
h4{ color: #f00; padding: 0; margin: 0 0 10px 0; font: 1.5em normal; line-height: 16px; font-family: arial, verdana, sans-serif; }
h5{ color: #f63; padding: 0; margin: 0 0 10px 0; font: 1.3em normal; line-height: 14px; font-family: arial, verdana, sans-serif; }
h6{ color: #f00; padding: 0; margin: 0 0 10px 0; font: 1.1em normal; line-height: 12px; font-family: arial, verdana, sans-serif; }

.alignleft { float: left; margin: 0 5px 5px 0; }
.alignright { float: right; margin: 0 0 5px 5px; }
.aligncenter { display: block; margin: 0 auto; }

.invisible {display:none;}

h3.pagetitle {
        color:#fff;
        background-color:#87B1Ca;
        padding:10px 5px;
}

/*--- LAYOUT ---*/
#wrapper {
	background-color: #fff;
        position:relative;
        width:1000px;
        margin: 0 auto;
}

.toolwide {
	background: #87B1Ca;
        overflow:hidden;
}

.header {
	background: #fff;
        overflow:hidden;
}

.navigationwide {
	background: #ededed url(images/bg_nav.jpg) repeat-x top center;
        font-size:1.2em;
        height:35px;
}

.featured{
       	float: right;
	margin: 10px 0;
	padding: 5px 5px 20px 5px;
	width: 190px;
}

.column-rivista{
       	float: right;
	margin: 10px 0;
	padding: 5px 5px 20px 5px;
	width: 190px;
        text-align:center;
        font-weight:bold;
        font-size: .9em;
}

.column-rivista h5{
        margin-top:10px;
        font-weight:bold;
}


#main {
       	background-color:#ddd;
        overflow:hidden;
        margin:0;
        padding:0;
}

#content {
        margin: 0 10px 0 10px;
       	background-color:#fff;
        padding-top:10px;
        float:left;
        width:580px;
}

#content_wide {
        margin: 0 10px 0 10px;
       	background-color:#fff;
        padding-top:10px;
        float:left;
        width:780px;
}

.sidebar {
	width:180px;
	padding:5px 10px;
}

.sidebar img {
	width:180px;
}

#layoutdims {
	clear:both;
	background:#eee;
	border-top:2px solid #c00;
	margin:0;
	padding:6px 15px !important;
	text-align:right;
}

.right {
        float: right;
        overflow:hidden;
        height:100%
}

#right {
        float: right;
        overflow:hidden;
        height:100%
}

#left {
        float: left;
        overflow:hidden;
        height:100%
}


.footerwide {
	color: #fff;
        background: #87B1CA url(images/bg_footer_wide.jpg) repeat-x top center;
        height:30px;
        padding:10px;
}

/*--- TOOL ---*/

.toolwide ul {
        display:block;
        float:right;
}

.toolwide ul li {
        display:inline;
}

.toolwide ul li a, .toolwide ul li a:visited{
        overflow:hidden;
        color:#fff;
        padding:10px 20px 10px 5px;
        line-height:2.5em;
        background:#87B1CA url(images/tool_link.jpg) center right no-repeat;
}

.toolwide ul li a:hover{
        color:#f00;
}

/*--- HEADER ---*/
#logo {
        float:left;
        margin: 0 300px 0 10px;
}

/*--- NAVBAR ---*/
.rss-button {
       text-align:right;
       padding: 7px 5px 5px 5px;
}

/*--- POST ---*/	
.post {
	padding-bottom: 20px;
}

.postwrap {
	margin: 10px;
        overflow:hidden;
}

.postgallerywrap {
	float: left;
	margin: 10px;
	padding: 20px;
	width: 280px;
	background: #fff;
	border: 1px solid #c1c1c1;
}

.post_thumbnail {
        padding: 6px;
        background-color: #ddd;
        border: 1px solid #ccc;
        margin: 10px 10px 10px 0;
}

.wp-post-image {
       float:left;
       margin: 0 10px 10px 0;
       padding:5px;
       background-color:#f6f6f6;
       border: 1px solid #eee;
}

.entry {
        padding: 10px;
}

.title {
	margin: 0;
	padding:10px;
	border-bottom:3px solid #ddd;
         background-color:#f6f6f6;
}

.title a, .title a:visited {
        color:#666;
        line-height:1.2em;
}

.title a:hover {
        color:#c00;
}

.postdate {
	padding: 3px 5px;
	background-color:#eee;
	border-top:1px solid #fff;
        font-size: .75em;
}

.keywords-box {
        background-color:#eee;
        padding:0 5px 3px 5px;
        font-size: .8em;
}

a.more-link, a.more-link:visited { 
        float: right; 
        margin: 30px 0 0 0; 
        text-align: right; 
        color: #fff; 
        background: #87B1Ca; 
        text-decoration: none; 
        text-transform: uppercase; 
        padding: 5px; 
}

a.more-link:hover { 
        color: #fff; 
        background: #c00; 
}

/*--- FEATURED ---*/

.featured-col{
       	overflow:hidden;
        margin:0 0 20px 0;
        padding:10px;
        width:160px;
        float:left;
        text-align:center;
        background: #fff;
	border: 1px solid #c1c1c1;
}

.featured-col img{
        clear:both;
}

.feat-title, .feat-thumb, .feat-text{
        clear:both;
}

h3.feat-title {
        font-size: 18px; font-weight: bold; color: #fff; background-color:#87B1Ca; margin:0 0 5px 0; padding: 5px;}

h3.feat-title a:link, h3.feat-title a:visited, h3.feat-title a:hover {
        color:#fff;
        font-size:.8em;
}


p.feat-text {
        color:#333;
        background-color:#ddd;
        padding:3px;
        margin-top:5px;
}

p.feat-text a:link, p.feat-text a:visited, p.feat-text a:hover {
        color:#333;
}


/*--- SIDEBAR ---*/
.searchwrap { 
        width: 270px; 
        padding: 30px 10px;
}

form {
        margin: 0; 
        padding: 0; 
}

.text_input { 
        width: 180px; 
        height: 16px; 
        padding: 10px; 
        margin: 0 3px 0 -10px; 
        background: #fff; 
        border: 1px solid #c1c1c1; 
        color: #464646; 
        float: left; 
}

.text_submit { 
        width: 60px; 
        padding: 10px; 
        margin: 0; 
        background: #87B1Ca; 
        border: 0; 
        color: #FFF; 
        font-weight: bold; 
        float: right; 
}

select {
        position: absolute;
        width: 158px;
        height: 21px;
        margin: 0 10px;
        color: #666;
        font: 12px/21px arial,sans-serif;
        overflow: hidden;
}

.widgetContainer {
 	float: left;
	margin: 10px 0;
	padding: 10px 0 20px 0;
	width: 180px;
	background: #fff;
	border: 1px solid #c1c1c1;
}

.widgetContainer h3 { font-size: 18px; font-weight: bold; color: #fff; background-color:#87B1Ca; margin:0 0 5px 0; padding: 5px;}
.widgetContainer h3 a, .widgetContainer h3 a:visited { text-decoration: none; }
.widgetContainer h3 a:hover { text-decoration: none; }

.widgetContainer ul li {
	background:transparent url(images/icon-paper.gif) no-repeat 4px 9px;
	line-height:24px;
	border-bottom:1px solid #ebe5d0;
	padding-left:5px;
}

.widgetContainer ul li:hover { color: #464646; text-decoration: none; background-color:#ddd; margin:0; padding:0 5px;}

.widgetContainer ul li li {
	border-top:1px solid #ebe5d0;
	border-bottom:none;
}

.widgetContainer a, .widgetContainer a:visited { padding: 5px 0; color: #252525; text-decoration: none; }
.widgetContainer a:hover { color: #c00; text-decoration: none;}

/*--- Link GALLERY ---*/

.link-gallery {
      float:left;
      padding:10px;
      margin: 10px;
      background-color: #eee;
      width:200px;
      height:120px;
      border:1px solid #ddd;
}


/*--- CONTATTI ---*/

.form-contatti {
       float:left;
       width:300px;
}

.mappa {
       float:right;
       width:360px;
}


/*--- FOOTER ---*/

.footerwrap a, .footerwrap a:visited { color: #fff; text-decoration: none; }
.footerwrap a:hover { color: #fff; text-decoration: underline; }
.footerleft { float: left; margin: 0; padding: 10px; width: 45%; }
.footerright { float: right; margin: 0; padding: 10px; width: 45%; text-align: right; }