/* Default font settings. 
The font-size 81.3% sets the base font to 13px 

Pixels     EMs         Percent Points
6px     0.462em     46.2%     5pt
7px     0.538em     53.8%     5pt
8px     0.615em     61.5%     6pt
9px     0.692em     69.2%     7pt
10px     0.769em     76.9%     8pt
11px     0.846em     84.6%     8pt
12px     0.923em     92.3%     9pt
13px     1em         100%     10pt
14px     1.077em     107.7%     11pt
15px     1.154em     115.4%     11pt
16px     1.231em     123.1%     12pt
17px     1.308em     130.8%     13pt
18px     1.385em     138.5%     14pt
19px     1.462em     146.2%     14pt
20px     1.538em     153.8%     15pt
21px     1.615em     161.5%     16pt
22px     1.692em     169.2%     17pt
23px     1.769em     176.9%     17pt
24px     1.846em     184.6%     18pt
*/
/* Top Stories
***************************************************************/
.zone-featured .background 
    {
        position: absolute;
        z-index: 1;
    }
       .zone-featured .background .inner 
        {
            position: relative;
            left: -229px;
        }
        .zone-featured .background .mask 
        {
            width: 745px;
            height: 395px;
            background: transparent url(../../../../feature-overlay.png);
            position: absolute;
            top: 0px;
            z-index: 2;
        }
        .zone-featured .background .inner img
        {
            position: relative;
        }
        
#top-stories 
{
    position: relative;
    top: 70px;
    z-index: 2;
}
    

    #top-stories .story-left 
    {
        position: absolute;
        width: 200px;
        color: #fff;
        z-index: 30;
        left: 285px;
    }
        #top-stories .story-left h1
        {
            font-weight: bold;
            font-size: 1.769em;
            line-height: 1.3em;
            margin: .3em 0 .6em;
        }
        #top-stories .story-left h1 a
        {
            text-decoration: none;
            color: #fff;
        }
        #top-stories .story-left span a
        {
            color: #e3dfdb;
            font-size: 1em;
            font-weight: bold;
            display: block;
            line-height: 1.4em;
            padding-bottom: 2em;
            text-decoration: none;
        }
    #top-stories .story-right 
    {
        width: 280px;
        position: absolute;
        color: #fff;
        z-index: 30;
        left: 490px;
        padding: .3em 0;
        z-index: 10;
    }
        #top-stories .story-right strong 
        {
            color: #eebf41;
        }
        #top-stories .story-right ul 
        {
            margin: .5em 1.5em;
        }
            #top-stories .story-right ul li 
            {
                margin-bottom: .8em;
            }
        #top-stories .story-right a,
        #top-stories .story-right a:link,
        #top-stories .story-right a:visited,
        #top-stories .story-right a:hover
        {
            font-family: Arial, Helvetica, sans-serif;
            color: #fff;
        }
        #top-stories .story-right a:hover 
        {
            text-decoration: underline;
        }
        
/* Sign Petition
***************************************************************/
#petition 
{
    position: absolute;
    right: 0px;
    width: 200px;
    top: 60px;
}
    #petition .title 
    {
        font-size: 1.462em;
        color: #fff;
        line-height: 1.3em;
    }
        #petition .title .petition 
        {
            color: #eebf41;
            display: block;
            font-weight: normal;
            white-space: nowrap;
            padding-bottom: .5em;
            overflow: hidden;
        }
    #petition .form 
    {
        width: 200px;
        height: 226px;
        background: transparent url(../../../../bg-hp-petition.png) repeat-y;
    }
        #petition .form .inner 
        {
            padding: 1.3em .8em;
            white-space: nowrap;
            position: relative;
        }
        #petition .form input[type="text"]
        {
           border: 1px solid #aa6e6e;
           padding: 8px;
           display: inline;
           margin-bottom: 17px;
           height: 16px;
        }
        #petition .form .first 
        {
            width: 67px;
            margin-right: .3em;
        }
        #petition .form .last,
        #petition .form .zip
        {
            width: 67px;
        }
        #petition .form .email 
        {
            width: 160px;
        }
        
        #petition .form span 
        {
            display: block;
            position: absolute;
            font-size: 0.692em;
            width: 9em;
            top: 126px;
            left: 11.5em;
        }
        #petition .form span a 
        {
            color: #fff;
            white-space: normal;
            text-decoration: underline;
        }
        #petition .form label.error 
        {
            display: none !important;
        }
        #petition .form input.error 
        {
            border: 2px solid #0096ff;
        }
        
        #petition .form .sign-now 
        {
            position:absolute;
            top: 163px;
        }
