html, body {
	background: #222;
	font-family: "Lucida Grande", Verdana, arial, sans-serif;
	color: #222;
	font-size: 1em;
	margin: 0;
	padding: 0;
	height: 100%;
}

div#container { min-height: 100%; position: relative; }

table { border-collapse: collapse; }
table tr td { /*border: 1px solid #222;*/ text-align: center; }
table th { font-weight: normal; padding: 2px 5px; }
td.right { text-align: right; border: none; padding: 2px 5px; font-weight: bold; vertical-align: top;}
td.metadata, span.metadata, label.metadata { color: #666; font-weight: bold; }
td.left { text-align: left; color: #666; }
th.header { border-bottom: 1px dashed #666; color: #666; }

/* top page menu */
ul#header { display: inline; padding-right: 0px; }
div#menu_strip { 
	height: 35px; 
	background: url(/images/blur_bg.gif) repeat-x; 
	margin: none; 
	border-bottom: 1px solid #555;
	font-size: 0.95em;
	color: #FFF;
}
div#menu_container { width: 850px; margin: 0 auto; height: 35px; }
div#menu { width: 760px; text-align: center; height: 35px; }

div#submenu ul { 
	list-style: none; 
	width: 730px; 
	border: 1px solid #BBB; 
	padding: 3px; 
	margin: 0 0 20px 10px; 
	background: #DDD;
}
	div#submenu ul li { display: inline; margin: 0 10px 0 5px;}
	div#submenu ul li.text { padding: 0 10px 0 20px; color: #777675; margin: 0px;}

li.admin_menu_tag { color: #FFFD30; font-size: 0.7em; }
textarea, input { font-family: "Lucida Grande", "Trebuchet MS", arial, sans-serif; font-size: 0.9em;}
span.info { color: #666; font-size: 0.8em; }

/* form error explanations */
.errorExplanation { 
	background-color: #FFCACB; 
	border: 1px solid #FFA7A7;
	padding: 0 10px;
	margin-bottom: 10px;
}

.errorExplanation h2 { color: red; border-bottom: 2px solid #FFF;}

.errorExplanation ul { color: #222; list-style-type: ; }


a { color: #F56F00; text-decoration: none; }
a:hover { text-decoration: underline; }

div#menu a, div#wide_menu a { text-decoration: none; color: #333; }

div#menu a:hover, div#wide_menu a:hover { color: #FFF; }

div#menu ul li, div#wide_menu ul li { 
	list-style: none; 
	display: inline; 
	vertical-align: middle; 
	line-height: 35px; 
	padding: 0 15px;
}

div#wide_menu ul li { padding: 0 10px;}

div#banner { 
	width: 760px; 
	margin-bottom: 20px;
}

div#banner img { margin: 0 auto; display: block; border: none; }

div#logo a { color: #D05700; }

div#logo a:hover { text-decoration: none; }

div#label a { 
	color: #F07600;
	text-decoration: none;
}

div#flash {
	width: 690px;
	background: #FFF6A1;
	border: 1px solid #9C8048;
	color: #796336;
	padding: 5px;
	margin: 0 0 10px 28px;
}

div#yield { 
	width: 850px; 
	background: url(/images/yield_bg.gif) no-repeat;
	margin: 0 auto;
	min-height: 850px;
	padding-top: 10px;
	clear: both;
	padding-bottom: 35px;
}

div#content { 
	background: #FFF;
	width: 740px;
	padding: 0 10px 15px 10px;
	position: relative;
}

div#footer {
	position: absolute;
	background: #444;
	width: 100%;
	height: 15px;
	clear: both;
	bottom: 0;
	color: #FFF;
	font-size: 0.8em;
	text-align: center;
	padding: 10px 0;
}

div#form { width: 65%; margin: 0 auto; }

div.info { font-size: 0.9em; text-align: center; }
div.alert { font-size: 0.9em; color: #FF0404; background: #FFF6A1; border: 1px solid #FFF637; text-align: center; margin: 5px 0px; }

/* Styles specific to the page 'home' */
div#quote { width: 500px; margin: 0 auto; font-size: 2em; text-align: left; padding-top: 10px; }
span.citation { display: block; font-size: 0.5em; font-style: italic; text-align: right; padding: 10px 0 0 0;}

div#artisan_submenu { 
	position: relative; 
	bottom: 0; 
	text-align: center; 
	line-height: 30px; 
	height: 85px;
	padding: 10px 0 10px 0; 
	font-size: 1.1em;
} 

div#page_content { 
	margin: 0 0 0 19px; 
	width: 700px; 
	font-size: 1.1em; 
	text-align: justify; 
	min-height: 300px; 
	clear: both;
	/* gratuitous comment */
	height: auto !important;
	height: 300px;
}

div#contact { width: 500px; margin: 0 auto; }

