@charset "utf-8";
/*  
Theme Name: Erika Works
Theme URI: http://www.erikaworks.com
Description: Desaturated moon above darkening trees. Stars or snow?
Version: 1.0
Author: Erika Wohlstadter
Author URI: http://www.erikaworks.com
*/

/* Basic Styles */
* {margin: 0; padding: 0;}
.clear {clear: both;}
.floatLeft { float: left; font-size: 0.6em; margin: 0.4em 0 0 0; }
.floatRight { float: right; font-size: 0.6em; margin: 0.4em 0 0 0; }
img { border: none; }
body {background-color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.73em; margin: 5px;}
#wrapper { background: url(images/portfolioBack.jpg) no-repeat top right; background-attachment: fixed; min-height: 100%; margin: 0 0 -300px 0; position: relative; }

/* Brag Styles */
#brag { background: url(images/bragBack.jpg) no-repeat top left; background-color: #fff; background-attachment: fixed; float: left; height: 100%; min-height: 1700px; width: 50%; }
#bragHeader { color: #220c01; font-family: "Constantia", Georgia, serif; font-size: 3em; line-height: 100%; padding: 0.5em 0.2em 0.9em 0; text-align: right; }
#bragInt { color: #2A0C02; float: right; min-width: 40em; width: 75%; }
#brag .hr { background-image: url(images/bragRule.png); height: 4px; margin: 0 0 1em 0; width: 100%; }
#brag .hrInt { background-image: url(images/bragRuleInt.png); height: 4px; margin: 0 0 1em 0; width: 100%; }
#brag a { color: #84763E; font-style: italic; font-weight: bold; text-decoration: none; }
#brag a:hover { border-bottom: solid #DDD5B7 3px; color: #DE3A03; }
	/* Brag Side Bar */
	#sideBar { float: left; min-width: 13em; width: 35%; }
	.sideBarInt { border: solid #fff 1px; margin: 0 0 1.8em 0; padding: 3px; }
	#archives, #loves, #entry { background-color: #fff; padding: 0.9em; }
	#archives ul, #loves ul { list-style: none; }
	#archives li { background: url(images/bragRuleInt.png) no-repeat bottom; margin: 0 0 1em 0; padding: 0 0 1.5em 0; }
	#loves li { margin: 0 0 1em 0; }
		/* Brag Entry Styles */
		#content { float: right; margin: 0 1.8em 0 0; min-width: 20em; width: 58%; }
		#entry p.dateTime { color: #BCAB70; float: left; font-size: 0.9em; font-weight: bold; display: block; line-height: 100%; margin: 0; width: 2.2em; }
		#entry p.comments { margin: 0 0 1em 0; text-align: right; }
		/* Comment Styles */
		.inputform { border: solid #FAF5DA 0.5em; padding: 0.5em; width: 92%; }
		.inputform:focus { background-color: #faf5da; border: solid #DDD5B7 0.5em; }
		.commentButton { background-color: #fff; border: none; color: #000; font-family: "Constantia", Georgia, serif; font-size: 1.6em; font-style: italic; font-weight: 								bold; margin: 0 3em 0 0; }
		.commentButton:hover { color: #DE3A03; }
		ol.commentlist { list-style: upper-roman; margin: 0 0 0 2em; }
		ol.commentlist li { border-bottom: dotted #FAF5DA 2px; margin: 1.5em 0; padding: 0 0 1em 0; }
		.commentDate { float: right; font-size: 0.9em; }
		
/* Portfolio Styles */
#portfolio { background: url(images/portfolioBack.jpg) no-repeat top right; background-attachment: fixed; float: left; height: 100%; width: 50%; }
#portfolioHeader { color: #f0edd5; font-family: "Constantia", Georgia, serif; font-size: 3em; line-height: 100%; padding: 0.5em 0 0.9em 0.2em; }
#portfolioInt { color: #B9AE84; float: left; min-width: 40em; width: 75%; }
	#main { margin: 0 0 0 1.8em; }
	#portfolio .hr, #footer .hr { background-image: url(images/portfolioRule.png); height: 4px; margin: 0 0 1.0em 0; width: 100%; }
	#portfolio a, #footer a { color: #CDC6A2; font-style: italic; font-weight: bold; text-decoration: none; }
	#portfolio a:hover, #footer a:hover { border-bottom: solid #661f04 3px; color: #DE3A03; }
	.thumb:hover { border: solid #b00 1px; }

/* Footer */
.clearFooter { clear: both; height: 300px; }
#footer { background: url(images/footerTop.jpg) no-repeat top center; background-color: #000; color: #eee; height: 300px; position: relative; }
	#aboutWrapper { float: left; height: 100%; width: 50%; }
	#about { color: #B9AE84; float: right; margin: 1.8em 1.8em 1.8em 0; min-width: 40em; width: 75%; }
		#contactWrapper { float: left; height: 100%; width: 50%; }
		#contact { color: #B9AE84; float: left; margin: 1.8em 0 1.8em 1.8em; min-width: 40em; width: 75%; }
			/* Form Styles */
			#contact label { color: #B9AE84; display: block; float: left; font-weight: bold; margin: 0 2em 2em 0; width: 28%; }
			#contact .is_required, #contact .vname, #contact .vemail { background-color: #000; border: solid #251807 .5em; color: #B9AE84; margin: 3px 0 0 0; min-width: 6em; padding: 5px; width: 90%; }
			#contact .is_required:focus, #contact .contactForm2:focus, #contact .vname:focus, #contact .vemail:focus { background-color: #110000; }
			#contact .contactForm2 { background-color: #000; border: solid #251807 .5em; color: #B9AE84; height: 6em; margin: 3px 0 0 0; padding: 5px; width: 326%; }
			.contactButton { background-color: #000; border: none; color: #b9a384; float: right; font-family: "Constantia", Georgia, serif; font-size: 1.6em; font-style: italic; font-weight: 								bold; margin: 0 1em 0 0; }
			.contactButton:hover { color: #fff; }

/* Text Styles */
h1, h2, h3, h4 { font-family: "Constantia", Georgia, serif; font-weight: normal; text-transform: capitalize; }
p {line-height: 150%; margin: 0 0 1.5em 0;}
	#brag h1 { color: #000; font-size: 1.7em; font-style: normal; line-height: 110%; margin: 0 0 0.4em 0; }
	#brag h2 { font-size: 1.6em; }
	#brag h3 { color: #000; font-size: 1.2em; line-height: 100%; margin: 1.5em 0 0 0; }
	#brag h3 a { color: #000; }
	#brag h1:hover, #brag h3:hover { color: #DE3A03; }
		#portfolio h2 { color: #f0edd5; font-size: 1.8em; margin: 0 0 0.5em 0; }
		#portfolio h3 { color: #f0edd5; font-size: 1.4em; margin: 0 0 0.1em 0; }
		#portfolio h3 a { float: right; font-size: 0.9em; }
		#portfolio strong { color: #f0edd5; font-family: "Constantia", Georgia, serif; font-size: 1.4em; text-transform: capitalize; }
			#footer h2 { font-size: 2em; }

/* Image Styles */
.pullQuote { border: none; color: #000; font-size: 1.0em; font-style: italic; font-weight: bold; margin: 0 0 1em 0; }
	.boxgrid{ border: solid #661f04 1px; height: 108px; margin: 0 0 1.5em 0; overflow: hidden; position: relative; width: 100%; }
	.boxgrid img{ height:102px; left: 0; padding: 3px; position: absolute; top: 0; width: 99%; } 
	.boxgrid p { font-size: 0.9em; }
	.boxcaption{ background:  #220900; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; float: left; height: 108px;  opacity: 0; padding: 1em; position: absolute;  width: 96%; z-index: 2; }
		.self { border: solid #661f04 1px; float: left; margin: 0 1.5em 0.5em 0; padding: 2px; }