@charset "utf-8";
body {margin:0; padding:0; color:#685b62; font-family:Georgia, "Times New Roman", Times, serif;
}

h1, h2, h3 {margin:0; padding:0;}

.normal {font-style:normal; font-weight:normal;}

/* SHELL */
#shell {width:940px; margin:0 auto; position:relative; }

/* LEFT COLUMN */
#leftCol {width:184px; position:fixed; padding:25px;  text-align:center; color:#676767;}
	
	#leftCol p {font-style:italic; font-size:10px;}
	#leftCol a {color:#2d8fb2;}
	
	#leftCol .title {text-transform:uppercase; color:#272727; font-style:normal;}
	#leftCol .name {font-size:14px; text-transform:uppercase; font-style:normal;}
	#leftCol .recent {text-transform:uppercase; color:#8a8a8a;}
	
	.tweet { font-family: Georgia, serif;	font-size:10px; }
	.tweet a {display:none;}
	  .tweet .tweet_list {list-style-type: none;margin: 0;	padding: 0;}
		.tweet .tweet_list li {  overflow: auto;  padding:0; margin:0; }
		  .tweet .tweet_list li span a {	color: #0C717A; display:inline;}
		.tweet .tweet_list .tweet_even {  background-color: #91E5E7; }
		.tweet .tweet_list .tweet_avatar {  padding-right: .5em;  float: left; display:none; }
		  .tweet .tweet_list .tweet_avatar img {vertical-align: middle; }
		  
/* RIGHT COLUMN */
#rightCol {width:706px; position:relative; float:right; top:150px;}
	
	#intro {width:706px; height:155px; position:fixed; background-color:#fff; margin-left:234px; z-index:90; }
	
		#introText {width:513px; font-size:28px; letter-spacing:-.05em; color:#7e7e7e;}
			#introText a {
	color:#4E4E4E;
	text-decoration:none;
}

	#nav {width:127px; position:absolute; right:0px; top:14px; z-index:99; background-color:#fff}
		
		#nav ul {margin:0; padding:0; list-style:none; text-align:right; ;}
			#nav ul li {padding:0; margin:0; display:block; text-align:right;}
			#nav ul li a {display:block; background-position:top right; float:right; clear:both;}
			#nav ul li a:hover {background-position:bottom right;}
			
			
			#nav a#navWork  {background-image:url(../img/nav_work.gif); height:30px; width:69px;}
			#nav #navBlog a {background-image:url(../img/nav_blog.gif); height:34px; width:68px;}
			#nav #navAbout a {background-image:url(../img/nav_about.gif); height:30px; width:80px;}
			#nav #navContact a {background-image:url(../img/nav_contact.gif); height:30px; width:99px;}
			
			#nav ul li ul li a {background-image:none;float:left;}
			#nav #navWork a ul a {background:none; float:left;}
			
			#slickbox {clear:both; font-size:10px; float:right;}
				#slickbox h1 {font-size:12px; text-transform:uppercase; color:#999; border-bottom:1px dashed #3295BA; padding-bottom:3px; margin-bottom:3px; font-weight:normal;}
				#slickbox a {display:block; width:120px; margin-bottom:4px; font-family:Arial, Helvetica, sans-serif; color:#C01860; text-decoration:none;}
	
	#contentShell {   right:0px; z-index:50; height:600px; overflow:hidden; position:relative; top:5px; }
		#content {background:url(../img/content_bg.gif) top right repeat-y;padding-right:115px; overflow:hidden; z-index:40; }
		#contentShell ul {margin:0; padding:0;}
	#contentShell .section {height:600px;}
		#contentShell h1 {font-weight:bold; font-style:italic; color:#000; /*border-top:1px solid #CCC;*/ padding-top:8px; font-size:24px; letter-spacing:-.1em; margin:18px 0 0px;}
		#contentShell h2 {font-weight:normal; text-transform:uppercase; color:#fff; font-size:24px; line-height:150%;}
		#contentShell h3 {font-size:12px; color:#b00e61; font-weight:normal; text-transform:uppercase;}
		#contentShell p {font-size:11px; line-height:180%;}
		#contentShell a img {border:none;}
		#contentShell a {color:#000; text-decoration:none;}
		#contentShell a:hover {color:#666;}
		
		.workTitle {display:block; height:36px; cursor:pointer; width:400px; border:2px solid; background:transparent; position:absolute; top:0px; left:0px;}
		
		.workNav {position:relative;  background-color:#C30; width:20px;}
		
		.workEntry {height:auto; }
			.workEntry p {width:500px; margin-top:10px;}
			
		.workContainer {height:600px;}
		
		#blog {width:580px; overflow:hidden;}
		#blog h2 {margin-bottom:10px;}
		#blog h3 a {color:#b00e61; font-size:24px; }
		#blog .hrule {border-top:1px solid #369;}
		.blogCarousel {width:580px; height:400px; overflow:hidden;}
			.blogCarousel li {height:400px;}
			.blogCarousel li p {line-height:120%;}
			.blogCarousel li img {float:left; margin:0 10px 10px 0; border:2px dashed #666;}
		#blog .prev, #blog .next {display:block; height:25px; width:110px; float:left; cursor:pointer;}
			#blogNav {width:240px; height:50px; position:absolute; left:320px; top:10px;}
			#blog a.prev:hover, #blog a.next:hover {background-position:bottom center;}
			#blog .prev {background:url(../img/arrowLeft.jpg) top center no-repeat;}
			#blog .next {background:url(../img/arrowRight.jpg) top center no-repeat; margin-left:20px;}
		.articleInfo {font-size:10px; font-style:italic; padding-bottom:8px; border-bottom:1px dashed #666;}
		
		#about p {line-height:180%; text-align:justify;}
		
		
		.logos ul {list-style:none; margin:0; padding:0;}
		.logos ul li {display:inline; width:150px; margin-left:10px;}
		#contentShell .logos a img{ width:150px;border:2px solid #000; }
	
/*MISC*/
.piece {border:1px solid #8a8888; margin-bottom:5px;}
.workEntry {margin-bottom:25px;  padding-bottom:5px; border-bottom:1px dashed #999;}