/* Deathless Art external CSS - by Eric Peacock @ opaquedream.com */
/* Created 8-27-09 */
/* Updated 1-17-11 */

/* 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, 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: 60em;
	min-width: 60em;
	max-width: 80em;
	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;
	border-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;}

/* footer */
div.footer {
	clear: both;
	margin: 45px 0 30px 0;
	color: #333;
	font-size: 0.8em;
	font-weight: bold;
	text-align: center;
	}
	
div.footer p {margin: 0; padding: 0;}
	
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,
p.footer a:visited,
div.footer a:link,
div.footer a:visited {color: #333; background-color: transparent; text-decoration: none;}

p.footer a:hover,
p.footer a:focus,
div.footer a:hover,
div.footer a:focus {color: white; background-color: transparent; text-decoration: underline;}


/* links */
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;}

sup, sub {font-size: 0.4em;}

/* ad layout for wallpaper pages */

#container2 {
	margin: 0 auto 0 auto;
	min-width: 960px;
	max-width: 1280px;}

#container2 .ads {
	margin: 60px auto 30px auto;
	}

div.ads #leaderboard {width: 728px; height: 90px; margin: 0 auto 30px auto; padding-top: 30px; clear: both;}

div.ads {color: #fff;}
div.ads a {color: #fff;}

div.ads p {font-weight: normal; line-height: 1.45em; margin: 0 0 15px 0;}

div.ads blockquote {margin-bottom: 10px; padding: 0;}

div.ads cite {text-align: right;}

div.ads h2 {font-size: 1.25em;}

div.ads img {margin-top: 20px;}

/* wallpaper link from painting pages */
p.btn_wallpaper {padding-top: 45px;}

p.btn_wallpaper a {
	clear: both;
	display: block;
	width: 80%;
	margin: 30px auto 0 auto;
	height: auto;
	color: yellow;
	font-weight: bold;
	font-size: 1.5em;
	text-align: center;
	padding: 10px;
	background-color: #333;
	-webkit-box-shadow: 5px 5px 15px #000;
	-moz-box-shadow: 5px 5px 15px #000;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;	
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-radius: 4px;
	}

p.btn_wallpaper a,
p.btn_wallpaper a {color: yellow; padding: 10px;}
p.btn_wallpaper a:hover,
p.btn_wallpaper a:hover {color: #111; background-color: yellow; text-decoration: underline;}


/* -------------- subnav for wallpaper pages ------------------*/
ol#nav2 {text-align: right; margin: 0;}

ol#nav2 li {display: inline; width: auto; margin: 0 15px 0 15px; font-size: 1.2em; font-weight: bold;}

/* -------------- ipod and ipad thumbnail gallery -------------- */
div.wallthumbip {
	width: 132px;
	height: 255px;
	float: left;
	margin: 20px 20px 10px 0;
	text-align: center;
}

div.wallthumbipd {
	width: 140px;
	height: 160px;
	float: left;
	margin: 20px 12px 10px 0;
	text-align: center;
}

div.wallthumbip a,
div.wallthumbipd a {line-height: 1.4em; font-weight: normal; margin: 0;}
div.wallthumb a:hover,
div.wallthumbipd a:hover {color: yellow; text-decoration: underline;}

div.wallthumbip img,
div.wallthumbipd img {
	float: left;
	margin: 0 23px 5px 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;}
	
div.wallthumbip img:hover,
div.wallthumbipd 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;
	border-radius: 2px;}

#devicenav {margin: 0 auto 0 auto; width: 600px;}

img.floatright {float: right; margin: 0 60px 0 30px; height: 300px; width: 295px;}

div.addthis_toolbox {margin-top: 15px;}

div.addthis_toolbox a {margin-right: 13px;}

/* liquid layout */
    
#header {
	width: 80%;
	background-color: transparent;
	padding: 60px;
	margin-bottom: 30px;
	float: right;
}

div.ads #aside p {margin: 15px 0 0 0; font-weight: bold; line-height: 1.25em;}

#tall {
	float: left;
	width: 160px;
	padding: 0;
	background-color: #999;
	list-style: none;
}

#centercol {
	margin-left: 190px;
	margin-right: 280px;
	padding: 30px;
	background-color: transparent;
	max-width: 830px;
}

#aside {
	float: right;
	width: 250px;
	padding: 0;
}

#footer {
	clear: both;
	text-align: center;
	margin: 45px 0 0 0;
	padding: 0;
	color: #333;
	font-size: 0.8em;
	font-weight: bold;
}

#footer a:link,
#footer a:visited,
#footer a:link,
#footer a:visited {color: #333; background-color: transparent; text-decoration: none;}

#footer a:hover,
#footer a:focus,
#footer a:hover,
#footer a:focus {color: white; background-color: transparent; text-decoration: underline;}

#footer p {margin: 0; padding: 0;}