/* --- WIREFRAME LAYOUT ---- */
html{
	background:#FFF url(../images/v15/top_back.gif) repeat-x top left;
	margin-bottom:2em;
	}
body{
	width:800px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	margin: 0 auto;
	padding-top:1em;
	color:#333;
	}
img{border: 0;}
#about{
	width:120px;
	padding:0 14px 13px 14px;
	float:left;
	}
#main_content_full{
	width:624px;
	float:right;
    padding: 0 13px;
	border-left:1px dotted #CCC;
	}

/* -------------------------- IMAGES------------------------ */
#main_content_full img {
	margin:6px;
	padding:7px;
	border: 1px solid #DDD;
	}
#main_content_full 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 a{
	font-weight:bold;
	color:#000000;
	}
p a:hover{
	font-weight:bold;
	color:#5D92F3;
	}
dd{
	padding-bottom:1em;
	margin:0;	
	}
dl, dt{
	padding:0;
	margin:0;
	}
.notation{
	margin:10px 0 10px -150px ;
	width:120px;
	float:left;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
	}	
.date {
	float: right;
	margin: 5px -7px 0 0;
	padding: 3px;
	font-family:Arial, Helvetica, sans-serif;
	}
.post .date{
	margin: 12px -7px 0 0;
	}
#main_content_full p {
	line-height: 1.8em;
	margin: 0em 0em 1.2em 0em;
	padding-top:0em;
	}
#main_content_full ul { 
	padding-left:1em;
	margin-left:1em;
	}
#main_content_full ul.comments { 
	padding-left:0;
	margin-left:0;
	}
#main_content_full 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:550px;
	}
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:550px;
	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; 
	border-right: 6px solid #484848;
	font-weight:bold;
	}
.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;
	}
.archiveGraph ul li p {
	font-weight:normal;
	}
/* -------------------------- HEADERS-------------------------- */

h1,h2{
	font-family:"Trebuchet MS", "Arial";
	font-size: 1.5em;
	font-weight:bold;
	margin: 10px -7px 7px -7px;
	padding:5px 5px 2px 9px;
	color:#000;
	border-bottom:3px solid #DDD  ;
	}
	h1 a,h2 a{
		color:#000;
		text-decoration:none;
		}
	h1 a:hover,h2 a:hover{
		color:#5D92F3;
		}
	h1:hover,h2:hover{
		border-bottom:3px solid #5D92F3  ;
		}
h3 {
	font-size: 1.2em;
	font-family:"Arial";
	font-weight:bold;
	margin: 0px -7px 0px -7px;
	padding:5px 5px 2px 9px;
	color:#000;
	border-bottom:1px solid #E7E7E7;
	}
	h3:hover{
		border-bottom:1px solid #566275;
		}
	h3 a{
		color:#000;
		text-decoration:none;
		}
	h3 a:hover{
		color:#5D92F3;
		}
	h3:hover{
		border-bottom:1px solid #5D92F3  ;
		}
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;
	display: inline;
	font-size:1em;
	font-style: italic;
	cursor:pointer;
	list-style: none;
	margin: 0 0 0 10px;
	}
	.comment_tag:hover{
		text-decoration:underline;
		}
ul.comments{
	padding:0;
	margin:0;
	}
	.comments form{
		border:1px solid #CCC;
		border-width:1px 0 1px 0;
		background-color:#EEE;
		padding:.5em 1em .5em .5em;
		margin:0;
		font-weight:bold;
		}
	.comments label{
		}
	.comments li{
		list-style-type:none;
		list-style-image:none;
		clear:both;
		padding:1em 0 1em 0;
		margin:0;
		}
	.comments input#username,
	.comments textarea{
		width:100%;
		}
	.comments li div{
		background: url(../images/v15/brace.gif) no-repeat right center;
		margin:0 0 0 -140px ;
		width:100px;
		float:left;
		padding:5px 25px 0 0;
		height:60px;
		text-align:right;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		}
	.comments li div span{
		color:#666666;
		font-size:.8em;
		font-weight:normal;
		}
	.comments li p{
		margin:1em 0 0 0;
		}
	
	
/* -------------------------- NAVIGATION-------------------------- */

ul#nav {
	list-style: none;
	margin: -8px -7px 0 -7px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	}
	#nav li{
		margin: 0;
		}
	#nav li a{
		border-bottom: 1px solid #ddd;
		color:#000;
		display: block;
		padding: 9px 7px 3px 10px;
		text-decoration: none;
		}
	#nav li#selected a{
		display: block;
		text-decoration: none;
		font-weight:bold;
		color:#000;
		background: no-repeat url(../images/v15/chevron.gif) 100px 13px;
		}
	#nav li a:hover,
	#nav li#selected a:hover{
		color:#5D92F3;
		}