/* CSS Document */

/* Remove browser defaults */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,span,img,td,table,tr
{margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;}
ul,ol {list-style:none;}
:link,:visited {text-decoration:none;}
/* End of Remove browser defaults */

/* Force scrollbar */
html {
overflow: scroll;
} 

/* Main Divs and global styles*/
body {
	line-height: normal;
	/* background-color: #fafad2;*/
	background: white url(images/clayhouse_bkg.jpg) repeat fixed; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	text-align: center;
	/*from old not in new*/
	margin: 0;
	padding: 0;
}

#container {
	position: relative;
  	/*margin: 5px auto 20px auto; */
	margin: 5px auto;  	
	width: 750px; 
	background-color: white; 
	border: 3px solid black;
	text-align: left;
}

#content {
 padding: 0; 
	}

a {
	color: black;
	font-weight: bold;
	font-size: .90em;
	padding: 0 10px 0 10px;
	border: 1px solid white;
}

a:hover {
	background-color: red;
	color: white;
	border: 1px solid black; 
 }

/* Header Sub-divs */
		
#header {
	background: url(images/main_header.gif) no-repeat left top;
	height: 85px;
	width: 750px;
}

#header h1 span {
  display:block;
  position:relative;
  height:110px;
  /*background:transparent url('header_image3.gif') no-repeat;*/
  z-index:20;

}
#header h1 {
  height:90px;
  overflow:hidden;
  margin:0;
  padding:0;
  z-index:1;
}

#adheader {
	background: url(images/adheader.gif) no-repeat left top;
	height: 50px;
	width: 750px;
}
#adheader h1 span {
  display:block;
  position:relative;
  height:50px;
  /*background:transparent url('header_image3.gif') no-repeat;*/
  z-index:2;

}
#adheader h1 {
  height:50px;
  overflow:hidden;
  margin:0;
  padding:0;
  z-index:1;
}

/* End of Header Sub-divs */

/* Main menu */

#menu {
	background-color: #ccc; 
	border: 1px solid black;
	border-width: 3px 0 1px 0;
	border-top: 3px double black;
	padding: 2px 15px;
	/* need 750px width here for IE 5.0 but NOT others*/
}
#menu ul {
  	margin: 0; 
	list-style: none; 
}

#menu ul li { 
  display: inline;
  padding: 0 7px;
/*need something here to push apart in 5.0 */
}

#menu a {
 border-color: #ccc;
 }
	
#menu a:hover {
 border-color: black;
	}

/*  End Main menu */

/* Content*/

h2 { 
padding-top: 7px;
}

#sidemenu {
	border-right: 1px solid black;
	line-height: 1.15em;
}

#sidemenu h3{
	margin: 7px 0 0 0;
	padding-left: 3px;
	background: white;
}
#sidemenu h4{
	border-top: 3px double black;
	border-bottom: 1px solid black;
	font-size: 0.9em;
	/*background: yellow;*/
	margin: 2px 0;
	padding-left: 3px;
	background: #ccc;
	color: black;
	height: 20px;
}
#sidemenu a {
 font-weight: normal;
	font-size: 0.75em;
	display: block;	
}

#ad_listings {
	padding: 0 0 0 10px;
	line-height: 1em;
}

#ad_listings h2 {
	font-size: 1em;
	margin: 2px 0 5px 0;
}

#ad_listings ul {
	padding: 0 10px 0 20px;
	margin: 0;
	list-style-image:  url(images/arrow.gif);
 font-size: 0.9em;
	}

#ad_listings li {
	margin-bottom: 5px;
	font-size: .95em;
	}

#ad_listings a {
 font-weight: normal;
	font-size: 1em;
 padding: 0;
}

span.salestatus {
	margin-left: 5px;
	padding-left: 5px; 
	font-weight: bold;
	font-size: 0.80em;
}

.status_new {color: green;}
.status_sold {color: red;}
.status_pending {color: red;}
.status_found {color: red;}
.status_reduced {color: green;}
.status_rented {color: red;}


td#buttons {
	border-left: 1px solid black;
	padding: 0 0 0 3px;
}

td#buttons h2 {
	text-align: center;
	margin-bottom: 5px;
}

td#buttons img {
	margin: 10px 0 0 0;
	border: none;
	
}

td#buttons a {
	border: none;
	padding: 0;
	margin: 2px 0;
}

td#buttons a img {
	display: block;
}


/* ad page ====================================================================== */
#ad_content a, #howto_content a {
	color: blue;
	text-decoration: underline;
	padding: 0;
	line-height: 1.4em;
	border: none;
}


