/* (style.css) :: (`CjM/shell.css) */
/* CSS stylesheet code for the ROAN Inc. Auctioneers & Appraisers Online Website */

/* STANDARDS */
/* image "thumbnails" /thumbs/thumb_<name>.<ext> "max-width: 125px; max-height: 125px;" */
/* image "photos" /photos/photo_<name>.<ext> "max-width: 425px; max-height: 425px;" */
/* hires "hires" /hires/hires_<name>.<ext> "max-width: 0; max-height: 0;" */

/* global defaults */

/* images */
img { border: 0; display: inline; }
div { display: block; }

/* divs and tables */
div table { margin-left: auto; margin-right: auto; }

/* photos */
img.thumb { max-width: 125px; max-height: 125px; }
img.slide, img.gallery_item { max-width: 300px; max-height: 300px; }
img.print { max-width: 500px; max-height: 500px; }


/* shell */
#layout { position: absolute; top: 5px; }
	#content { position: relative; margin: 0 auto; }
		#top { position: relative; display: block; top: 0px; left: 0px; height: auto; vertical-align: top; }
			#header { 
				display: block;
				position: relative; top: 0px; left: auto; 
				width: 980px; height: 150px; 
				background-color: #000000; 
			}
			
			#midder { 
				display: block; 
				position: relative; top: 0px; left: 0px; 
				z-index: 10;
				width: 100%; height: auto; 
				text-align: left; vertical-align: top; 
				background-color: #FFFFFF; 
			}
			
			
				#left { 
					margin: auto;
					text-align: left;
					display: block;	float: left; 
					position: relative; top: 0px; left: 0px; 
					z-index: 30;
					width: 180px; height: auto;
					padding: 10px 10px 10px 10px; 
					vertical-align: top; text-align: left;
					background-color: #990000;
				}

					#navigate_side { width: 150px; }
					img.navigate_side { width: 150px; height: 40px; background-color: #FFFFFF; }
					td.navigate_side, td.navigate_main { text-align: left; border: 1px solid #CCCCCC; }
					a.navigate, a:hover.navigate { color: #FFFFFF; font-weight: normal; }
					a:hover.navigate { color: #FF0000; }

				#middle { 
					display: block;	float: left;
					position: relative; 
					top: 0px; left: 0px;
					width: auto;
					z-index: 20;
					margin-top: 0;
					vertical-align: top; text-align: left;
				}
				
				#right { 
					display: block;	float: left;
					position: relative; top: auto; left: auto;
					z-index: 30;
					margin-top: 0;
					vertical-align: top; text-align: left;
					background-color:#FFFFFF;
				}
				
		#bottom { display: block; float: none; position: relative; top: 0px; height: auto; vertical-align: top; }
			#footer { 
				position: relative; top: 0px; width: 100%;
				background-color: #000000;
				display: block; margin: 0 auto; 
				text-align: center; 
				margin-left: auto;
				margin-right: auto;
			}


/* magic code for a liquid 3-column layout */
div#midder{float:left; width: 100%; background-color: #FFFFFF; }
div#middle{margin: 0 0px; }
div#left{float:left; width:180px; margin-left:-100%; }
div#right{float:left; width:180px; margin-left: -100%; background-color: #FFFFFF;}
div#footer{clear:left; width:100%; }
/* (???) */

div.copyright { color: #FFFFFF; text-align: center; font-variant: small-caps; font-size: 8pt; }

/* */
html, body { background-image: url(../images/graphics/bg.jpg); background-repeat: repeat; }
div.title { text-align: center; }
table, th, tr, td, li, div { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; }
li { font-family: "Courier New", Courier, mono; font-size: 8pt; }
.textcopy { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; text-align: justify; }
a { font-weight: normal; }
a:hover { font-weight: normal; }

/* Titles & Subtitles */
#services .subtitle { font-family: Arial, Helvetica, sans-serif; font-size: 16pt; font-weight: bold; font-style: normal; text-decoration: underline; }
#staff .subtitle { font-family: Arial, Helvetica, sans-serif; font-size: 18pt; font-weight: bold; font-style: italic; text-decoration: underline; }
#auctions .subtitle { font-family: Arial, Helvetica, sans-serif; font-size: 13pt; font-weight: bold; font-style: normal; text-decoration: underline; }

#highlights .title { font-family: Arial, Helvetica, sans-serif; font-size: 19pt; font-weight: bold; text-decoration: underline; }

/* shell, or spaces available for layout */
#header {}

	img.logo { width: 175px; height: 145px; }

	.header { vertical-align: top; }
		img.header { width: 700px; height: 100px; }
		td.header { color: #FFFFFF; font-size: 8pt; font-family: Arial, Helvetica, sans-serif; }
		.subheader { text-align: left; }

	#navigate { height: 50px; }
		img.navigate_main { width: 100px; height: 25px; }

#midder {}
	
	#middle {
		/* background-color: #FF0000; */
		left: 180px; width: 600px;
		padding: 10px 10px 10px 10px; /* bottom, left, right, top */
	}
	
		img.news { width: 500px; height: 250px; }
		img.icon { width: 150px; height: 150px; }
		table.auctions { width: 600px; border: 1px solid #000000; }
		tr.auctions {}
			td.auctions_picture { width: 150px; vertical-align: top; /* background-color: #000099; */ }
			td.auctions_info {  
				width: 450px; 
				text-align: center; vertical-align: top; /* background-color: #000000; */ 
				font-size: 10pt;
			}
			


		/* Staff */
		img.staff { width: 100px; height: 125px; }
		td.staff { vertical-align: top; }
	
	#right {
	/*	background-color: #006600; */
		left: 800px;
		width: 180px;
		padding: 10px 10px 10px 10px; /* bottom, left, right, top */
	}

#footer {
/*	background-color: #000000; color: #FFFFFF; */
	width: 980px; height: 100px;
}
	#footer table tr td {
		font-variant: small-caps; vertical-align: middle;
	}

