/**
 	File Overview:	sitesimon Global Styles
 	Author:			Jeff Miller
*/

/* TOC
	1. Reset Styles
	2. Global Elements
	3. Header
	4. Navigation
	5. Main
	6. Fake Upload
	7. Home Page
	8. Footer
*/

/* 1. Reset Styles (http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/)
------------------------------------------------ */

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,
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 { /* remember to define focus styles! */
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	background: white;
}

ol, ul {
	list-style: none;
}

table { /* tables still need 'cellspacing="0"' in the markup */
	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: "" "";
}


/* 2. Global Elements
------------------------------------------------ */

a {
    color: #282d76;
    text-decoration: none;
}

a:hover,
a:focus {
    text-decoration: underline;
}

body {
    background: #edebf1 url(/img/bg.png) repeat-x;
    color: #414141;
    font: 13px Arial, Helvetica, sans-serif;
    line-height: 1.5;
}

button,
a.button {
    background-color: #bde24b;
    background-image: -moz-linear-gradient(top, #d1f850, #a2c446); /* FF3.6 */
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #d1f850),color-stop(1, #a2c446)); /* Saf4+, Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#d1f850', EndColorStr='#a2c446'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#d1f850', EndColorStr='#a2c446')"; /* IE8 */

    border: 1px solid #d4d4d8;
    color: #1e1c65;
    cursor: pointer;
    font-size: 19px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 2px 26px 4px;
    text-transform: lowercase;
}

button:hover,
a:hover.button {
    background-color: #c2e73c;
    background-image: -moz-linear-gradient(top, #cefc37, #b6dc4e); /* FF3.6 */
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #cefc37),color-stop(1, #b6dc4e)); /* Saf4+, Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#cefc37', EndColorStr='#b6dc4e'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#cefc37', EndColorStr='#b6dc4e')"; /* IE8 */

    text-decoration: none;
}

dd,
p {
    line-height: 1.3;
    margin-bottom: 18px;
}

dt,
h4,
#terms-of-use h2 {
    color: #414141;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2;
    text-transform: none;
    margin: 0;
}

h1 {
    color: #95c126;
    font-size: 23px;
    margin-top: 16px;
    text-align: right;
    text-transform: uppercase;
}

h1 em {
    font-style: normal;
}

h2 {
    color: #021266;
    font-size: 26px;
    margin: 37px 0 5px;
    text-transform: lowercase;
}

h2 em {
    color: #95c126;
    font-style: normal;
}

h3,
.three-column h2 {
    color: #b5d652;
    font-size: 20px;
    line-height: 1.1;
    text-transform: uppercase;
}

input.text,
textarea {
    background: #fff url(/img/bg_input.png) no-repeat;
    border: 1px solid #eaeaea;
    color: #8a8686;
    font: 13px Arial, Helvetica, sans-serif;
    padding: 6px 15px;
    text-shadow: 0 0 1px #fff;

    -moz-border-radius: 2px 2px 2px 2px;
}

label {
    cursor: pointer;
}

legend {
    color: #95c126;
    font-size: 26px;
    line-height: 1.2;
    padding-bottom: 16px;
    text-transform: lowercase;
}

legend em {
    color: #1f2464;
    display: block;
    font-size: 32px;
    font-style: normal;
    line-height: .8;
    text-transform: uppercase;
}

strong {
    font-weight: bold;
}


/* 3. Header
------------------------------------------------ */

#header-wrap {
    background-color: #1d225d;
    background-image: -moz-linear-gradient(top, #1f2464, #191d50); /* FF3.6 */
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #1f2464),color-stop(1, #191d50)); /* Saf4+, Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#1f2464', EndColorStr='#191d50'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#1f2464', EndColorStr='#191d50')"; /* IE8 */
}

#header {
    color: #fff;
    margin: 0 auto;
    min-height: 61px;
    overflow: hidden;
    padding: 5px 0 0;
    width: 960px;
}

#logo {
    display: block;
    float: left;
    margin-top: 8px;
}

#header a.button {
    border-color: #525585;
    display: block;
    float: right;
    font-size: 17px;
    margin-top: 11px;
    padding-top: 3px;
    padding-bottom: 3px;
    text-transform: lowercase;
}

#form-login {
    float: right;
    position: relative;
}

#form-login fieldset {
    float: left;
    line-height: 1.7;
    width: 160px;
}

#form-login a,
#form-login label {
    color: #9fa3db;
    font-size: 13px;
    padding-left: 3px;
    text-transform: lowercase;
}

#form-login a {
    color: #9fa3db;
    font-size: 13px;
    text-decoration: none;
    text-transform: lowercase;
}

