@font-face {
	font-family: 'HarabaraHand';
	src: url('type/HarabaraHand.eot');
	src: local('HarabaraHand Italic'), local('HarabaraHand'), url('type/HarabaraHand.woff') format('woff'), url('type/HarabaraHand.ttf') format('truetype'), url('type/HarabaraHand.svg#HarabaraHand') format('svg');
}

body {background:#000;}

/* ----- LOGOTYPE ----- */

h1 {margin:20px 0;color:black; text-indent:-9999px;}

h1 a:link, h1 a:visited {
	background:#000 url(images/header.gif) left top no-repeat; 
	display:block;
	height:75px;
}
h1 a:hover, h1 a:active {background:#000 url(images/header.gif) left bottom no-repeat;}

/* ----- MENU NAVIGATION ----- */

#nav {
	text-transform: uppercase;
}
#nav li {
	text-align:right;
	font:normal 14px/50px Georgia, "Times New Roman", Times, serif;
	background:red;
	margin:5px 0;
}
#nav li a:link, #nav li a:visited {
	color:#333;
	text-decoration:none;
	padding-right:70px;
	display:block;
	height:50px;
}
#nav li a:hover, #nav li a:active {
	color:#fff;
}

#nav-murals a:link, #nav-murals a:visited {
	background:#000 url(images/nav-murals.gif) right bottom no-repeat;}
#nav-murals a:hover, #nav-murals a:active {
	background:#000 url(images/nav-murals.gif) right top no-repeat;}
#nav-commissioned a:link, #nav-commissioned a:visited {
	background:#000 url(images/nav-commissioned.gif) right bottom no-repeat;}
#nav-commissioned a:hover, #nav-commissioned a:active {
	background:#000 url(images/nav-commissioned.gif) right top no-repeat;}
#nav-originals a:link, #nav-originals a:visited {
	background:#000 url(images/nav-originals.gif) right bottom no-repeat;}
#nav-originals a:hover, #nav-originals a:active {
	background:#000 url(images/nav-originals.gif) right top no-repeat;}
#nav-faux a:link, #nav-faux a:visited {
	background:#000 url(images/nav-faux.gif) right bottom no-repeat;}
#nav-faux a:hover, #nav-faux a:active {
	background:#000 url(images/nav-faux.gif) right top no-repeat;}
#nav-about a:link, #nav-about a:visited {
	background:#000 url(images/nav-about.gif) right bottom no-repeat;}
#nav-about a:hover, #nav-about a:active {
	background:#000 url(images/nav-about.gif) right top no-repeat;}
#nav-journal a:link, #nav-journal a:visited {
	background:#000 url(images/nav-journal.gif) right bottom no-repeat;}
#nav-journal a:hover, #nav-journal a:active {
	background:#000 url(images/nav-journal.gif) right top no-repeat;}
#nav-contact a:link, #nav-contact a:visited {
	background:#000 url(images/nav-contact.gif) right bottom no-repeat;}
#nav-contact a:hover, #nav-contact a:active {
	background:#000 url(images/nav-contact.gif) right top no-repeat;}

/* ----- CENTER SECTION ----- */

#main-content {
	 text-align:center;
	 margin:40px auto;
	 color:white;
}
#main-content p {
	font:normal 14px/21px Constantina,Georgia,"Times New Roman",serif;
	margin:20px 40px 5px;
}

#article,#journal,#contact,#murals,#commissioned,#originals,#faux {
	border:2px solid #333; 
	text-align:center; 
	padding:10px;
	margin:10px 0 0 auto;
	background:#111;
}
#article h2 {
	background:url(images/top-flourish.gif) center top no-repeat;
	font-weight:normal;
	font-size:24px;
	line-height:36px;
	font-family:Papyrus,Garamond,Constantina,Georgia,"Times New Roman",serif; 
	padding: 10px; 
	color:#c6f; 
	/*margin-bottom:10px;*/
}
#article img {
	border:2px solid #fff;
	margin:0 auto 6px;
}
#article p,#murals p,#commissioned p,#originals p,#faux p {
	color:#ccc;
	font:normal 12px/18px Constantina,Georgia, "Times New Roman", Times, serif;
}
#article {min-height:450px;}

/* ----- STYLES FOR PICTURE LISTS ----- */