/* Media
***************************************************************/
#layout-before-main 
{
    margin-top: -70px;
}
#media 
{
    width: 657px;
    height: 446px;
    background: #fff url(../../../../bg-hp-media.png) no-repeat;   
    z-index: 30; 
    position: relative;
}
    #media .inner 
    {
        padding: 15px;
    }
        #media .inner .left 
        {
            width: 460px;
            float: left;
        }
    #media .title 
    {
        margin-bottom: 15px;
    }
    #media .caption 
    {
        margin-top: 5px;
        font-weight: bold;
        color: #463f37;
        width: 460px;
        white-space: nowrap;
        overflow: hidden;
    }
    #media .share 
    {
        font-size: 0.846em;
        margin-top: 15px;
        position: relative;
        left: -5px;
        white-space: nowrap;
    }
        #media .share .title 
        {
            text-align: center;
            width: 60px;
            float: left;
            margin-right: 5px
        }
            #media .share .title strong 
            {
                color: #b22606;
            }
    #media .share .links a
    {
        margin-right: 5px;
    }
    #media .inner .right 
    {
        width: 140px;   
        float: left;    
        margin: 27px 0 0 15px;
    }
    #media h2 
    {
        color: #b22606;
        border-bottom: 4px double #bdbab6;
        padding-bottom: 5px;
        font-weight: bold;
        font-size: 1.077em;
        clear: both;
    }
    #media .right strong 
    {
        display: block;
        clear: both;
    }
    #media .right ul 
    {
        list-style: none;
        margin: 0;
        padding: 0;
    }
        #media .right ul li 
        {
            list-style: none;
            clear: both;
            font-size: 0.923em;
            line-height: .923em;
        }
            
            #media .right ul li img 
            {
                vertical-align: middle;
                float: left;
                margin-right: 5px;
                margin-bottom: 10px;
            }
            #media .right ul#radioArchive li img 
            {
                width:44px;
                height:44px;
            }
            
/* News
***************************************************************/
#news 
{
    background: #fff;
    border: 1px solid #cdc5b4;
    width: 350px;
    border-width: 1px 1px 0 0;
    height: 420px;
    position: absolute;
    right: 0;
    top: 25px;
}
    #news .inner 
    {
        padding: 16px 20px 0 50px;
        
    }
        #news .inner h2 
        {
            color: #b22606;
            border-bottom: 4px double #bdbab6;
            padding-bottom: 5px;
            font-weight: bold;
            font-size: 1.077em;
        }
            #news .inner h2 span 
            {
                color: #463f37;
            }
    #news ul 
    {
        margin-top: 8px;
    }
        #news ul li 
        {
            line-height: 1.3em;
            padding-bottom: 10px;
        }
            #news ul li a 
            {
                font-weight: bold;
                font-size: 0.923em;
            }
            #news ul li span
            {
                color: #534e46;
                font-size: 0.846em;
            }
    #news .twitter 
    {
        position: relative;
        left: 35px;
    }
    #news .houseAdSpace
    {
        padding-left:37px;
        padding-top: 0;
    }

