﻿@import url('superfish/superfish.css');
/*
Theme Name: rema
Theme URI: http://realestate.ribo.eu
Description: Business WordPress Theme
Version: 0.1
Author: MB
Author URI: http://ribo.it

/*##################################        GENERAL        ################################## */
body{
	margin: 0px;
	padding: 0px;
	background: #eeeee9 url('images/bg-body-rema-repeat.jpg') repeat-x left
top;
	color: #4a4a4a;
	font: 12px arial,helvetica sans-serif;
}
/*        ##################################            HTML ELEMENTS         ################################## */
a,a:visited{color:#0057AE;text-decoration:none}
a:hover{text-decoration:none;color:#0073E6}
img,#content.commentlist li.depth-4,#content.commentlist li.depth-6{border:none}
img#slogan {margin-left:0px;}
ul,ol,dl{line-height:18px;margin:0 0 20px 0}
hr{
	height: 1px;
	margin: 20px 0;
	background: #ccc;
	border: none;
	clear: both;
}
h1,h2,h3,h4,h5,h6{margin:0 0 15px;padding:0px;line-height:normal}
h1{font-size:24px}
h2{font-size:20px}
h3{font-size:16px}
h4,h5,h6{margin-bottom:10px}
blockquote{margin:0 0 0 10px;padding:0 0 0 50px;background:transparent url(images/bg-blockquote.png) no-repeat left top;font-style:italic}
address{padding:0 0 0 15px;font-style:italic}
pre{display:block;margin:0 0 20px 0;padding:10px;background:#eeeee9;border:1px solid #ccc;font-family:"Courier New",Courier,serif;overflow:auto}
code{font-family:"Courier New",Courier,serif}
table{margin:0 0 20px;border-collapse:collapse}
th{padding:5px;background:#eeeee9;border:1px solid #ddd;text-align:left}
td{padding:5px;border:1px solid #ddd}
/*        ##################################            BASIC LAYOUT         ################################## */
#main{width:980px;margin:0 auto;}
#menucontainer{	width: 960px; margin:0 auto; background: #999999 url('images/bg-menu-hover.png') repeat-x left top; height:40px;}
#header{position:relative;width:960px;height:115px;margin:0 auto;background:transparent url(images/bg-body-rema-top5.jpg) no-repeat 0px -35px;}
#content-wrap{position:relative; width:980px; padding:0px 0 0;background:transparent url(images/bg-content-wrap.png) repeat-y left top;z-index:1;}
#content-top{height: 20px; display:block;width:980px; clear:both; background: transparent url(images/bg-content-top.png) no-repeat left bottom;z-index: 2;}
#content{position:relative;margin:0px 0px 0px; padding:0 20px; height:1%; z-index:3}
html>body #content {height: auto}
#footer{position:relative;padding:0 0 30px 0;line-height:22px;text-align:center}
#sidebar2 {background:#fff;}
#sidebar2 .box-right{margin:5px;padding:5px;border-left:1px solid #eeeee9;display:block; float:left;clear:none;width:180px; min-height:150px;}
#sidebar2 .box-right ul, #sidebar2 .box-right li {list-style:none; list-style-type:none; margin-left:0px; padding-left:0px;}
#sidebar2 .box-right a, #sidebar2 .box-right a:visited {	color:#333;}
/*        ##################################            HEADER         ################################## */
#page-menu{position:absolute;top:0px;left:0px;height:40px;line-height:40px;margin:0px;padding:0px;list-style:none}
#page-menu li{float:left;width:auto}
#page-menu a{margin:0 20px 0 0;background:transparent;color:#fff;text-decoration:none}
#page-menu a:hover,#page-menu.current_page_item a{color:#f4dec7}
#rss{position:absolute;top:0px;right:0px;height:40px;margin:0px;padding:0 30px 0 0;line-height:normal;background:transparent url(images/bg-rss.png) no-repeat right center;color:#fff}
#rss a{line-height:40px;background:transparent;color:#fff;border-bottom:1px dotted #fff;text-decoration:none}
h1#blog-title{position:absolute;bottom:40px;left:-10px;margin:0px;padding:0px;color:#f4dec7;font-size:12px;font-weight:normal}
h1#blog-title images{margin:0 0 -10px}
/*        ##################################            MENU         ################################## */ /** /lib/superfish/superfish.css */ /*        ##################################            CONTENT         ################################## */
#menu{ width:800px; float:left; display:block; clear:none;}
#page-full #content{background:#fff}
#content-bottom{height:20px;background:transparent url(images/bg-content-bottom.png) repeat-y left top}
#content-left{
	display: inline;	float: left;
	width: 630px; 
}
#content-right{float:right;width:300px; border-bottom:1px #ccc solid;}
.box-left{
	margin: 0 0 30px;
	padding: 0 0 30px;
	line-height: 18px;
	width: 620px;background: transparent url('images/top_line.gif') no-repeat center bottom; 
}
.article-teaser {float:left; width:610px; display:block;	padding-bottom:40px;}
.box-full{margin:0px;padding:0 0 1px;line-height:18px}
#content ul,#content ol{margin:0 0 20px;padding:0 0 0 20px}
#content li{padding:2px 0;list-style:disc}
#content ol li{list-style:decimal}
#content li ul,#content li ol{margin:-2px 0 -2px 20px;padding:0px}
#content li li{list-style:circle;background:none}
#content ol li li{list-style:upper-roman}
#content li li li{list-style:square}
#content ol li li li{list-style:lower-latin}
h1.category-title{margin:0 0 30px;padding:0 0 10px;color:#7a3737;border-bottom:1px solid #eeeee9}
.article-left{position:relative;float:left;width:120px;margin:0 0 20px 0;z-index:4}
.article-left a img { padding:3px; border:1px #ccc solid}.article-left a img:hover{ border-color:#ddd}
.sticky-post{position:absolute;top:-10px;left:-10px;z-index:100}
.article-right{float:right;width:500px;display:block; clear:none;}
.sticky { width:590px;}
images.article-images{padding:10px;background:#eeeee9}
images.article-images-single,.box-author images.avatar{float:left;margin:0 20px 20px 0;padding:10px;background:#eeeee9}
a:hover images.article-images{background:#deded9}
.images-caption{padding:0 10px;height:30px;line-height:30px;background:transparent url(images/bg-images-caption.png) no-repeat left top;color:#fff;font-weight:bold}
.images-caption a{background:transparent;color:#fff;text-decoration:none}
images.shadow{background:transparent url(images/shadow.gif) no-repeat right bottom;padding:5px 10px 10px 5px}
.gallery images{padding:10px;background:#eeeee9;border: none!important}
h2.article-title{margin:0px 0 10px;line-height:normal;color:#0057AE;font-size:24px;letter-spacing:-1px;}
h2.sticky-title{margin:0px 0 10px;line-height:normal;color:#0057AE;font-size:28px;letter-spacing:-1px;}
h2.article-title a{
	color: #0057AE;
	text-decoration: none;
}h2.page-title {
	background: url('images/bg-content-alto2.jpg') repeat-x left -5px;
	margin: 0px 0px 10px -10px; padding:10px 0px 0px 20px; height:60px; width:630px;
	line-height: normal;
	color: #AB0303;
	font-size: 24px;
}
h2.article-title a:hover{text-decoration:none}
.sticky h2.article-title {font-size:24px;}
h2.cat-title {
	background: url('images/bg-content-alto2.jpg') no-repeat left -5px;
	margin: 0px 0px 10px -10px; padding:10px 0px 0px 20px; height:60px;width:630px;

	line-height: normal;
	color: #AB0303;
	font-size: 24px;
}

.article-meta,#commentform p{margin:0 0 10px 0}
a.more-link{display:block;margin:20px 0 30px 0}
h3.content-title{margin:0 0 10px 0;color:#1f1f1f;font-size:16px;font-weight:normal}
#author-single{position:relative}
#author-single.avatar{float:left;width:auto;margin:0 20px 30px 0}
#page-bookmarks{margin:0px;padding:0px;line-height:22px;border-bottom:1px solid #eeeee9}
#page-bookmarks.box-left{float:left;width:255px;margin:0 20px 0 0;padding:0 0 10px;line-height:22px;border-bottom:none}
/*        ##################################            PREDEFINED CLASSES         ################################## */
.btn{padding:5px 10px 6px;background:transparent url(images/bg-btn.png) no-repeat left top;color:#fff;font-weight:bold;text-decoration:none}
.alert{padding:10px 10px 10px 60px;line-height:20px;border:1px dotted #eeeee9;background:#fffad2 url(images/bg-class-alert.png) no-repeat 10px 10px}
.checked{padding:10px 10px 10px 60px;line-height:20px;border:1px dotted #eeeee9;background:#fffad2 url(images/bg-class-checked.png) no-repeat 10px 10px}
.download{padding:10px 10px 10px 60px;line-height:20px;border:1px dotted #eeeee9;background:#fffad2 url(images/bg-class-download.png) no-repeat 10px 10px}
.preview{padding:10px 10px 10px 60px;line-height:20px;border:1px dotted #eeeee9;background:#fffad2 url(images/bg-class-preview.png) no-repeat 10px 10px}
.info{padding:10px 10px 10px 60px;line-height:20px;border:1px dotted #eeeee9;background:#fffad2 url(images/bg-class-info.png) no-repeat 10px 10px}
.arrow{padding:10px 10px 10px 60px;line-height:20px;border:1px dotted #eeeee9;background:#fffad2 url(images/bg-class-arrow.png) no-repeat 10px 10px}
.happy{padding:10px 10px 10px 60px;line-height:20px;border:1px dotted #eeeee9;background:#fffad2 url(images/bg-class-happy.png) no-repeat 10px 10px} /*        ##################################            SIDEBAR         ################################## */
h3.sidebar-title{margin:0 0 10px;padding:0px;line-height:16px;color:#1f1f1f;font-size:16px;font-weight:normal}
.ad-left,.alignleft{float:left;width:auto;margin:0 20px 20px 0}
.article-teaser p img.alignleft { float:left; display:block; clear:left;}
.article-teaser p { line-height:18px; margin-bottom:10px;}
img.aligncenter { float:left; display:block; clear:both; margin:10px; padding:0px 10px 0px 0px}
.ad-right{float:right;width:auto;margin:0 0 20px}
#sidebar-twitter ul,#recent-comments ul{margin-left:0px;padding-left:0px}
#sidebar-twitter li,#recent-comments li{list-style:none}
/*        ##################################            FORMS         ################################## */
#searchform,#content.trackbacklist ul{margin:0 0 20px}
.box-left #searchform{width:270px}
#search-text{float:left;width:218px;height:22px;padding:6px 5px 0 5px;background:transparent url(images/bg-input-text.gif) repeat-x left top;border:1px solid #eeeee9;font-size:11px}
#search-submit{float:right;width:auto;height:30px;color:#fff;background:transparent url(images/bg-input-submit.png) no-repeat left top;border:none}
input.text,textarea,input[type=text]{
	width: 75%;
	padding: 5px;
	background: #fff url('images/fancy_search_bg.jpg') repeat-x left top;
	border: 1px solid #999;
	font: 11px "Helvetica Neue",Helvetica,Arial,sans-serif;
}input[type=text].quesito {width:30px;}.wpcf7-form{ background:#f5f5f5; border:1px #ccc solid; padding-left:20px;}
textarea{width:90%;height:125px}
input.submit,input.button{width:auto;height:30px;padding:0 20px;color:#fff;background:transparent url(images/bg-input-submit.png) no-repeat left top;border:none} /*        ##################################            COMMENTS         ################################## */
#content.commentlist ol,#content.commentlist ul.children,.wp-caption p.wp-caption-text{margin:0px;padding:0px}
#content.commentlist li{margin:20px 0 0 0;padding:20px 0 20px 20px;list-style:none}
#content.commentlist .box-left{margin:30px 0 0;padding:0px;border:none}
.commentlist .avatar{float:right;width:auto;margin:0 0 5px 20px}
.commentlist li p{margin:0 20px 10px 0}
.commentlist .comment-author{font-size:12px;font-weight:bold}
.commentlist .comment-author a{padding:0 0 5px 0;border: none!important}
#content.commentlist .children li{margin:20px 0 0 0;padding:20px 0 20px 20px;background:none;border-right:none}
.reply a{margin:10px 0 0 0;padding:5px 10px;background:transparent url(images/bg-input-submit.png) repeat-x left top;color:#fff;border: none!important;text-decoration:none}
#cancel-comment-reply{margin:10px 0}
#content.commentlist li.depth-1,#content.commentlist li.depth-3,#content.commentlist li.depth-5{background:#eeeee9 url(images/bg-comment-top.png) no-repeat left top}
#content.commentlist li.depth-2,#content.commentlist li.depth-4,#content.commentlist li.depth-6{background:#fff url(images/bg-comment-top-1.png) no-repeat left top;border-right:1px solid #ebebe1}
.moderation{padding:0 0 0 25px;background:transparent url(images/bg-moderation.png) no-repeat left center}
.trackbacklist{margin:30px 0 0;padding:30px 0 0;border-top:1px solid #eeeee9}
#commentform{padding:0 0 10px 0}
.box-comments{position:relative;padding:0 0 30px}
.comments-paging{position:absolute;top:0px;right:0px}
/*        ##################################            PAGING         ################################## */
#paging{margin:0 0 30px}
.wp-pagenavi .pages{float:right;width:auto}
.wp-pagenavi a,.wp-pagenavi .current{display:block;float:left;width:auto;min-width:20px;height:20px;line-height:20px;margin-right:5px;background:transparent url(images/bg-paging.png) no-repeat left top;color:#fff;font-weight:bold;text-align:center;text-decoration:none}
.wp-pagenavi .current{background:transparent url(images/bg-paging-current.png) repeat-x left top}
/*        ##################################            FLICKR BADGE         ################################## */
#flickr_badge_uber_wrapper{text-align:center}
#flickr_badge_wrapper{padding:0 0 5px 0}
.flickr_badge_image{display:inline;float:left;width:auto;margin:0 15px 15px 0}
/*        ##################################            CLEARING         ################################## */
.clear{clear:both}
.clearfix:after{content:" ";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.clearfix{display:inline-block}
html [ xmlns ].clearfix{display:block}
* html.clearfix{height:1%}
/*        ##################################            WORDPRESS CSS         ################################## */
div.aligncenter{display:block;margin:0 auto}
.aligncenter{margin-bottom: 20px!important}
.alignright{float:right;width:auto;margin:0 0 20px 20px}
.wp-caption{margin-bottom:20px;padding-top:4px;border:1px solid #eeeee9;text-align:center;background:#f7f7f7}
.wp-caption images{float:none;margin:0px;padding:0px;border:none}
#calendar_wrap table{width:100%}
#calendar_wrap td,#calendar_wrap th{text-align:center;border:none}
#wp-calendar caption{margin:0 0 10px;font-size:12px;font-weight:bold}
#content-right #tag_cloud{padding:0 0 30px;line-height:normal}
#content-right.textwidget{line-height:22px;padding-bottom:20px}
#content-right select#cat{margin-bottom:20px}
/******************************************************/
.random{width:262px;height:30px;background:#f5f5f5;color:#fff;z-index:10;line-height:30px;vertical-align:middle;text-indent:10px;padding:1px;}
#random{ float:left; display:block;	width: 280px;border: 1px #ccc solid;	padding: 0px;
	margin-left: 10px;}#random-inside {width:279px;border:1px #ccc solid; padding:0px; height:144px;}
#random-inside img {border:1px #fff solid;}

/* RECENT */	
#recent {
	float: left;
	width: 920px;
	display: block;
	margin: 0px 0px 0px 0px; padding-left:20px;
	border-bottom: 1px #ccc solid; background:#fff;
}
#recent h3 {
	width: 250px;
	padding-left: 60px;
	line-height: 50px; height:55px;}
	#recent .left-post .postmeta a, #recent  .post small a {
	text-decoration: none;
	color: #4A4A4A; margin-bottom:10px;
}
	#recent img { margin-bottom: 7px}
	#recent .post h2 a {
	font-size: 12px;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #1F1F1F;
	font-weight: bold;
	text-transform: none;
	padding: 2px 0;
	line-height: 15px;
}
	#recent  .post { padding: 7px 5px 3px 0px; margin-right:5px; width:170px;float:left;display:inline-block; clear:none;border-right:1px #ccc solid; border-top:1px #ccc solid }
	#recent  .post img, #archiveposts img { float: left; display: inline; margin: 0 10px 0 0; }	
	#recent  .post small {
	line-height: 18px;
	font-size: 10px;
	color: #4A4A4A;
}
#content-right #recent { float: left; width:300px; display: block; margin: 0px 0px 10px 0px; background: transparent ;padding-left:0px;	border-bottom: 1px #ccc none;
}
#content-right #recent .post {width:295px; background:transparent url('images/right-box-bg.gif') repeat-y 30px;padding: 7px 5px 7px 10px; margin:0px 0px 0px 0; border-bottom:1px #ccc solid;border-right:1px #ccc none;border-top:1px #ccc none }
#content-right #recent h3 a {		color: #003264;}
.box-right{
	background: url('images/right-box-bg.gif') no-repeat right 50px;
	width: 300px;
	margin: 0 0 10px -10px;
	padding: 0 0 10px 20px;
	float: left;
	display: block;
}
.box-right h3.sidebar-title {background: url('images/bg-content-alto2.jpg') no-repeat right top; 
	font-weight: bold; margin:0 0 10px -18px; height:55px; border-bottom:1px #ccc solid;
	width: 258px;
	padding-left: 60px;
	line-height: 50px;
	color: #003264;
}
#content-right #recent h3.sidebar-title {background: url('images/bg-content-alto2.jpg') no-repeat -650px -5px; margin-left:-2px; font-weight:bold; font-size:16px;}
#content .box-right ul, #content .box-right ul li {list-style-type:none; list-style:none;}
.box-right ul li a, .box-right ul li a:visited { line-height:18px; padding:2px 0px; font-size:13px;}
.showcase{ padding-top:0px;margin-bottom:20px;}
#slider{position:relative;text-align:left}
#slider li{width:600px;height:300px;overflow:hidden;color:#FFFFFF;position:relative; text-align:center;}
ol#controls{margin:1em 0;padding:0;height:28px;position:relative;top:-40px;left:20px;z-index:100}
ol#controls li{margin:0 10px 0 0;padding:0;float:left;list-style:none;height:23px;line-height:23px}
ol#controls li a{float:left;height:23px;line-height:23px;background:url('images/contols-white.png') repeat-x left bottom;color:#000;text-shadow:0 1px 0 #fff;padding:0 8px;text-decoration:none;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px}
ol#controls li.current a{background:#ab0303;color:#fff;text-shadow:none}
ol#controls li a:focus,#prevBtn a:focus,#nextBtn a:focus{outline:none}
#content ul#portfolio { list-style-type:none; width:620px; text-align:center;margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}ul#portfolio.innerfade, .innerfade li{ position:relative;left:0px;}
ul#portfolio li { list-style:none; list-style-type:none; width:620px; text-align:center;margin:0px;padding:0px;}
ul#portfolio li p img{margin:0px;padding:0px;}
.lingue { float:right; display:inline-block; clear:none; height:30px;}.lingue a, .lingue a:visited{ color:#fff;}.lingue a:hover { color:#000} .lingue ul{ list-style-type:none; margin:10px 0 0 0;}
.lingue li { float:left; width:70px; height:30px;}
div.date{
width: 30px;
float: left;
font-size: 28px;
padding-right: 3px; text-align:right;
margin: 0px;
line-height: normal; border-right:1px #ccc solid;}
.maintime{
	display: inline-block; font-weight:normal;
	float: right;
	clear: none;
	height: 35px;
	width: 95px; margin-right:5px;
	color: #808080;
}
div.m-y{width: 37px;float: left;font-size: 13px;padding-left: 5px;padding-top: 0px;text-align: center;}
span.month{font-size: 11px;}
.readmore {
	float: right;
	width: 65px;
	height: 20px;
	margin: 0 0 15px;
	display: inline-block;
	clear: none;
	
	color: #fff;
	font-size: 11px;
}
.readmore a, .readmore a:visited {	color:#fff; display:block; padding-left:10px;width: 60px;height: 20px;background: url('images/read-more.gif') no-repeat 0px top;
}.readmore a:hover { background: url('images/read-more.gif') no-repeat 0px bottom;
}