@charset "utf-8";

/* HTML & CSS Reset */

* {
margin: 0;
padding: 0;
border: 0; }
:focus, a, button, input {
outline: 0; }
html, body { width: 100%; height: 100%; }
body {
line-height: 1; }
ol, ul {
list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
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: "" ""; }
h1,h2,h3,h4,h5 { font-weight: bold; }
input, button { font-family: Helvetica, Arial, sans-serif; }


/* LAYOUT */

body { background: #f5f5e8; }

div#wrapper { width: 100%; }


/* HEADER */

div#header {
width: 100%; height: 370px;
background: #00b0d8; }

div#header_inner {
position: relative;
margin: 0 auto;
width: 960px; height: 370px;
background: url(../img/hackathon/illustration.gif) no-repeat; }

div#logo {
position: absolute;
top: 150px; left: 15px;
width: 271px; height: 151px;
background: url(../img/hackathon/logo.gif) no-repeat; }

div#logo h1, div#logo h2 {
display: none; }

h2#back_to_widgeous {
position: absolute;
top: 20px; right: 15px;
text-indent: -999em; }

h2#back_to_widgeous a {
display: block;
width: 147px; height: 46px;
background: url(../img/hackathon/wlogo.gif) no-repeat; }

p#top_menu {
position: absolute;
left: 15px; top: 20px;
font-size: 1.4em;
color: #fff; }

p#top_menu a {
color: #bed63a; }



/* BODY */

div#body {
position: relative; display: inline;
float: left; clear: left;
padding: 30px 0 50px;
width: 100%;
background: #5f5e8; }

div#body_inner {
position: relative;
margin: 0 auto;
width: 930px; }


/* CONTENT */

div#content {
position: relative;
float: left; display: inline;
width: 615px; }


/* SIDEBAR */

div#sidebar {
position: relative; left: 30px;
float: left; display: inline;
width: 300px; }



/* FOOTER */

div#footer {
clear: left;
width: 100%; height: 80px;
background: #f5f5e8; }

div#footer_inner {
position: relative;
margin: 0 auto;
width: 930px; }

p#copyright {
position: absolute; top: 10px;
font-size: 1.4em; }


/* COMMON */

body {
font: 62.5% Helvetica, Arial, sans-serif;
color: #555; }

a {
color: #00b0d8;
text-decoration: none; }
a:hover {
color: #bed63a;
text-decoration: underline; }

del { color: #666; }

div#content h3, div#sidebar h3 {
margin: 0 0 1em;
font-size: 1.8em; }

div#content h4, div#sidebar h4 {
margin: 0 0 0.5em;
font-size: 1.4em; }

div#content p, div#sidebar p {
margin: 0 0 1.5em;
font-size: 1.4em;
line-height: 1.5em; }

div#content ul,
div#content ol {
margin: 0 0 1.5em 20px;
font-size: 1.4em;
line-height: 1.5em;
list-style: decimal; }




/* BOXES */

b.bt, b.bt b, b.bb, b.bb b {
display: block; clear: both;
height: 10px;
font-size: 1px;
background-image: url(../img/hackathon/corners.gif);
background-repeat: no-repeat;
position: relative;
z-index: 2; }
b.bt {
top: -1px;
left: -1px; }
b.bt b {
background-position: 100% -10px;
left: 2px; }
b.bb {
background-position: 0 -20px;
top: 1px;
left: -1px; }
b.bb b {
background-position: 100% -30px;
left: 2px; }
div.box1 {
position: relative;
margin: 0 0 20px;
background: #f2f2e5;
border: 1px solid #ccc; }
div.box_inner {
padding: 5px 15px; }



/* FORM */

form div {
clear: left;
margin: 0 0 10px; }

div.textarea label,
div.text label,
div.password label,
div.file label,
div.select label {
float: left;
width: 120px;
font-size: 1.4em;
line-height: 24px; }

div.textarea label {
line-height: 1.3em; }

div.text input,
div.password input,
div.textarea textarea {
padding: 4px;
border: 1px solid #ccc;
font-size: 1.4em; }

div.submit button {
margin: 0 0 0 120px; padding: 0;
border: 0;
cursor: pointer;
text-indent: -999em; }

#UserAddForm .submit button {
width: 84px; height: 30px;
background: url(../img/hackathon/btn_login.gif) no-repeat; }
#DeveloperAddForm .submit button {
width: 74px; height: 30px;
background: url(../img/hackathon/btn_register.gif) no-repeat; }

div.checkbox {
margin: 15px 0; }
div.checkbox input {
margin: 0 0 0 120px;
line-height: 1.3em; }
div.checkbox label {
margin: 0 0 0 5px;
font-size: 1.3em; }

p.form_message {
font-size: 1.3em !important;
margin: 0 0 10px !important; }

div.message {
float: left;
margin: 0 0 15px !important; padding: 8px 10px;
width: 560px;
font-size: 1.3em !important;
line-height: 1.3em;
color: #669933 !important;
background: #e6f593;
border: 1px solid #bed63a; }

div.error-message {
float: left;
margin: 15px 0 15px 120px; padding: 0 0 0 25px;
font-size: 1.2em;
line-height: 1.4em;
color: #777;
background: url(../img/icons/x.gif) no-repeat 0 50%; }