/* --- WIREFRAME LAYOUT ---- */
html{
	background-color:#111;
	}
body{ 
	font-size:14px;
	background-color:#444;
	width:40em;
	margin: 0 auto;
	padding: 1em;
	}
#main_content_full{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:.9em;
	color:#333;
	padding: 0;
	margin:0;
	clear:both;
	}
#main_content{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:.9em;
	color:#333;
	padding: 1em;
	margin:0;
	clear:both;
	background-color:#FFFFFF;
	}
.post{	
	background-color:#FFFFFF;
	padding: 0 1em;
	margin:1em 0 0 0;
	}
	.post ul.meta{
		margin:0 0 0 -10em ;
		padding: 0;
		width:8em;
		color:#444;
		float:left;
		text-align:right;
		display:block;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		background-color:#FFFFFF;
		border-left: .3em solid #444;
		border-top: .3em solid #444;
		border-bottom: .3em solid #444;
		}
	.meta li{
		width:7.5em;
		padding:.6em 1.5em .1em 0;
		background-color:#FFFFFF;
		list-style-type:none;
		}
	.meta li.ltab{
		padding:.1em 1.5em .6em 0;
		cursor:pointer;
		}
/* -------------------------- IMAGES------------------------ */
img{
	margin:6px;
	padding:5px;
	border: 1px solid #DDD;
	background-color:#FFFFFF;
	}
h2 img {
	margin:0;
	padding:0;
	border: none;
	}
.project_photo{	float:right; }
.rss{	margin-right:5px; }
.rss img{	background-color:#999;	}
.rss img:hover{	background-color:#5D92F3;	}

#flickr img:hover{	border-color: #5D92F3;	}
/* -------------------------- TYPE-------------------------- */

abbr {	text-decoration:none;	border-bottom: 1px dotted #888;	}
address{
	padding: 0;
	margin:0;
	float:right;
	font-style:italic;
	font-weight:bold;
	color: #aDa3aE;
	}
p {
	line-height: 1.8em;
	margin: 0em 0em 1.2em 0em;
	padding-top:0em;
	}	
	p a{
		font-weight:bold;
		color:#000000;
		}
	p a:hover{
		font-weight:bold;
		color:#5D92F3;
		}
.strikeout{
	text-decoration:line-through;
	}
dd{
	padding-bottom:1em;
	margin:0;	
	}
dl, dt{
	padding:0;
	margin:0;
	}

.notation{
	margin:10px 0 10px -160px ;
	width:120px;
	float:left;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
	color:#CCCCCC;
	}
	
	
		
#main_content_full .post p ul { 
	padding-left:1em;
	margin-left:1em;
	}
	
#main_content_full .post p li { 
	padding-bottom: .3em;
	}
	
pre{
	padding:1em;
	border:1px solid #ddd;
	background-color:#f6f6f6;
	overflow:auto;
	}

dl#projects{
	margin:0 0 2em 0
	}
	dl#projects dt{
		margin-top:1em;
		font-size:1.2em;
		border-top:2px solid #DDD;
		padding:3px 0 0 30px;
		font-family:"Trebuchet MS", "Arial";
		}
	dl#projects dd{
		padding:3px 0 0 30px;
		margin:0;
		display:block;
		border-bottom:1px dotted #ddd;
		font-family:"Trebuchet MS", "Arial";
		}
	dl#projects a{
		text-decoration:none;
		color:#000;
		}
	dl#projects a:hover{
		color:#5D92F3;
		}
.styleicon {
	margin:0;
	background-color:#CCC;
	}

/* --------- CODE EXAMPLES --------------*/
h4.code_title{
	display:block;
	font-family: arial, sans-sarif;
	margin:1em 1em 0 1em;
	color:#FFFFFF;
	padding:1px 1em;
	background:#667285;
	border:1px solid #667285;
	width:37em;
	}
pre code{
	font-size:.8em;
	font-family: Courier, "Lucida Console", monospace;
	line-height:1.5em;
	}
pre code var{
	font-style:normal;
	font-weight:bold;
	}
pre {
	background:#eee;
	border:1px solid #667285;
	padding:0 1em 1em 1em;
	margin:0 1em 1em 1em;
	width:37em;
	overflow:auto;
	}
		
/* -------------------------- GRAPH-------------------------- */
.archiveGraph ul {
	position: relative; 
	height: 220px;
	margin:  0; 
	padding: 0;
	font: 11px Helvetica, Geneva, sans-serif;
	border-bottom: 4px solid #222;
	}