#murals h2,#commissioned h2,#originals h2,#faux h2 {
	font-weight:normal;
	font-size:24px;
	line-height:36px;
	font-family:Papyrus,Garamond,Constantina,Georgia,"Times New Roman",serif; 
	padding: 10px; 
	padding-left: 70px;
	color:#c6f; 
	text-align:left;
}
#murals h2 {background:#111 url(images/nav-murals.gif) left top no-repeat;}
#commissioned h2 {background:#111 url(images/nav-commissioned.gif) left top no-repeat;}
#originals h2 {background:#111 url(images/nav-originals.gif) left top no-repeat;}
#faux h2 {background:#111 url(images/nav-faux.gif) left top no-repeat;}

.list-content {text-align:left; margin:0px 10px 20px 70px;padding-top:10px;border-top:1px dotted #c6f;}

#murals ul,#commissioned ul, #originals ul, #faux ul {list-style-type:none; margin:20px 0;}
#murals li,#commissioned li, #originals li, #faux li {display:inline;margin:10px 20px 10px 0; line-height:50px;}
#murals li a:link img, #murals li a:visited img,
#commissioned li a:link img, #commissioned li a:visited img, 
#originals li a:link img, #originals li a:visited img, 
#faux li a:link img, #faux li a:visited img {border:1px solid #333;}

#murals li a:hover img, #murals li a:active img,
#commissioned li a:hover img, #commissioned li a:active img, 
#originals li a:hover img, #originals li a:active img, 
#faux li a:hover img, #faux li a:active img {border:1px solid #fff;}

/* ----- STYLES FOR JOURNAL ----- */

#journal h2 {
	background:#111 url(images/nav-journal.gif) left top no-repeat;
	font-weight:normal;
	font-size:24px;
	line-height:36px;
	font-family:Papyrus,Garamond,Constantina,Georgia,"Times New Roman",serif; 
	padding: 10px; 
	padding-left: 70px;
	color:#fff; 
	text-align:left;
}
.journal-content {text-align:left;}
.journal-article {margin:10px 10px 30px auto;}
.journal-article ul {
	list-style-type:disc;
	margin:5px 10px 10px 20px;
	font:normal 14px/24px Constantina,Georgia,"Times New Roman",serif;
	color:#eee;
}
.journal-article ul li {
	padding:0 0 5px 2px;
}
.journal-article h3 {
	color:#c6f;
	padding-bottom:3px;
	margin-bottom:5px;
	border-bottom:1px dotted #c6f;
	font:normal 28px/36px HarabaraHand,Constantina,Georgia,"Times New Roman",serif;
}
.journal-article h4 {
	color:#fff;
	margin-bottom:3px;
	font:bold 24px/150% Constantina,Georgia,"Times New Roman",serif;
}
.journal-article h5 {
	color:#fff;
	margin-bottom:2px;
	font:bold 20px/150% Constantina,Georgia,"Times New Roman",serif;
}
.journal-article h6 {
	color:#fff;
	margin-bottom:1px;
	font:bold 18px/150% Constantina,Georgia,"Times New Roman",serif;
}
.journal-article blockquote {
	background:black;
	padding:10px 10px 3px 0;
	margin-bottom:10px;
	-moz-border-radius: 15px; 
	-webkit-border-radius: 15px;
}
.journal-article blockquote p {
	background:url('images/quote-icon.png') no-repeat 5px top;
	font:normal 18px/150% Constantina,Georgia,"Times New Roman",serif;
	padding-left:60px;
}
.journal-article a:link, .journal-article a:visited {color:#c6f;text-decoration:none;}
.journal-article a:hover, .journal-article a:active {color:#e5ff65;text-decoration:none;}

.journal-article p {
	color:#eee;
	margin:0 auto 14px;
	font:normal 14px/24px Constantina,Georgia,"Times New Roman",serif;
}
.journal-article img {border:2px #333 solid;}
.journal-article .journal-date {
	color:#999;
	margin:0 auto 20px 0;
	font:normal 10px/18px "Lucida Grande", Calibri, Helvetica, Arial, sans-serif;
	text-transform:uppercase;
}
.journal-article .journal-date a:link, .journal-article .journal-date a:visited {color:#999; text-decoration:underline;}
.journal-article .journal-date a:hover, .journal-article .journal-date a:active {color:#e5ff65; text-decoration:none;}
.journal-article .journal-comment {
	color:#999;
	padding-top:5px;
	border-top:1px dotted #999;
	margin:10px 100px 10px 60px;
	font:normal bold 10px/15px "Lucida Grande", Calibri, Helvetica, Arial, sans-serif;
}
.journal-comment a:link, .journal-comment a:visited {color:#c6f; font-weight:normal;}
.journal-comment a:hover, .journal-comment a:active {color:#e5ff65;}

.journal-article img {margin:auto;}

.journal-sidebar {margin-top:80px;}

.journal-sidebar a:link, .journal-sidebar a:visited {color:#c6f;text-decoration:none;}
.journal-sidebar a:hover, .journal-sidebar a:active {color:#e5ff65;text-decoration:none;}

.journal-sidebar .sidebar {margin:20px 0 20px;}
.journal-sidebar .sidebar h6 {
	font-size: 18px;
	font-weight:normal;
	font-family:Papyrus,Garamond,Constantina,Georgia,"Times New Roman",serif; 
	line-height:133%;
	margin-bottom:9px;
	border-bottom:1px dotted #999;
	color:#999;
}
.journal-sidebar .sidebar li, .journal-sidebar .sidebar p {
	font-size: 12px;
	line-height:150%;
	font-family:Constantina,Georgia,"Times New Roman",serif;
}
.journal-sidebar input#s {
	border:solid 2px #333;
	padding:4px;
	background:#111;
	color:#ddd;
	max-width:80px;
	font-size:9px;
}
.journal-sidebar input#searchsubmit {
	border:dotted 1px #333;
	margin:1px;
	padding:5px;
	background:#111;
	color:#777;
	text-transform:uppercase;
	font-size:9px;
}
.journal-sidebar input#searchsubmit:hover, .journal-sidebar input#searchsubmit:active {
	cursor:pointer;
	color:#c6f;
}
.journal-sidebar .sidebar span#facebook-icon a:link,
.journal-sidebar .sidebar span#facebook-icon a:visited {
	display:block;width:75px;height:75px;float:left;
	background:url(/css/images/facebook.png) no-repeat left top;
	text-indent:-9999px;
}
.journal-sidebar .sidebar span#twitter-icon a:link,
.journal-sidebar .sidebar span#twitter-icon a:visited {
	display:block;width:75px;height:75px;float:left;
	background:url(/css/images/twitter.png) no-repeat left top;
	text-indent:-9999px;
}
.journal-sidebar .sidebar span#facebook-icon a:hover,
.journal-sidebar .sidebar span#facebook-icon a:active {
	background:url(/css/images/facebook.png) no-repeat left -75px;
}
.journal-sidebar .sidebar span#twitter-icon a:hover,
.journal-sidebar .sidebar span#twitter-icon a:active {
	background:url(/css/images/twitter.png) no-repeat left -75px;
}

/* ---------------------- */
/* Journal Comment Styles */
/* ---------------------- */

 #comments {/*margin:0px;*/}
 #comments h4 {
	font:normal 12px/125% "Lucida Grande", "Helvetica Neue Light", "Helvetica Neue", "Helvetica Light", Calibri, Helvetica, Arial, sans-serif;
	padding:10px;
	border:2px dotted #eee;
	margin:10px 0;
	background:#333;
	color:#eee;
}
#comment-form {
	margin:10px auto 10px;
	border-top: 1px dotted #333;
}
#comments #comment-form h5 {
	font:normal 18px/125% Papyrus,Garamond,Constantina,Georgia,"Times New Roman",serif;
	margin:10px auto 10px 90px;
	color:#999;
}
 #comments #comment-area {
	margin:10px;
}
 #comment-area .commenter {
	font-size: 18px;
	font-weight:normal;
}
 #comment-area .comment-info {
	font:normal .67em/150% "Helvetica Neue Light", "Helvetica Neue", "Helvetica Light", Calibri, Arial, Helvetica, sans-serif;
	color:#999;
}
 #comments li,  #comment-trackbacks { 
	font:normal 12px/125% "Helvetica Neue Light", "Helvetica Neue", "Helvetica Light", Calibri, Arial, Helvetica, sans-serif;
	margin:10px 0;
	padding:10px 0;
}
 #comment-area li.author {
	 /* sets author background color */
}
 #comment-area .avatar {
	float: left;
}
 #comments #comment-area p {margin:auto auto 5px 90px;}

 #comments #comment-form p {padding-left:90px;}

