/*
Theme Name: silent crystal
Theme URI: http://www.italiaqui.it/hotel/Cattolica-c/
Description: Theme for Wordpress
Version: 1.0
Author: Italiaqui.it
Tags: light, fixed width, three columns, widgets
*/


body {
	background:#f3f3f3;
	font-family:'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Tahoma, Arial, Verdana, sans-serif;
	font-size:13px;
}
img a, a img {
	border:none;
}

a:hover, #sidebar1 a:hover{

	color:#FF6600 !important;
	border-bottom:#00CC00 1px dotted;
	border-top:#FF0000 1px dotted;

}
#contianer {
	width:963px;
	display:table;
	margin:20px auto 0 auto;  /*temp*/
	background:#fefefe url(images/container.gif);
}
#container2 {
	background:url(images/containerbg.gif) top no-repeat;
	display:table-cell;
	padding:4px 0 0 65px;
}
#abovemenu {
	width:860px;
	height:40px;
}
#abovemenu #rssfeed {
	width:62px;
	height:30px;
	float:right;
	cursor:pointer;
	margin:5px 0 0 0;
}
#mainmenu {
	width:860px;
	height:40px;
	background:url(images/menubg.gif) no-repeat;
}
#mainmenu ul {
	display:inline;
	margin:0;
	padding:0 0 0 20px;
	line-height:38px;
}
#mainmenu ul li {
	display:inline;
}
#mainmenu ul li a {
	padding:0 8px;
	text-decoration:none;
	color:#000066;
	font-family:tahoma, sans-serif;
	font-size:12px;
	font-weight:bold;
}


#mainmenu ul li a:hover {

	color:#FF9933;
	border-bottom:#00CC00 2px solid;
	border-top:#FF0000 2px solid;

	}
	

	
#topsearch {
	float:left;
	margin:10px 0 0 5px;
	width:200px;
	height:25px;
}
#searchformtop {
	padding:0;
}
#searchformtop input {
	width:190px;
	color:#999999;
	height:14px;
	padding:0;
	font-size:10px;
}
#topearch {
	padding:0;
}
#banner {
	height:146px;
	width:830px;
	margin:10px 0 0 0;
	background:url(images/banner.jpg) no-repeat;
	padding:55px 10px 0 30px;
	text-align:center;
}

