/*
Theme Name: Silent Crystal (New)
Theme URI: http://www.italiaqui.it/hotel/Cattolica-c/
Description: Theme for Wordpress. This theme and several hundred of others are available for free download at <a href="http://www.wordpresstemplates.com/">Wordpress Templates</a>.
Version: 1.0
Author: Italiaqui.it
Tags: light, fixed width, three columns, widgets
*/

body {
background:#F7F3F7;
font-family:'Lucida Grande','Lucida Sans Unicode',Helvetica,Tahoma,Arial,Verdana,sans-serif;
font-size:13px;
/*text-align:center;*/
}

img a, a img{
border:none;}

#contianer{
width:963px;
display:table;
margin:20px auto 0 auto;  /*temp*/
background:#fefefe url(images/container.gif);
/*text-align:left;*/
}

#container2{
background:url(images/containerbg.jpg) top no-repeat; 
display:table-cell;
padding:4px 0 0 65px;
}



#abovemenu{
width:860px;
height: 184px;
*height: 195px;
_height: 195px;
}

#abovemenu #rssfeed{
width:57px;
height:27px;
float:right;
cursor:pointer;
}

#rssfeed{
background-image:url(images/rss.gif);
margin-top: -43px;
*margin-top: -30px;
_margin-top: -30px;
}



#mainmenu{
width:570px;
height:40px;
margin-left: 10px;
background:url(images/menubg.jpg) no-repeat;
margin-top: -13px;
*margin-top: 0px;
_margin-top: 0px;
}



#mainmenu ul{
display:inline;
margin:0;
padding:0 0 0 10px;
line-height:38px;
}



#mainmenu ul li{
display:inline;
}



#mainmenu ul li a{
padding:0 5px;
text-decoration:none;
color:#333;
font-family:tahoma, sans-serif;
font-size:14px;
}

#mainmenu ul li a:hover {text-decoration:underline;}



#topsearch{
float:left;
margin:-38px 0 0 5px;
*margin: -25px 0 0 5px;
_margin: -25px 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;
display:none;
margin:10px 0 0 0;
background:url(images/banner.jpg) no-repeat;
padding:55px 10px 0 30px;}



#banner h1{
margin:5px 0;
}

#banner h2{
margin:0;
}

#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:20px 0 10px 0;*/
margin:10px 0 10px 0;
}

#wrapper2{
border:1px solid #fff;
background:#f5f5f5;
width:840px;
display:table-cell;
padding:8px;
}



/*Main post*/

#main{
/*width:840px;*/
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: 20px;
padding-right: 0px;
text-align:left;
float:left;
background:#fff;
margin: 0 0 8px 0;
border:1px solid #dfdedf;
width:817px;
}

.post p {
padding:4px; /* new */
}

.post hpink{
font-family: "Times New Roman", Times, serif;
font-weight:bold;
font-size: 22 px;
text-decoration:none;
font-color:#EC008C;
}

.post blockquote{
font-style:italic;
margin:5px 30px;
padding:0 10px;
background:url(images/blockquote.gif) left top no-repeat;
color:#444;
}

/*.post_body { width:475px; float:left;}*/

.post ul li{
list-style-image: url(images/post-li.gif); /* new */
}
.posttitle-ang{ width:440px; float:left; } /* new */

.postbg {width:725px;}


.postbg2 { width: 420px; }



.posttitle-ang{ width:475px; height:50px;}

.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;  background:#e4f1f1; border:1px solid #e0e0e0; padding:4px; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#666666; height:25px;}
*/
.postmeta{ width:456px; float:left; background:#e4f1f1; border:1px solid #e0e0e0; padding:4px; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#666666; height:25px;}
/* new (above) */

.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;}

.commentlink a{color:#000000; }


/*#sidebar{float:right; width:309px; background:#fff; padding:4px;}*/
#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:15px 0 0 0; font-size:11px; text-align:center; background:#f3f3f3 url(images/footer.gif) no-repeat top ; width:963px; margin:0 auto 0 auto; color:#777;} */

#footer{ display:none }

#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:right; 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: #fff;
}