#side {
	background-color: #000099;
	top: 0px;
	width: 150px;
}

#footer #copyright {
	color: #FFFFFF; font-size: 8pt; 
	text-align: center;
}

/* space divisions */
div.page {
	background-color: #FFFFFF; color: #000000;
	width: 100%;
}

div.paragraph {
	width: 100%;
	margin: 10px;
}

/* AUCTION styles */
/*
#auction .title { font-family: Arial, Helvetica, sans-serif; font-size: 19pt; font-weight: bold; text-decoration: underline; }
#auction .subtitle { font-family: Arial, Helvetica, sans-serif; font-size: 15pt; font-weight: bold; text-decoration: underline; }
*/
.auction_title { 
	font-size: 22pt; 
	font-weight: bold; 
	text-decoration: underline;
}

.auction_subtitle {
	font-size: 16pt;
	font-weight: bold;
}

.auction_time {
	font-size: 14pt;
	font-weight: bold;
}

.auction_place {
	font-size: 12pt;
	font-weight: bold;
}

.auction_controls { 
	font-size: 10pt; 
}

.auction_terms {
	font-style: italic;
}

/* auction */
input.auction_schedule_title { width: 350px; text-align: center; }
input.auction_schedule_day { width: 125px; text-align: center; }
input.auction_schedule_month { width: 100px; text-align: center; }
input.auction_schedule_date { width: 30px; text-align: center; }
input.auction_schedule_year { width: 50px; text-align: center; }
input.auction_schedule_hour { width: 25px; text-align: center; }
input.auction_schedule_minute { width: 25px; text-align: center; }
input.auction_schedule_ampm { width: 25px; text-align: center; }
textarea.auction_schedule_brief { width: 425px; height: 75px; }

input.auction_schedule_street { width: 175px; text-align: center; }
input.auction_schedule_city { width: 125px; text-align: center; }
input.auction_schedule_state { width: 25px; text-align: center; }
input.auction_schedule_zipcode { width: 50px; text-align: center; }

/* AUCTIONS (SCHEDULE) */
div.datetime { font-size: 13pt; font-weight: bold; }  /* datetime class isn't working, except in-line */ 
div.preview { font-style: italic; }
td.auctions { text-align: center; }
table.auction_icons { width: 200px; }
tr.auction_icons { width: 200px; }
td.auction_icons { width: 5px; background-color: transparent; }

