html { background: #eeeeee url(../img/bg_body.png) 0 0 repeat-x; }
body { margin: 0 0 2em; color: #111; }

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.justify { text-align: justify; }

.container a { color: #111; }
.container a:hover { color: #333; }

.container address { margin-bottom: 0.6em; font-style: normal; }

.container ol,
.container ul { margin-left: 1em; padding-left: 0; }
.container ul { list-style: square; }

.container dd { margin-left: 0; }

.container form dt { font-weight: normal; }
.container form dd input[type=text],
.container form dd input[type=password],
.container form dd textarea,
.container form dd select { font-size: 1.2em; width: 98%; }
.container form .submit { text-align: right; }
.container form .submit a { display: block; float: left; margin-right: 2em; }

.container .intro { font-size: 1.2em; }

.container h1 small,
.container h2 small,
.container h3 small { display: block; padding-top: 0.4em; font-size: 0.6em; }

form#artwork p.image { padding: 1em; background: #eee; text-align: center; }
form#artwork textarea { height: 10em; }

form#article textarea { height: 20em; }

form#page textarea { height: 40em; }

#login, #logout { margin: 2em 35%; }

#header { height: 150px; background: transparent url(../img/bg_header.jpg) center top no-repeat; }
	#header a { display: block; margin-top: 30px; height: 90px; width: 250px; text-indent: -3000em; border: none; }

#main { background: #fff; padding-top: 1em; padding-bottom: 1em; }

#menu {  }
	#menu ul { display: block; margin: 0 -20px; padding: 0 20px; overflow: auto; list-style: none; border-bottom: solid 5px #bbb; overflow: auto; }
		#menu li { display: inline; margin: 0; padding: 0; }
			#menu li a { display: block; float: left; margin-right: 2em; padding-bottom: 0.6em; border-bottom: solid 0.5em #eee; font-size: 1.4em; text-decoration: none; }
			#menu li a:hover { border-color: #bbb; }
			#menu li a.active { border-color: #bbb !important; }
			#menu li a.right { float: right; }

#content a { color: #118; }
#content a:hover { color: #188; }
#content a:active { color: #333; }

#footer { margin-top: 1em; color: #777; }
	#footer a { color: #777; border-color: #777; }
	#footer a:hover { color: #a55; border-color: #a77; }

#gallery { text-align: center; }
	#gallery .image a { height: 110px; }

div.page img { float: right; padding: 0.2em; border: solid 1px #ccc; margin: 0 0 1em 2em; }

div.artwork { text-align: center; }
	div.artwork .image { margin-bottom: 2em; border: solid 0 #bbb; border-top-width: 0.1em;
		/* thanks to http://blog.fakedarren.com/2010/01/cross-browser-css-gradients/ */
		/* fallback (Opera) */
		background: #ddd;
		/* Mozilla: */
		background: -moz-linear-gradient(top, #ddd, #fff);
		/* Chrome, Safari:*/
		background: -webkit-gradient(linear,
			left top, left bottom, from(#ddd), to(#fff));
		/* MSIE */
		filter: progid:DXImageTransform.Microsoft.Gradient(
			StartColorStr = '#dddddd', EndColorStr='#ffffff', GradientType=0);
	}
	div.artwork .image a { display: block; padding: 1em 0; text-align: center; line-height: 220px; }
		div.artwork .image a img { vertical-align: middle; }

div.random-art { text-align: center; }
	div.random-art .description { padding: 0 40px; }

ul.articles { margin: 0; padding: 0; list-style: none; }

table.artworks td { width: 25%; text-align: center; vertical-align: middle; }
	table.artworks td a { border: 0; }

div.page table { width: 99%; }
div.page p.back { clear: both; padding-top: 2em; }



.fancybox-title-inside { line-height: 1.4em; }
.fancybox-title-inside h6 { margin: 0; }
.fancybox-title-inside p { padding: 0 40px 0.4em; margin-bottom: 0; }
.fancybox-title-inside p.copyright { color: #888; }