h2, div#contact h2 { border-bottom: 1px solid #CCC; padding: 0 0 5px 0;}
h2 a { font-size: .7em; }

div#photo_show img { margin: 10px auto; }
div#photo_details { margin: 0 auto; text-align: center; }

div#thumb_container { float: left; min-height: 375px; width: 250px; }
div#thumb_container img { padding: 4px; margin: 5px; border: 1px solid #CCC; }
div#thumb_container img:hover { border: 5px solid #CCC; cursor: pointer; padding: 0px; }
div#thumb_large { height: 425px; width: 425px; float: right; margin: 5px 0 0 0px; }
div#thumb_large img { border: 5px solid #CCC; }
div#thumb_large img#ajax-loader { border: none; margin: 5px auto; display: block; }
div.clear { clear: both; }

div#artisan_back_link { width: 100%; text-align: center; }

div#page_content ul { list-style-type: none; line-height: 1.5em; }

/* Pages#index */
div#page_albums_select { width: 745px; overflow: auto; }

/* Albums#edit */
table.photo_select { margin-bottom: 10px; margin-left: auto; margin-right: auto; }
table.photo_select tr td { padding: 5px 5px 0px 5px; }
table.photo_select img { margin-bottom: 5px; padding: 5px; }
table.photo_select tr.test td { padding: 0px; }
td.select img { border: 1px solid #FFBC38; padding: 4px; background: #FFFF38; }

div.album_list_header { border-bottom: 2px solid #777; width: 100%; margin: 0 0 4px 0; text-align: center; }
span.album_images { padding-right: 4px;}

span.photo_album_tags { font-size: 0.85em; }

/* Albums#index */
span.album_size { font-size: 0.8em; color: #666; }
span.album_admin_links { float: right; font-size: 0.8em; }
span.photo_subtitle { float: left; }

/* Albums#show */
div#photo_sort li { list-style: none; }
div#photo_sort img { cursor: move; }

/* Albums#show photo list for sort, Photos#index */
div.photo_list { 
	width: 730px; 
	background: #DDD; 
	display: table;
	padding: 4px 4px 0 4px;
	margin-bottom: 5px;
	border: 1px solid #BBB;
}
span.photo_details { display: table-cell; width: 680px; height: 100%; color: #222; }
table.photo_list { font-size: 0.9em; }
table.photo_list td { text-align: left; }
table.photo_list td.photo_cell { width: 100px; padding: 0 10px 0 0; }
table.photo_list td.photo_cell img { border: 1px solid #BBB; }
table.photo_list td.photo_info { color: #666; padding: 0 5px 0 0; width: 80px; text-align: right; }
table.photo_list td.photo_admin { text-align: center; }
span.none { color: #FFF; font-size: 0.9em; }
a.none { font-size: 0.9em; }
div#photo_show span.none {color: #CCC; font-size: 0.9em; }
span.small { font-size: 0.9em; }

/* porfolio and featured project link areas to lightbox album popup */
#slideshow_box { height: 300px; width: 704px; margin: 0 auto; margin-bottom: 20px; overflow: hidden; }
#slideshow-container { /*float: left;*/ /*margin: 0 0 40px 19px;*/ border: 2px solid #CCC; }

div#slideshow_wrapper { 
	width: 500px; 
	margin-left: auto; 
	margin-right: auto; 
	margin-bottom: 40px; 
	border-top: thin solid #CCC;
	border-bottom: thin solid #CCC;
}
div#slideshow_wrapper a { color: #222; }
div#slideshow_wrapper a:hover { text-decoration: none; cursor: pointer; }
div#slideshow_wrapper a div.slideshow:hover { background: #F2F2F2; text-decoration: none; }

div.slideshow, a.lightwindow {
	display: table;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
}

hr { border-color: #CCC; border-style: solid none none; border-width: 1px medium medium; margin: 0 auto; }

div.slideshow img { padding: 10px 0 10px 15px; float: left; }	

div.slideshow_deets { display: table-cell; width: 390px; padding-left: 30px; vertical-align: middle; font-size: 2em;}
	
/* alternative featured styles */
div#featured { border-bottom: 1px solid #AAA; width: 500px; margin: 25px auto;}
	div#featured a { 
		color: #333; 
		text-decoration: none; 
		display: table; 
		border-top: 1px solid #AAA;
	}
	div#featured a:hover { background: #ECECE5; cursor: pointer; }
	div#featured a img { padding: 10px; padding-bottom: 8px; } /* took out display: inline-table; in case there are future issues */
	div#featured a span.title { 
		font-size: 2em; 
		display: table-cell; 
		vertical-align: middle; 
		text-align: left; 
		width: 350px;
	}
	div#featured a span.subtext { display: block; font-size: 0.4em; color: #92928E; }

/* Users#index */
table#users tr td { padding-left: 15px;}