/**
 * portfolio.css
 *
 * Common style for the portfolio pages
 *
 */

h1 {
    color: #826D5E;
    font: bold 12px Arial, sans-serif;
    padding-bottom: .3em;
}

a:link,
a:visited { color: #AE3E31; }

#mainContent {
    background: url(/images/portfolio/mainContentBG.jpg) no-repeat top left;
    color: #C3B6AD;
    line-height: 1em;
    font-size: 12px;
}

#logo {
    background: url(/images/mainLogoColor.jpg) no-repeat 0 0;
    text-indent: -9999px;
}

#imageContainer {
    position: absolute;
    top: 0px;
    left: 61px;
    width: 490px;
    height: 402px;
    overflow: hidden;
    clip: rect(0px,490px,402px,0px);
}

#mainImage {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 490px;
    height: 402px;
}

#blurb {
    position: absolute;
    top: 326px;
    left: 286px;
    width: 265px;
    height: 76px;
    
    color: #000000;
}

#prevArrow {
    position: absolute;
    top: 185px;
    left: 8px;
    width: 34px;
    height: 34px;
}

#nextArrow {
    position: absolute;
    top: 185px;
    left: 568px;
    width: 34px;
    height: 34px;
}

#reviewBlurb {
    position: absolute;
    top: 0px;
    left: 362px;
    width: 192px;
    height: 50px;
    text-indent: -9999px;
    background: url(/images/portfolio/reviewBlurb.png) no-repeat 0 0;
    z-index: 5;
}

#movieContainer {
    position: absolute;
    top: 50px;
    left: 50px;
    width: 336px;
    height: 16px;
    z-index: 2;
}

#radioContainer {
    position: absolute;
    top: 271px;
    left: 50px;
    width: 336px;
    height: 16px;
    z-index: 2;
}

#radioLogo {
    position: absolute;
    top: 72px;
    left: 50px;
    z-index: 2;
}

.blurbLink {
    display: block;
    font: 10px Arial, sans-serif;
    line-height: 20px;
}

.blurbLinkInline {
    font: 10px Arial, sans-serif;
}