/* typography.css */

body {font-size:62.5%;color:#333;font-family:Arial, Helvetica, "Helvetica Neue", sans-serif;}

/* LINKS:
 ***************************************************************/
a,
a:link,
a:visited {color:#060;text-decoration:none;}
a:focus{outline:1px dotted;}
a:hover {color:#090;}

a.link-alternative,
.link-alternative a {font-family:Georgia, "Times New Roman", Times, serif; text-decoration:none;}


/* HEADINGS:
 ***************************************************************/
h1,h2,h3,h4,h5,h6 {margin:10px 0;font-weight:700;}

h1, .h1, .h1-underlined {font-size:2.2em;line-height:1em;}
h2, .h2, .h2-underlined {font-size:1.8em;line-height:1em;}
h3, .h3, .h3-underlined {font-size:1.6em;line-height:1em;}
h4, .h4, .h4-underlined {font-size:1.4em;line-height:1em;}
h5, .h5, .h5-underlined {font-size:1.2em;line-height:1em;}
h6, .h6, .h6-underlined {font-size:1.2em;line-height:1em;}

h1.underlined, .h1.underlined, .h1-underlined,
h2.underlined, .h2.underlined, .h2-underlined,
h3.underlined, .h3.underlined, .h3-underlined,
h4.underlined, .h4.underlined, .h4-underlined,
h5.underlined, .h5.underlined, .h5-underlined,
h6.underlined, .h6.underlined, .h6-underlined {border-bottom:1px solid #ccc;padding-bottom:10px;}

/* Page heading: */
h1.page-heading,
h2.page-heading,
h3.page-heading {background-color:#ccc; padding:8px 10px; margin:0; font-size:1.1em; text-transform:uppercase;}

.page-heading.page-heading-color-orange {background-color:#f60;color:#fff;}
.page-heading.page-heading-color-blue {background-color:#3f76ac;color:#fff;}
.page-heading.page-heading-color-red {background-color:#d62f1d;color:#fff;}
.page-heading.page-heading-color-dark {background-color:#666;color:#fff;}

h1.h-sidebar,
h2.h-sidebar,
h3.h-sidebar,
h4.h-sidebar,
h5.h-sidebar,
h6.h-sidebar {font-size:1.2em;}



/* TEXT:
 ***************************************************************/
p,dl,hr,ol,ul,pre,table,address,fieldset{margin-bottom:20px;}
p {font-size:1.2em;line-height:1.4em;}

.text-tight p,
p.text-tight { line-height: 1.2em; }
p.text_source {
    padding:8px;
    font-size:11px;
    line-height:12px;
    background-color:#eee;
}


p.subtitle { margin-top:-15px;}

.subtitle {margin:-20px 0 20px 0;}
.subtitle-10 {margin:-10px 0 20px 0;}

/* Size: */
.text-size-big {font-size:1.4em;line-height:1.6em;}
.text-size-normal {font-size:1.2em;line-height:1.4em;}
.text-size-medium {font-size:1.1em;line-height:1.3em;}
.text-size-small {font-size:1em;line-height:1.2em;}
.text-size-smaller {font-size:0.9em;line-height:1.1em;}
.text-size-tiny,.text-size-mini {font-size:0.8em;line-height:1em;}

.lineheight-clear {line-height:0;}

/* Align: */
.text-align-center {text-align:center;}
.text-align-left {text-align:left;}
.text-align-right {text-align:right;}
.text-align-justify {text-align:justify;text-justify:newspaper;}

/* Style: */
.text-style-normal {font-weight:normal;font-style:normal;}
.text-style-bold {font-weight:bold;}
.text-style-italic {font-style:italic;}

/* Color: */
.text-color-normal, .text-color-normal a {color:#333;}
a.text-color-normal:hover, .text-color-normal a:hover {color:#666;}
.text-color-strong, .text-color-strong a {color:#000;}
a.text-color-strong:hover, .text-color-strong a:hover {color:#333;}
.text-color-medium, .text-color-medium a {color:#666;}
a.text-color-medium:hover, .text-color-medium a:hover {color:#999;}
.text-color-light, .text-color-light a {color:#999;}
a.text-color-light:hover, .text-color-light a:hover {color:#ccc;}
.text-color-lighter, .text-color-lighter a {color:#ccc;}
a.text-color-lighter:hover, .text-color-lighter a:hover {color:#999;}

/* Decoration: */
.text-decoration-none, .text-decoration-none a {text-decoration:none;}
.text-decoration-underlined, .text-decoration-underlined a {text-decoration:underlined;}

/* Lines: */
.underlined {border-bottom:1px solid #ccc;padding-bottom:10px;}
.underlined-5 {border-bottom:1px solid #ccc;padding-bottom:5px;margin-bottom:5px;}

.overlined {border-top:1px solid #ccc;padding-top:10px;margin-top:10px;}
.overlined-5 {border-top:1px solid #ccc;padding-top:5px;margin-top:5px;}


/* LISTS:
 ***************************************************************/

ul {margin-left:20px;}
li {font-size:1.2em;}
li li {font-size:1em;}


/* AREAS:
 ***************************************************************/

.area {
	padding:1px 10px;
	margin:0 0 10px 0;
}
.area-color-grey {background-color:#eee;}
.area-color-darkgrey {background-color:#666;color:#eee;}


/*
IMAGES:
********************************************************/

img,
a img {
    outline:none;
    border:0;
}
img.image_left {
    float:left;
    margin:0 20px 0 0;
}
img.image_right {
    float:right;
    margin:0 0 0 20px;
}



/*
HORISONTAL LINES:
********************************************************/
.hr,
.hr-bold,
.hr-bolder {
    padding-top:0px;
    margin:20px 0 !important;
}
.hr {border-bottom:1px solid #ccc;}
.hr-bold {border-bottom:2px solid #ccc;}
.hr-bolder {border-bottom:3px solid #ccc;}



/* MARGINS & PADDINGS:
 ***************************************************************/
.margin-0 {margin:0px;}
.margin-5 {margin:5px;}
.margin-10 {margin:10px;}
.margin-20 {margin:20px;}
.margin-30 {margin:30px;}
.margin-40 {margin:40px;}

.margin-top-0 {margin-top:0px;}
.margin-top-5 {margin-top:5px;}
.margin-top-10 {margin-top:10px;}
.margin-top-20 {margin-top:20px;}
.margin-top-30 {margin-top:30px;}
.margin-top-40 {margin-top:40px;}

.margin-bottom-0 {margin-bottom:0px;}
.margin-bottom-5 {margin-bottom:5px;}
.margin-bottom-10 {margin-bottom:10px;}
.margin-bottom-20 {margin-bottom:20px;}
.margin-bottom-30 {margin-bottom:30px;}
.margin-bottom-40 {margin-bottom:40px;}

.margin-left-0 {margin-left:0px;}
.margin-left-5 {margin-left:5px;}
.margin-left-10 {margin-left:10px;}
.margin-left-20 {margin-left:20px;}
.margin-left-30 {margin-left:30px;}
.margin-left-40 {margin-left:40px;}

.margin-right-0 {margin-right:0px;}
.margin-right-5 {margin-right:5px;}
.margin-right-10 {margin-right:10px;}
.margin-right-20 {margin-right:20px;}
.margin-right-30 {margin-right:30px;}
.margin-right-40 {margin-right:40px;}

.padding-10 {padding:10px;}
.padding-20 {padding:20px;}



/* MISC:
 ***************************************************************/
 
.rounded {
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}