/* -------------------------------------------------------------- 

	TYPOGRAPHY
	
	Font Families:
		- Content   -> Arial, Helvetica, Tahoma, Verdana, sans-serif
		- Headings  -> Trebuchet MS, Arial, Helvetica, Tahoma, Verdana, sans-serif
	
	Font Size:
		Default     -> 12px
		h6          -> 14px
		h5          -> 16px
		h4          -> 18px
		h3          -> 21px
		h2          -> 24px
		h1          -> 36px

	Font Weight:
		Content     -> Normal
		Headings    -> Normal
		Links       -> Normal

	Line Height:
		Content     -> 1.5em
		Headings    -> 1.5em
		Links       -> 1.5em

-------------------------------------------------------------- */


/* --------------------------------------------------------------

	DEFAULT - BODY
	
-------------------------------------------------------------- */


body {
    font-family:            Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-weight:            normal; 
    font-size:              75%;    /* 12px */ 
    line-height:            1.5em;  /* 18px */
}


/* -------------------------------- 
	Headings
-------------------------------- */

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
    margin:                 0 0 20px 0; 

    font-family:            'Trebuchet MS', Arial, Helvetica, Tahoma, Verdana, sans-serif; 
    font-weight:            normal; 
    line-height:            1em;
}
h1 {
    font-size:              36px;
}                        
h2 {
    font-size:              24px;
}                       
h3 {
    font-size:              21px;
}                        
h4 {
    font-size:              18px;
}                        
h5 {
    font-size:              16px;
}                     
h6 {
    font-size:              14px;
}                     


/* -------------------------------- 
	Links
-------------------------------- */

a {
    text-decoration:        none;
}                     
a:hover,
a:active,
a:focus {
    text-decoration:        none;
}


/* -------------------------------- 
	Lists
-------------------------------- */

ol,
ul,
dl {
    margin:                 0 0 20px 0; 
}
ol {
	list-style:             decimal;
}
ul {
	list-style:             disc;
}
li,
dd {
	margin-left:            30px;
}
dt {
    font-weight:            bold; 
}


/* -------------------------------- 
	Text
-------------------------------- */

strong, 
b {
    font-weight:            bold; 
}
i, 
em,
cite,
blockquote {
    font-style:             italic; 
}
blockquote {
    margin-left:            30px; 
}
abbr,
acronym {
    border-bottom:          1px dashed;
    cursor:                 help;
    letter-spacing:         .07em;
}   


/* -------------------------------- 
	Input
-------------------------------- */

input, 
textarea, 
select {
    border-style:           solid;
    border-width:           1px;
    padding:                4px;
    -moz-border-radius:     3px;
    -webkit-border-radius:  3px;
    -ms-border-radius:      3px;
}
input[type="text"], 
input[type="password"] {
    width:                  200px;
}
textarea {
    width:                  75%;
}
input[type="submit"], 
input[type="button"], 
input[type="reset"] {
    border:                 medium none;
    -moz-border-radius:     3px;
    -webkit-border-radius:  3px;
    -ms-border-radius:      3px;
    
    cursor:                 pointer;
    
    /*
    color:                  #fff;
    background-color:       #bf0000;
    */
}
input[type="submit"]:hover, 
input[type="button"]:hover, 
input[type="reset"]:hover,
input[type="submit"]:focus, 
input[type="button"]:focus, 
input[type="reset"]:focus {
    /*
    background-color:       #8F0000;
    */
}
input[type="checkbox"]{
    margin:                 5px 5px 0 0;
}


/* -------------------------------- 
	Misc
-------------------------------- */

p,
hr,
pre,
table,
address,
fieldset {
    margin:                 0 0 20px 0; 
}

hr {
    border-style:           solid;
    border-width:           0;
	border-top-width:       1px;
	clear:                  both;
	height:                 0;
}


/* -------------------------------- 
	Classes
-------------------------------- */

.lower_case {
    text-transform:         lowercase; 
}
.upper_case {
    text-transform:         uppercase; 
}
.capitalize {
    text-transform:         capitalize; 
}
.hidden {
    visibility:             hidden;
}	
.note,
.important,
.warning {
    margin:                 20px 0 20px 0; 
    padding:                10px; 
    border-top-width:       1px; 
    border-top-style:       dotted; 
    border-bottom-width:    1px; 
    border-bottom-style:    dotted; 
}
a.visit_site {
    margin:                 0; 
    padding:                0 20px 0 0; 
    text-transform:         capitalize;
}