/* Stylesheet */

/* 
======================================================
>>COLORS
======================================================
Gray Text: #
Blue Links: #
*/

/* 
======================================================
>>Basic site styles
======================================================
*/

* { margin:0; padding:0; }
body { margin:0; padding:0; font-size:75%; font-family: Helvetica, Arial, sans-serif; }

.bn { border:0; }
.fl { float:left; }
.fr { float:right; }
.cl { clear:left; }
.clear { clear: both; }

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */


/* 
======================================================
>>Site structure (layout)
======================================================
*/
div#container { }
div#masthead { }
div#content { }
div#sidebar { }
div#footer { }


/*
======================================================
>>Navigation
======================================================
*/
ul#navigation { }
ul#navigation li { }
ul#navigation li a { }


/*
======================================================
>>Headers
======================================================
*/
h1 { font-size: 24px; line-height: 36px; margin-bottom: 18px; }
h2 { font-size: 18px; line-height: 18px; margin-bottom: 18px; }
h3 { font-size: 12px; line-height: 18px; }


/*
======================================================
>>Paragraphs
======================================================
*/
p { margin: 0 0 18px 0; }


/*
======================================================
>>List Styles
======================================================
*/
ul { margin: 0 0 18px 0; }


/*
======================================================
>>Link Styles
======================================================
*/
a:link { text-decoration: underline; }
a:hover { }


/*
======================================================
>>Images Styles
======================================================
*/
img { }


/*
======================================================
>>Form Styles
======================================================
*/
label { font-weight: bold; }
fieldset { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #eee; }
legend { font-weight: bold; font-size:1.2em; }
input.text, input.title, textarea, select { margin:0.5em 0; border:1px solid #bbb; }
input.text:focus, input.title:focus, textarea:focus, select:focus { border:1px solid #666; }
input.text, input.title { width: 300px; padding:5px; }
input.title { font-size:1.5em; }
textarea { width: 390px; height: 250px; padding:5px; }


/*
======================================================
>>Miscellaneous Styles
======================================================
*/