#comment-form p#comment-author {background:url(images/group.png) no-repeat 65px 3px;}
#comment-form p#comment-email {background:url(images/email.png) no-repeat 65px 4px;}
#comment-form p#comment-url {background:url(images/world.png) no-repeat 65px 3px;}
#comment-form p#comment-comment {background:url(images/page_white_edit.png) no-repeat 65px top;}

/* ----- STYLES FOR CONTACT PAGE ----- */

#contact h2 {
	background:#111 url(images/nav-contact.gif) left top no-repeat;
	font-weight:normal;
	font-size:24px;
	line-height:36px;
	font-family:Papyrus,Garamond,Constantina,Georgia,"Times New Roman",serif; 
	padding: 10px; 
	padding-left: 70px;
	color:#fff; 
	text-align:left;
}
.contact-content {
	color:#ccc;
	text-align:left;
	margin:10px 10px auto 70px;
	font:normal 12px/18px Constantina,Georgia,"Times New Roman",serif;
}
.contact-content form {margin:10px 10px 10px auto;}
.contact-content form label {margin-top:5px;letter-spacing:1px;}
.contact-content form input, .contact-content form textarea {
	width:100%;
	padding:3px;
	font:normal bold 11px/16px "Lucida Grande",Calibri,Helvetica,Arial,sans-serif;
	margin-bottom:10px;
	color:#333;
}
.contact-content form input#zem_contact_submit {width:auto; color:#000;}

