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

Base Stylesheet

Author:   Marco Louro
Version:  2010.03

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

/* ------------------------------------------------------------
+Global
------------------------------------------------------------ */
html { background-color: #454F58; text-align: center; }
body { position: absolute; top: 0; bottom: 0; left: 0; right: 0;
    font-family: Georgia, "Helvetica Neue",Arial,Helvetica,sans-serif; font-size: 100%; }

.clear:after { clear: both; content: '.'; display: block; visibility: hidden; height: 0; }
.clear { display: inline-block; }
* html .clear { height: 1%; }
.clear { display: block; }

a { color: #8AB0DE; }
a:hover { text-decoration: none; color:#5681AD; }

pre { padding: 10px; font-size: 12px; border: 1px solid #A7BEC4 }

p { color: #ECF3FF; }

/* ------------------------------------------------------------
+Common
------------------------------------------------------------ */
.hidden { display: none; }

.alrt { text-align: right; }
.alct { text-align: center; }

.fllt { float: left; }
.flrt { float: right; }

.clear:after { clear: both; content: '.'; display: block; visibility: hidden; height: 0; }
.clear { display: inline-block; }
* html .clear { height: 1%; }
.clear { display: block; }

.ui-widget { margin-bottom: 20px; }

.btn { padding: 3px 18px 3px; margin-right: 10px; background-color: #5ABAC9;
        color: #FFF; border: 1px solid #40848F; -moz-border-radius: 3px; font-weight: bold;
        white-space:nowrap; vertical-align: top; outline: none; -moz-outline-style: none; cursor: pointer;
        text-decoration: none; }
.btn:hover { cursor: pointer; color: #22474D; }
.btn-cancel { background-color: #787878; border-color: #8D8D8D; }
.btn-cancel:hover { color: #000; }
.btn-inactive { background-color: #AAA; border-color: #8D8D8D; color: #777; }
.btn-inactive:hover { color: #777; }
.btn-small { padding: 1px 5px 2px 6px; margin-right: 3px; }

h1,
h2,
h3,
h4 { text-shadow: 0 1px 0 #CCC; }


/* ------------------------------------------------------------
+Box
------------------------------------------------------------ */
.box { margin-bottom: 20px; border: 1px solid #999; }
.box h3 { margin: 0; padding: 10px; background-color: #CCC; border-bottom: 1px solid #999; }
.box .content { width: auto; overflow: hidden; padding: 10px; }



/* ------------------------------------------------------------
+Structure
------------------------------------------------------------ */
#container { width: 740px; margin: 80px auto 0; text-align: left; }

#header h1,
#header p { margin: 0 0 0 65px; }

/* ------------------------------------------------------------
+Header
------------------------------------------------------------ */
#header .logo { float: left; margin: 5px 0 0 0; width: 45px; height: 45px; border: 4px solid #FFF;
    background: url(../images/me.png) no-repeat center center; text-indent: -3000px; }
#header h1 { text-transform: uppercase; font-size: 240%;
    color: #8AB0DE; font-family: Tahoma; letter-spacing: -3px; }
#header p { color: #999; }

/* ------------------------------------------------------------
+Content
------------------------------------------------------------ */
#content { overflow: hidden; margin: 40px 0 0 0; line-height: 1.5em; font-size: 115%; }
.about { float: left; padding-left: 65px; }