#recaptcha_table { background-color: #fff; }

body { background: #e9e9e9 url(../images/drop-shadow-only.png) repeat-x center top; font: 12px/14px Helvetica, Arial, sans-serif; }

article, section, header, nav, footer { display: block; }

article { }
	article p { line-height: 18px; margin: 10px 0; }

blockquote { background: #aaa; font-style: italic; padding: 10px; }
	blockquote p { margin: 0; }

section { }
	section ul { }
		section ul li { list-style: inside; padding: 5px; }

a:link, a:visited { color: #d179e8; text-decoration: none; }
a:hover { text-decoration: underline; }
strong { font-weight: bold; }

.clearfloat { display: inline-block; overflow: hidden; }
.clearfloat { display: block; }

.above-overlay { z-index: 10001; }
#overlay { background-color: #fff; height: 100%; left: 0; /*opacity: 0.8;*/ position: fixed; top: 0; width: 100%; z-index: 10000; }
	#overlay img { display: block; margin: 0 auto; }
	#close-btn { height: 20px; left: 30px; position: absolute; top: 30px; width: 20px; }
		#close-btn a { background: #b9b9b9; display: block; margin: 3px auto; border: 1px solid #000; height: 20px; width: 20px; }
			#close-btn a:hover { background: #fff; text-decoration: none; }
			#close-btn a span { display: block; height: 10px; margin: 3px 6px; width: 10px; }
		
#wrapper { min-height: 300px; margin: 0 auto 50px; padding: 0 0 6px; position: relative; width: 960px; z-index: 1000; }
	#container { position: relative; }

#runner { background: #404040 url(../images/patterns/pattern_084.png); height: 100px; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
	#header-title-opacity, #header-opacity { background: #fff; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 101; }
	#header-title-opacity { height: 50%; top: 31px; }

header[role=main] { height: 100px; position: relative; width: 100%; z-index: 10; }
/* "mashine-1","mashine-2" */
	header[role=main] h1 { background: transparent; color: #ca00ff; font-weight: 100; font-size: 36px; float: left; margin: 47px 0 0; position: relative; z-index: 11; }  /*font: 100 36px "fragile-bombers-1","fragile-bombers-2", sans-serif;*/
	/* d179e8 */
		header[role=main] h1 span { padding: 0 20px; position: relative; z-index: 102; }
			header[role=main] h1 span a { color: #ca00ff; }
			header[role=main] h1 span a:hover { color: #1e1e1e; text-decoration: none; }

	nav[role=main] { float: right; margin: 76px 0 0; }
		nav[role=main] ul { }
			nav[role=main] li { float: left; position: relative; }
				nav[role=main] li a { color: #CA00FF; background: #b9b9b9; border: 1px solid #000; border-bottom: 0; margin: 0 3px; padding: 10px; }
				nav[role=main] li a:hover, nav[role=main] li a.current { left: 0; padding-bottom: 20px; position: relative; text-decoration: none; top: -10px; }

#content { }
	#projects-small-wrap { clear: both; margin: 20px 0 0; min-height: 450px; overflow: hidden; position: relative; }
		#projects-small-container { left: 0; position: absolute; top: 0; width: 20000px; }
			.project-door-wrapper { float: left; height: 200px; margin: 10px; width: 220px; }
				.project-door { background-color: ; border: 2px solid #000; padding: 10px;  /* visibility: hidden;  */}
					.project-thumb { margin: 0 0 10px; } 
						.project-thumb a { display: block; position: relative; text-decoration: none; }
							.project-thumb a .thumb-border {  height: 100%; position: absolute; width: 100%; z-index: 2; text-decoration: none; }
								.project-thumb a .thumb-border span { border: 3px solid #726f72; display: block; height: 95%; position: relative; text-decoration: none; }
								/* d204d4 */
								.project-thumb a:hover .thumb-border span { border: 3px solid #ca00ff; text-decoration: none; }
							.project-thumb a img { display: block; position: relative; z-index: 1; }
						.project-blurb { }
							.project-blurb li { list-style: none; }
					.see-project { margin: 5px 0 0; }
						.see-project a { font-size: 12px; letter-spacing: 1px; }  /*font: normal 12px "fragile-bombers-1","fragile-bombers-2", sans-serif;*/ 
						.see-project a:hover { color: #1e1e1e; text-decoration: none; }

	nav[role=navigation] { float: right; margin: 20px 20px 10px; }
		nav[role=navigation] ul { }
			nav[role=navigation] li { float: left; margin: 0 5px; }
				nav[role=navigation] a { font-size: 14px; letter-spacing: 1px; } /*font: normal 14px "fragile-bombers-1","fragile-bombers-2", sans-serif;*/ 
				nav[role=navigation] a:hover { color: #1e1e1e; text-decoration: none; }
				nav[role=navigation] a.noclicky { color: #ccc; cursor: default; text-decoration: none; }
				#prev-project { }
				#next-project { }
	
/* css3 stuff */
.br-10 {
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-o-border-radius: 10px; 
	border-radius: 10px;
}

.br-10-top {
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-radius-topright: 10px;
	-webkit-border-radius-topleft: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

.nav-project { padding: 0 5px 14px; }
	.arrow { font-size: 16px; font-weight: bold; padding: 5px; }
	.arrow:hover { color: #726f72; text-decoration: none; }
	.scroll-up { }
	.scroll-down { }
	.scroll-top { cursor: pointer; padding: 0 5px; }

#projects-wrapper { left: 100px; position: absolute; top: 0; width: 960px; }
	.project-wrap { float: left; }
		.desc-wrap { background: #e9e9e9; border: 1px solid #000; float: left; margin: 10px 10px 0 0; width: 186px; }
			.desc-wrap ul { padding: 10px; }
		.project-images { float: left; }
			.project-images ul { }
				.project-images li { clear: both; float: left; }
					.project-images li p { padding: 10px 0 5px 10px; position: relative; z-index: 11; }
		.img-wrap { clear: both; position: relative; }
			.img-wrap img { padding: 10px; position: relative; z-index: 10; }
			.img-bg { background: #000; left: 0; padding: 10px; position: absolute; top: 0; z-index: 5; }

header { }
	header h2 { background: #b9b9b9; padding: 10px; }
	header h3 { background: #a9a9a9; padding: 10px; }

article header p { float: right; line-height: 12px; margin: -20px 0 0; }
	
.first, .about { margin: 0 20px; }
	.first header { margin: 20px 0 0; }
		.first header h1 { background: transparent; font-size: 24px; margin: 10px 0; }
		.first header h2 { background: transparent; font-size: 20px; margin: 10px 0; padding: 0; }
		.first header h3 { background: transparent; padding: 0 10px; }
	.article { }
	.about section { margin: 10px 0; }
		.about section h1 { background: #b9b9b9; color: #ca00ff; font-size: 20px; margin: 0 0 5px; padding: 5px; }
		.about section h2 { }

#section-contact-me ul li { list-style: none; }

#form-wrap { float: left; margin: 0 0 10px; width: 48%; }

form { }
	form p { }
	form fieldset { }
		form fieldset label { display: block; }
			form fieldset label span { display: block; }
			form fieldset label.required span { }
		.required { }
			form fieldset label input { display: block; width: 439px; }
			form fieldset label textarea { display: block; width: 439px; }
			
#content { }
	#article { }
		.article { }
			.article p { }
			.article ul { }
				.article li { }

			.article h2 { }
			.article h3 { }
			.article a { }
			.article a.edit { }
			.article ul.meta { }
				.article ul.meta li { }
			.article pre { }
				.article pre code { }