/*
Theme Name: rame
Theme URI: 
Description: 
Version: 1.0
Author: Recipient
Author URI: http://recipient.cc
*/

@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,900,300italic,400italic,700italic,900italic);
@import url(http://fonts.googleapis.com/css?family=Nunito:400,300,700);

@font-face {
	font-family: 'futura';
	src: url('fonts/futura.eot');
	src: local('☺'), 
		url('fonts/futura.woff') format('woff'), 
		url('fonts/futura.ttf') format('truetype'), 
		url('fonts/futura.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

#qLoverlay{
	background-image:url("img/712.GIF");
	background-repeat:no-repeat;
	background-position: center center;
}

.queryloader__overlay__bar{
	display:none;
}

#qLpercentage{
	display:none;
}

#qLtempOverlay{
	background-color:#fff;
}

.description-content{
	display:none;
}

.page-id-2 #qLtempOverlay{
	display:none;
}

html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
img, ins, kbd, q, s, samp,
small, strike, strong,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none; 
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

br{
	height:0px;
}

p{
	letter-spacing:1px;	
	line-height: 20px;
}

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


/* ELEMENTS **************************/




html {
	height:100%;
	max-height:100%; 
	padding:0;
	margin:0; 
	border:0; 
}

body {
	 
	background-color:#fff;
	color:#000;
	font-size:13px;
	line-height: 15px;
	font-family: 'Futura', sans-serif;
	font-weight:400;

	height:100%;
	max-height:100%;
	padding:0;
	margin:0; 
	border:0; 
}



div.description-content{
	top: 50px;
   position: absolute;
 
}

div.description-content .text{
	 width: 70%;
	 margin-bottom:30px;
	 position:relative;
}

div.description-content #thumbs{
	/*overflow:scroll;
	height:500px;*/
	padding-bottom:30px;
	padding-right:30px;
}



div.post-navigation{
	position: absolute;
  	bottom: 15px;
  	left: 200px;
} 

div.post-navigation ul, div.post-navigation li{
	float:left;
	display:block;
}

span.link{
	cursor:pointer;
	-webkit-transition: color 300ms ease-in-out;
    -moz-transition: color 300ms ease-in-out ;
    -o-transition: color 300ms ease-in-out ;
    transition: color 300ms ease-in-out ;
}

span.link:hover{
	color:#999;
}



div.post-top{
	position: absolute;
  	top: 0px;
  	right: 30px;
} 

div.post-top ul, div.post-top li{
	float:left;
	display:block;
}

div.post-navigation li{
	margin-right:20px;
}

div#description-post{
	padding-left: 200px;
}

div#sidebar{
	/*width: 200px;*/
	left: 50px;
	/*top:0;
	padding-top:30px;*/
	position:fixed;
	z-index:999;
	bottom:0;
	width:120px;
	padding-bottom:50px;
}

.page div#sidebar{
	top:0;
	position:fixed;
	padding-top:50px;
}

div#sidebar a{

}

div#body{
	float:left;	
	position:relative;
}

ul.photographs{
	margin-bottom:10px;
}

.description-content.blog{
	position:relative;

}

.foto_post img{
	/*max-width:55% !important;
	height:auto !important;*/
}

.description-content.blog img{
	height:auto !important;
	width: 100% !important;
}

h1, h2, a{
	font-family: 'Futura', sans-serif;
	letter-spacing:1px;
	font-weight: 300;
}

h1{
	  font-size: 18px;
  margin-bottom: 30px;
}

#logo{
	margin-bottom:30px;
}

#logo a{
	font-weight:300;
	font-size:18px;
	letter-spacing: 1px; 
	-webkit-transition: color 300ms ease-in-out;
    -moz-transition: color 300ms ease-in-out ;
    -o-transition: color 300ms ease-in-out ;
    transition: color 300ms ease-in-out ;
}

a:hover{
	color:#666666;
}

#menu li{
	display: block;
}

li.cat-item{
	padding-bottom:45px;
}

#menu a{
	/*font-size: 12px;
  line-height: 15px;*/
  font-weight: 300;
  color: #999;
  -webkit-transition: color 300ms ease-in-out;
    -moz-transition: color 300ms ease-in-out ;
    -o-transition: color 300ms ease-in-out ;
    transition: color 300ms ease-in-out ;

    font-family: 'futura', 'lucida grande', tahoma, verdana, arial, sans-serif;
  font-size: 0.90em;
  letter-spacing: .06em;
  line-height:20px;
}


#menu a.current-page, #menu a:hover{
	color:#000;
}

li.sub-sub-cat-item a{
	color:#666666;
	-webkit-transition: color 300ms ease-in-out;
    -moz-transition: color 300ms ease-in-out ;
    -o-transition: color 300ms ease-in-out ;
    transition: color 300ms ease-in-out ;
}

li.sub-sub-cat-item a:hover{
	color:#000000;
}


ul.pages{

}

ul.children{

}

ul.children .sub{
	display:none;
}

div#logo_center{
	width:153px;
	height:40px;
	background-image: url(img/logo_frantini.gif);
	background-repeat: no-repeat;
	cursor: pointer;
}

div.post{
	position:absolute;
	left:284px;
	margin-top:60px;
	float:left;
	padding-bottom: 10px;
	padding-right:10px;
	width:500px;
	line-height: 13px;
}



div#foto_homepage{
	display: none;
	position:absolute;
	margin-top:30px;
}

div.foto_post span.title{
	display:none;
}


div#categoria{
	position:absolute;
	top: 10px;
	margin-left: 130px;
}

div#dati-post{
	position:absolute;
	margin-top: 0px;
	margin-left: 223px;
}

div.single{
	margin-bottom:45px;
}


div.clear{ 
	clear:both;	
}

div.foto_post{
	position:absolute;
	bottom:50px;
	cursor: pointer;
	display:none;
	left:200px;
	/*text-align: center;*/
}

@media only screen and ( max-width: 415px ) {
 
  	
	

	div.foto_post{
		display:block;
		position:relative;
		cursor:default;
		margin-bottom:20px;
		padding:0 20px;
		left:0;
	}

  	.foto_post img{
  		height:auto;
		max-width:100% !important;
	}

	div.post-navigation{
		display:none;
	}
	
	div.post-top{
		display:none;
	}



  	div#description-post{
  		padding-left:0px;
  		margin-top:20px;
  		position:relative;
  	}

  	#thumbs{
  		display:none;
  	}

  	div.description-content{
  		position:relative;
  	}
	
	div.description-content .text{
		width:100%;
	}

	div.description-content #thumbs{
		padding:0;
	}

  	div.description-content .text p, div.description-content .text h1{
		 
		padding:0 20px;
  	}

	.page div#sidebar{
		 
		position:relative;
		padding-top:0;
		padding-bottom:0; 	 	
	}

	#logo{
		margin-bottom:10px;
	}

	#menu a{
		font-size: 1.2em;
		line-height: 30px;
	}

	#logo a{
		font-size: 22px;
	}

	div#sidebar{
		margin-top:20px;
		margin-bottom:20px;
		left:20px;
		position:relative;  
		 
  	} 
}