/*
draft-design
Global Declarations

Text Color (main):                                      #666666
Text Color (highlight):                                 #ff6600
Border Color:                                           #999999

BROWSER RESET
GENERAL ITEMS
TYPO
FRAMEWORK
CONTENT
FORM FIELDS
*/

/************************************************************
* BROWSER RESET
************************************************************/
html                                                    { height:100%; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, option,
table, caption, tbody, tfoot, thead, tr, th, td         { margin:0; padding:0; border:0; outline: 0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
:focus                                                  { outline:0; }
body                                                    { line-height:1; color:black; background:white; }
ol, ul                                                  { list-style:none; }
table                                                   { border-collapse:separate; border-spacing:0; }
caption, th, td                                         { text-align:left; font-weight:normal; }
blockquote:before, blockquote:after, q:before, q:after  { content:""; }
blockquote, q                                           { quotes:"" ""; }
img                                                     { display:block; }
a img                                                   { display:inline; }

/************************************************************
* GENERAL ITEMS
************************************************************/
body                                                    { background:#666 url('../img/body.png') center center no-repeat; }
p                                                       { margin:0 0 15px; }
.left                                                   { float:left; }
.right                                                  { float:right; }
.clearfix:after                                         { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix                                               { min-width:0; display:block; clear:both; }
.yummy                                                  { display:none; }

/************************************************************
* TYPO
************************************************************/
div,span,p,a,li,input,select,option,textarea,h1,h2      { font-family:Verdana,Arial,sans; font-size:10px; font-weight:normal; color:#666; line-height:16px; }

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

h1,h2                                                   { font-weight:bold; }

.error                                                  { color:#f60; }

/************************************************************
* FRAMEWORK
************************************************************/
#playground                                             { position:absolute; top:50%; left:0; width:100%; margin-top:-288px; }
#wrapper                                                { position:relative; margin:0 auto; width:700px; }

#content                                                { height:575px; margin-top:-7px; position:relative; padding-left:30px; }
#content a.logo                                         { position:absolute; top:30px; left:30px; width:200px; letter-spacing:2px; text-decoration:none; }
#content a.logo img                                     { display:block; }

#content div.col_left,
#content div.col_right                                  { margin-top:150px; float:left; height:410px; position:relative; }
#content div.col_left                                   { width:115px; }
#content div.col_right                                  { width:495px; margin-left:30px; }

/************************************************************
* CONTENT
************************************************************/
#content div.col_left li.active a                       { color:#f60; }
#content div.col_left form                              { position:absolute; bottom:0; left:0; }

#content div.col_right p                                { width:300px; }
#content div.col_right p.wide                           { width:450px; }
#content div.col_right span.footer                      { position:absolute; bottom:0; right:0; }

/************************************************************
* FORM FIELDS
************************************************************/
#content label                                          { display:block; }
#content input                                          { width:100%; margin-bottom:2px; border:1px solid #999;  }
#content input.submit                                   { width:auto; height:auto; margin-right:-3px; float:right; background:#fff; text-align:center; }
#content textarea                                       { width:100%; height:100px; margin-bottom:5px; border:1px solid #999; }

#content div.col_left fieldset                          { width:115px; }
#content div.col_right fieldset                         { width:250px; }