/* CSS Document */

/************************************************************************************************************  UNIVERSAL */

body {
margin:0px;
/*background-color:#8b8970; beta*/
background:url(../images/v1__bg_horizontalShadow1072.jpg) repeat-Y center #fff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;

}


h1, h2, h3, h4, h5 {
margin: 0;
padding: 0;
}

/* h1 are subsection titles, h2 are listing and review titles, h3 are review dates */

h2 {
font-size:16px;
}

h3 {
font-size: 12px;
color: #990000;
/*color: #8B6508;  gold */
/*color:#666;  see review_date for margins */
}


p {
margin: 0;
padding: 0;
}

img {
border:0;
}

a {


}

a:link, a:visited {
color:#8B6508;
/*color:#0000FF;*/
text-decoration:underline;
/*font-weight:bold;*/
/* Necessary to eliminate the bold here, else you can't reverse it... can't make the link normal once you've told its parent to be bold  */
}

a:hover, a:active {
color:#0000ff;
}

/*_________________________________________ OTHER LINKS ARE LOCATED:

homeMaster.css
.listing_viewprofile a - links class for the Listing column
.listing_subsection_function - things like "reshuffle" and "view all"
.review_viewreplies a - links class for the Reviews column
.reviews_subsection_function - things like "view all" etc.



*/



/*  DIVS  */

#bg {  /* This is the new shadow container for v.1  */
/*background-image:url(../images/bg.jpg);
width:100%;
height: 50px; BETA */
background:url(../images/v1_bg_greyTop40.jpg) repeat-x #fff;
width:100%;
height: 40px;
}


#containerShadow {
background-image:url(../images/containerShadow.jpg);
background-repeat:repeat-y;
background-position:center;
width:1019px;
margin-left:auto;
margin-right:auto;

}

#containerShadowHeader {
background-image:url(../images/containerShadowHeader.jpg);
background-repeat:no-repeat;
background-position:top center;
width:1019px;
margin-left:auto;
margin-right:auto;

}


#container {
width: 1000px;
margin:2px auto 0 auto;
border-left:1px solid #666;
border-right:1px solid #666;
overflow:hidden;
}


		/************************************************************************************************************  HEADER WRAPPER */

	#headerWrapper {   /* The headerWrapper is neccessary to be the "relative" to the nav login  */
	position:relative;
	
	}
	
	
	/************************************************************************************************************  NAV */

		
	/*	#navWrapper {
		height: 20px;
		border-bottom: solid 1px #999;
		background-color:#fff;
		position:relative;
		}
		*/
		
	
		
		/* code from listamatic http://css.maxdesign.com.au/listamatic/horizontal27.htm START */
		
	

#navcontainer {
height: 24px;
overflow:hidden;
}

#navcontainer ul
{
text-align: center;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 0;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
/*background-color: #036;*/
background-color:#000;
color: #fff;
width: 100%;
font-family: Arial,Helvetica,sans-serif;
line-height: 18px;
/* fixes Firefox 0.9.3 */
}

#navcontainer ul li
{
margin:0;  /* tim code - i added this */
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 5px;
/*border-right: 1px solid #fff;*/ /* tim code - i moved this from #navcontainer ul li a to here */
}

#navcontainer ul li a
{
margin:0;  /* tim code - i added this */
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;
color: #fff;
text-decoration: none;
}

#navcontainer ul li a:hover
{
background-color: #fff;
color: #990000;
}

#navcontainer #active { border-left: 1px solid #fff; }


	/* code from listamatic http://css.maxdesign.com.au/listamatic/horizontal27.htm STOP */
	
	
		#navcontainer ul li.navUsers {
		margin:0;
		padding-left: 6px;
		padding-right: 6px;
		color:#000;
		/*background-color:#F4F0C3;*/
		background-color:#ecd872;
		}
		
		#navcontainer ul li.spacer {  /* this is the spacer text to the left "Welcome Text" */
		margin:0;
		color:#000;
		}
			
		
		
	/************************************************************************************************************  LOGIN */
	
	
		#navLoginPanel {
	position:absolute;
	z-index:5;
	background-color:#990000;
	color:#fff;
	height:140px;
	width:1000px;
	border-bottom: solid 2px grey;
	filter: Alpha(Opacity=93);
	-moz-opacity: 0.93;
	opacity: 0.93;
	text-align:center;
	}
	
	#navLoginPanel a {
	font-weight:bold;
	color:#fff;
	}
	


	#loginPanel_close {
	float:right;
	margin: 6px 6px 0px 0px;
	}
	
	
	#loginPanel_header {
	font-size:18px;
	margin: 6px 6px 2px 10px;
	font-style:italic;
	float:left;

	}
	
		#loginPanel_info {
	/*border: green solid 2px;*/
	float:left;
	width: 600px;
	margin: 26px 0px 0px 30px;
	text-align:center;
	}
	
		#loginPanel_message {
	/*	border: green solid 2px;*/
	font-style:italic;
	margin-top: 0px 0px 0px 0px;
	}
	
	
	#loginPanel_form {