#form-login a:hover,
#form-login a:focus {
    text-decoration: underline;
}

#form-login .text {
    border: 1px solid #777690;
    color: #787272;
    height: 21px;
    padding: 0 5px;
    width: 139px;
}

#form-login fieldset.button {
    margin-top: 22px;
    width: auto;
}

#form-login button {
    border-color: #10265d;
    font-size: 12px;
    height: 23px;
    padding: 0 20px;
}


/* 4. Navigation
------------------------------------------------ */

#nav-wrap {
    background-color: #1d225d;
    background-image: -moz-linear-gradient(top, #1f2464, #191d51); /* FF3.6 */
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #1f2464),color-stop(1, #191d51)); /* Saf4+, Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#1f2464', EndColorStr='#191d51'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#1f2464', EndColorStr='#191d51')"; /* IE8 */
}

#nav-wrap .nav {
    margin: 0 auto;
    min-height: 27px;
    overflow: hidden;
    width: 960px;
}

#nav-wrap li {
    float: left;
}

#nav-wrap li.alt {
    float: right;
}

#nav-wrap a {
    color: #fff;
    display: block;
    padding: 2px 12px 3px;
    text-transform: lowercase;
}

#nav-wrap .first a {
    padding-left: 0;
}

#nav-wrap .last a {
    padding-right: 0;
}

#nav-wrap .current a,
#nav-wrap .current a:hover,
#nav-wrap .current a:focus {
    color: #d1f850;
    cursor: default;
    text-decoration: none;
}

.notification {
    margin: 5px auto 0 auto;
    overflow: hidden;
    width: 960px;
    font-weight:bold;
    font-size: 16px;
    color: #95C126;
    text-transform: uppercase;
}

/* 5. Main
------------------------------------------------ */

#main {
    margin: 10px auto 0;
    position: relative;
    width: 786px;
}

body.expand #main {
    width: 960px;
}

#social {
    position: absolute;
    right: 0;
    top: 0;
}

#social li {
   display: inline;
   padding-left: 5px;
}

#social li a {
    opacity: .8;
}

#social li a:hover {
    opacity: 1;
}

.columns,
.three-column li {
    margin: 0 auto;
    overflow: hidden;
}

#profile li {
    overflow: visible;
}

.column-one,
.column-two,
.column-three,
.column-four {
    float: left;
    width: 232px;
}

.column-one {
    color: #31356e;
}

.column-one li {
    padding-left: 1px;
}

.column-two {
    margin-right: 51px;
    padding-left: 30px;
    width: 478px;
}

.column-three {
    padding-top: 55px;
    width: 169px;
}

.column-three .button {
    font-size: 16px;
    text-align: center;
}

.three-column .column-one {
    font-size: 14px;
    padding-top: 25px;
    width: 222px;
}

.three-column .large .column-one {
    width: 140px;
}

.three-column .large .column-two {
    padding-top: 25px;
    margin-right: 0;
    width: 308px;
}

.three-column .column-one h3 {
    font-weight: bold;
    margin-bottom: 5px;
}

.three-column .column-one ul {
    margin-bottom: 15px;
}

#form-search {
    float: right;
    margin-top: 29px;
}

#form-search fieldset {
    overflow: hidden;
}

#form-search .text {
    border: 1px solid #d4d5d9;
    border-right: 0;
    float: left;
    font-size: 21px;
    padding: 3px 5px;
    width: 153px;
}

form input[type="search"] {
    -webkit-appearance: textfield;
}

#form-search button {
    float: left;
    margin-right: 5px;
    padding: 5px 6px 0;
}

form *.placeholder {
    color: #8a8686;
}

form *::-webkit-input-placeholder {
    color: #8a8686;
}

form *.error::-webkit-input-placeholder {
    color: #c00;
}

h1.alt {
    clear: right;
    color: #8d8d8e;
    font-size: 18px;
    margin: 0;
    text-align: left;
    text-transform: lowercase;
}

#friends-list,
#comments-list {
    border-top: 1px solid #d1d1d1;
    clear: right;
    padding-top: 25px;
}

#friends-list li,
#comments-list li {
    border-bottom: 1px solid #d1d1d1;
    font-size: 14px;
    margin-bottom: 22px;
    position: relative;
}

#comments-list {
    margin-bottom: 22px;
}

#comments-list li {
    margin-bottom: 0;
    overflow: hidden;
    padding-top: 22px;
}

#comments-list li.first-child {
    padding-top: 0;
}

#comments-list li.active {
    background-color: #e1e1e1;
}

