@charset "utf-8";

@import url('reset.css');

/* Correction: margin/padding reset caused too small select boxes. */
option { padding-left: 0.4em; }
select { padding: 1px; }

/* Global fix of the Italics bugs in IE 5.x and IE 6 */
* html body * { overflow:visible; }
* html iframe, * html frame { overflow:auto; }
* html frameset { overflow:hidden; }

/* Forcing vertical scrollbars in Netscape, Firefox and Safari browsers */
html { height: 100%; margin-bottom: 1px; }

/* Clear borders for <fieldset> and <img> elements */
fieldset, img { border: 0 solid; }

/* Global
--------------------------------------------------------------------*/
body { background: #EF5AB8; margin: 0; padding: 0; text-align: center; font: 75% "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000; }

/* Links
--------------------------------------------------------------------*/
a { color:#900; text-decoration:underline; }
a:focus, a:hover, a:active { color:#900; text-decoration: underline overline; }
a:visited { color:#900; text-decoration: underline; }

/* Text
--------------------------------------------------------------------*/
p { /* 16px */ font-size: 133.33%; line-height: 1.5em; margin: 0 0 1em 0; letter-spacing: 0.8px; }
.txt10 { /* 10px */ font-size: 83.33%; }
.txt12 { /* 12px */ font-size: 100%; }
.txt14 { /* 14px */ font-size: 116.66%; }
.txt18 { /* 18px */ font-size: 150%; }
.txt22 { /* 22px */ font-size: 183.33%; }
.txt30 { /* 30px */ font-size: 250%; }
.txt36 { /* 36px */ font-size: 300%; }
.txt42 { /* 42px */ font-size: 350%; }

/* Text transformers
--------------------------------------------------------------------*/
strong, b { font-weight: bold; }
em, i { font-style: italic; }
.highlight { color: #F90; }
.dimmed { color: #888; }
.info { color: #666; padding: 10px; letter-spacing: 4px;}
.white { color: #FFF; }

/* Headings
--------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { font-weight:normal; margin: 0 0 0.25em 0; }
h1 { /* 30px */ font-size: 250%; }
h2 { /* 24px */ font-size: 200%; }
h3 { /* 18px */ font-size: 150%; }
h4 { /* 16px */ font-size: 133.33%; }
h5 { /* 14px */ font-size: 116.67%; }
h6 { /* 12px */ font-size: 100%; }

/* Lists
--------------------------------------------------------------------*/
ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em; }
ul li { list-style-type: disc; }
ul ul li { list-style-type: circle; }
ol li { list-style-type: decimal; }
ol ol li { list-style-type: lower-latin; }
li { margin-left: 0.8em; line-height: 1.5em; }
dt { font-weight: bold; }
dd { margin: 0 0 1em 0.8em; }

/* Tables
--------------------------------------------------------------------*/
table { width:100%; border-collapse:separate; border:none; }
th,td { text-align:left; vertical-align:top; padding:5px; }

/* Elements
--------------------------------------------------------------------*/
hr { color: #fff; background:transparent; margin: 0 0 0.5em 0; padding: 0 0 0.5em 0; border:0; border-bottom: 1px #000 solid; }

/* Container
--------------------------------------------------------------------*/
#container { width: 990px; background: #FFF; margin: 0 auto; border: 1px solid #000; text-align: left; }

/* Header
--------------------------------------------------------------------*/
#header { height:400px; margin:0; }
#header h1 { margin: 0; padding: 10px 0; }

/* Header
--------------------------------------------------------------------*/
#nav { background: #FFF; padding: 0 20px 0 20px; }
#nav h1 { font-size: 150%; line-height: 2em; margin: 0 0 1em 0; letter-spacing: 1px;  }

/* aSide
--------------------------------------------------------------------*/
#aside { width: 150px; background: #FFF; float: right;  padding: 10px; }

/* mainContent
--------------------------------------------------------------------*/
#mainContent { margin: 0 180px 0 0; padding: 10px 20px; }

/* Footer
--------------------------------------------------------------------*/
#footer { background:#FFF; padding: 0 20px 0 20px; }
#footer p { margin: 0; padding: 10px 0; }

/* Floats / Centering
--------------------------------------------------------------------*/
.float_left { float: left; margin-right: 8px; }
.float_right { float: right; margin-left: 8px; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }
.center { display:block; text-align:center; margin: 0.5em auto; }