/*
	Basic styles for entire sit
*/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* UTILITARIAN */

html { overflow-y: scroll; }
ul { list-style: none inside; }
a { outline: none; text-decoration:none; }
a img { border: none; }
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; } /* *** place after two etc. things that are floated */


/* ------- Specific styles ---------- */

body { text-align:center; background-color:#1d1d1d; font-family:Lucida Grande, Lucida Sans Unicode, Arial, Helvetica, sans-serif; }
body { background-image:url(pix/bg.png); background-repeat:no-repeat; background-position:bottom left; }

a, a:link { color:#a69800; }
a:hover { border-bottom: 1px solid #a69800; } /* d3d9f3 */

#header { height:200px; }
	#header #logo { position:absolute; top:10px; left: 10px; }
	#header #menu { position:relative; top:20px; }
		#header #menu ul li { display:inline; }
			#header #menu ul li a { display:block; height:25px; float:right; color:#919191; text-transform:uppercase;font-size:.8em; text-decoration:none; margin-right:50px; }
				#header #menu ul li a:hover { color:#a69800; border: 0; }
	#header #categorymenu { position:relative; top:60px; clear:right; }
		#header #categorymenu ul { margin-right:50px; }
		#header #categorymenu ul li { display:inline; }
			#header #categorymenu ul li a { display:block; height:15px; float:right; color:#919191; font-size:.7em; text-decoration:none; margin-right:3em; }
/*			#header #categorymenu ul li a.firstm { margin-right:50px; }*/
				#header #categorymenu ul li a:hover { color:#919191; }
				
				/* is there a way to use this for the title (number in category) */
				.sup { font-size: 60%; color: #666; margin-left: 3px; }

#content { clear:both; width: 950px; margin:0 auto; color:#a1a1a1; }
	#content p, #content ul li { text-align:left; font-size:85%; font-weight:200; line-height:180%; }
	#content #myImageFlow { margin-bottom: 20px; }
	#content .artdetail { float:right; margin-left:20px; width: 310px; }
		#content .artdetail img { margin:0 auto; border:1px solid #919191; }
	#content .artwords { width:500px; border:1px solid #2f2f2f; padding:2em; -moz-border-radius: 5px;    -webkit-border-radius: 5px; border-radius: 5px; text-align:left; }
		#content .artwords p { font-size: .8em; line-height: 200%; color:#e3e3e3; }
		#content .artwords p.commenting, #content .artwords form { padding:2em 0 0 2em; }
		
#footer { clear:both; margin:3ex 0; color:#919191; font-size:65%; padding-top:3ex; border-top: 1px solid #2f2f2f; }
	#footer p { padding-bottom:1.5ex; }
	#footer p a {color:#a1a1a1; }
		
/* SOME SPECIALTY ITEMS */	

		
	.hattiprachel { padding: 1em; width: 800px; margin: 0 auto; }
		.hattiprachel ul { float: left; margin: 20px 0 1em; list-style: none; }
			.hattiprachel li { float: left; width: 160px; height:160px; vertical-align:middle; }
				.hattiprachel ul li a:hover { border:none; }
					.hattiprachel ul li a img { border: 1px solid #090909; }
				
	#holdhalves {  }
		.halfme { float:left; width:400px; padding-right:20px; }

		h2 { text-align:left; margin-left:4em; font-weight:normal; font-size:1em; color:#c1c1c1; padding-bottom: 1ex; }
		h3 { color:#f1f1f1; font-size:1em; padding: 2ex; line-height:200%; text-align:right; }

		form label { padding-top:2ex; text-align:left; font-size:.8em; }
		form label, form input, form textarea { display:block; width: 300px; }
		legend {font-weight:normal; }
		legend a { text-decoration:none; color:#fff; }
		form input, form textarea { border:1px solid #919191; }
		input:focus, textarea:focus { background-color:#d1d1d1; }
		.submitme { width:auto; background-color:#2f2f2f; color:#f1f1f1; margin-top:2ex;}
		.halfme ul {list-style:disc outside; padding-left: 1em; }
				
		#content #holdhalves .halfme fieldset { border:1px solid #2f2f2f; padding:2em; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
			legend {  color:#f1f1f1; font-size:1em; padding: 1.5ex; }
		
	.newsyear { font-size:.9em;color:#c3c3c3;font-weight:normal; }
	
	.alert { color:#f00; font-weight:bold; }
	
	#printonly { display:none; }