#ad_content a:hover, #howto_content a:hover {
	background: none;
	border: none;
	}

#ad_content a:visited, #howto_content a:visited {color: purple;} 
#ad_content p {margin: 3px 5px 0 5px;}

/* ad page and ad photos page =================================================== */
#ad_content, #photo_content {margin: 5px 5px 10px 5px;}
#ad_content h1, #photo_content h1 { 
	margin: 5px 5px 5px 5px;
 font-size: 1.2em;	
}

p {
	font-size: 1.0em;
	margin: 3px 46px 0 46px;
}

/* ad photos page =============================================================== */
#photo_content {
 min-height: 500px;
	height:expression(
    this.scrollHeight < 500? "500px" : "auto" );
}

#main_photo p#caption {
	width: 170px;
	float: right;
	margin: 0;
	font-weight: bold;
	font-size: 0.80em;
}
#main_photo {
	clear: both; 
	margin-top: 6px; 
}
#main_photo img {border: solid 1px black;}
#photo_gallery input {border: solid 1px black;}
/*#photo_content h1 {font-size: 0.95em;}*/

/* all garage sale pages ======================================================== */
h1 {
	font-size: 1.5em;
	margin: 5px 46px 0 46px;
}
#pagetitle h2 {font-size: 1.2em; margin: 15px 46px 0 46px; border-bottom: 1px dashed #0c3395;}
#pagetitle2 {display: none;}
h3 {font-size: .95em; margin: 20px 46px 10px 46px; background: #eee;}	
p {
	font-size: 0.90em;
	margin: 3px 46px 0 46px;
}

#gsform p {
	margin-top: 10px;
	margin-bottom: 10px;
}
#gsform p#needed {
	margin-top: 30px;
	font-size: 0.9em;
}
#gsform #submit_button input {
	width: 70px;
	margin: 10px 15px 10px 15px;
}

#gsform #yes_modify_buttons input {
	width: 70px;
	margin: 10px 15px 10px 15px;
}

#gsform p#alertmessage {color: red;}
#gsform p#needed {color: red;}
#gsform p span.alert {
	color: red;
	font-size: 0.9em;
}
.star {color: red;}
.gs_ad {
	margin: 5px 30px 10px 30px;
	 font-size: 0.95em;
}

.address {font-weight: bold;}

/*  entry form style */
input:focus {background: #FFF2F2;}
textarea:focus {background: #FFF2F2;}
span.labels {font-size: 0.85em;}
option {background-color: #FFF2F2;}
/* end all garage sale pages */


/* confirmation page style */
span.infolabel {font-size: 0.75em; font-style: italic; font-weight: bold;}
span.entry {display: block; margin: -18px 0 12px 90px; background: #ffe8e8;}


#new_offering {margin-top: 20px; margin-bottom: 30px;}


/* How to Advertise Page */
#howto_content h2, #howto_content p {
 margin: 15px 46px 5px 46px;
	}

#howto_content h2 {
 color: #DD2000;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	}

#howto_content p {
 margin: 5px 46px 15px 46px;
 line-height: 1.2em;}

#howto_content ul {
  margin: 15px 75px;
		font-size: 0.90em;
		}

#howto_content li {
  margin-top: 10px;
		}

#howto_content li span {
 font-weight: bold;
	}

.quote  {
 padding-left: 18px;
	}
	
.quote img {
 margin-left: -18px;
	}

#main_quote {
 text-align: center;
}	


/* Sudoku  */

#text {
	width: 350px;
	float: right;
	margin-top: 37px;}
	


#sudoku_content {
  	font-size: 0.9em;
	padding: 5px;
}
#sudoku_content p{
	margin: 0;
	padding: 15px;

}

#sudoku_content table {
	margin: 10px 0 10px 25px;
}

#clearer {
	clear: both;
}

#puzzle table {
	border: 3px solid black;
}

#puzzle td {
	width: 40px;
	text-align: center;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	font-size: 2em;
}

#puzzle .s_left {
	border-left: 3px solid black;
}
#puzzle .s_top {
	border-top: 3px solid black;
}
#puzzle .s_left_top {
	border-left: 3px solid black;
	border-top: 3px solid black;
}

#solution table {
	border: 2px solid black;
}
#solution td {
	width: 20px;
	text-align: center;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	/*font-size: 2em;*/
}

#solution .s_left {
	border-left: 2px solid black;
}
#solution .s_top {
	border-top: 2px solid black;
}
#solution .s_left_top {
	border-left: 2px solid black;
	border-top: 2px solid black;
}