/* Deathless Art external CSS - by Eric Peacock @ opaquedream.com */
/* Created 8-27-09 */
/* Updated 10-9-09 */

/* Eric Meyer's Reset Reloaded *//* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */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;}/* 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;}

/* master typography */
* {font-family: Garamond, "Adobe Garamond Pro", Georgia, serif;}

/* base formatting */
body {color: #6d7d8c; background-color: #1e1c16; background-image: url(images/bknd_paint.jpg); background-repeat: no-repeat;}
h1, h2, h3, h4, h5, h6, p {margin: 0 0 5px 30px;}
h1 {font-size: 3.3em; font-weight: bold;}
h2 {font-size: 2.4em; font-weight: bold;}
h3 {font-size: 2em; font-weight: bold; margin-top: 30px;}
p {font-size: 1.1em; line-height: 2em; margin-bottom: 30px;}
ol, ul {margin: 15px 0 15px 0;}
ol li, ul li {margin: 0 0 15px 60px; list-style-type: square; font-size: 1.1em;}

/* chop */
.faheychop {float: left; margin: -30px 0 0 30px; height: 145px; width: 230px;}

/* auto centering content box */
#container {width: 960px; height: auto; margin: 60px auto 30px auto;}

.header {text-align: right; width: auto; height: 60px; margin: 0 15px 0 0;}
.header span {font-size: 0.65em;}

#nav {width: 570px; height: auto; text-align: right; float: right; margin: 0 45px 0 0;}
#nav li {display: inline; width: auto; margin: 0 15px 0 15px; font-size: 1.2em; font-weight: bold;}

/* painting thumbnails */
#paintthumbsnav {margin: 90px 0 0 10px; width: 375px; height: 45px;}
#paintthumbsnav ol {margin-top: -15px;}
#paintthumbsnav ol li {display: inline; font-size: 2em; font-weight: bold; margin: 0 0 0 30px;}
#paintthumbsnav h2 {float: left; font-size: 2em; font-weight: bold;}
#paintthumbs {width: 425px; height: auto; margin: 0 0 30px 30px;}
#paintthumbs img {
	float: left;
	margin: 0 20px 20px 0;
	border: 6px solid transparent;
	/* the following not supported by IE */
	-webkit-box-shadow: 5px 5px 15px #000;
	-moz-box-shadow: 5px 5px 15px #000;}
	
#paintthumbs img:hover {border: 6px solid #6d7d8c;
	/* the following not supported by IE */
	-moz-border-radius-topleft: 2px;
	-webkit-border-top-left-radius: 2px;
	-moz-border-radius-topright: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-bottomleft: 2px;
	-webkit-border-bottom-left-radius: 2px;	
	-moz-border-radius-bottomright: 2px;
	-webkit-border-bottom-right-radius: 2px;}

/* large painting container */
#painting {
	overflow: hidden;
	width: 460px;
	height: auto;
	margin: -30px 0 0 60px /*-90px 0 0 60px*/;
	/* the following not supported by IE */
	-webkit-box-shadow: 5px 5px 15px #000;
	-moz-box-shadow: 5px 5px 15px #000;}

/* loading placeholder */
/* #painting img { background: url(Őimages/ajax-loader.gifŐ) 50% 50% no-repeat;} */
	
p.caption {font-size: 0.9em; font-weight: bold; text-align: right; margin: 5px 55px 30px 0;}

#resume, #statement {margin-top: 15px; padding-left: 45px; padding-top: 45px; padding-bottom: 45px; padding-right: 45px; color: #111111; background-color: transparent; background-image: url(images/bknd_paper.png);
	/* the following not supported by IE */
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;	
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-box-shadow: 5px 5px 15px #000;
	-moz-box-shadow: 5px 5px 15px #000;
	}

#resume h2, .contact {text-align: center; margin: 0;}
#resume .contact {font-weight: bold; margin: 0 0 45px 0; padding: 0; border-bottom: 1px dotted;}
#resume p {margin-bottom: 10px; margin-left: 60px;}
#statement h2 {text-align: center; font-weight: bold; margin: 0 0 45px 0; padding: 0; border-bottom: 1px dotted;}

/* Bio photos */
img.bio {float: right; margin: 0 0 0 30px;}
p.footer {clear: both; text-align: center; margin: 30px 0 30px 0; color: #333; font-size: 0.8em; font-weight: bold;}
p.footer a:link, a:visited {color: #333; background-color: transparent; text-decoration: none;}
p.footer a:hover, a:focus {color: white; background-color: transparent; text-decoration: underline;}

/* link formatting */
a:link, a:visited {color: #6d7d8c; background-color: transparent; text-decoration: none;}
a:hover, a:active, a:hover:visited, a:focus {color: #c1c1c1; background-color: transparent; text-decoration: none;}