/*
Light tan: #F7EEDA
Mid tan: #D8D8C0
tan: #C0C0A8
Light blue: #476388
Mid blue: #183048
red: #600000
Deep red: #330000
*/

/*
Interactive style sheet for News21 project
By Andrew Long
*/

/* MAIN */

body
    {
        font-family:Arial, Helvetica, sans-serif;
        font-size: 12px;
        line-height:1.5;
        padding:0px;
        margin:0px;
    }

/* GRAPHIC */

h1,h2,h3,h4,h5,h6
    {
        margin-top:0;
        margin-bottom:2px;
    }

h1
    {
        font-size:160%;
    }

h1.header
    {
        color: #600000;
        font-size:16px;
        text-transform:uppercase;
        margin-bottom:2px;
        margin-top:0px;
    }

.wrapper
    {
        margin:0 auto;
        width:960px;
        display: block;
        padding-top:10px;
    }

p
    {
        margin-top:0px;
    }

p.notes
    {/*
Light tan: #F7EEDA
Mid tan: #D8D8C0
tan: #C0C0A8
Light blue: #476388
Mid blue: #183048
red: #600000
Deep red: #330000
*/

/*
Interactive style sheet for News21 project
By Andrew Long
*/

/* MAIN */

body
    {
        font-family:Arial, Helvetica, sans-serif;
        font-size: 12px;
        line-height:1.5;
        padding:0px;
        margin:0px;
    }

a:link { color:white; text-decoration:none !important;}
a:visited { color:white; text-decoration:none !important;}

/* GRAPHIC */

h1,h2,h3,h4,h5,h6
    {
        margin-top:0;
        margin-bottom:2px;
    }

h1
    {
        font-size:160%;
    }

h1.header
    {
        color: #600000;
        font-size:16px;
        text-transform:uppercase;
        margin-bottom:2px;
        margin-top:0px;
    }

.wrapper
    {
        margin:0 auto;
        width:960px;
        display: block;
        padding-top:10px;
    }

#sidebar
    {
        margin-left:50px;
        width:270px;
        float: left;
    }

p
    {
        margin-top:0px;
    }

p.notes
    {
         font-style:italic;
         font-size:80%;
    }

#content
    {
        margin-left:20px;
        width: 590px;
        float: left;
    }

#info
    {
        margin-top:10px;
        margin-left:20px;
        width: 110px;
        float: left;
    }

#footer
    {
       clear:both;
       padding-top:5px;
       width: 885px;
       height: 40px;
       margin-left:35px;
       margin-bottom:20px;
       border-top:1px solid #000;
    }

ul
    {
        margin:20px 0;
        padding:0;
        list-style-type:none;

    }

li
    {
        padding-left:10px;
        padding-bottom:5px;
        padding-top:5px;
        cursor:pointer;

    }

#menu ul
    {
        padding:0;
        list-style-type:none;

    }

li.inactive
    {
        margin-right:15px;

    }

#notes
    {
        margin-bottom:5px;
        font-size:10px;
        font-style:italic;
    }

#source
    {
        font-size: 10px;
    }

#map
    {
        padding-left:25px;
        padding-top:10px;
    }

#search
    {
        margin:10px 5px;
        float: right;
    }

    ul.legend li
    {
        color:blue;
        list-style-type: square;
    }

    ul.legend li p
    {
        color:red;
    }

    .slider_wrapper
    {
        margin:10px;
        margin-top:20px;
    }

    /* Map slider */
    .slider
    {
        color:#CCC;
        display:block;
        font-family:sans-serif;
        font-size:.8em;
        margin:20px auto;
        width:500px;
    }

    .slide_text
    {
        font-style:italic;
        margin-bottom:10px;
        font-size:.9em;
    }

    .steps
    {
        color:#6B6B6B;
    }

    .tick
    {
        font-color:#CCC;
        border: 1px solid transparent; /*follows slide handle style for sizing purposes*/
        position: absolute;
        width: 1.2em;
        margin-left: -.6em;
        text-align:center;
        left: 0;
    }

    /* legend */
    dt
    {

    	width: 12px;
    	height: 12px;
    	display: inline-block;
    	overflow: hidden;

    }

    dd
    {
        display: inline-block;
        width: 5em;
        margin: 0 0 0 .1em;
    }

    .blue {background-color: #045A8D; color: #045A8D; }
    .blue_two {background-color: #0570B0; color: #0570B0; }
    .blue_three {background-color: #74A9CF; color: #74A9CF; }
    .blue_four {background-color: #BDC9E1; color: #BDC9E1;}

         font-style:italic;
         font-size:80%;
    }

#content
    {
        margin-left:20px;
        width: 900px;
        float: left;
    }

#info
    {
        margin-top:10px;
        margin-left:20px;
        width: 110px;
        float: left;
    }

#footer
    {
       clear:both;
       padding-top:5px;
       width: 885px;
       height: 40px;
       margin-left:35px;
       margin-bottom:20px;
       border-top:1px solid #000;
    }

ul
    {
        margin:20px 0;
        padding:0;
        list-style-type:none;

    }

li
    {
        padding-left:10px;
        padding-bottom:5px;
        padding-top:5px;
        cursor:pointer;

    }

#menu ul
    {
        padding:0;
        list-style-type:none;

    }

li.inactive
    {
        margin-right:15px;

    }

li.active
    {
        background-image: url(../img/point.png);
        background-color: #183048;
        background-repeat: no-repeat;
        background-position: 100% 50%;
        padding-left: 10px;
        color: white;
        border:none;
        margin-bottom: 0px;
        font-weight:bold;
    }

#notes
    {
        margin-bottom:5px;
        font-size:10px;
        font-style:italic;
    }

#source
    {
        font-size: 10px;
    }

#map
    {
        padding-left:25px;
        padding-top:10px;
    }

#search
    {
        margin:10px 5px;
        float: right;
    }

    ul.legend li
    {
        color:blue;
        list-style-type: square;
    }

    ul.legend li p
    {
        color:red;
    }

    .slider_wrapper
    {
        margin:10px;
        margin-top:20px;
    }

    /* Map slider */
    .slider
    {
        color:#CCC;
        display:block;
        font-family:sans-serif;
        font-size:.8em;
        margin:20px auto;
        width:500px;
    }

    .slide_text
    {
        font-style:italic;
        margin-bottom:10px;
        font-size:.9em;
    }

    .steps
    {
        color:#6B6B6B;
    }

    .tick
    {
        font-color:#CCC;
        border: 1px solid transparent; /*follows slide handle style for sizing purposes*/
        position: absolute;
        width: 1.2em;
        margin-left: -.6em;
        text-align:center;
        left: 0;
    }

    /* legend */
    dt
    {

    	width: 12px;
    	height: 12px;
    	display: inline-block;
    	overflow: hidden;

    }

    dd
    {
        display: inline-block;
        width: 5em;
        margin: 0 0 0 .1em;
    }

    .blue {background-color: #045A8D; color: #045A8D; }
    .blue_two {background-color: #0570B0; color: #0570B0; }
    .blue_three {background-color: #74A9CF; color: #74A9CF; }
    .blue_four {background-color: #BDC9E1; color: #BDC9E1;}