.clear{
clear: both;
}

hr{
display: none;
}


body{
background: #666;
margin: 0;
font-family: "Trebuchet MS","Lucida Grande", Verdana, sans-serif;
}
#all{
margin: 0px auto;
padding: 150px 0 0 0;
background: #f9f9f9 url(../img/body.jpg) center top repeat-x;
border-left: 1px solid #173148;
border-right: 1px solid #173148;
width: 790px;
overflow: hidden;
/* border-bottom: 1px solid #173148; */
}

.note{
background: #FFD;
color: #000;
border: 1px solid #f5c386;
padding: 5px 15px;
font-size: 14px;
}
	.note strong{
	color: #900;
	}
pre.note{
padding: 10px 10px;
font-size: 12px;
line-height: 13px;
color: #666;
}

.soft{
color: #CCC;
}

hr{
margin: 10px 30px;
}

#header{
position: absolute;
top: 43px;
font-size: 14px;
padding: 0 20px;
}
	#header h1{
	margin: 0;
	text-align: center;
	font-weight: normal;
	}
		#header h1 a{
		color: #556c85;
		text-decoration: none;
		text-shadow: 1px 2px 2px #ccc;
		}
			#header h1 a:hover{
			color: #900;
			}
		#header h1 small{
		font-style: italic;
		color: #b3babf;
		text-shadow: 1px 1px 3px #ccc;
		}


#menu{
position: absolute;
top: 88px;
left: 50px;
right: 50px;
font-size: 13px;
}
	#menu ul{
	list-style: none;
	padding: 10px;
	margin: 0 auto;
	text-align: right;
	width: 780px;
	}
		#menu ul li{
		display: inline;
		}
			#menu ul li a{
			padding: 6px 15px;
			color: #173148;
			text-decoration: none;
			}
				#menu ul li a:hover{
				background: #b3babf;
				-moz-border-radius: 5px 5px 0 0;
				color: #FFF;
				}
				#menu ul li a.current{
				background: #e4e5e0;
				-moz-border-radius: 5px 5px 0 0;
				padding: 10px 15px;
				}
					#menu ul li a.current:hover{
					color: #173148;
					}
		#menu ul li.home a{
		color: #000;
		text-decoration: none;
		}

#body{
margin: 0 20px;
color: #333;
font-size: 14px;
line-height: 1.4em;
background: #f9f9f9;
padding: 15px 10px 10px 10px;
-moz-border-radius: 10px 10px 0 0;
}
	#body #sub-menu{
	float: right;
	margin: 10px;
	border: 1px solid #666;
	font-family: sans-serif;
	}
		#body #sub-menu h3{
		margin: 0;
		background: #CCC;
		color: #666;
		padding: 3px 10px;
		}
		#body #sub-menu ul{
		margin: 10px;
		padding: 0 0 0 15px;
		}
		#body .whereami{
		position: absolute;
		top: 2px;
		margin: 0 0 0 -10px;
		padding: 0;
		list-style: none;
		}
			#body .whereami li{
			display: inline;
			}
				#body .whereami li a{
				color: #b3babf;
				font-size: 12px;
				padding: 0 2px 0 15px;
				background: url(../img/arrow.gif) center left no-repeat;
				text-decoration: none;
				}
					#body .whereami li a:hover{
					color: #FFF;
					}
	#body h1{
	color: #173149;
	font-weight: normal;
	font-size: 1.6em;
	margin: 0px 0 15px 0;
	text-shadow: 1px 2px 3px #ccc;
	}
	#body h2{
	color: #556c85;
	font-weight: normal;
	font-size: 1.4em;
	margin: 20px 0 15px 0;
	text-shadow: 1px 2px 3px #ccc;
	}
	#body h3{
	color: #556c85;
	font-weight: normal;
	font-size: 1.2em;
	margin: 20px 0 15px 0;
	text-shadow: 1px 2px 3px #ccc;
	}
	#body a{
	color: #556c85;
	text-shadow: 0px 0px 1px #cacaca;
	}
		#body a:hover{
		color: #7391a9;
		}

	#body .project-sshot{
	width: 160px;
	padding: 5px 15px 10px 0;
	overflow: auto;
	float: left;
	}
		#body .project-sshot img{
		background: #FFF;
		border: 1px solid #777;
		padding: 3px;
		}
	#body .project-details{
	margin: 0;
	padding: 0 0 10px 0;
	float: left;
	}
		#body .project-details dt{
		color: #173149;
		width: 10em;
		clear: left;
		margin: 3px 0 2px 0;
		overflow: hidden;
		font-style: italic;
		float: left;
		}
		#body .project-details dd{
		margin: 3px 0 0 2em;
		padding: 0;
		float: left;
		}
			#body .project-details dd ul{
			margin: 0;
			padding: 0 0 0 20px;
			list-style: circle;
			}
	#body .works{
	list-style: none;
	padding: 20px 0 0 0;
	margin: 0;
	text-align: center;
	}
		#body .works li{
		/*border: 1px solid;*/
		float: left;
		text-align: center;
		margin: 5px;
		}
			#body .works li a{
			display: block;
			}
				#body .works li a span{
				font-family: sans-serif;
				display: block;
				width: 150px;
				padding: 120px 2px 0 2px;
				margin: 10px 15px;
				height: 2.3em;
				background: top center no-repeat;
				background-position: 2px 2px;
				background-color: #FFF;
				overflow: hidden;
				border: 1px solid #777;
				}
				#body .works li a img{
				border: 0;
				}
	#body .console{
	font-size: 12px;
	padding: 1em;
	background: #000;
	color: #DDD;
	}


	#body #quote{
	background: #173148;
	clear: both;
	margin: 70px -30px 0 -30px;
	color: #999;
	}
		#body #quote p{
		padding: 15px 60px;
		margin: 0 100px 0 0;
		}
		#body #quote p #quotesign{
		padding: 15px 0 0 0;
		display: block;
		font-style: italic;
		color: #ccc;
		}
		#body #quote p #ldquote{
		color: #3b5369;
		position: absolute;
		font-size: 80px;
		margin: 20px 0 0 -45px;
		font-family: "Times new roman", serif;
		}

#footer{
/* background: #173148; */
background: #f9f9f9;
color: #999;
height: 50px;
font-size: 12px;
color: #3b5369;
margin: 0 20px;
}
	#footer p{
	text-align: right;
	margin: 0;
	padding: 10px 10px 0 0;
	}
	#footer #linkedin{
	padding: 20px 0 0 20px;
	float: left;
	}


/* anobii badge */

/* ------ For the whole badge ------ */
#badge {
padding: 0px 5px 10px 5px;
}
#badge a:hover {
}
#badge a:link {
}
#badge a:active {
}
#badge a:visited {
}
 /* ------ For each item in the badge ------ */
#badge .item_cell {
clear: left;
list-style: none;
padding: 5px;
margin: 0px;
clear: both;
}
#badge .cover {
float: left;
}
#badge .cover img {
border: 1px solid #cccccc;
padding: 3px;
background-color: #f7f7f7;
margin: 0 10px 0 0;
}
#badge .title {
}
#badge .subtitle {
}
#badge .author {
}

 /* ------ The bottom part ------ */
#badge .link_cell {
list-style: none;
padding: 5px;
margin: 0px;
clear: both;
float: right;
font-size: 0.8em;
}
	#badge .link_cell dt {
	text-align: left;
	margin: 0px;
	}
	#badge .link_cell dd {
	display: none;
	}
	#badge .link_cell dd a {
	font-size: 10px;
	text-decoration: none;
	}
	#badge .link_cell img {
	border: none;
	}

/* fine anobii badge */