/* 
    Document   : case-study
    Created on : 25-Feb-2010, 11:55:49
    Author     : matt
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

/* INDIVIDUAL CASE STUDY LAYOUT */
#case-study-left
{
    float:left;
    width:710px;
}

#case-study-right
{
    float:left;
    width:220px;
    padding-left:10px;
}

/* CASE STUDIES OVERVIEW LAYOUT */
#case-studies-left
{
    float:left;
    width:700px;
    padding-right:30px;
}

#case-studies-right
{
    float:left;
    width:200px;
    padding-left:10px;
}


/* INDIVIDUAL CASE STUDY TESTIMONIAL */
.case-study-testimonial
{
    background:#EDF2F6;
    width:220px;
}

.case-study-testimonial-top
{
    width:220px;
    height:19px;
    background:url(../graphics/case-study/testimonial_holder_top.jpg) no-repeat;
    font-size:0%;
}

.case-study-testimonial-mid
{
    width:200px;
    padding-left:10px;
    padding-right:10px;
    background:url(../graphics/case-study/testimonial_holder_mid.jpg) repeat-y;
}

.case-study-testimonial-mid p
{
    margin:0;
    padding:0;
    color:#fff;
    font-style:italic;
}

.case-study-testimonial-bottom
{
    width:220px;
    height:42px;
    background:url(../graphics/case-study/testimonial_holder_bottom.jpg) no-repeat;
    font-size:0%;
}

/* INDIVIDUAL CASE STUDY OPTIONS */
.case-study-options
{
    background:#EDF2F6;
    width:200px;
    padding:10px;
    margin-top:25px;
}

.case-study-options-row
{
    width:200px;
    padding-top:5px;
    padding-bottom:5px;
}

.case-study-options-left
{
    float:left;
    width:25px;
    padding-right:10px;
}

.case-study-options-right
{
    float:left;
    width:165px;
}

.case-study-options-right p
{
    padding:0;
    padding-top:8px;
    margin:0;
    color:#0A2972;
}

.case-study-options-right p a:link, .case-study-options-right p a:visited
{
    color:#0A2972;
    text-decoration:none;
}



/* CASE STUDIES */
.case-studies-industry-header
{
    width:700px;
    border-bottom:1px solid #F5F5F5;
}

.case-studies-row
{
    width:700px;
    padding-top:20px;
    padding-bottom:20px;
}

.case-studies-left
{
    float:left;
    width:160px;
    padding-right:10px;
}

.case-studies-right
{
    float:left;
    width:510px;
    padding-right:20px;
}

.case-studies-right-content
{
    min-height:100px;
}

.case-studies-right-link p
{
    font-size:75%;
}

.case-studies-right-link p a:link, .case-studies-right-link p a:visited
{
    color:#FF7F00;
}

.competition
{
    background:#F5F5F5;
    padding:10px;
    margin-top:10px;
    margin-bottom:10px;
    font-size:80%;
}

.article-content
{
    font-size:80%;
    color:#393939;
}