#friends-list h2 {
    line-height: 1;
    margin: 0 0 2px;
    padding: 0;
}

#friends-list h2 a {
    color: #95c126;
}

#friends-list p,
#comments-list p {
    color: #8d8d8e;
    line-height: 1.1;
    margin-bottom: 2px;
}

#friends-list li li {
    border: 0;
    line-height: 1.1;
    margin-bottom: 0;
    overflow: hidden;
    padding: 0;
}

#friends-list a.button {
    text-align: center;
}

#friends-list li .column-one,
#comments-list li .column-one {
    margin: 0 16px 0 0;
    padding-top: 0;
    width: 70px;
}

#friends-list li .column-two,
#comments-list li .column-two {
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 308px;
}

#comments-list li .column-two {
    width: 392px;
}

#friends-list.alt li .column-two {
    width: 392px;
}

#friends-list li .column-two .sites {
    color: #31356e;
    text-transform: lowercase;
}

#friends-list li .column-three {
    line-height: 2;
    margin-left: 10px;
    margin-right: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-align: right;
    width: 74px;
}

#friends-list li .column-three .button {
    display: inline;
    margin: 2px 0 0;
    padding-left: 8px;
    padding-right: 8px;
}

#friends-list li .column-three .add {
    display: block;
    width: 30px;
}

#friends-list li .column-three .button-alt {
    font-size: 25px;
    display: block;
    line-height: 1;
    margin: -6px 0 12px;
    padding: 3px;
}

#friends-list li .column-three .button-alt:hover,
#friends-list li .column-three .button-alt:focus {
    text-decoration: none;
    opacity: .8;
}

#friends-list li .column-three .accept {
    line-height: 2.2;
    padding-top: 4px;
    text-transform: uppercase;
}

#friends-list li .column-three .remove {
    color: #8d8d8e;
    font-size: 12px;
    text-align: right;
    text-transform: lowercase;
}

#friends-list .favorite,
#friends-list .toggle {
    background: url(/img/icons.png) no-repeat 0 -44px;
    display: block;
    height: 15px;
    left: -26px;
    position: absolute;
    top: 22px;
    width: 15px;
}

#friends-list .favorite,
#friends-list .favorite:focus {
    background-position: 0 -44px;
}

#friends-list a.favorite:hover,
#friends-list .favorited,
#friends-list .favorited:hover,
#friends-list .favorited:active,
#friends-list .favorited:focus {
    background-position: 0 0;
}

.toggle-container {
    clear: left;
    padding-bottom: 8px;
}

#friends-list .toggle-container .toggle,
#friends-list .meta .toggle {
    background: none;
    font-size: 11px;
    display: inline;
    height: auto;
    left: 0;
    position: relative;
    text-transform: lowercase;
    top: 0;
    width: auto;
}

#friends-list .details {
    overflow: hidden;
}

#friends-list .andSites,
#friends-list .comments,
#friends-list .sites,
#friends-list form {
    display: none;
}

#friends-list .expanded .site,
#friends-list .expanded .comments,
#friends-list .expanded .sites,
#friends-list .expanded form,
#comments-list form {
    display: block;
}

#friends-list li .column-two .delete,
#comments-list li .column-two .delete {
    font-size: 22px;
    padding: 4px;
    position: absolute;
    right: -2px;
    top: -14px;
}

#friends-list li .column-two .permalink {
    font-size: 22px;
    padding: 4px;
    position: absolute;
    right: 20px;
    top: -12px;
}

#friends-list li .comments .column-two .delete {
    top: -8px;
}

#friends-list li .sites.alt {
    margin-bottom: 18px;
    margin-right: 15px;
    text-transform: none;
    width: 230px;
    float: left;
}

#friends-list li .sites.alt {
    border-top: 1px solid #c0bbcc;
}

#friends-list li .sites.alt li {
    padding: 8px;
    margin: 0;
    border-bottom: 1px solid #c0bbcc;
    background-color: #D5D1DF;
    cursor: pointer;
    color: #555;
    line-height: 19px;
}

#friends-list li .sites.alt li:hover {
    background-color: transparent;
}

#friends-list li .sites.alt li.active {
    background: transparent;
    color: #555;
    cursor: default;
}

#friends-list li .sites.alt li a {
    color: #282D76;
    float: right;
    font-size: 11px;
    line-height: 19px;
    font-weight: bold;
    text-transform: lowercase;
}

#friends-list li .sites.alt li a.permalink {
    margin-right: 5px;
    float:none;
}
#friends-list li .sites.alt li a.permalink img {
    margin-bottom:-3px;
}