/* Current Cases
***************************************************************/
#cases 
{
    background: transparent url(../../../../bg-hp-cases.png) repeat-x;   
    height: 262px;
    position: relative;
}
    #cases div.left 
    {
        background: transparent url(../../../../bg-hp-cases-left.png) repeat-x;   
    
        width: 27px;
        height: 285px;
        position: absolute;
        left: -27px;
        top: -23px;
    }
    #cases div.right 
    {
        background: transparent url(../../../../bg-hp-cases-right.png) repeat-x;   
    
        width: 27px;
        height: 285px;
        position: absolute;
        right: -27px;
        top: -23px;
    }
    #cases .inner 
    {
        padding: 13px 0;
        margin: 0 38px;
        height: 266px;
        background: transparent url(../../../../bg-hp-current-cases-stripe.png) 0 103px  repeat-x;       
        overflow: hidden;
    }
        #cases .inner a.left 
        {
            position: absolute;
            top: 102px;
            left: 0;
        }
        #cases .inner a.right 
        {
            position: absolute;
            top: 102px;
            right: 0;
        }
    #cases .frame 
    {
        width: 1000px;
        overflow: hidden;
        white-space: nowrap;
        position: relative;
        top: 5px;
    }
        #cases .frame ul 
        {
            padding: 0;
            margin: 0;
            list-style: none;
            width:auto;
        }
        #cases .frame ul li 
        {
            padding: 0;
            margin: 0;
            list-style: none;
            width: 195px;
            height: 205px;
            float: left;
            margin-right: 42px;
            position: relative;
        }
            #cases .frame ul li img 
            {
                position: relative;
                z-index: 1;
            }
            #cases .frame ul li .text 
            {
                width: 195px;
                height: 44px;
                background: transparent url(../../../../bg-hp-cases-overlay.png) no-repeat; 
                position: absolute;
                bottom: -10px;
                left: 0px;
                z-index: 10;
                text-align: center;
                padding-top: 10px;
                
            }
            #cases .frame ul li a .text 
            {
                color: #fff;
                border-bottom: 1px solid #cac6be;
            }
   

/* Tripel
***************************************************************/            
#layout-tripel 
{
    background: #fff;
    height: 350px;
    position: relative;
    border-bottom: 1px solid #cac6be;
}
    #layout-tripel .inner 
    {
        margin: 10px 0;
        border: 4px double #d7d1c4;
        border-width: 4px 0;
        height: 324px;
    }
    #layout-tripel div.left 
    {
        background: transparent url(../../../../bg-tripel-left.png) no-repeat;   
        width: 27px;
        height: 360px;
        position: absolute;
        left: -27px; 
    }
    #layout-tripel div.left .inner 
    {
        width: 20px;
        margin-left: 9px;
    }
    #layout-tripel div.right 
    {
        background: transparent url(../../../../bg-tripel-right.png) no-repeat;   
        width: 27px;
        height: 360px;
        position: absolute;
        right: -26px;        
    }
    #layout-tripel div.right .inner 
    {
        width: 20px;
    }

  
/* Legal Docs
***************************************************************/ 
#tripel-first {width: 300px;float: left;margin-left: 20px;}
#legal-docs 
{
     width: 270px;
     margin-top: 15px;
}
    #legal-docs .hdr 
    {
        margin-left: 5px;
    }
    #legal-docs .rule 
    {
        border-bottom: 4px double #bdbab6;
        width: 270px;
        height: 6px;
        margin-bottom: 5px;
    }
    
    #legal-docs ul 
    {
        padding-top: 8px;
        margin-top: 0;
        font-size: 0.923em;
    }
        #legal-docs ul li 
        {
            line-height: 1.5em;
        }
            #legal-docs ul li a 
            {
                font-weight: bold;
            }
            
/* Law & Justice Files
***************************************************************/ 
#tripel-second {width: 340px;float: left;position: relative;left: 10px;}
#justice-files 
{
    background: transparent url(../../../../bg-law-justice-files.png) no-repeat;   
    width: 316px;
    height: 300px;
    float: left;
    margin-top: 5px;
}
    #justice-files .bd 
    {
        margin-top: 68px;
        margin-left: 17px;
    }
    
     #justice-files ul 
    {
        padding-top: 8px;
        margin-top: 0;
        font-size: 0.923em;
    }
        #justice-files ul li 
        {
            line-height: 1.5em;
        }
            #justice-files ul li a 
            {
                font-weight: bold;
            }


/* Your Decision
***************************************************************/ 
#tripel-third {width: 290px;float: left;
               position: relative; left: 30px;}
#your-decision 
{
     margin-top: 25px;
}
    #your-decision .rule 
    {
        width: 100%;
        background: transparent url(../../../../hdr-your-decision-line.png) 60% 0 no-repeat;   
        height: 17px;
        margin-top: 5px;
    }
     #your-decision ul 
     {
         list-style: none;         
     }
          #your-decision ul li 
          {
              list-style: none;
              padding-bottom: 15px;
          }
    #your-decision input[type='button'] 
    {
        margin-left: 20px;
    }