/* GALLERY FEATURE */
a.gallery_table { }
img.gallery_table { border: 0; }
table.gallery_table { }
tr.gallery_table { }
td.gallery_table { 
	background-color: transparent; 
	margin: auto; text-align: center; vertical-align: bottom; 
	border: 1px solid #CCCCCC;
}

div.gallery_list { width: 100%; left: 0px; margin: left; text-align: left; }
table.gallery_list { margin: left; text-align: left; width: 500px; }
td.gallery_list_picture { width: 175px; padding: 15px; background-color: #EEEEEE; }
td.gallery_list_description { width: 425px; background-color: #EEEEEE; }

/* AUCTION (GALLERY) */
div.tab { display: none; visibility: visible; }
#auction_listing	{ display: block; }
#auction_gallery_table		{ display: none; }
#auction_gallery_list		{ display: none; }
#auction_gallery_item		{ display: none; }
#auction_gallery_slideshow	{ display: none; }

span.auction_gallery_category { display: block; font-size: 14pt; font-weight: bold; text-transform: uppercase; text-align: center; }

#auctions_completed_or_scheduled {}
#auctions_completed { display: block; }
#auctions_scheduled { display: block; }

/* auctions */
div.auctions_subtitle { font-size: 10pt; }
div.auctions_synopsis { font-style: italic; }

/* listings (text Listing*.htm) */
div.listing { font-family: Arial, Helvetica, sans-serif; width: 100%; text-align: justify; }
div.listing_category { display: block; font-size: 14pt; font-weight: bold; text-align: center; }
span.listing_subcategory { font-weight: bold; text-decoration: underline; }
span.listing_items { font-weight: normal; font-size: 10pt; text-align: justify; }
span.listing_item { font-weight: bold; font-size: 10pt; }

/* AUCTION LISTING STYLES */
.auction { width: 100%; }
.auction .listing { text-align: center; }
.auction .listing .supertitle { font-size: 14pt; font-weight: bold; }
.auction .listing .title { font-size: 36pt; font-weight: bold; text-decoration: none; }
.auction .listing .subtitle { font-size: 11pt; }
.auction .listing .datetime { font-size: 18pt; }
.auction .listing .preview { font-size: 14pt; }
.auction .listing .location { font-size: 12pt; font-weight: bold; text-decoration: underline; }
.auction .listing .directions { font-size: 10pt; font-weight: normal; text-align: center; }
.auction .listing .prenotes {}
.auction .listing .items { text-align: justify; font-weight: normal; }
.auction .listing .item { font-weight: normal; }
.auction .listing .hilite { font-weight: bold; }
.auction .listing .category { text-align: center; font-size: 16pt; font-weight: bold; }
.auction .listing .subcategory { font-weight: bold; }
.auction .listing .plug { font-weight: bold; font-size: 12pt; }
.auction .listing .postnotes { font-size: 11pt; font-weight: bold; }
.auction .listing .terms {}
.auction .listing .sign {}


/* AUCTION LISTINGS (REAL ESTATE) */
.auction .listing .realestate { text-align: left; }
.auction .listing .realestate .information .title { font-size: 16pt; font-weight: bold; text-align: left; }
.auction .listing .realestate .description .title { font-size: 16pt; font-weight: bold; text-align: left; }
.title_realestate { font-size: 18pt; font-weight: bold; }

/* GALLERY */

#gallery_item_loading { width: 100%; height: 550px; }
#gallery_item_frame { height: 550px; }
#gallery_item_caption_text { font-size: 12pt; font-weight: bold; }

td.gallery_table { width: 135px; height: 135px; }

div.inquiries_realestate { font-size: 8pt; font-style: italic; }

/* NAVIGATE */
div#navigate_bottom { margin: 0 auto; width: 100%; text-align: center; margin: 0 auto; }
	#div_navigate_bottom a.navigate { color : #FFFFFF; font-size: 10pt; }
div#schedule_auctions_side { width: 160px; }