#friends-list .details .comment_container {
    color: #333;
    float: left;
    width: 233px;
}

#friends-list .details .comment_container .column-two {
    width: 182px;
}

#friends-list .details .comment_container form {
    overflow: hidden;
    padding-bottom: 21px;
}

#friends-list .details .comment_container textarea {
    height: 60px;
    margin-top: 0;
    width: 201px;
}

#friends-list .details .comment_container button {
    float: right;
}


#friends-list li .meta {
    clear: both;
    margin-top: 8px;
    overflow: hidden;
}

#friends-list li .meta .posted {
    color: #8d8d8e;
    display: block;
    float: left;
    font-size: 13px;
    text-transform: lowercase;
}

#friends-list li .user {
    color: #95c126;
    font-size: 15px;
    text-transform: uppercase;
}

#friends-list li .meta .comments-count {
    color: #8d8d8e;
    display: block;
    font-size: 13px;
    float: right;
    text-transform: lowercase;
    text-align: right;
}

#friends-list .meta .toggle {
    font-size: 13px;
}

#friends-list li .comments li {
    border-top: 1px solid #d1d1d1;
    margin-bottom: 16px;
    padding-top: 16px;
}
#friends-list li .comments li.loading {
    border-top: 1px solid #D1D1D1;
}

#friends-list li .comments li p {
    line-height: 1.2;
    margin-right:20px;
}
#friends-list li .comments .column-one {
    width: 35px;
}
#friends-list li .comments .column-two {
    width: 170px;
}

#friends-list textarea,
#comments textarea {
    height: 33px;
    margin-bottom: 12px;
    width: 230px;
}

#comments textarea {
    display: block;
    height: 53px;
    width: 100%;
}

#friends-list button,
#comments button {
    font-size: 14px;
}

#friends-list li .comments .column-two .delete {
    font-size: 20px;
}

#friends-list li .comments .user {
    font-size: 13px;
}

#friends-list .sites li,
#friends-list li .comments li.loading,
#friends-list li .comments li p,
#friends-list li .comments .meta .posted,
#friends-list li li.error {
    font-size: 12px;
}

#friends-list li .comments li.loading {
    background: url(/img/bg_loading.gif) no-repeat 0 50%;
    padding: 10px 24px;
}

#friends-list li li.error {
    color: #c00;
}

#friends-list li li.empty {
    display: none;
    border: 0;
    margin: 0;
    padding: 0;
}

.column-three a.button {
    display: block;
    line-height: 1.3;
    margin-bottom: 30px;
}

#main .column-three {
    padding-top:30px;
}

#focus {
    margin: 40px 0 60px;
}

#focus li {
    font-size: 38px;
    line-height: 1.3;
}

#focus li#recommend {
    padding-left: 36px;
}

#focus li#discover {
    padding-left: 80px;
}

#about-us h2 {
    border-top: 1px solid #d1d1d1;
    padding-top: 28px;
    width: 450px;
}

#team {
    margin-top: 17px;
}

#team li {
    margin-bottom: 18px;
    overflow: hidden;
}

#team img {
    float: left;
    margin-right: 16px;
    width: 101px;
}

#team p {
    margin-bottom: 0;
}

#contact h2 {
    background: url(/img/bg_contact.png) no-repeat;
    font-size: 48px;
    height: 73px;
    margin: 30px 0 0 -12px;
    padding: 40px 0 0 160px;
}

#contact p {
    color: #1f2464;
    font-size: 28px;
    margin: 10px 0 0 14px;
    text-transform: lowercase;
}

#contact #form-contact {
    margin-top: 60px;
    overflow: hidden;
    width: 664px;
}

#contact #form-contact .text {
    display: block;
    margin-bottom: 20px;
    width: 256px;
}

#contact #form-contact #subject {
    margin-top: 60px;
    width: 632px;
}

#contact #form-contact #subject.error {
    margin-top: inherit;
}

#contact #form-contact textarea.text {
    height: 211px;
    width: 632px;
}

#contact #form-contact button {
    float: right;
}

#login h2 {
    font-size: 33px;
    line-height: 1;
    padding: 0;
    margin: 20px 0 40px 20px;
}

#login .columns {
    background: url(/img/bg_div.png) no-repeat center center;
    margin-top: 37px;
    min-height: 339px;
    overflow: hidden;
    width: 744px;
}

#login .column-one {
    padding-right: 103px;
    width: 276px;
}

#login #form-sign-in a {
    text-transform: lowercase;
}

#login .column-two {
    margin-left: 60px;
    margin-right: 0;
    padding-left: 0;
    width: 297px;
}

