@CHARSET "ISO-8859-1";

/**
 * Reset Stylesheet - Thanks Erik Mayer! http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
 */
@import url('reset.css'); 

/**
 * Tag Definitions
 */

body
{
    background:     #596A72 url('/images/bg.png') top left repeat-x;
    min-height:     100%;
    height:         100%;
    padding:        0.5em;
}

h2
{
    font-size:      2em;
    margin-bottom:  1em;   
}

h3
{
    color:          #82A7CD;
    clear:          both;
    font-size:      1.8em;
    margin-bottom:  1em;  
}

h4
{
    background:     transparent url('/images/header_icon.png') left top no-repeat;
    clear:          left;
    font-size:      1.2em;
    height:         30px;
    margin:         1em auto 0.3em 1em;
    padding-left:   35px;  
}

h5
{
    font-size:      1em;
    font-style:     italic;
    margin:         1em 0px 0.5em 55px;   
}

a:link, a:visited
{
    color:              #2732C7;
    text-decoration:    none;
}

a:hover
{
    text-decoration:    underline;
}
    
a:active
{
    text-decoration:    underline;
}

p
{
    margin-bottom:      1em;        
}


 
/**
 * ID's
 */

#header
{
    height:         127px;
    margin:         0em auto 40px auto;   
    width:          48.8em;
}

#header h1 img
{
    height:         8.5em;
    width:          47.7em;   
}

#content_top
{
    background:     transparent url('/images/top_wedge_24.png') top right no-repeat;  
    height:         70px;
    margin:         0em auto 0em auto;  
    width:          744px;
}

#content
{
    background:     #FFF;
    font-family:    "trebuchet ms", verdana, arial, sans-serif;
    height:         100%;    
    min-height:     100%;
    margin:         0em auto 0em auto; 
    padding:        2px;     
    width:          46.2em;
}

#global_menu
{
    font-size:      0.7em;
    font-family:    Verdana, Arial, sans-serif;
    padding-right:  2em;
    text-align:     right;
}

#global_menu a
{
    color:          #696969;   
}

#main_menu
{
    margin:         2em auto 2em auto;
    width:          50%;
}

#main_menu ul li
{
    display:        inline;
    text-align:     center;
}

#footer
{
    font-size:      0.6em;
    margin:         1em auto 0px auto;
    text-align:     right;
    width:          745px;
}

#thingsdone
{
    background:     #FFF url('/images/menu_one.png') top left no-repeat; 
    display:        block;
    float:          left;
    margin-left:    1em;
    padding-top:    115px;  
    width:          117px;  
}

#thingsdone:hover
{
    background:     #FFF url('/images/menu_one.png') top right no-repeat; 
    padding-top:    115px;
    width:          117px;  
}

#thingsseen
{
    background:     #FFF url('/images/menu_two.png') top left no-repeat;
    display:        block;
    float:          left;
    margin-left:    5em;
    padding-top:    115px; 
    width:          117px;  
}

#thingsseen:hover
{
    background:     #FFF url('/images/menu_two.png') top right no-repeat;
    padding-top:    115px; 
    width:          117px;   
}

#done
{
    width:          75%;
}

#done ul
{
    color:              #616161;
    font-size:          0.9em;
    list-style-type:    none;
    margin-left:        55px;
}
 
/**
 * Classes
 */
 
.funky_large
{
    text-align:     right;
    font-size:      1.5em;
    margin-bottom:  2em;
}

.funky_highlight
{
    font-size:      2.5em;
}

.image_list
{
    text-align:     center;
}

.image_list ul li a img
{
    padding:        1em;
}

.thumbnail {
    background-color:       #222222;
    border:                 1px solid #2A2A2A;
    float:                  left;
    height:                 60px;
    margin-bottom:          10px;
    margin-right:           10px;
    padding:                3px 3px 8px;
}

.thumbnail a img
{
    border:                 none;
}

.thumbnail:hover
{
    background-color:       #FFF;
}

.info_column
{
    float:                  right;
    margin-left:            1em;
    padding:                0.5em;
    text-align:             right;
    width:                  20%;
}

.paragraph_highlight
{
    font-size:              1.2em;
}

.job_description
{
    margin-left:            55px;
}

.example
{
    margin:                 10px 0px 10px 55px;
}

.example_caption
{
    margin-left:            55px;
}

.image_example
{
    border:                 5px solid #82A7CD;
    float:                  left;
    height:                 110px;    
    margin:                 0em 0em 3em 55px;
    -moz-border-radius:     5px;
    width:                  170px;      
}