/*--------------------------------------------------

  .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;} 



.post .trailer {
	font-style: italic;
	font-weight: bold;
	color: #FF01AB;
}



#mainmenu ul li a{color: #0000CC; font-weight:bold;}

#mainmenu ul li.page-item-5 a{color: #FF9900;}

#mainmenu ul li.page-item-2 a{color: #9933FF;}

#mainmenu ul li.page-item-112 a{color: #009933;}

#mainmenu ul li.page-item-386 a{color: #FF0000;}

#mainmenu ul li.page-item-176 a{color: #33CC99;}

#mainmenu ul li.page-item-517 a{color: #FF00CC;}

#mainmenu ul li.page-item-144 a{color: #FF9933;}



.large-heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-style: italic;
	color: #333333;
}

.bold-pink-heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-weight: bold;
	color: #EC0083;
}

.home-bold-italic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	font-style: italic;
}

.home-headings {
	line-height: 32px;
	margin: 0px;
}

.home-heading-pipe {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #333333;
}.normal-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

#wpcf7-form-control-wrap {background-color:#FF0000;}

#hp-wrapper {
width: 795px;
height: auto;
padding: 0px;
margin: 0px auto;
background-color: #ffffff;
color: 333333;
text-align: left;
}
	
#hp-banner {
width: 625px;
height: auto;
margin: 0px;
padding-bottom: 2px;
background-image: url('images/hp-bg.jpg');
background-repeat: no-repeat;
background-position: bottom right;
border-bottom: 1px solid #ccc;
position: relative;
}
	
#hp-banner-text {
width: 300px;
padding-top: 5px;
padding-left: 10px;
}

#hp-sidebar-text {
width: 150px;
padding: 0px;
margin: 0px;
}
	
#hp-sidebar {
width: 180px;
top: -23px;
right: -24px;
height: auto;
float: right;
margin: 0px;
padding: 0px;
padding-bottom: 15px;
position: relative;
background-color: #cecece;
background-image: url('images/hp-side-bot.png');
background-repeat: repeat-x;
background-position: bottom;
}
	
#hp-container-top {
width: 154px;
height: 16px;
margin: 0px auto;
background-image: url('images/hp-ct-top.png');
background-repeat: no-repeat;
position: relative;
}
	
#hp-container-mid {
height: auto;
margin: 0px auto 10px auto;
padding-top: 5px;
position: relative;
text-align:center;
}

#hp-container-bot {
width: 154px;
height: 6px;
margin: 0px auto 5px auto;
padding: 0px;
background-image: url('images/hp-ct-bot.png');
background-repeat: no-repeat;
position: relative;
}

#hp-main-main {
width: 620px;
height: auto;
}

#hp-main-container {
  padding-left: 200px;   /* LC width */
  padding-right: 200px;  /* RC width */
}
#hp-main-container .column {
  position: relative;
  float: left;
}
#hp-main-center {
  width: 100%;
}
#hp-main-left {
  width: 200px;          /* LC width */
  right: 200px;          /* LC width */
  margin-left: -100%;
}
#hp-main-right {
  width: 200px;          /* RC width */
  margin-right: -200px;  /* RC width */
}

}
/*** IE6 Fix ***/
* html #hp-main-left {
  left: 200px;           /* RC width */
}


#hp-recent {
width: auto;
height: auto;
margin: 0px;
margin: 10px;
border-right: 1px solid #ccc;
position: relative;
}
	
#hp-upcoming {
width: 200px;
float: right;
height: auto;
margin: 0px;
position: relative;
}

#hp-intro {
width: 200px;
float: left;
height: auto;
margin: 0px;
position: relative;
}

#main-container-top {
width: 190px;
height: 16px;
margin: 0px auto;
background-image: url('images/main-ct-top.png');
background-repeat: no-repeat;
position: relative;
}
	
#main-container-mid {

height: auto;
margin: 0px auto 0px auto;
padding-top: 5px;
position: relative;
text-align:center;
}

#main-container-bot {
width: 190px;
height: 6px;
margin: 0px auto 5px auto;
padding: 0px;
background-image: url('images/main-ct-bot.png');
background-repeat: no-repeat;
position: relative;
}

.hp-vid {
padding-left: 5px;
}

