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

/* Career Hell -- www.careerhell.com */

body { background: #121212 url(/media/layout/bg.png) repeat-x; font:13px/18px Helvetica, Arial, sans-serif; color: #fffbd9; opacity: .9999; }
a { color: #fff67d; text-decoration: none; }
a:hover { color: #FDC000; }
p { margin: 10px 0; }

h1, h2, h3, h4, h5, h6 { margin: 10px 0; }
h2 { font-size: 20px; color: #fff67d; font-weight: normal; letter-spacing: -1px; margin: 3px 0 8px 0; }
h3 { font-size: 14px; font-weight: bold; }
h3.section { margin-top: 0; text-transform: uppercase; font-weight: normal; letter-spacing: 0; }

ol { margin-left: 24px; }
a img { border: 0; }

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

#corpus { width:960px; margin: 16px auto; }

#header { position: relative; height: 99px; }
	#logo { position: absolute; left: -4px; }
		#logo img { width: 229px; height: 95px; }
	ul#nav { list-style: none; position: absolute; top: 20px; right: -4px; font-size: 14px; text-transform: uppercase; }
		ul#nav li { float: left; margin-left: 16px; }
			ul#nav a { color: #121212; }
			ul#nav a:hover { color: #D95912; }
	
	ul#subnav { list-style: none; position: absolute; top: 44px; right: 0; font-size: 13px; color: #fffbd9; }
		ul#subnav li { float: left; padding: 0 6px; }
			ul#subnav a { color: #fdc000; font-weight: bold; }
			ul#subnav a:hover { text-decoration: underline; color: #fffbd9; }
									
#content {  }
	#headlines {  }
		#headlines h1 { font-weight: normal; margin: 16px 0; }
			#headlineTitle { font-size: 24px; color: #FDC000; font-weight: bold; letter-spacing: -1px; }
			#headlineDescription { font-size: 16px; text-transform: uppercase; }
			
			ul#headlineImages { list-style: none; }
				ul#headlineImages li { border: 2px solid #fffbd9; height: 120px; background-color: #333; overflow: hidden; font-size: 12px; line-height: 15px; }
					ul#headlineImages li a { margin-top: 50px; display: block; padding: 3px; height: 64px; background-color: #111; color: #e95a0b; }
					ul#headlineImages li a:hover { color: #FDC000 }
						.articleType { text-transform: uppercase; font-size: 0.8em; color: #fffbd9; }
				li#firstArticleImage { float: left; margin-right: 20px; width: 140px; }
				li#secondArticleImage { float: left; margin-right: 20px; width: 300px; }
				li#thirdArticleImage { float: left; margin-right: 20px; width: 104px; }
				li#fourthArticleImage { float: left; margin: 0; width: 104px; }
				li#fifthArticleImage { float: right; margin: 0; width: 212px; }
				
					span.articleDescription, span.articleColon { display: none; }
					li#secondArticleImage span.articleDescription, li#secondArticleImage span.articleColon { display: inline; }
				
#main { clear: both; float: left; width: 604px; margin-top: 20px; padding: 8px; border: 2px solid #2c2c2c; }
	#main p.dateline { text-transform: uppercase; font-size: 0.8em; color: #fffbd9; margin-top: 0; letter-spacing: 1px; }
	#main ol li { margin: 12px 0; }
	
#one-column { margin-top: 36px; }

	#latest {  }
		img#articleImage { border: 2px solid #2c2c2c; }
		
	#job-lib-text { margin-top: 500px; line-height: 48px; }
	
	#recent {  }
		#recent p.dateline { margin: 0; }
		#recent ul { list-style: none; margin-top: 0; }
			#recent ul li { width: 288px; margin-top: 4px; margin-left: 4px; padding: 4px; float: left; }
			
	#comments { padding-top: 12px; clear: both; }
		#comments ul { list-style: none; }
			#comments ul li { margin: 16px 0; }
				p.commentByline { font-size: 0.9em; color: #D95912; margin-top: 0; letter-spacing: 1px; }
			
	#commentEntry { margin-top: 20px; float: left; }
		#commentEntry ul { list-style: none; margin-left: 6px; }
			#commentEntry ul li { margin: 12px 0; }
				#commentEntry input, #commentEntry textarea { width: 300px; }
				#commentEntry input.submits { width: auto; }
	
	#commentDisclaimer { float: right; width: 240px; padding-top: 50px; margin-right: 12px; }

#sidebar { float: right; width: 300px; margin-top: 20px; padding: 8px; border: 2px solid #2c2c2c; }
	#sidebar div { margin: 0 0 20px 0; }
	#sidebar h2 { margin: 0 0 10px 0; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; uppercase; color: #fffbd9; font-weight: bold; }
	
	#comic {  }
	
	#jobs {  }
		#jobs ul { list-style: none; }
	
	#topJobs {  }
	
/* ONE COLUMN LAYOUT */

#single-column { clear: both; width: 100%; margin-top: 20px; padding: 6px; border: 2px solid #2c2c2c; }
	#narrow { width: 760px; margin: 20px 40px; }
	
/* List styles */

ul#bookmark-links { list-style: none; }
	ul#bookmark-links li { display: inline; margin-right: 3px; }

#login-form ul { list-style: none; margin: 0; }
	#login-form ul li {  }
	#login-form label { display: block; }
	#login-form label.inline { display: inline; }
	
/* Page specific styles */

#footer { clear: both; text-align: right; margin-top: 10px; padding: 8px 18px; border: 2px solid #2c2c2c; font-size: 12px; }
	#footer span { float: left; }


p.readMore { margin-bottom: 16px; }

div.clear { clear: both; heigh: 1px; overflow: hidden; }
img.alignRight { float:right; margin:0 0 4px 12px; }
img.alignLeft { float:left; margin:0 12px 4px 0; }
.error { color: red; }

input.submitMe { margin-left: 24px; }