@charset "utf-8";
/* CSS Document */
html, body, div, span, h1, h2, p, a, em, img, strong, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }


/*Main Styles*/
html, body { font-family:arial; line-height:19px; font-size:13px; }
a, a:visited { /*color:#A62615;*/ color:#a2120e; text-decoration:underline;  }
a:hover { /*color:#41D0EF;*/ color:#5C8DD2; }
acronym { border-bottom:2px dotted #a2120e; }
acronym:hover { border-bottom:2px dotted #41D0EF; cursor:pointer; }
h1 { font-size:22px; font-family:Arial, Helvetica, sans-serif; font-style:italic; margin:30px 0 15px;  } 

.georgia { font-family:Georgia, "Times New Roman", Times, serif; }
/*.lucida { font-family:'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif; }*/
.border {  border:4px solid #C0C0C0; }
.border:hover, .border img:hover { border-color:#5C8DD2; }
.underline { text-decoration:underline; }

#header { height:141px; width:100%; background-image:url(../images/bg14.jpg); background-repeat:repeat-x; background-color:#FFFFFF; }



#dividerBlack { width:100%; height:2px; background-color:#000; }
#dividerWhite { width:100%; height:2px; background-color:#fff; }

#lower { background-image:url(../images/pattern.jpg); background-repeat:repeat; }
	#container { background-image:url(../images/shadow3.png); width:880px; background-repeat:repeat-y; min-height:900px; margin:0 auto; position:relative; }
		#logo { height:133px; width:402px; margin:-143px 0 0 -20px; float:left; border:0; position:absolute; top:0; }
		#links { left:410px; position:absolute; top:0; }
		#links ul { margin-left:370px; margin:-30px 20px 0 0; width:450px; float:right; }
			#links li { list-style:none; float:left; display:inline; margin-right:10px; width:100px; height:28px; }
				#links a { border:none; }
			#links li:hover { cursor:pointer; }
		.blog { background-image:url(../images/blog.png); background-position:right; }
		.about { background-image:url(../images/about.png); background-position:right; }
		.portfolio { background-image:url(../images/portfolio.png); background-position:right; }
		.contact { background-image:url(../images/contact.png); background-position:right; }
		.portfolio:hover, .contact:hover, .about:hover, .blog:hover, .current { background-position:left; }
		.link { display:block; width:100%; height:100%; text-decoration:none; }
		.fakeLink { cursor:pointer; text-decoration:underline; }
		
		
		#mainContent { padding:40px 40px; }
		/* Right Column Styles */
			#rightCol{ float:right; margin:0 25px 0 0; } 
				#twitterLogo { width:196px; margin:0 0 0 0; display:block; border:0; }
				#loading { font-size:14px; text-align:center; display:block; }
				ul#twitter_update_list { margin:16px 0 0 0; width:202px; text-align:left;  }
					#twitter_update_list li { font-size:12px; line-height:inherit; margin-bottom:15px; list-style-type:none; }
					.evenTweet { border-top:1px dotted #000; border-bottom:1px dotted #000; }  
					.subTweet { font-size:10px; }
				#picasa_div { margin-top:35px; }
				#pics { margin:0 0 0 -7px; }
					#pics a { border-bottom:0;}
					#pics td { padding:5px; }
					#pics td#viewCell { text-align:justify; }
						#pics img { border:4px solid #c0c0c0; }
						#pics img:hover { border-color:#5C8DD2; }
						.hover { border:4px solid #666666; }
						#picasaLogo { display:inline; height:14px; margin-bottom:-1px; }
				#recentWork { margin:35px 0 0 0; }
				/*#twitBird, #picasaLogo { position:absolute; right:0; }
				#twitBird {  margin:100px -52px 0 0; }*/
				
			/* Left Column Styles */			
			#leftCol { width:573px; color:#1b1f1e; float:left; }
				.postContainer {  background-image:url(../images/quill-divider3.jpg); background-repeat:no-repeat; font-size:13px; }
					.post, #comments, #commentFormContainer, #connectIcons { padding-left:25px; }
						.post h2, .post h1 { margin:10px 0 20px 0; float:left; font-size:22px; font-style:italic; }
						.post h3 { margin:25px 0 10px 0; font-size:16px; }
						.date { float:right; margin:14px 84px 0 0; color:#CCC; text-align:right; }
						.post.banner { clear:both; line-height:inherit; }
						.post img.banner:hover { border:4px solid #5C8DD2; }
						.post p, .syntaxhighlighter { clear:both; margin:0 85px 10px 0; line-height:inherit; text-align:left; }
							.articleLink { font-family:Georgia, "Times New Roman", Times, serif; }
							.post ul { margin-bottom:20px; }
							.post ul, .post li { margin-left:20px; }
						#archiveLink, #archiveLink:hover { text-decoration:none; }
						#archiveBtn { width:468px; height:53px; background-image:url(../images/archive2.png); background-position:bottom; line-height:51px; font-size:16px; font-weight:bold; margin:50px 0 0 25px; color:#9a9a9a; text-align:center; font-family:Tahoma, Geneva, sans-serif; }
						#archiveBtn:hover { width:468px; height:52px; background-position:top; margin-bottom:1px; cursor:pointer;  }
					#connectIcons { height:78px; margin:20px 0 0 0; }
						.icons { float:left; margin:0 35px 0 0; }
					/* Comment Box Styles */
					#comments { margin-top:40px; }	
						#comments h2 { font-size:20px; font-style:italic; margin-bottom:20px; }
						.comment { position:relative; padding:15px 10px 15px 10px; min-height:102px; width:445px; }
							.authorInfo { width:150px;  position:absolute; left:10px; top:15px; }
								.authorInfo a:hover { cursor:pointer; }
								.gravatar { border:2px solid #000; margin:5px 0; }
								.poster { font-size:13px; font-weight:bold; display:block; }
								.commentTime, .commentDate { font-size:12px; display:block; }
							.commentBody { margin:0 0 0 160px; }
								.evenComment { border-top:2px solid #000; border-bottom:2px solid #000; background-color:#D0D0D0; }
					#commentFormContainer { width:430px; margin-top:40px; font-size:14px; }
						#commentForm input[type="submit"]{ width:100px; height:30px; background-color:#FFF; border:1px solid #CCC; }
						#commentForm input[type="submit"]:hover { cursor:pointer; }
						#commentForm input:hover, #commentForm textarea:hover, #commentForm input:focus, #commentForm textarea:focus { border:1px solid #999999; }
						
						
						
#footer { }
th { text-align:left; border-bottom:1px solid #000; }

/* Modal CSS */

#overlay{ background-image: url(../images/overlay.png); position: fixed; top: 0px; left: 0px; z-index: 90; width: 100%; height: 300%;}
* html #overlay{ background-color:#333; background-color: transparent; background-image: url(blank.gif); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/overlay.png", sizingMethod="scale"); }

#box{ width:400px; background:#2d2d2d; padding:25px; border:2px solid #eee; color:#fff; display:none; -moz-border-radius:20px; -webkit-border-radius:20px; }
	#form { width:400px; margin:0 auto; font-size:14px; line-height:1.36; }
			input, textarea { width:384px; border:1px solid #CCCCCC; margin-bottom:15px; background-color:#FFF; font-size:inherit; }
			input[type="text"], textarea { height:17px; color:#666; padding:8px; font-style:italic; font-family:inherit; }			
			#form input[type="submit"] { width:400px; background-color:#CCCCCC; font-weight:bold; color:#000; -moz-border-radius:10px; -webkit-border-radius:10px; cursor:pointer; }
			#form input[type="submit"]:hover { background-color:#999999; }
	.red { color:#FF0000; }
#close{ position:absolute; top:-10px; right:-10px; cursor:pointer; }