@charset "UTF-8";
@import "reset.css";
@import "default.css";

/*
	INDEX
	+general
	+structure
	+links
	+headers
	+contents
	+acessibility
	+add_default
*/

/* +general */
body {
	background-color: #FFCC00;
	font:62.5% verdana, tahoma, arial, sans-serif
}

a {
	color:#FFCC00;
	font-weight:bold
}

strong, em {
	font-weight:bold
}
/* end general */

/* +structure */
#wrapper{
	width:975px;
	margin:auto
}

#header {
	width:175px;
	float:left
}

#nav {
	width:175px;
	float:left;
	clear:left;
	margin-top:20px
}
#content {
	width:773px;
	padding:0 0 20px 27px;
	float:right
}

#footer {
	
}
/* end structure */

/* +links */
#header h1 a {
	width:172px;
	height:34px;
}

#menu a {
	width:172px;
	height:13px;
	margin-bottom:10px
}
#menu .favorites-works {
	background:url(../imgs/buttons/favorites_works.png) no-repeat
}
#menu .favorites-works:hover, #menu .favorites-works:focus, #menu .selected .favorites-works {
	background:url(../imgs/buttons/favorites_works_over.png) no-repeat
}
<!--  
#menu .works {
	background:url(../imgs/buttons/works.png) no-repeat
}
#menu .works:hover, #menu .works:focus, #menu .selected .works {
	background:url(../imgs/buttons/works_over.png) no-repeat
} -->
#menu .experience {
	background:url(../imgs/buttons/experience.png) no-repeat
}
#menu .experience:hover, #menu .experience:focus, #menu .selected .experience {
	background:url(../imgs/buttons/experience_over.png) no-repeat
}
#menu .me {
	background:url(../imgs/buttons/about_us.png) no-repeat
}
#menu .me:hover, #menu .me:focus, #menu .selected .me {
	background:url(../imgs/buttons/about_us_over.png) no-repeat
}

.works-list h3 a {
	color:#FFCC00
}
/* end links */

/* +headers */
#header h1 { 
	width:172px;
	height:34px;
	background:url(../imgs/misc/dieet_logo.png) no-repeat;
	margin-top:35px;
}

.works-list h3 {
	background-color: #de0657;
	font-size:2em;
	padding:4px;
	color:#FFCC00;
	display:inline
}

.internal_title {
	margin:38px 0 31px
}
.internal_title span {
	background-color:#DE0657;
	font-size:2em;
	color:#FFCC00;
	padding:3px 15px
}  

.info_box .content h3 { font-size:1.8em; font-weight:bold; padding-left:15px; margin-bottom:3px; background:url(../imgs/misc/large_sharp.gif) no-repeat left 4px }
/* end headers */

/* +contents */
.works-list li {
	margin:36px 0 2px;
	overflow:hidden
}
.works-list .properties {
	margin:9px 0 15px
}
.works-list .properties li {
	background:#006699 url(../imgs/backgrounds/highlight.gif);
	display:inline;
	color:#FFCC00;
	padding:2px 17px 2px 17px;
	float:none;
	clear:none
}
.works-list .properties li span {
	background:url(../imgs/misc/properties_marker.gif) no-repeat left 3px;
	color:#FFCC00;
	padding-left:8px;
}
.works-list li img {
	margin:10px 0 7px;
	display:block
}
.works-list .work-description {
	width:610px;
	margin:4px 0 20px
}
.works-list .work-description p {
	background:#006699 url(../imgs/backgrounds/highlight.gif);
	color:#FFCC00;
	display:inline;
	padding:2px;
	line-height:16px
}

.info_box {
	margin-bottom:3px
}
.info_box .content {
	display:inline-block;
	padding:10px 15px;
	background:#bef540 url(../imgs/backgrounds/highlight.gif)
}
.info_box .content * { color:#FFCC00 }

#hcard-Diego-Chiarelli {
	width:175px;
	margin-top:20px;
}
#hcard-Diego-Chiarelli .email {
	font-size:1.3em;
	font-weight:bold;
	color:#006699;
	display:block;
	text-decoration:none;
	text-align:right
}
#hcard-Diego-Chiarelli .tel  .value{
	width:113px;
	height:11px;
	background:url(../imgs/texts/tel.png) no-repeat;
	line-height:normal;
	margin:3px 0 0 61px
}

#footer:before {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;overflow:hidden}
/* end contents */

/* +acessibility */
#skip {
	
}

#footer a.top {
	width:52px;
	height:19px;
	background:url(../imgs/buttons/go_to_top.png) no-repeat;
	position:fixed;
	right:0;
	bottom:0;
}
#footer a.top:hover, #footer a.top:focus  {
	background:url(../imgs/buttons/go_to_top_over.png) no-repeat
}
/* end acessibility */

/* +add_default */
.margin-top {margin-top:15px !important}
/* end add_default */