/* style sheet for sappari.com */

/*
####################################################
################## GENERAL TAGS ####################
####################################################
*/
body { padding: 20px; font: 80% Trebuchet MS, Arial, sans-serif; }
h1 { font: bold 150% Georgia, serif; }
img { border: none; }
a { font-weight: bold; text-decoration: none; color: #666666; }
a:visited { color: #666666; } /* grey: 666666, orange: ff9900 */
a:hover { color: #000000; }

/*
####################################################
################## BLOCKS ####################
####################################################
*/
.container { margin: 0 auto; width: 760px; /* background: #DFF; */ }
.header { margin-bottom: 20px; }
.header p { margin: 2px 0 0 0; }
.content { float: left; margin: 0; width: 500px; margin-bottom: 20px; }
.sidebar { float: right; width: 200px; background: #dddddd; margin-bottom: 30px; }
.footer { clear: both; margin: 0; font-size: 0.9em; }

/* styles sidebar */
.article { margin: 0 2px 0 4px; } /* background: silver; */

/*
####################################################
################## ELEMENTS ####################
####################################################
*/
.description { float: left; width: 388px; padding-left: 4px;  /* background: silver; */}
.thumbnail { float: left; width: 108px; height: 80px; /* margin-bottom: 10px; */ }

.intro { clear: both; width: 500px; margin-bottom: 20px; }
.intro p { margin: 2px 0 0 0;}

.detail { clear: both; width: 500px; margin-bottom: 10px; background: #eeeeee; }
.detail p { margin: 2px 0 10px 0; }

.picture { float: left; padding-right: 10px; }
.picture p { margin: 2px 0 2px 4px; }
.description-project { float: left; width: 282px; padding-left: 4px; padding-right: 4px; /* background: silver; */}

.link { margin-top: 49px; width: 24px; height: 21px; }
.link a { display: block; padding-left: 25px; background-image: url(../images/arrow_h.gif); background-repeat: no-repeat; background-position: 0 0; }
.link a:hover { background-image: url(../images/arrow.gif); }