/*  
Theme Name: Grillo Steel
Theme URI: http://
Description: Grillo Steel
Version: 0.99
Author: ResetStudio
Author URI: http://resetstudio.it/
*/

/* Resetter */

* {
	margin: 0;
	padding: 0;
}
ul, ol, li {
	list-style : none;
	position : relative;
}

/* Inizio Tipografia e colori */

body, a, input {
	font-family: Arial, lucida-sans,"Trebuchet MS", Tahoma;
	font-size: 62.5%;
	/* Resets 1em to 10px */
	font-size: 14px;
	color : rgb(128,128,128);
	line-height: 130%;
}
img, fieldset, input {
	border : 0px;
}
a {
	text-decoration: underline;
	color : rgb(128,128,128);
}
a:hover{
	text-decoration : underline;
}
a *{
    cursor : pointer;
}
h1,h2,h3,h4{
    display : block;
	font-weight : normal;	
}
h1 {
	font-weight : normal;
	color : rgb(230,230,230);
	text-transform : uppercase;
	text-align : left;
	font-size : 14px;
	height : 20px;
}
.title {
	font-weight : bold;
	color : rgb(128,128,128);
	text-align : left;
	font-size : 20px;
	height : 35px;
}
.side-title{
	border-top : 1px dotted rgb(78,78,78);	
	border-bottom : 1px dotted rgb(78,78,78);		
	padding : 5px 0px;
	font-weight : bold;
	color : rgb(78,78,78);	
	height : 25px;
	font-size : 14px;
	margin-bottom : 15px;
}

/* Struttura Contenitori */

body{
	background : rgb(196,196,196) url(images/body-bg.jpg) repeat-x left top;
}
#container{
	width : 915px;
	margin : 0 auto;
}
#top-page{
	float : left;
	width : 913px;
	height : 150px;
	background : url(images/top-page.jpg) no-repeat left top;
}

/* Logo */

.logo{
	height : 50px;
	width : 210px;
	float : left;
	margin-top : 25px;
	margin-left : 10px;
}
.logo a{
	height : 50px;
	width : 210px;
	float : left;	
}

/* Slogan e linguaggio */

.text-language{
	float : right;
	width : 330px;
	height : 100px;
	margin-right : 165px;
}
.language{
	height : 20px;
	margin-top : 15px;
	width : 90px;
	text-align : right;
	padding-left : 175px;
	font-size: 12px;
}
.language a{
	text-transform : uppercase;
	text-decoration : none;
	color : rgb(128,128,128);
	float : left;
	font-size: 12px;
}
.language a:hover, .language a.active{
	color : rgb(230,230,230);
	text-decoration : none;
}
.language span{
	color : rgb(128,128,128);
	font-size : 11px;
	float : left;
	margin-top : -3px;
	width : 10px;
	text-align : center;
}
.text{
	height : 20px;
	color : rgb(230,230,230);
	text-transform : uppercase;
	text-align : left;
	margin-top : 40px;
	font-size : 14px;
}

/* Menu Navigazione */

#navigation{
	height : 50px;
	width : 900px;
	padding : 0px 10px;
}
#navigation ul{
	height : 50px;
	background : url(images/li-bg.jpg) no-repeat left top;
	padding-left : 2px;
}
#navigation ul li{
	background : url(images/li-bg.jpg) no-repeat right top;	
	float : left;
	padding-right : 2px;
}
#navigation ul li a{
	height : 35px;
	text-transform : uppercase;
	font-size : 14px;
	padding : 0px 20px;
	padding-top : 15px;
	text-decoration : none;
	color : rgb(100,100,100);
	float : left;
}
#navigation ul li a:hover{
	background : rgb(243,243,243) url(images/a-bg.jpg) repeat-x left top;
        color : rgb(120,120,120);
	text-decoration : none;
}

#header{
    height: 0px;
    overflow: hidden;
}

#header-big-img{
	float : left;
	width : 900px;
	height : 224px;
}
.green-line{
	height : 14px;
	width : 900px;
	float : left;
	background : url(images/green-line.jpg) no-repeat left top;
}

/* Contenitore Contenuto-Sidebar */

.content{
	float : left;
	width : 860px;
	background : url(images/c-center.jpg) repeat-y left top;
	padding : 20px;
	padding-bottom : 0px;
}
.content.top{
	background : url(images/c-top.jpg) no-repeat left top;
	height : 67px;
}
.content.bottom{
	background : url(images/c-bottom.jpg) no-repeat left top;
	height : 100px;
}
.sidebar{
	width : 185px;
	float : left;
	margin-top : -90px;
}
.posts{
	width : 630px;
	float : right;
	margin-top : -80px;
}
.posts p{
	margin-bottom : 15px;
}
.posts p.last{
	margin : 0px;
}
.posts ul{
	padding-left : 15px;
	margin-bottom : 15px;
}
.posts ul li{
	list-style : disc;
}

.posts .entry{
        z-index: 100;
}
.data{
	display : block;
	height : 15px;
	font-size : 12px;
	color : rgb(128,128,128);	
}
h3.title{
	height : 18px;
}
h3.title a{
	font-weight : bold;
	text-align : left;
	display : block;
	font-size : 12px;
	color : rgb(78,78,78);
	height : 18px;
	text-decoration : none;
}
h3.title a:hover{
	color : rgb(128,128,128);	
	text-decoration : none;
}
.article{
	margin-bottom : 20px;
}
.article a{
	color : rgb(78,78,78);
	text-decoration : none;
}
.article a:hover{
	color : rgb(128,128,128);	
	text-decoration : none;
}

/* Footer */

#footer{
	height : 140px;
	background : url(images/b-footer.jpg) repeat-x left top;
	width : 880px;
	float : left;
	margin-top : 8px;
	padding : 10px;
	color : rgb(128,128,128);
}
.copyright{
	float : left;
	width : 215px;
}
#footer .link{
	float : right;
	width : 635px;
	height : 30px;
}
#footer .link ul li{
	float : left;
}
#footer .link ul li a{
	text-decoration : none;
	float : left;
	padding : 0px 3px
}
#footer .link ul li a:hover{
	text-decoration : underline;
}

/* Regole Uso Generale */

.clearer {
  clear : both;
  height : 0px;
  float : none !important;
}
.rightflotter{
  float : right !important;
}