/* pallette 
http://www.colourlovers.com/palette/397863/DA_Corporate_Blog_1
*/

/*html5doctor.com Reset Stylesheetv1.42009-07-27Author: Richard Clark - http://richclarkdesign.com*/
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, dialog, figure, footer, header,hgroup, menu, nav, section, menu,time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}body { line-height:1;}article, aside, dialog, figure, footer, header,hgroup, nav, section { display:block;}nav ul { list-style:none;}blockquote, q { quotes:none;}blockquote:before, blockquote:after,q:before, q:after { content:''; content:none;}a { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent;}ins { background-color:#ff9; color:#000; text-decoration:none;}mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}del { text-decoration: line-through;}abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help;}table { border-collapse:collapse; border-spacing:0;}hr {    display:block;    height:1px;    border:0;    border-top:1px solid #cccccc;    margin:1em 0;    padding:0;}input, select { vertical-align:middle;}

body {text-align:center;color:#EEE;background:#111 url(/gfx/bg.png);}
#wrapper {width:620px;margin:0 auto;text-align:left}

a {color:#CFC;text-decoration:none}
a:hover {color:#FFF}

p a {border-bottom:1px #CFC dotted}
p a:hover {border-bottom:1px #FFF solid}

footer p a {border-bottom:1px #333 dotted;color:#999}
footer p a:hover {border-bottom:1px #FFF solid;color:#FFF}


p, label  {margin-bottom:20px}

header {margin-bottom:20px}

hgroup {
background:#1f1f1f;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}

hgroup h1, hgroup h2 {display:inline}
hgroup h1 {margin-right:10px}

hgroup, p#intro {padding:15px 30px}
p#intro {margin-bottom:0}
p#intro span {display:block}

form {background:#1f1f1f;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;padding:20px 30px;margin-bottom:120px;position:relative}

form input#u {padding:6px;width:455px;
 -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.4);
   -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.4);
   box-shadow: inset 0 3px 5px rgba(0,0,0,.24);
   border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;
   border: 3px #666 solid;
   margin-right:10px;
   

} 


form input#u:focus {border:3px #693 solid}

legend {padding-bottom:15px}
fieldset.radios {margin-top:15px}
.label_radio {padding-bottom:5px;margin-right:20px}

label#enter {display:none}

header, form {
box-shadow:0px 1px 4px #000;
-moz-box-shadow:0px 1px 4px #000;
-webkit-box-shadow:0px 1px 4px #000}

.placeholder {color:#999}

p#advanced {padding-left:10px;background-position:left center;background-repeat:no-repeat;margin-bottom:0;cursor:pointer;width:130px}
.arrow-right{background-image:url(/gfx/arrow-right.png)}
.arrow-down{background-image:url(/gfx/arrow-down.png)}


/* == BUTTON == */

/* tuck the button in */

/* this was for 'fancy' version */
/*
.button {
position:absolute;right:33px;top:28px;
}
*/

.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: 0.4em 0.8em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
   box-shadow:0px 1px 2px #111;
   -moz-box-shadow:0px 1px 2px #111;
   -webkit-box-shadow:0px 1px 2px #111;
}
.button:hover {
	text-decoration: none;
}
.button:active {
outline: none;
top:29px;
}

.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
}


/* === Fancy checkboxes ============= */

.has-js .label_check,
.has-js .label_radio    { padding-left: 34px; }
.has-js .label_radio    { background: url(/gfx/radio-off.png) no-repeat; }
.has-js .label_check    { background: url(/gfx/check-off.png) no-repeat; }
.has-js label.c_on      { background: url(/gfx/check-on.png) no-repeat; }
.has-js label.r_on      { background: url(/gfx/radio-on.png) no-repeat; }
.has-js .label_check input,
.has-js .label_radio input  { position: absolute; left: -9999px; }

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

footer {padding:20px 0;margin:20px 0;border-top:1px #333 solid}