/*

	# --------------------------------------------------------------
	# Rose Garden Antiques
	# - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  
	# Description:	Global Stylesheet
	# Filename:		base.css
	# Version:		2.0
	# Date:			January, 2007
	# --------------------------------------------------------------
	
*/

/* - - BODY - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

html, body { height: auto; }
body {
	position: static;
	top: 0;
	left: 0;

	padding: 0;
	margin: 0;

	color: #733a02;
	background-color: #f5f4e3;
	font-weight: normal;
	font-family: Georgia, Times, Times New Roman, serif;
	font-size: 85%;
	line-height: 1.5;
	
	text-align: center;
	vertical-align: top;
	}

/* - - LINKS - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

a:link,
a:visited { color: #335da9; color: #4b8127; cursor: pointer; cursor: hand; text-decoration: none; }
a:active,
a:hover   { color: #335da9; color: #4b8127; cursor: pointer; cursor: hand; text-decoration: underline; }

/* - - CHARACTER FORMATTING - - - - - - - - - - - - - - - - - - - - - */

b, strong { font-weight: bold; }
i, em { font-style: italic; }
sup, sub { font-size: .8em; }

.uc { text-transform: uppercase; font-size: .9em; }
.lc { text-transform: lowercase; }
.caps { font-variant: small-caps; }

.note { color: #999; }

/* - - HEADINGS - - - - - - - - - - - - - - - - - - - - - - - - - - - */

h1, h2, h3, h4, h5, h6 {
	padding: 0;
	margin: 0;
	border: 0;
	font-family: Georgia, Times, Times New Roman, serif;
	font-size: 1em;
	font-weight: normal;
	}

h1 {
	font-size: 1.3em;
	text-transform: uppercase;
	padding-bottom: .25em;
	border-bottom: 1px solid #dcdcce;
	margin-bottom: 1em;
	}
h2 {
	font-size: 1.1em;
	text-transform: uppercase;
	}
#sidebar h2 {
	padding-bottom: .25em;
	border-bottom: 1px solid #dcdcce;
	margin-bottom: .25em;
	}
h3 {
	font-size: .9em;
	font-style: italic;
	}

/* - - GENERAL LAYOUT - - - - - - - - - - - - - - - - - - - - - - - - */

div, table, th, td, form, object, embed, ul, ol, dl {
	border: 0;
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: top;
	}
hr {
	height: 1px;
	background-color: #dcdcce;
	border: 0;
	}
p, ol, ul, hr { margin: 0 0 .5em 0; }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.error { color: #800000; }
.nb { list-style: none; }

/* - - IMAGES - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

img { display: block; border: 0; }
.inline { display: inline; }
.aligned { display: inline; position: relative; top: .25em; }

/* - - NAMED SECTIONS - - - - - - - - - - - - - - - - - - - - - - - - */

#logout {
	width: 640px;
	height: auto;
	position: relative;
	top: -26px;
	margin: 0 auto;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size: 10px;
	text-align: right;
	}

#body_top,
#body_end,
#body_wrap {
	position: relative;
	width: 666px;
	margin: 0 auto;
	}
#body_top {
	height: 13px;
	background: #fff url(../images/body_top.gif) no-repeat top center;
	margin-top: 30px;
	font-size: 0;
	line-height: 0;
	}
#body_end {
	height: 13px;
	background: #fff url(../images/body_end.gif) no-repeat top center;
	font-size: 0;
	line-height: 0;
	}
#body_wrap {
	height: auto;
	background: #fff url(../images/body_bg.gif) repeat-y top center;
	}

	#masthead, #nav, #messages, #body, #foot {
		position: relative;
		height: auto;
		margin: 0 auto;
		}

	#masthead {
		width: 638px;
		height: 82px;
		background: #f5f4e3 url(../images/mast_bg.gif) repeat-x top left;
		border: 1px solid #ccc;
		margin-bottom: 1px;
		}

		#logotype {
			position: absolute;
			left: 0;
			top: 0;
			width: 260px;
			height: 82px;
			}

	#nav {
		width: 638px;
		height: 30px;
		border: 1px solid #ccc;
		margin-bottom: 1px;
		background-color: #f5f4e3;
		list-style: none;
		}

		#nav li, #nav li img { display: inline; padding: 0; margin: 0; }

	#messages {
		width: 618px;
		height: auto;
		padding: 10px;
		border: 1px solid #ccc;
		margin-bottom: 1px;
		}

	#body {
		width: 640px;
		border: 1px solid #ccc;
		margin-bottom: 1px;
		}

		#main_wide {
			width: 620px;
			height: auto;
			}

		#main {
			width: 455px;
			height: auto;
			padding: 10px;
			border-right: 1px solid #ccc;
			}
			
			.item {
				clear: left;
				padding-bottom: 1em;
				border-bottom: 1px solid #ccc;
				margin-bottom: 1em;
				}

			.framed,
			.framed_left,
			.framed_right {
				padding: 3px;
				background-color: #fff;
				border: 1px solid #dcdcce;
				}
			.framed_left {
				float: left;
				margin: 0 8px 8px 0;
				}
			.framed_right {
				float: right;
				margin: 0 0 8px 8px;
				}

			.clear_left {
				clear: left;
				height: 0;
				font-size: 0;
				line-height: 0;
				padding: 0;
				border: 0;
				margin: 0;
				}

		#sidebar {
			width: 144px;
			height: auto;
			padding: 10px;
			}
			
			.icon { display: inline; }

	#foot {
		width: 618px;
		height: auto;
		padding: 10px;
		border: 1px solid #ccc;
		font-size: .9em;
		text-align: center;
		}

		
/* - - TABLES - - - - - - - - - - - - - - - - - - - - - - - - - - - - */



/* - - FORMS - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

form {
	padding: 0;
	border: 0;
	margin: 0;
	}
fieldset {
	width: auto;
	padding: 12px;
	margin-bottom: 1em;
	border: 1px solid #ccc;
	}
legend {
	padding: 3px 6px;
	border: 1px solid #ccc;
	background-color: #f5f4e3;
	text-transform: uppercase;
	font-size: .8em;
	}
fieldset td { padding: 3px; }
input[type=text],
input[type=password],
textarea,
select,
option {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size: .9em;
	color: #000;
	background-color: #f5f4e3;
	border: 1px solid #ccc;
	padding: 3px;
	width: 144px;
	display: inline;
	}
input[type=file],
input[type=image],
input[type=button],
input[type=submit] {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size: .9em;
	display: inline;
	width: auto;	
	}
textarea, input.wide { width: 373px; }
textarea { height: 6em; }
textarea.crunched {
	width: 240px;
	height: 11em;
	}
select, option {
	margin-bottom: 2px;
	padding: 1px;
	}
option {
	border: 0;
	display: block;
	}

input[type=text].two { width: 2em; }
input[type=text].four { width: 4em; }

input[type=text]:hover,
input[type=file]:hover,
input[type=password]:hover,
input[type=submit]:hover,
textarea:hover,
select:hover,
input[type=text]:focus,
input[type=file]:focus,
input[type=password]:focus,
input[type=submit]:focus,
textarea:focus,
select:focus { border-color: #800000; }

input[type=radio],
input[type=checkbox],
input[type=button],
input[type=submit] {
	display: inline;
	width: auto;
	}
input[type=radio],
input[type=checkbox] {
	background-color: transparent;
	border: 0;
	text-align: right;
	}
input[disabled=disabled] { cursor: arrow; }