/*================================================== TYPOGRAPHY STYLES */
/*
    CSS Document for Dan Bladon's Career stones
    Developed by Julien Decaudin - www.juliens.org 
    February 2009
*/

body
{
    font-family: Arial, Sans-Serif;
    font-size: 100%;
    line-height: 0.94em; /* 15px */
}

/*--------------------------------------------------=> HEADERS */
/* Global */
h1, h2, h3
{
    font-family: Arial, Sans-Serif;
}

/* H1 */
h1
{
    font-size: 2.50em; /* 40px */    
}

.popup h1
{
    font-size: 1.25em; /* 20px */
}

/* H2 */
h2
{
    font-size: 1.25em; /* 20px */
    font-weight: bold;
    line-height: 20px;
}

.popup h2
{
    font-family: Georgia, Arial, Sans-Serif;
    font-style:italic;
    font-weight:normal;
    font-size: 0.88em; /* 14px*/
}

/* H3 */
h3
{
    font-weight: bold;
    font-family: Arial;
    font-size: 0.88em; /* 14px */
}

.project_details h3
{
   font-size: 1em; /* 16px */
   line-height:19px;
}

.project_details h3 span
{
   font-family: Georgia, Arial, Sans-Serif;
   font-style:italic;
   font-weight:normal;
   font-size: 0.88em; /* 14px from 16px */
}

#footer h3
{
    font-size: 0.75em; /* 12px */
}

/*--------------------------------------------------=> CONTENT ELEMENTS */
/*-------------> Paragraph */
p
{
    font-size: 0.69em; /* 11px */
    line-height: 15px;
}

#header_top p
{
    text-transform:uppercase;
}

#content_landing p
{
    font-size:0.88em; /* 14px */
    font-weight:bold;
}

/*-------------> Links */
a
{
    font-family: Georgia, Arial, Sans-Serif;
    font-style:italic;
    text-decoration: none;
    line-height: 15px;
}

h1 a
{
    font-family: Arial, Sans-Serif;
    font-style:normal;   
    line-height: 30px; 
}

/*-------------> Lists */
.project_details li
{
    font-size: 0.69em; /* 11px */
    line-height: 17px;
}

ul.bullet_list li
{
    font-size: 0.75em; /* 12px */
    line-height: 17px;
}

ul.bullet_list ul li
{
    font-size: 1em; /* 12px */
    line-height: 12px;
}

/* Sitemap */


/*-------------> Modules */

/*-------------> Misc */
/* Career stone thumbnails */
.title_container h3 a
{
    font-family: Arial, Sans-Serif;
    font-size: 2.50em; /* 40px */    
    font-style:normal;
    line-height:30px;
}

#header_left .title_container p,
#content .title_container p
{
   color: #d3202e;
   font-family: Georgia, Arial, Sans-Serif;
   font-style:italic;
   font-size: 0.75em; /* 12px */
}

/* Projects */
.project_thumb_title span
{   
   font-family: Georgia, Arial, Sans-Serif;
   font-style:italic;
   font-weight:normal;
   font-size: 0.88em; /* 14px */
   line-height: 18px;
}

.project_tags
{
   font-family: Georgia, Arial, Sans-Serif;
   font-style:italic;
   font-size: 0.69em; /* 11px */
}
/*
.list_media li span.titlebox
{
   font-family: Georgia, Arial, Sans-Serif;
   font-style:italic;
   line-height:10px;
}*/

.tooltip
{
   font-family: Georgia, Arial, Sans-Serif;
   font-style:italic;
   font-size: 0.69em; /* 11px */
}


/*--------------------------------------------------=> FORMS */
.input_text, textarea, fieldset label
{
    font-size: 0.69em; /* 11px */
    font-family: Arial, Sans-Serif;
}

/* Buttons */
button, .button_search, .button_submit
{
    font-size: 0.63em; /* 10px */
    text-transform:uppercase;
    font-family: Arial, Sans-Serif;
}

/* Forms specifics */
#search_form_container label
{
    font-size: 0.63em; /* 10px */
}

/*--------------------------------------------------=> MASTER LAYOUT */

/*--------------------------------------------------=> NAVIGATION */
/* Main navigation */
#main_nav a
{
    font-family: Arial, Sans-Serif;
    font-size: 0.75em; /* 12px */
    font-weight:bold;
    font-style:normal;
}

/* Footer navigation */
#footer li
{
    font-family: Georgia, Arial, Sans-Serif;
    font-style:italic;
    font-size: 0.69em; /* 11px */
}

/* Footer support navigation */
#support_nav li
{
    font-size: 0.63em; /* 10px */
}

#support_nav li a
{
    font-family: Arial, Sans-Serif;
    font-style:normal;
}

/* Landing page navigation */
#landing_nav li a
{
    font-size:1.25em; /* 20px */
    font-family: Arial, Sans-Serif;
    font-style:normal;
    font-weight:bold;
}

/*--------------------------------------------------=> UTILITY CLASSES */
.uppercase
{
    text-transform: uppercase;
}

.halfwidth_right
{
    text-align: right;
}

.clearer, .spacer
{
    line-height: 0;
    font-size: 0;
}