/* yahoo reset, grids */
/*reset.css*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
/*fonts.css*/body{font:13px helvetica,arial,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% helvetica,arial,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}

body{
	background: #f1f1f1;
	color: #2C2B33;
	font-size: 12px;
	line-height: 1.4em;
}
#content{ position: relative; margin-bottom: 40px;}
#content p{ margin-top: 1em; }
.article h2{ margin-top: 1em;}
.article video{text-align: center;}
.article{
	margin: 40px 0 0 40px;
	background: #fff;
	width: 640px;
	position: relative;
	padding: 20px;
	border: 1px solid #4A5057;
}

#content ul{
	margin: 1em 0;
}

#paging{
	z-index: 10;
	position: absolute;
	top: 73px;
	left: 60px;
	width: 645px;
}

#content h1{
	text-align: center;
}

#paging li{
	position: absolute;
	cursor: pointer;
	top: -3px;
}

#paging #next{right: 0;}

#paging #prev{left: 0;}


/* Menu */
#projects{
	position: absolute;
	top: 40px;
	left: 722px;
	
	padding: 0px;
	margin-left: -1px;
	width: 290px;
}
#projects a{
	z-index: 10;
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

#projects ul{
	list-style: none;
	padding: 0;
}

#projects ul li{
	position: relative;
	height: 5.2em;
	padding: 1.5em 0 0 80px;
	border: 1px dotted transparent;
	border-left: none;
}

#projects ul li.current{
	border: 1px solid #4A5057;
	border-left: none;
	background-color: #fff !important;
}

#projects ul li img{
	position: absolute;
	top: 20px;
	left: 20px;
}

#projects ul li:hover p.head,#projects ul li:hover p{
	color: #A6270A;
}
#projects ul li a:hover,#projects ul li.current{
	background: transparent url(../i/mono/leftarrow32.png) center right no-repeat;
}

/* Generals */
p.head,h1,h2,h3,p{color: #201D1C; }
p.head,h1,h2,h3{font-family: 'Molengo', arial, serif; }
h1,h2{font-size: 1.6666666666666667em; line-height: 0.9em; margin-bottom: 0.9em;}
p.head,h3{margin: 0; font-size: 1.3333333333333333em; line-height: 1.125em; }
h3{margin-bottom: 1.125em;}
p{margin: 0; font-size: 1em; line-height: 1.5em; margin-bottom: 1.5em; }

a{
	color: #A6270A;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}

abbr{
	color: #222;
}

.hide,#content .article.hide{
	display: none;
}

#content .article,#content .article.current{
	display: block;
}


#content ul.gallery li{ margin-bottom: 1em;	 }
#content ul.quotes{ padding: 0 2em; }
blockquote{ font-style: italic; }
#content ul.quotes li{ margin-bottom: 1em; }


dl{
	margin: 0.5em 0 0 1em;
}

dd{padding-top: 0.2em;height: 1.7em;line-height: 1.4em;}
dt{
	float: left;
	width: 2em;
	height: 1.7em;
	display: block;
	text-indent: -1000px;
	overflow: hidden;
	background: transparent none center left no-repeat;
	clear: left;
}

dt.design{background-image: url(../i/mono/pencil16.png);}
dt.build{ background-image: url(../i/mono/spanner16.png);}
dt.client{ background-image: url(../i/mono/users16.png);}
dt.link{background-image: url(../i/mono/mouse16.png);}
dt.twitter{background-image: url(../i/komodo/twitter_16.png);}
dt.flickr{ background-image: url(../i/komodo/flickr_16.png);}
dt.lastfm{ background-image: url(../i/komodo/lastfm_16.png);}
dt.e{ background-image: url(../i/komodo/email_16.png);}
dt.linkedin{ background-image: url(../i/komodo/linkedin_16.png);}

p.center{
	text-align: center;
}


.hcard span{
	display: inline;
}