@charset "UTF-8";
@import "/css/reset.css";

/* CSS Document */

/*
	----------------------------
	HTML SELECTORS
	____________________________
*/

//div { outline: 1px solid #ccc; }
body { background: url(/media/layout/bg-corpus.jpg) top center repeat-x #0b0d02; font:14px/21px Helvetica, Arial, sans-serif; color:#333; margin: 0; padding: 0; color: #f3e9d8; }
body.short { background-image: url(/media/layout/bg-short.jpg); }
a { color: #f7d99f; text-decoration: none; }
a:hover { color: #ffaa00; }
a.old-school { text-decoration: underline; }
h1, h2 { font-size: 26px; line-height: 28px; font-weight: normal; letter-spacing: -1px; }
h1#h1Home { font-size: 24px; display: inline; }
h3 { font-size: 22px; line-height: 26px; font-weight: normal; margin: 24px 0 8px; color: #f7d99f; }
h3.home-blog-title { margin-top: 32px; }
h3.home-blog-title-top { margin-top: 16px; }
#random-samples h3, #contact-form h3 { font-size: 18px; margin-top: 0; }
h4 { font-size: 14px; font-weight: normal; margin: 0; color: #f7d99f; text-transform: uppercase; }
h5 { font-size: 12px; font-weight: normal; margin: 0; color: #f7d99f; text-transform: uppercase; }
ul { margin-left: 20px; color: #F7D99F; }
ol { margin-left: 36px; }
blockquote { margin: 6px 0; background-color: #111; border: 3px solid #222; padding: 5px; }
	blockquote p { margin: 0 0 10px; }
	
	#main blockquote p { font-size: 14px; line-height: 19px; }
table { background-color: #111; border: 3px solid #222; }	
		table tr td { padding: 2px; border: 1px solid #222; }

/*
	----------------------------
	LAYOUT
	____________________________
*/

#superheader { position: absolute; z-index: 99; top: 8px; left: 0; padding: 0 0 3px 0; color: #f3e9d8; width: 100%; height: 19px; background: transparent url(/media/layout/superheader.png); border-top: 2px solid #ccc; border-bottom: 1px solid #5e4326; }
	#superheader ul { list-style: none; margin: 0 0 0 24px; float: left; }
		#superheader ul li { display: inline; margin-right: 12px; }
	#superheader #contact-info { float: right; margin-right: 24px; text-align: right; }
		#superheader #contact-info span { }

#corpus { width:960px; margin: 0 auto; background: transparent url(/media/layout/bg.jpg) 0 0 no-repeat; position: relative; }
#corpus.short { background-image: url(/media/layout/bg-corpus-short.jpg); }

#rss-feed { position: absolute; right: 0; top: 100px; z-index: 1000; }

#header { padding-top: 140px; position: relative; height: 80px; }
	#blurb-right { position: absolute; right: 0; top: 40px; }
	#logo { position: absolute; }
	#text-sizer { position: absolute; right: 8px; bottom: 0; }
	#web-graphics-photography { position: absolute; right: 0; padding-right: 8px; margin-top: 6px; overflow: hidden; font-size: 24px; line-height: 30px; letter-spacing: -1px; width: 500px; text-align: right; }
		#web-graphics-photography ul { list-style: none; margin: 0; }
			#web-graphics-photography ul li { display: inline; margin-left: 8px; }	
				#web-graphics-photography a { color: #fff; }
				#web-graphics-photography a:hover { color: #ffaa00; }

	#default-title strong { font-weight: normal; }

#main p, #below-fold p { font-size: 16px; line-height: 24px; }
#main { position: relative; width: 960px; }
	#copy { float: left; width: 730px; margin-top: 30px; font-size: 1.1em; }
		#copy strong { font-weight: normal; }
		#copy.strong strong { font-weight: bold; }
		#copy em { color: #f7d99f; font-style: normal; }
		#copy img, #content img { border: 3px solid #ccc; }
		#copy a { text-decoration: underline; }
		#copy a:hover { color: #ffaa00; }
#main.tall { height: 400px; }

	#content { width: 700px; float: left; }
		#content h3 a { color: #F7D99F; }
		#content a { color: #ffaa00; }
		#content a:hover { text-decoration: underline; }
		#content label { display: block; margin-top: 8px; }
	
	h5#samples { margin-left: 12px; margin-bottom: 4px; text-transform: uppercase; }
	#home-thumbs { position: relative; height: 66px; }
		#home-thumbs ul { list-style: none; margin: 0; padding-left: 8px; }
			#home-thumbs ul li { float: left; height: 58px; margin: 0 4px; border: 2px solid #666; padding: 1px; }
			#home-thumbs ul li a {  }
				
		div#ie6 ul { list-style: none; }
			div#ie6 ul li { display: inline; }
	#web1, #graphics1, #photography1 { margin-left: -1700px; }
	
	#web2, #graphics2, #photography2 { margin-left: -1500px; }
	
	#home-titles { margin: 20px 12px 0 12px; }
		#home-titles h2 { color: #F3E9D8; font-size: 22px; display: none; }
		#home-titles h2.activeTitle { display: block; }

#below-fold { margin: 20px 12px; }
	#blog-entry { float: left; width: 520px; }
	
	#home-article { float: right; width: 390px; margin-bottom: 12px; }
	
	#random-samples { float: left; width: 170px; margin-left: 24px; font: 11px/17px Arial, sans-serif; }
		#random-samples p { font-size: 12px; line-height: 18px; }
		#random-samples a { color: #ddd; }
		#random-samples a:hover { color: #ffaa00; }
	
	#contact-form { float: right; width: 200px; }
		#contact-form form {  }
			#contact-form ul { list-style: none; margin: 0; }
				#contact-form ul li { margin-bottom: 4px; }
					#contact-form label { display: block; }
						#contact-form input { width: 180px; }
						#contact-form input#submit-to { display: none; }
						#contact-form textarea { width: 180px; height: 80px; }
						input#submit-button { width: auto; }
						
						#phone { font-size: 1.2em; }
						#sean-home-page {  }
							#sean-home-page img { margin-left: 16px; }

#footer { border-top: 1px solid #0B0D02; margin: 0 auto; width: 960px; }

/*
	----------------------------
	PAGE/SECTION SPECIFIC
	____________________________
*/

#comment-entry {  }
	#comment-entry ul { list-style: none; margin: 0; }

div.comment, div.sean-comment, div.comment-alt { width: 440px; padding: 0 20px 0 4px; }
div.sean-comment { color: #F7D99F; }
div.comment-alt { color: #fed584; }

#nerd-dog { position: absolute; right: 0; top: -30px; }

ul#three-steps { list-style: none; margin: 0; height: 160px; }
	ul#three-steps li { float: left; margin-right: 16px; }
	ul#three-steps li.no-margin { margin-right: 0; }
	ul#three-steps img { border: 3px solid #666; }
	
ul#skills-list {  }
	ul#skills-list li { margin: 12px 0; }
	ul#skills-list strong { font-weight: bold; color: #F7D99F; }

span#columns { display: none }
.first { padding: 0 24px 0 0; }

#hook { background: url(/media/images/fish-hook.gif) no-repeat right -12px; }

/*
	----------------------------
	CLASSES
	____________________________
*/
div.clear { overflow:hidden; height:1px; clear:both; }
div.clear-right { overflow:hidden; height:1px; clear:right; }
img.alignRight { float:right; margin:0 0 15px 15px; }
img.alignLeft { float:left; margin:0 15px 15px 0; }
.error { color: #c00; }

.border { border: 3px solid #ccc; }
.small, #below-fold p.small, #main p.small { font: 12px/18px Arial, sans-serif; }
.medium { color: #aaa; }
.bright { color: #f7d99f; }
.yt-480-385 { border: 3px solid #ccc; width: 480px; }