@import "reset.css";
@import "global-forms.css";

*::-moz-selection {background: #F6CF74 none repeat scroll 0 0; color: #FFFFFF;}
::selection {background: #F6CF74 none repeat scroll 0 0; color: #FFFFFF;}
body {
    background: #4a4a4a url(/img/welcomeBackground.png) repeat scroll left top;
    color: #AFAFAF;
    font-family: 'Verdana', Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
}

/* * p:last-child,*/ * pre:last-child, * blockquote:last-child  {margin-bottom: 0;} 
strong, b {font-weight: bold;}
em, i {font-style: italic;}
pre {background-color: #FFFFFF; border: 1px dashed #DFDDD1; font-family: "Gill Sans MT","Gill Sans",GillSans,Arial,Helvetica,sans-serif; padding: 10px 15px;}
.codeInText, code {font-family: 'andale mono','monotype.com','lucida console',monospace; font-size: 1em;}
.codeInText {background-color: #DFE3FF;}
a {color: #AFAFAF;}
a:hover {color: #F5F1E9;}

header, section, footer, aside, nav, article, figure {display: block;}
.body {clear: both; margin: 0 auto; width: 930px;}
.red {color: #C00000;}
.sic {color: #C33700;}

input[type="text"], input[type="password"] {
    background: url(/img/welcomeInput.png) no-repeat scroll 0 0 transparent;
    border: 0 none;
    font-size: 14px;
    height: 17px;
    line-height: 17px;
    margin: 0;
    padding: 5px 10px;
    width: 216px;
    color: gray;
}

div.input label {display: block;}

#UserLoginForm input[type="password"], #UserLoginForm input[type="submit"], #UserRegisterForm input[type="submit"], #UserRecoverpasswordForm input[type="submit"] {margin: 0 0 10px;}
#UserRegisterForm input[type="text"], #UserRegisterForm input[type="password"] {margin: 0 0 10px}
#UserLoginForm input[type="submit"], #UserRegisterForm input[type="submit"], #UserRecoverpasswordForm input[type="submit"] {margin-top: 10px;}
#UserRegisterForm input#UserConfirmPassword {margin-bottom: 10px;}
#UserUsername {margin-bottom: 10px;}
#UserRecoverpasswordForm input#UserUsername {margin: 0;}
div#authMessage, div#flashMessage {margin-bottom: 20px;}
label[for="UserUsernameReset"], label[for="UserUsername"], label[for="UserUsernameRegister"] {margin-top: 10px;}

/* MAIN */
div#extraNav {
    position: absolute;
    right: 15px;
    top: 5px;
}

header#top {margin-top: 40px;}
header#top img {margin-left: -50px;}
section#content {width: 930px; margin-top: 40px;}

div.sign {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 0 1px 10px #3F3F3F;
    -webkit-box-shadow: 0 1px 10px #3F3F3F;
    box-shadow: 0 1px 10px #3F3F3F;
    background-color: rgba(0, 0, 0, 0.1);
    border: 1px solid #4F4F4F;
    display: inline-block;
    padding: 10px 0 20px;
    text-align: center;
    width: 420px;
}
div.sign#register {
    margin-bottom: 50px;
}

div.sign#register h2 {
    color: #AFAFAF;
    font-size: 18px;
    margin: 12px 0;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.45);
}

#promo h1 {
    color: #F6F2E8;
    font-size: 26px;
    margin: 50px 0 40px;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.45);
}
#promo img#scr1 {margin-left: -16px;}
#promo div#share {margin: 0 0 40px 0;}

form#UserRecoverpasswordForm {display: none;}

div.cute_profiles_sprite {right: 0; top: 339px;}
div.cute_profiles_sprite {clear: both; position: fixed;}
div.cute_profiles_sprite a.cute_profiles_twitter {background-position: -32px -32px;}
div.cute_profiles_sprite a.cute_profiles_rss {background-position: -320px -32px;}
div.cute_profiles_sprite a.cute_profiles_facebook {background-position: -64px -32px;}
div.cute_profiles_sprite a.cute_profiles_delicious {background-position: -512px -32px;}
div.cute_profiles_sprite a {
    background: url("../img/sideIcons.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 32px;
    margin: 0 0px 10px;
    width: 32px;
}

footer#footer {padding-bottom: 20px;}
footer#footer span {font-style: normal;}

/* BUTTONS */
input[type="submit"], .button, .button:visited {
    background: url(/img/stripButton.png) repeat-x scroll 0 0 #4F4F4F;
    display: inline-block;
    padding: 3px 10px;
    color: #fff;
    text-decoration: none;
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    border: 1px solid rgba(0, 0, 0, 0.25);
    position: relative;
    cursor: default;
}

input[type="submit"]:hover, .button:hover {background-color: #111; color: #fff;}
input[type="submit"]:active, .button:active {top: 1px;}
.small.button, .small.button:visited {font-size: 14px;}
input[type="submit"], .button, .button:visited, .medium.button, .medium.button:visited {
    font-size: 14px;
    font-weight: bold;
    line-height: 15px;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.45);
}

.green.button, .green.button:visited {backgrond-color: #91bd09;}
.green.button:hover {background-color: #749a02;}
.blue.button, .blue.button:visited {background-color: #2daebf;}
.blue.button:hover {background-color: #007d9a;}
.red.button, .red.button:visited {background-color: #e33100;}
.red.button:hover {background-color: #872300;}
.magenta.button, .magenta.button:visited {background-color: #a9014b;}
.magenta.button:hover {background-color: #630030;}
.orange.button, .orange.button:visited {background-color: #ff5c00;}
.orange.button:hover {background-color: #d45500;}
.yellow.button, .yellow.button:visited {background-color: #ffb515;}
.yellow.button:hover {background-color: #fc9200;}