#login #form-sign-up {
    margin-top: 0;
}


#privacy h2 {
    background: url(/img/bg_privacy.png) no-repeat 16px 0;
    font-size: 50px;
    height: 78px;
    margin-top: 0;
    padding: 52px 0 0 145px;
}

#privacy h3 {
    color: #1f2464;
    font-size: 33px;
    line-height: 1;
    margin-bottom: 30px;
    text-transform: lowercase;
}

#privacy h3 em {
    font-weight: bold;
}

#terms-of-use h1 {
    margin-bottom: 30px;
}

#help h2, #welcome h2 {
    background: url(/img/bg_help.png) no-repeat 20px 0;
    font-size: 46px;
    height: 100px;
    padding: 54px 0 0 105px;
}
#welcome h2 {
    background-image: none;
    padding:0px;
    line-height:1em;
}

#welcome h3 {
    color:#021266;
    font-size:26px;
    line-height:1.2;
    padding-bottom:16px;
    text-transform:lowercase;
}

#form-invite {
    margin: 20px auto;
    overflow: hidden;
    width: 662px;
}

#form-invite label {
    color: #021266;
    font-size: 17px;
    display: block;
    margin-left: 10px;
}

#form-invite #to {
    font-size: 15px;
    height: 100px;
    margin-bottom: 20px;
    width: 630px;
}

#form-invite #message {
    display: block;
    font-size: 15px;
    height: 214px;
    margin-bottom: 20px;
    width: 630px;
}

#form-invite button {
    float: right;
}

#account #main {
    width: 880px;
}

#account #buttons {
    padding-top: 20px;
}

#form-my-account, #form-password, #form-privacy, #form-facebook {
    border-bottom: 1px solid #9eaa8b;
    margin-bottom: 40px;
    padding-bottom: 30px;
    text-transform: lowercase;
}

#form-my-account select, #form-privacy select {
    margin-right: 5px;
    text-transform: none;
}

#form-my-account legend, #form-password legend, #form-privacy legend, #form-facebook legend, #form-twitter legend {
    color: #021266;
}

#account .column-one {
    color: inherit;
}

#form-my-account, #form-password {
    line-height: 2.3;
}

.wrap {
    margin-bottom: 10px;
    overflow: hidden;
}

#form-my-account .column-one {
    margin-right: 69px;
    width: 388px;
}

#form-my-account .column-two {
    margin: 0;
    padding-left: 0;
    padding-top: 40px;
    width: 423px;
}

#form-my-account label, #form-password label {
    float: left;
    padding-right: 8px;
    text-align: right;
    width: 92px;
}

#form-my-account .column-two label, #form-password label {
    width: 127px;
}

#form-my-account .text {
    width: 307px;
}

#form-my-account .text, #form-my-account textarea, #form-password .text {
    width: 256px;
}

#form-my-account .note {
    margin: 0 0 -6px !important;
    text-transform: none;
}

#form-my-account .textarea {
    padding-bottom: 30px;
}

#form-my-account #showPhoto {
    padding-left: 30px;
    overflow: hidden;
}

#form-my-account .photo {
    float: left;
    margin-bottom: 10px;
    margin-right: 20px;
}

#form-my-account .delete {
    color: #807f7f;
    float: left;
    line-height: 1;
    padding: 0 3px;
}

#form-my-account #uploadPhoto {
    padding-left: 30px;
    padding-bottom: 12px;
}

#form-my-account #uploadPhoto .note {
    text-align: left;
}

#save, #change {
    display: block;
    float: right;
    font-size: 14px;
}

#change {
    margin: 6px 0 15px;
}

#form-my-account p {
    padding-left: 30px;
}

#form-my-account .checkbox input {
    margin-left: 60px;
}

#form-my-account .checkbox label {
    float: none;
    width: auto;
}

#form-password div.errors {
    padding-left: 139px;
    padding-top: 13px;
    text-align: left;
}

#form-privacy .columns {
    padding-top: 12px;
    margin-bottom: 22px;
}

#form-privacy .column-one {
    width: 102px;
}

#form-privacy .column-two, #form-privacy .column-three, #form-privacy .column-four {
    margin: 0;
    padding: 0;
    text-align: center;
    width: 246px;
}

#form-privacy .wrap, #form-blocked-domains .wrap {
    margin-bottom: 0;
}

#form-privacy #domain {
    width: 420px;
}

#form-blocked-domains ul {
    margin: 0px 280px 0px 150px;
    padding: 15px 30px;
    border: 1px solid #CCC;
    background-color: #f5f4f7;
}