.archiveGraph ul li:hover {
	background-color: #888;
	}
.archiveGraph ul li {
	position: absolute; 
	background-color: #666;
	bottom: 0; 
	margin: 0; 
	padding: 0 0 0 4px;
	list-style: none;
	width: 35px; 
	border: 1px solid #484848;
	font-size:.9em; 
	border-right: 4px solid #484848;
	}
.archiveGraph ul li a{
	color: #FFF;
	text-decoration:none;
	}
.archiveGraph ul li a:hover{
	text-decoration:underline;
	}
.archiveGraph ul li span {
	font-size:1.5em;
	font-weight:bold;
	}
/* -------------------------- HEADERS-------------------------- */
h1,h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 2em;
	margin: 0;
	padding: 1em 0 .5em 0;
	font-weight:normal;
	color:#000;
	}
	h1 a,h2 a{		
		color:#000;
		text-decoration:none;
		}
	h1 a:hover,h2 a:hover{
		color:#5D92F3;
		}
h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	margin: 10px -7px 7px -7px;
	padding:5px 5px 2px 9px;
	font-weight:normal;
	color:#000;
	}
	h3 a{		
		color:#000;
		text-decoration:none;
		}
	h3 a:hover{
		color:#5D92F3;
		}
#about h2{
	border-top: none;
	display:inline;
	float:left;
	margin: 1.25em 0 .5em 0;
	padding:0 0 0 .25em;
	}
	#about h2 a{
		font-family:Arial, Helvetica, sans-serif;
		font-size:1.5em;
		color:#FFF;
		}
	#about h2 a:hover{
		color:#5D92F3;
		}
h3 {
	font-size: 1.5em;
	}
h4, h5, h6 {
	color:#667285;
	font-size: 1em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	}
h4.subtitle_comment{
	font-style:italic;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#ADA3AE;
	}
h5 a{
	color:#667285;
	border-bottom:1px solid #666;
	}
.numComments{
	color:#000000;
	padding:0 0 0 10px;
	font-size:.9em;
	}
/* -------------------------- COMMENT-------------------------- */

.comment_tag{
	color: #aDa3aE;
	font-size:1em;
	font-style: italic;
	cursor:pointer;
	padding: 1em;
	}
	.comment_tag:hover{
		text-decoration:underline;
		}
#main_content_full ul.comments{
	padding:0;
	margin:0;
	color:#FFF;
	}
	.comments form{
		border:1px solid #CCC;
		border-width:2px 0 2px 0;
		background-color:#EEE;
		padding:.5em 1em .5em .5em;
		margin:0;
		font-weight:bold;
		}
	.comments label{
		margin:0 0 0 -160px ;
		width:120px;
		float:left;
		text-align:right;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:1.2em;
		color:#CCCCCC;
		}
	.comments li{
		list-style-type:none;
		list-style-image:none;
		clear:both;
		display:block;
		padding: 1em;
		margin:0 -1em;
		}
	.comments li.even{
		background-color:#444;
		}
	.comments li.odd{
		background-color:#333;
		}
	.comments input#username,
	.comments textarea{
		width:100%;
		}
	.comments div{
		padding:0;
		margin:0 0 .5em 0;
		color:#CCC;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		border-bottom:1px solid #666;
		}
	.comments span.date{
		color:#CCC;
		padding-left:1em;
		font-weight:normal;
		}
	.comments li p{
		margin:0 0 0 0;
		font-size:.9em;
		font-family:Arial, Helvetica, sans-serif;
		}
	
	
/* -------------------------- NAVIGATION-------------------------- */

#about{
	background-color:#111;
	}
	#nav{
		color:#EEE;
		list-style: none;
		padding:4em 0 0 0 ;
		margin:0;
		display:inline;
		float:right;
		width:300px;
		font-family:Arial, Helvetica, sans-serif;
		}
	#nav li{
		padding:0 5px;
		margin:0;
		display:inline;
		}
	#nav li a{
		padding:0 5px;
		margin:0;
		color:#EEE;
		text-decoration: none;
		}
	#nav li#selected a{
		font-weight:bold;
		text-decoration:underline;
		color:#FFF;
		}
	#nav li a:hover,
	#nav li#selected a:hover{
		color:#5D92F3;
		}