#banner h1 {
	margin:5px 0;
	display:none;
}
#banner h2 {
	margin:0;
	display:none;
}
#banner h1 a {
	color:#6393ad;
	font-family:"Times New Roman", Times, serif;
	font-weight:normal;
	font-size:36px;
	text-decoration:none;
}
#banner h2 {
	color:#787878;
	font-family:"Times New Roman", Times, serif;
	font-weight:normal;
	font-size:26px;
	text-decoration:none;
}
#wrapper {
	border:1px solid #bebebe;
	width:858px;
	display:table;
	margin:10px 0 10px 0;
}
#wrapper2 {
	border:1px solid #fff;
	background:#f5f5f5;
	width:840px;
	display:table-cell;
	padding:8px;
}
/*Main post*/
#main {
	width:480px;
	float:left;
}
#main h2, #main h2 a {
	font-size:18px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#111;
	text-decoration:none;
	margin:2px 0;
}
.post small {
	color:#999999;
	font-size:11px;
	font-family:tahoma, sans-serif;
	border-bottom:1px dashed #e6e6e6;
}
.post {
	padding:7px;
	text-align:justify;
	float:left;
	background:#fff;
	margin: 0 0 8px 0;
	border:1px solid #dfdedf;
}
.post p {
	padding:4px;
}
.post blockquote {
	font-style:italic;
	margin:5px 30px;
	padding:0 10px;
	background:url(images/blockquote.gif) left top no-repeat;
	color:#444;
}
.post img {
	padding:2px;
	margin:3px;
}
.post ul li {
	list-style-image: url(images/post-li.gif);
}
.posttitle-ang {
	width:466px;
	float:left;
}
.posttitle-ang .date {
	text-align:center;
	width:50px;
	float:left;
	height:49px;
	background:url(images/calendar_background.jpg) no-repeat center top;
	padding:7px 0 0 0;
}
.posttitle-ang .datetime {
	color:#fcfcfc;
	font-weight:bold;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.posttitle-ang .maintitle {
	float:right;
	width:414px;
}
.posttitle-ang .datemonth {
	color:#000;
	font-weight:bold;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:28px;
}
.postmeta {
	width:456px;
	float:left;
	background:#e4f1f1;
	border:1px solid #e0e0e0;
	padding:4px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
}
.postmeta a {
	text-decoration:none;
	color:#165faf;
}
.commentlink a {
	float:right;
	width:100px;
	padding:5px 0 0 0;
	background: url(images/commentbg.gif) #fff;
	text-align: center;
	height:20px;
	color:#000000;
}
.commentlink a:hover {
	border:0px;
	color:#FF6600;

}
#sidebar {
	float:right;
	width:340px;
	background:#fff;
	padding:4px;
}
#sidebar1 {
	width:170px;
	float:left;
}
#sidebar1 ul, #sidebar2 ul {
	padding:0;
	margin:0;
	list-style:none;
}
#sidebar2 {
	width:170px;
	float:right;
}
#sidebar h2 {
	font-size:12px;
	font-weight:bold;
	margin:0 0 3px 0;
	font-family:tahoma;
	color:#fff;
	padding: 3px;
	background: /*url(images/widgettitle.gif) repeat-x*/ #333;
}
#sidebar ul ul {
	padding:0 5px 5px 5px;
}
#sidebar ul.sidecontainer1 {
	padding:0 5px 5px 5px;
	background:#efefef;
	border:1px solid #fff;
}
#sidebar ul.sidecontainer {
	background:#efefef;
	border:1px solid #fff;
}
#sidebar .sbback1 {
	border:1px solid #dbdbdb;
	margin:0 2px 0 0;
}
#sidebar .sbback2 {
	border:1px solid #dbdbdb;
	margin:0 0 0 2px;
}
#sidebar ul ul li {
	padding:3px 0 3px 15px;
	background: url(images/li.gif) top left no-repeat;
	border-bottom:1px dashed #CCCCCC;
	line-height:16px;
}
#sidebar ul ul li a, #sidebar ul ul li a:visited {
	text-decoration:none;
	color:#015996;
	font-family: tahoma, sans-serif;
}
.widget {
	margin: 0 0 10px 0;
}
/*Commetns*/
#commentform {
	padding:10px 10px 10px 15px;
	background:url(images/commentbgmain.gif) top no-repeat;
	margin:15px 0 0 0;
	height:252px;
}
#commentform small {
	font-size:12px;
}
#commentform textarea {
	width:420px;
	height:100px;
}
#commentarea {
	float:left;
	padding:8px;
	background:#fff;
	width:466px;
	border:1px solid #dfdedf;
}
#commentarea h3 {
	margin:3px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:0 0 4px 0;
	color:#004466;
}
#commentarea ol {
	list-style:none;
	padding:5px;
	margin:0;
}
#commentarea p {
	padding:5px;
	text-align: justify;
	margin:0;
}
.commentauthor {
	padding:4px 0;
	margin:0;
	background:#efefef;
	border-left:10px solid #2f8ebd;
}
.commentauthor a {
	font-size:11px;
	text-decoration:none;
	color:#999999;
}
.commenttext {
	background:url(images/commenttop.gif) top no-repeat #d4eaf5;
	padding:20px 15px 0 15px;
}
.commenttextbottom {
	background:url(images/commentbottom.gif) top left no-repeat;
	height:13px;
	margin: 0 0 15px 0;
}
h3#respond {
	margin:0;
	padding:0 0 0 10px;
	color:#000000;
	font:22px "Times New Roman", Times, serif;
	font-weight:normal;
}
input#submit {
	background:#444;
	cursor:pointer;
	color:#fff;
	border:none;
	padding:5px 10px;
}
#footer {
	height:30px;
	padding:35px 0 0 0;
	font-size:11px;
	text-align:right;
	background:#f3f3f3 url(images/footer.gif) no-repeat top;
	width:963px;
	margin:0 auto 0 auto;
	color:#777;
}
#footer a {
	color:#165faf;
	text-decoration:none;
}
a {
	color:#165faf;
	text-decoration:none;
}
#adscover {
	border:1px solid #666;
	margin-bottom:10px;
}
#rightads {
	width:296px;
	height:129px;
	padding:5px 20px 5px 20px;
	border:1px solid #fff;
	background: url(images/adsbg.gif) repeat-x top #c3c3c3;
}
#adsright {
	width:127px;
	float:right;
	border:1px solid #999999;
	padding:0;
	height:127px;
	background:#fff;
}
#adsleft {
	width:127px;
	border:1px solid #999999;
	padding:0;
	float:left;
	height:127px;
	background:#fff;
}
/*fix*/
#sidebar img {
	border:none;
	padding:0;
	margin:0;
}
#sidebar #searchformtop input {
	width:160px;
	margin:5px 0 5px 0;
}
.alignright a {
	text-decoration:none;
	float:right;
}
/*Tabs*/
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
h2 {
	font-size:11px;
}
.tabberlive .tabbertabhide {
	display:none;
}
/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
	font-size:11px;
}
.tabberlive {
}
/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav {
	margin:0;
	padding: 3px 0;
}
.tabberlive ul li, .tabberlive ol li {
	list-style:none;
}
ul.tabbernav li {

	list-style: none;
	margin: 0;
	display: inline;
	font-size:12px;
}
ul.tabbernav li a {
	padding: 3px 0.5em;
	margin-right: 3px;
	border-bottom: none;
	background: #fff;
	text-decoration: none;
	color: #000000;
	text-transform:uppercase;
}
ul.tabbernav li a:link {
	background:#777;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	font-family:tahoma;
}
ul.tabbernav li a:visited {
}
ul.tabbernav li a:hover {
	color: #fff;
	background: #888;
}
ul.tabbernav li.tabberactive a {
	background: #333;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	font-family:tahoma;
}
ul.tabbernav li.tabberactive a:hover {
	color:#FF6600;
}
/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
	padding:5px;
	border-top:0;
	background:#efefef;
	margin-bottom:10px;
	font-size:12px;/* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height *//* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}
/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
	display:none;
	font-size:12px;
}
.tabberlive .tabbertab h3 {
	display:none;
}
/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
	height:200px;
	overflow:auto;
}
.tabbertab p {
	padding-bottom:10px;
	line-height:140%;
}
.tabbertab ul {
	padding:0;
	margin:0;
}
.tabbertab ul li {
	padding:5px 0 6px 0;
}
.tabbertab ul li {
	background:url(images/bullet.gif) no-repeat 0 5px;
	padding-left:24px;
	border-bottom:1px solid #fff;
}