/* --- RESET --- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,p,blockquote,th,address,td { 	margin:0;	padding:0;}
table {	border-collapse:collapse; border-spacing:0;}
fieldset,img { 	border:0;}
h1,h2,h3,h4,h5,h6 {	font-weight:normal; }
q:before,q:after { content:''; }

/* --- WIREFRAME LAYOUT --- */
html{
	background:#FFF url(../images/v20/top_back.gif) repeat-x top left;
	margin-bottom:2em;
	}
body{ 
	color:#333;
	font: .9em Georgia, "Times New Roman", Times, serif;
	line-height: 1.8em;
	margin: 0 auto;
	padding: 1em 0;
	width:41em;
	}
#main_content_full{
	padding: 2em;
	clear:both;
	}
.post{	
	margin:1em 0;
	}
	#main_content_full .post ul.meta{
		margin: 0 0 0 -11.5em;
		width:10em;
		color:#047;
		float:left;
		text-align:right;
		font-weight: bold;
		font-size:.9em;
		font:Arial, Helvetica, sans-serif;
		}
	.meta li{
		list-style-type:none;
		}

.short{	
	margin:2em 0;
	}			
	.short_comment{
		display:inline;
		font-weight:bold;
		padding-left:5px;
		cursor:pointer;
		}
/* -------------------------- IMAGES------------------------ */
img{
	margin:5px;
	padding:5px;
	border: 1px solid #DDD;
	}
h2 img { border: none; }
.project_photo{	float:right; }
.rss img{ background-color:#999; margin:0 0 -3px -3px; padding:0; border:0}
.rss img:hover{	background-color:#5D92F3;	}
a img:hover{	border-color: #5D92F3;	}

/* -------------------------- TYPE-------------------------- */

abbr {	text-decoration:none;	border-bottom: 1px dotted #888;	}
.strikeout{	text-decoration:line-through; }
p {	margin-bottom: 1em; }	
	p a{
		font-weight:bold;
		color:#000000;
		}
	p a:hover{ color:#5D92F3;	}

blockquote {
	font-style:italic;
	padding:0 1em 1em 1em;
	}

.notation{
	margin:0 0 0 -13em;
	width:11em;
	float:left;
	line-height: 1.4em;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
	color:#333;
	}
table{
	line-height: 1.4em;
	}	
td{
	vertical-align:top;
	}	
#main_content_full ul, #main_content_full ol  { 
	margin:1em 0;
	}

.commentTab {
	cursor:pointer;
	}
	
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;
	}

.post dl{
	margin:0 0 2em 0
	}
	.post dt{
		margin-top:1em;
		font-size:1.2em;
		border-top:2px solid #DDD;
		padding:3px 0 0 30px;
		}
	.post dd{
		padding:3px 0 0 30px;
		margin:0;
		display:block;
		border-top:1px dotted #ddd;
		}
/* ------------------ 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{
	padding:1em;
	border:1px solid #ddd;
	background-color:#f6f6f6;
	overflow:auto;
	}
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-------------------------- */

.graph ul {
	position: relative; 
	height: 220px;
	margin:  0; 
	padding: 0;
	font: 11px Helvetica, Geneva, sans-serif;
	border-bottom: 4px solid #222;
	}
.graph ul li:hover {
	background-color: #888;
	}
.graph 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;
	}
.graph ul li a{
	color: #FFF;
	text-decoration:none;
	}
.graph ul li a:hover{
	text-decoration:underline;
	}
.graph ul li span {
	font-size:1.5em;
	font-weight:bold;
	}
.numComments{
	color:#000;
	padding:0 0 0 10px;
	font-size:.9em;
	}
	
/* -------------------------- HEADERS-------------------------- */

h1, h2, h3, h4, h5, h6 {
	font-family:Arial, Helvetica, sans-serif;
	}
h1 a:hover, h2 a:hover, h3 a:hover{
	color:#5D92F3;
	font-family:Arial, Helvetica, sans-serif;
	}
h1, h2{
	font-size: 2em;
	padding: 1.5em 0 1.5em 0;
	font-weight:normal;
	color:#000;
	}
	h1 a,h2 a{		
		color:#000;
		text-decoration:none;
		}
h3{
	font-size: 1.3em;
	margin: 1em 0;
	font-weight:normal;
	color:#000;
	}
	h3 a{		
		color:#000;
		text-decoration:none;
		}

h4{
	color:#667285;
	text-transform:uppercase;
	font-size: 1em;
	margin: 1.2em 0 0 0;
	font-weight: bold;
	}
h5, h6 {
	color:#667285;
	font-size: 1em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h4.subtitle_comment{
	font-style:italic;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#ADA3AE;
	}
/* -------------------------- COMMENT-------------------------- */

.comment_tag{
	color: #206593;
	font-size:1em;
	cursor:pointer;
	text-decoration:underline;
	text-align:center;
	}
		
.comments label{
	margin:0 0 0 -10.5em ;
	width:8em;
	float:left;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#047;
	}
.comments li{
	list-style-type:none;
	font-weight:normal;
	clear:both;
	padding:.75em .5em;
	border-top:2px dotted #CCC;
	}
.comments li.even{
	}
.comments li.odd{ }
.comments input#username{
	width:100%;
	font-size:1.2em;
	}
.comments textarea{
	width:100%;
	}
.comments li div{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	padding-bottom:.25em;
	}
.comments li div span{
	color:#666666;
	font-size:.7em;
	padding-left:1em;
	font-weight:normal;
	text-transform:uppercase;
	}
.comments li p{
	margin:.25em 0 0 0;
	}
	
/* -------------------------- NAVIGATION-------------------------- */

#about{
	margin: 2em 0 0 2em;
	height:2em;
	}
	#about h2{
		border-top: none;
		margin: 0;
		padding:0 ;
		display:inline;
		float:left;
		}
		#about h2 a{
			font-size:.8em;
			font-weight:bold;
			}
		#about h2 a:hover{
			color:#5D92F3;
			}	
	#nav{
		background: url(../images/v15/brace3.gif) no-repeat left top;
		list-style: none;
		line-height: 1em;
		padding:.5em 0 .5em 1em;
		margin:0 0 0 1em;
		display:inline;
		float:left;
		height:40px;
		font-family:Arial, Helvetica, sans-serif;
		}
		#nav li{
			padding:0 5px;
			margin:0;
			display:inline;
			}
		#nav li a{
			padding:0 5px;
			margin:0;
			text-decoration: none;
			color:#000;
			}
		#nav li#selected a{
			font-weight:bold;
			text-decoration:underline;
			color:#000;
			}
		#nav li a:hover,
		#nav li#selected a:hover{
			color:#5D92F3;
			}