/* ----- STYLES FOR ABOUT PAGE ---- */

.about-content {text-align:left; margin:10px;}
.about-content p {margin:10px;}
.about-content blockquote {
	color:#777;
	margin:20px;
	text-align:center;
	font:normal 16px/24px Constantina,Georgia, "Times New Roman", Times, serif;
}
#article .about-content img {
	float:right; 
	margin-left:20px;
	border:1px solid #ccc;
}

#about-favorites {
	text-align:center;
	color:#c6f;
	margin-top:90px;
	font:normal 12px/18px Constantina,Georgia, "Times New Roman", Times, serif;
}

#about-favorites h3 {
	font:bold italic 15px/20px Constantina,Georgia,"Times New Roman",Times,serif;
	padding-bottom:5px;
	border-bottom:1px dotted #c6f;
}
#about-favorites dt {margin-top:10px;text-transform:uppercase;}
#about-favorites dd {}

/* ----- IMAGE NAVIGATION ----- */

#nav-image {
	margin:10px auto 0;
	padding-top:10px;
	border-top:1px dotted #333;
	color:#666;
	height:50px;
	width:300px;
}
#nav-image a:link, #nav-image a:visited {color:#333; text-decoration:none;}
#nav-image a:hover, #nav-image a:active {color:#fff;}

#nav-image a:link img, #nav-image a:visited img {border:1px solid #333;}
#nav-image a:hover img, #nav-image a:active img {border:1px solid #fff;}

#nav-image .nav-image-prev {
	display:block;
	float:left;
	width:140px;
	text-align:right;
}

#nav-image .nav-image-next {
	display:block;
	float:right;
	width:140px;
	text-align:left;
}
#nav-image .nav-image-prev img{
	float:right;
	margin-left:10px;
}

#nav-image .nav-image-next img{
	float:left;
	margin-right:10px;
}
#nav-image .nav-image-prev p, #nav-image .nav-image-next p {line-height:50px;}

/* ----- FOOTER AND COPYRIGHT STATEMENT ----- */

#footer-copyright {
	padding-top:60px;
	background:url(images/footer-top.gif) center top no-repeat;
	text-align:center;
	color:#444; 
	font: italic 11px/16px Constantina, Georgia, "Times New Roman", Times, serif; 
	margin:0px 20px 20px;
}
#footer-copyright a:link, #footer-copyright a:visited {
	color:#444;
	text-decoration:none;
	border-bottom:1px dotted #444;
}
#footer-copyright a:hover, #footer-copyright a:active {
	color:#666;
	border-bottom:1px dotted #777;
}