#form-blocked-domains ul a {
    float: right;
}

#form-blocked-domains #blocked {
    width: 150px;
    display: block;
    float: left;
    line-height: 30px;
    text-transform: none;
}

#form-blocked-domains input {
    margin-right: 7px;
}

#form-blocked-domains p {
    padding-top: 10px;
}

#add, #savePassword, #savePrivacy {
    font-size: 14px;
}

#save, #savePassword, #savePrivacy {
    display: block;
    float: right;
}

#save {
    margin-top: 35px;
}

#buttons {
    margin: 0 auto;
    width: 600px;
}

#buttons .column-one, #buttons .column-two, #buttons .column-three {
    margin: 0;
    padding: 0;
    text-align: center;
    width: 200px;
}

#buttons a, #buttonMore a {
    display: block;
    font-size: 14px;
    line-height: 1.1;
    margin: 0 auto;
    padding-top: 9px;
    padding-bottom: 9px;
    text-align: center;
    width: 80px;
}

#buttons span {
    display: block;
    font-size: 14px;
    line-height: 1.1;
    margin: 0 auto;
    padding-top: 9px;
    padding-bottom: 9px;
    text-align: center;
}

#buttonMore a {
    margin: 40px 0 0 160px;
}

#recommended h2 {
    border-bottom: 1px solid #d1d1d1;
    color: #95c126;
    font-size: 19px;
    margin-bottom: 13px;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 4px;
    text-transform: uppercase;
}

.recommendations li {
    border-bottom: 1px solid #d1d1d1;
    line-height: 22px;
    margin-bottom: 12px;
    padding-bottom: 12px;
}

.recommendations li .uri {
    color: #8b8b8b;
}

.paginate {
    font-size: 12px;
    line-height: 2;
    text-align: center;
}

.paginate span, .paginate a {
    border: 1px solid #D1D1D1;
    margin: 0 2px;
    padding: 3px;
}

.paginate a:hover,
.paginate a:active {
    background-color: #c2e73c;
    background-image: -moz-linear-gradient(top, #cefc37, #b6dc4e); /* FF3.6 */
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #cefc37),color-stop(1, #b6dc4e)); /* Saf4+, Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#cefc37', EndColorStr='#b6dc4e'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#cefc37', EndColorStr='#b6dc4e')"; /* IE8 */

    text-decoration: none;
}

.paginate .disabled {
    color: #8D8D8E;
}

.paginate .current {
    font-weight: bold;
}

#recommended .more {
    font-size: 17px;
    font-weight: bold;
    text-align: center;
}


/* 6. Fake Upload
------------------------------------------------ */

.hasUpload {
    margin-bottom: 0 !important;
	position: relative;
	width: 300px !important;
}

.hasUpload input[type=file] {
    cursor: pointer;
	position: relative;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
	float: right;
}

.hasUpload .realFile {
    cursor: pointer;
	height: 26px;
	margin: 1px 0 0 -43px;
	padding: 0;
	width: 230px;
}

.hasUpload .fakeFile,
.hasUpload .fakeUpload {
	left: 30px;
	position: absolute;
	top: 0;
}

.hasUpload .fakeFile {
    cursor: pointer;
	margin: 0 8px 0 0;
	width: 134px !important;
}

.hasUpload .fakeUpload {
	background: #fff url('/img/btn_browse.png') no-repeat scroll 0 0;
	border: none;
    cursor: pointer;
	position: absolute;
	top: 1px;
	left: 206px;
	width: 105px;
	height: 26px;
	padding: 0;
	text-indent: -9999em;
	margin: 0;
	overflow: hidden;
}

.hasUpload .fakeUpload:hover,
.hasUpload .fakeUpload.on  {
	background-position: -105px 0;
}

#form-my-account .column-two .note {
    padding-left: 30px;
    margin-bottom: 20px !important;
    text-align: left !important;
}


/* 7. Home Page
------------------------------------------------ */

#home h1,
#focus li,
#home #you-can h2 {
    color: #181653;
    font-size: 32px;
    letter-spacing: 1px;
    text-transform: lowercase;
}

#home h1,
#home #you-can h2 {
    line-height: 1;
    margin-top: 10px;
    padding: 40px 110px 47px;
    text-align: center;
}

#home h1 em,
#focus li em,
#home #you-can h2 em {
    color: #77bb01;
}

#home #you-can {
    position: relative;
}

#home h2 {
    color: #8a8686;
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 0 20px;
    padding: 0;
    text-transform: lowercase;
}

#home #you-can h2 {
    font-size: 32px;
    font-weight: normal;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: left;
    top: -66px;
}

