@charset "UTF-8";
/* crimson leaf portfolio styles */


html {
background: #030 url(../images/background3_pattern.jpg) repeat;
}

body {
background: transparent url(../images/background3.jpg) no-repeat;
color: #333;
font: 1em/120% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
min-height: 878px;
}

/* Content */

div#content {
float: left;
position: relative;
width: 340px;
}

div#content ul.thumbs {
list-style-type: none;
margin-top: 25px;
width: 240px;
}

div#content li {
float: left;
padding: 5px;
width: 62px;
}

div#content li img {
display: block;
}


/* Side panel */

div#sidepanel {
position: relative;
float: right;
margin-top: 10px;
margin-bottom: 10px;
width: 225px;
}

div#email_sidepanel {
position: relative;
float: right;
margin-top: 10px;
width: 225px;
}

div#sidepanel .desc, div#email_sidepanel .desc {
font-size: .7em;
}

div#sidepanel img, div#email_sidepanel img {
margin-bottom: 10px;
}

/* Book */

div#portfoliogrid {
background: transparent url(../images/portfolio_grid.png) no-repeat;
height: 217px;
position: relative;
width: 208px;
}

div#portfoliogrid ul {
list-style-type: none;
width: 170px;
padding: 26px 0 0 32px;
}

div#portfoliogrid li {
float: left;
}