.hp-title {
font-family: arial, helvetica, sans-serif;
font-size: 26px;
font-style: italic;
padding-bottom: 20px;
margin: 0px;
color: #333333;
}

.hp-pink-heading {
padding: 0px;
margin: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 19px;
font-weight: bold;
color: #EC0083;
}
	
.hp-pipe-heading {
padding: 0px;
margin: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 19px;
font-weight: bold;
color: #333333;
}
	
.hp-pink-subheading {
padding: 0px;
margin: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #333333;
font-style: italic;
}
	
.hp-event-subheading {
padding: 0px;
margin: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #333333;
font-style: italic;
}
	
.hp-event-heading {
padding: 0px;
padding-bottom: 5px;
margin: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
text-align: center;
color: #333333;
}

.hp-ct-heading {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-align: center;
color: #333333;
}

.hp-link-text {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0px;
padding: 10px 5px;
font-weight: bold;
color: #333333;
}

.hp-ct-text {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 0px 5px;
margin-bottom: 0px;
color: #333333;
}

.hp-faves-ul1{
margin: 0px;
padding: 0px 0px 0px 10px;
list-style-image: url('images/hp-ul-crown1.png');
display: block;
font: 12pt arial,sans-serif;
list-style-position: inside;
line-height:14px;
}

.hp-faves-ul2{
margin: 0px;
padding: 0px 0px 0px 10px;
list-style-image: url('images/hp-ul-crown2.png');
display: block;
font: 12pt arial,sans-serif;
list-style-position: inside;
line-height:14px;
}

.hp-faves-ul3{
margin: 0px;
padding: 0px 0px 0px 10px;
list-style-image: url('images/hp-ul-crown3.png');
display: block;
font: 12pt arial,sans-serif;
list-style-position: inside;
line-height:14px;
}

.hp-faves-ul4{
margin: 0px;
padding: 0px 0px 0px 10px;
list-style-image: url('images/hp-ul-crown4.png');
display: block;
font: 12pt arial,sans-serif;
list-style-position: inside;
line-height:14px;
}

.hp-faves-li {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #333333;
line-height:18px;
}
	
.hp-giveaway-input {
margin-top: 2px;
margin-left: 5px;
width:120px;
}

.hp-giveaway-enter {
margin-top: 2px;
margin-left: 5px;
width:80px;
}
	
.hp-giveaway {
border: 0px;
padding: 0px;
padding-left: 1px;
margin: 0px;
width:144px;
}
	
.hp-table {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
margin: 0px 0px 10px 0px;
}
	
td.hp-date {
width: 60px;
text-align: left;
padding: 3px 0px;
border: 0px;
text-align: right;
}

td.hp-event {
width: 170px;
text-align: left;
padding: 0px 5px;
border: 0px;
background-color: #fbd8ef;
font-weight: bold;
text-align: center middle;
}
	
td.hp-eventgo {
width: 10px;
text-align: left;
padding: 0px;
border: 0px;
text-align: center middle;
}

/* Updated by Jeff - Sept13-09 - A container for the homepage content to be able to go right to the edges */
#hp-wrapper {
	width: 840px;
	height: auto;
	padding: 0px;
	margin: 0px;
	margin-left:-21px;
	margin-top: -23px;
	margin-bottom: -20px;
	background-color: #FFFFFF;
	color: 333333;
	text-align: left;
	border: 1px none #FF00FF;
}

/* Homepage styles */
.home-content-cell {
	padding-top: 22px;
	padding-right: 10px;
	padding-bottom: 13px;
	padding-left: 22px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #DFDEDF;
	border-right-color: #ACACAC;
	border-bottom-color: #ACACAC;
	border-left-color: #DFDEDF;
}
.home-right-column {
	background-color: #CECECE;
	background-image: url(images/home-right-column-background.jpg);
	background-repeat: repeat-x;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left:12px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #ACACAC;
	border-right-color: #ACACAC;
	border-bottom-color: #ACACAC;
	border-left-color: #ACACAC;
}
.home-bottom-row {
	background-color: #CECECE;
	padding-top: 12px;
}
	
.home-image {padding:0px; margin:0px;}