#home .columns {
    width: 838px;
}

#home .columns .column-one {
    width: 482px;
}

#people {
    background: #fff;
    border: 1px solid #e3e3e3;
    line-height: 1.2;
    padding: 22px;
    width: 444px;
}

#people li {
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 14px;
    overflow: hidden;
}

#people li.last {
    margin-bottom: 0;
}

#people img {
    float: left;
    margin-right: 14px;
}

#people .user {
    color: #95c126;
    font-size: 15px;
    text-transform: uppercase;
}

#home .columns .column-two {
    margin-left: 57px;
    margin-right: 0;
    padding: 0;
    width: 299px;
}

#form-sign-up {
    margin-top: 37px;
}

#form-sign-up .text,
#form-sign-in .text {
    border: 1px solid #e3e3e3;
    color: #8a8686;
    font-size: 12px;
    margin-bottom: 20px;
    width: 264px;
}

input.text:focus.text,
textarea:focus,
#form-sign-up input.text:focus,
#form-sign-in input.text:focus,
#form-sign-up textarea:focus,
#form-sign-in textarea:focus {
    border: 2px solid #95c126;
    color: #333;
    padding: 5px 14px;
    outline: medium;
}

#form-sign-up .note,
#form-sign-in .note,
#form-my-account .note {
    color: #373636;
    font-size: 12px;
    margin: -18px 0 10px;
    padding-right: 10px;
    text-align: right;
}

input.error,
textarea.error,
#form-sign-up input.error,
#form-sign-up textarea.error,
#form-sign-in input.error,
#form-sign-in textarea.error {
    border: 2px solid #c00;
    color: #c00;
    padding: 5px 14px;
    outline: medium;
}

select.error,
#form-sign-up select.error,
#form-sign-in select.error
{
    color:red;
}

#form-sign-up select {
    margin-right: 5px;
}

form #birthday {
    margin-bottom: 20px;
    min-height: 26px;
    overflow: hidden;
}

form #birthday select {
    display: block;
    float: left;
    margin-right: 8px;
}

form #birthday .note {
    display: block;
    float: right;
    margin: 2px 0 0;
}

#form-sign-up button,
#form-sign-in button,
#form-fb-sign-up button {
    margin-top: 20px;
    float: right;
}
.fb {
    text-align:right;
    text-transform:none;
}
#login #form-sign-in .fb a {
    text-transform:none;
}
.fb .or {
    font-size:2em;
    font-weight:bold;
    padding-right:0px;
    text-transform:lowercase;
    clear:both;
}
.fb p {
    margin-left:90px;
    font-size:1em;
    text-transform:lowercase;
}

#errors {
    color: #c00;
    margin-bottom: 22px;
}

div.error {
    color: #c00;
    line-height: 1.7;
    margin-bottom: 6px;
    margin-top: -6px;
}

#you-can {
    margin: 0 auto;
    width: 838px;
}

#you-can ul {
	background: url('/img/bg_you_can.png') no-repeat center 33px;
    margin-top: 34px;
    overflow: hidden;
    width: 838px;
}

#you-can li {
	background: url('/img/sprite_you_can.png') no-repeat 44px 42px;
    float: left;
    margin-right: 42px;
    padding-left: 2px;
    width: 249px;
}

#you-can li h3 {
    color: #1F2464;
    font-size: 26px;
    margin-bottom: 144px;
    text-transform: lowercase;
}

#you-can li p {
    color: #1F2464;
    font-size: 14px;
    line-height: 1.5;
    text-transform: lowercase;
}

#you-can li#you-can-discover {
    background-position: -208px 44px;
}

#you-can li#you-can-discover h3 {
    text-align: center;
}

#you-can li#you-can-score {
    background-position: -470px 48px;
    margin-right: 0;
}

#you-can li#you-can-score h3 {
    text-align: right;
}


/* 8. Footer
------------------------------------------------ */

#footer {
    margin: 0 auto;
    padding: 60px 0 20px;
    text-align: center;
    width: 960px;
}

#footer li {
    display: inline;
    font-size: 14px;
    text-transform: lowercase;
}

#footer li:after {
    content: " | ";
}

#footer li.last:after {
    content: "";
}

#footer a {
    color: #31356e;
    text-decoration: none;
}

#footer a:hover,
#footer a:focus {
    text-decoration: underline;
}

#copyright {
    font-size: 12px;
    margin-top: 4px;
    text-transform: lowercase;
}