/*	border: green solid 2px;*/
margin-top: 12px;
	}
	
	
	#loginPanel_forgot_pass {
	margin: 12px 0px 4px 0px;

	}
	
	#loginPanel_register {
	
	}
	
	#forgotPasswordPanel {
	float:left;
/*	border: 2px solid green;*/
	width: 600px;
	margin: 50px 0px 0px 30px;
	}

		
	/************************************************************************************************************  HEADER */
		
	#header {
	position: relative;
	height: 140px;
	background-color:#FFF;
	border-bottom:2px solid #666;
	/*background-image:url(../images/header_logo.jpg);
	background-position: center;*/
	}
	
	#header span { /* this technique was deleted... caused too many problems in Firefox */
	/*position:absolute;*/
	/*left: 0px;*/
	/*width: 100%;
	height: 100%;
	background-image:url(../images/header_logo.jpg);
	background-position: center;*/
/*	border: 2px green solid;*/
	}
	
	#headerAdLeft {
	position: absolute;
	left: 12px;
	top: 10px;
	width:180px;
	height:120px;
	background-image:url(../images_ads/ad_it_generic.jpg);
	z-index: 2;
	}
	
	#headerAdRight {
	position:absolute;
	top: 10px;
	right: 12px;
	width:180px;
	height:120px;
	background-image:url(../images_ads/ad_it_generic.jpg);
	z-index: 3;
	}
	
	#date_today {
	position: absolute;
	z-index: 4;
	width:200px;
	height: 20px;
	/*border: 1px solid #00FF00;*/
	left: 264px;
	top: 105px;
	font-weight:bold;
	color:#666;
	text-align:right;
	}
	
	#date_lastUpdate {
	position: absolute;
	z-index: 4;
	width: 250px;
	height: 20px;
	/*border: 1px solid #00FF00;*/
	left: 490px;
	top: 105px;
	font-weight:bold;
	color:#990000;
	text-align:left;
	}
	
	#v1-header-logo {
	position: absolute;
	left: 280px;
	top: 44px;
	}
	
	

	
	
	
	/************************************************************************************************************  CONTENT */

	
	#content {
	background:#fff;
	/*background: left top url(../images/bg_quicklinks.jpg) repeat-y #fff;*/
	/* NOT SURE WHY THIS DOESN'T WORK IN IE6.  THE RED BG DOES APPEAR WITH THE BORDER, BUT NOT WITHOUT */
	/*border:2px solid #FF00FF;*/
	}
	
	
		/************************************************************************************************************  QUICKLINKS */
	
	
		#quicklinks {
		float:left;
		width: 120px;
		/*background-color:#990000;
		color:#fff;*/
		color:#666;
		background-color:#F2F2F2;
		font-size:11px;
		font-family:Arial, Helvetica, sans-serif;
		overflow:hidden; /* THIS IS THE SECRECT TO BEATING THE WIDTH PROBLEM IN IE6!!!!!!!!!!  */
	/*	border-right: 1px solid #666;
		border-bottom: 1px solid #666;*/
		}
		
		#quicklinks h1 {
		margin:0px 0px 4px 0px;
		font-size:16px;
		padding:4px;
		color:#fff;
		background-color:#666;
		font-style:italic;
		}
		
		#quicklinks h1.category {
		background-color:#666;
		}
		
		#quicklinks ul, li {
		margin:3px 2px 0px 2px;
		padding: 0px;
		list-style-type:none;
		}
		
		#quicklinks ul ul {
		margin-left:8px;
		}
		
		#quicklinks a {
		color:#333;
		text-decoration:none;
		}
		
		#quicklinks a:hover {
		text-decoration:underline;
		color:#0000FF;
		}
		
		
		li.quicklinks_selected {
		background-color:#fff;
		color:#000;
		}
	
		
		#quicklinks_categories {
		border-top: 2px solid #CCC;
		margin-top: 6px;
		margin-bottom: 6px;
		font-size:18px;
		font-style:italic;
		font-weight:bold;
		}
		
		.hideScheda li {
		margin-left:10px;
		}
		
		
		
		
		/************************************************************************************************************  THREE COLUMN WRAPPER */
		
		
		#threeColumnWrapper {
		/*border-left: 1px solid #CCC;*/
		width: 880px;
		float:left;
		}
		
		
		
		/************************************************************************************************************  SEARCH AND NEWS / HEADLINES */
		
		#searchBar {
		height: 50px;
		background-color:#fff;
		color:#000;
		overflow:hidden;
	/*	border-top: 1px solid #666;*/
		/*background-image:url(../images/search-bg-color.jpg);
		background-position:left;
		background-repeat:no-repeat;*/
		}
		
		#searchLogo {
		float:left;
		}
		
		#searchBar-motto {
		font-size:20px;
		font-style:italic;
		font-weight:bold;
		color:#666;
		float:left;
		width:310px;
		margin:15px 0px 0px 6px;
		/*border:1px solid grey;*/
		} 
		
		#searchBar form {
		margin:15px 0px 0px 0px;
		float:left;
		
		}
		
		#searchTips {
		margin:16px 0px 0px 12px;
		float:left;
		font-size:10px;
		}
		
		
		/************************************************************************************************************  RESHUFFLE */
		
		.listing_list_alpha
		{
		z-index:500;
		filter: Alpha(Opacity=30);
		-moz-opacity: 0.30;
		opacity: 0.30;
		
		}
		
		#imgListingLoading
		{
		position:absolute;
		margin-left:240px;
		margin-top:0px;
		display:none;
		}
				
				
	
		
		/************************************************************************************************************  GOOGLE MAPS */
		
		
		#if_map_container {
		position:relative;
		height:300px;
		width:100%;
		}
		
		#if_map_close {
		position:absolute;
		z-index:10;
		right: 20px;
		top: 20px;
		color:#fff;
		background-color:#990000;
		padding: 12px;
		font-weight:bold;
		cursor:pointer;
		}
		
		#if_map_close a {
		color:#fff;
		text-decoration:underline;
		cursor:pointer;
		}
		
		
		#if_map {
		
		height: 300px;
		width: 100%;
		border: 0px;
		
		
		}
		
		
			/************************************************************************************************************  MUST BE LOGGED IN WARNING */
		
		#warning_mustLogin {
	
		height:100px;
		width:100%;
		background-color:##fff;
		/*border: 4px solid #000;*/
		text-align:center;
		position:relative;
		}
		
		
		#warning_mustLogin img {
		margin: 10px 10px 0 20px;
		float:left;
		}
		
		#warning_mustLogin_message {
		float:left;
		color: #024C94;
		font-size:14px;
		width: 62%;
		margin: 25px auto;
/*		border:1px solid green;*/
		}
		
		
		#warning_mustLogin_close {
		position:absolute;
		z-index:10;
		right: 120px;
		top: 30px;
		color:#fff;
		background-color:#2681C0;
		font-weight:bold;
		cursor:pointer;
		width:100px;
		}
		
		#warning_mustLogin_close a {
		display:block;
		padding: 12px;
		}
		
		
		#warning_mustLogin_close a:link, #warning_mustLogin_close a:visited {
		color:#fff;
		
		}
		
		#warning_mustLogin_close a:hover, #warning_mustLogin_close a:active  {
		color:#000;
		background-color:#CCC;
		}
		
				
	/************************************************************************************************************  FIXED PAGE HEADERS - GODDESS SPOT, KATIE TALKS WINE, YACHTING IN ROME, ETC. */
	
	#fixedPage-image-holder {
	position:relative;
	z-index:1;
	width:880px;
	height:220px;
	}
				




		/************************************************************************************************************  FOOTER */				
				
#footer {
clear:both;
background-color:#666;
color:#CCC;
font-size:10px;
text-align:center;
}

#footer a, #footer a:link {
color:#fff;
text-decoration:underline
}

#footer a:hover {
color:#000;
text-decoration:none;
}