/* CSS Document for tuckerbox antique auctions site*/


body
{
	margin: 0;
	padding: 0;
	font: 12px/1.5em Georgia, "Times New Roman", serif;
background-color: #590202;
	text-align: center;
	background: url(images/bg-damask-tile-lg-light.jpg) repeat;
}

/* LINKS */
	a,
	a:link 
	a:active {
		color: #990000; /* red in logo */
		text-decoration: none;
	}

	a:hover {
border-bottom: 1px solid #990000;	}

/* CONTENT */
#container
{
	width: 780px;
	margin: 0px auto;  /*  moved logo and everything below higher on page   */
	text-align: left;
	min-height: 850px;
	background-color: #590202;
}

#container h1, h2, h3, h4 { color: #000; padding: 10px;

}

#header
{		background-color: #590202;
		padding:0;
		margin:0;
		vertical-align:middle;
}

#header img
{	padding: 0;
	border: none;
}

#nav
{	background-color: #590202;
margin: 130px 0 0 0;  
	height:35px;
	float: right;
	text-align:center;
}

#nav ul
{	margin: 0;
	padding: 0;
	list-style-type: none;
	
}

#nav a
{	display: inline;
	line-height:35px;
	padding: 15px 10px 10px 10px;
	color: #fff;
	text-decoration: none;
	font-size: 130%;
	text-transform: uppercase;
}

#nav ul li
{
	display: inline;
	line-height:35px;
	color: #fff;
	margin: 0 10px 0 0;  /* margin right of each section is 10 or 15 px depending on space */
	padding: 0 0 5px 0;
}
#nav ul li.active {
	
	background: url(images/antiques-marker.png) no-repeat 50% 100%;
	font-weight: bold;
	
	}

#nav a:hover {	color: #cccccc; border-bottom: none; }


#content {
		width: 780px;
		text-align:left;
		float:left;
		line-height:20px;
		padding:20px 0px 10px 0px;
		color:#000;
		background-color: #fff;
		/*  min-height: 220px;   */
		
		}

.col-left, .col-right
{
width: 370px;
float: left;
margin-right: 10px;
margin-left: 10px;
}

.col-left p, .col-right p
{
		padding: 0 10px 0px 10px!important;
}

#content p {

	font-size: 13px;
		padding: 0 10px 10px 10px;
}
h1
{
	padding-bottom: 15px;
	font-size: 1.8em; 
	letter-spacing: 1px;}
		
		

h2
{
	margin-top: 0;
	font-size: 140%;
}

.floatleft { 
    float: left; 
    margin: 0 10px 10px 0; 
}
.floatright { 
    float: right; 
    margin: 0 0 10px 10px; 
}

img.center {
    display: block;
    margin-left: auto;
    margin-right: auto }

a img.backtotop { 
    float: right; 
    margin: 10px 10px 10px 0px; 
	border: none;
}
a img { 
	border: none!important;
	border-bottom: none!important;
	}
a,a:hover img {   /*  needed to remove border from hover under image when insert link */
	border: none!important;
	border-bottom: none!important;
	}

img a { 
	border: none;
	border-bottom: none;
	}
img  {
    clear: all;
	padding: 10px;
 }

#clear { clear: both;}

	
/*  CSS for layout of auction info  */


#auctionBox {width: 760px; margin-left: 10px; text-align: left; padding: 0px; vertical-align: top; background-color:#e3e3e3;}
#auctionBox .date { width: 17%; float: left; }
#auctionBox .name {width: 22%; float: left; }
#auctionBox .details {width: 44%; float: left;}
#auctionBox .info {width: 17%; float: left; }
#auctionBox h2 { font-size: 120%; padding: 10px;	text-transform: uppercase; background-color:#AAA393;}
#auctionBox h3 { font-size: 110%; 	padding: 0px;	margin: 0px;}
#auctionBox a:visited {color:#990000;}


/*  GALLERY  */

#thumbnail {
	padding: 4px; /* photo shape 3px 3px 8px 3px*/
	border: 1px solid #4d4d4d;
	float: left;
	margin: 0px 10px 20px 10px;
	}	
#thumbnail a, #thumbnail a:hover { border: none;}

/*  footer  */

#footer
{
	background-color: #4d4d4d;
	clear: both;
	font-size: 90%; 
	/*background-color: #4D4D4D;   dark red 661B00*/
	border-top: 1px dotted #fff;
	margin-top: 20px;
	padding: 20px 20px;
	color: #fff;
	height:20px;
}
#footer p.credit
{
	color: #fff;
	float: right;
	padding: 0px;
	margin: 0px;
	width: 300px;
	text-align: right;
}
#footer p.contact
{
	color: #fff;
	float: left;
	padding: 0px;
	margin: 0px;
	width: 300px;
}

#footer a
{
	color: #fff;
}
#footer a:hover, a:active
{
	color:#fff;
	text-decoration: none;
	border-bottom:1px dotted #fff;
}