.standard_form label {
    float:left;
    text-align:right;
    width:100px;
    font-weight:bold;
    margin-right:10px;
    padding:6px 0;
}
.standard_form .note, .standard_form .error .error {
    clear:both;
    text-align:right;
}
/* Dumb */
.standard_form .error .note {
    color:black;

}
.columns .standard_form .text {
    width: 200px;
}
.standard_form select {
    padding:6px 0px;
}

/* Some default styles for quick, static pages */
.static em,
.static ol {
    list-style: decimal;
    list-style-position:outside;
    margin-left:30px;
    margin-bottom:18px;
}
.static ul {
    list-style: circle;
    list-style-position:outside;
    margin-left:30px;
    margin-bottom:18px;
}
.score {
    display:block;
    text-align:center;
    font-size:30px;
    color:#999;
    font-weight:bold;
    text-transform:lowercase;
    line-height: 1em;
    margin-bottom:10px;
}
.score .number {
    display:block;
}
.topten {
    text-align:center;
    font-size:14px;
    color:#999;
    font-weight:bold;
}
.twitter_connect_button {
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    line-height:24px;
    width: 151px;
    font-family: font-family: "lucida grande",tahoma,verdana,arial,sans-serif;;
    font-weight:bold;
    background: transparent url('/img/twitter/button_connect.png') no-repeat;
    color: white;
    padding-left: 30px;
}
/* Score page */
.leaderboard h1.alt {
    border-bottom: 1px solid #CCC;
    margin-bottom: 20px;
}
.leaderboard {
    margin-right: 18px;
    width: 520px;
    padding-left: 0px;
    border-bottom: 1px solid #CCC;
}
.leaderboard .user {
    float: left;
    width: 225px;
    height: 70px;
    margin-bottom: 40px;
    margin-right: 60px;
    white-space: nowrap;
}
.leaderboard .first {
    float: none;
    width: 380px;
    height: 140px;
    margin: 0px auto 50px auto;
}
.leaderboard .alt {
    margin-right: 0px;
}
.leaderboard .position {
    font-size: 20px;
    line-height: 70px;
    margin-right: 10px;
    float: left;
    color: #666;
    width: 20px;
    text-align: right;
}
.leaderboard .first .position {
    font-size: 60px;
    width: 70px;
    line-height: 140px;
}
.leaderboard .user .imgctr {
    float: left;
    margin-right: 10px;
    width: 70px;
    height: 70px;
}
.leaderboard .first .imgctr {
    width: 140px;
    height: 140px;
}
.leaderboard .user h3 {
    line-height: 1em;
    margin-top: -4px;
    margin-left: 110px; /* Chrome float bug fix, add position/imgctr width/margin */
}
.leaderboard .user h3 a {
    color: #95C126;
    font-size: 16px;
}
.leaderboard .first h3 {
    margin-left: 230px;
}
.leaderboard .first h3 a {
    font-size: 20px;
}
.leaderboard .user dl {
    font-size: 12px;
}
.leaderboard .first dl {
    font-size: 16px;
}
.leaderboard dt {
    float: left;
    font-size: inherit;
    line-height: inherit;
    color: #777;
}
.leaderboard dd {
    text-align: right;
    line-height: inherit;
    margin-bottom: 0px;
}
#social_invites h4 {
    margin-bottom: 10px;
}
#social_invites .friend {
    overflow: hidden;
    height: 50px;
    zoom: 1;
}
#social_invites .friend input {
    float: left;
    margin: 20px 5px auto 0px;
}
#social_invites .friend img {
    float: left;
    margin-right: 5px;
}
#social_invites .friend span {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    height: 50px;
}
#social_invite_form textarea {
    height: 70px;
    width: 138px;
}
#social_invite_form a {
    width: 115px;
}
#social_invites.all_friends .friends {
    overflow: auto;
    height: 450px;
    zoom: 1;
}
#social_invites.all_friends .friend {
    float: left;
    width: 230px;
}
#social_friend_search {
    height: 50px;
    margin-bottom: 10px;
}
#social_friend_search label {
    font-size: 14px;
    font-weight:bold;
}
#social_friend_search .button {
    font-size: 14px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.blog .column-one {
    width: 600px;
    padding-top: 0px;
}
.blog .column-two {
    width: 200px;
}
.blog .meta {
    border-bottom: 1px solid #CCC;
    font-size: 12px;
    margin-bottom: 10px;
}
.blog .meta .date {
    padding-right: 20px;
    font-family: georgia,times,serif;
}
.blog .more {
    text-align: right;
    margin-top: 10px;
    border-top: 1px solid #CCC;
}
.blog .listings h2 {
    margin-bottom: 20px;
}
.blog .listings .item {
    margin-bottom: 20px;
}