/* COLORS:
Fuschia: #cc3366
Yellow: #ffcc00
Turquoise: #339999
*/

*{
    margin:0;
    padding:0;
    font-size: 100%;
    border: 0;
    outline: 0;
    background:transparent;
}

/* ======== BASE ELEMENTS ======== */
ul, ol{list-style-type:none; list-style-position:inside;}
ol{list-style-type:decimal;}
button{border:0;}

/* ======== BASE TYPOGRAPHY ======== */
h1{
    font-size:2.2em;
    text-shadow: 0 1px 0.5px #fff;
    margin-bottom:20px;
}

h2{
    font-size:1.5em;
    text-shadow: 0 1px 0.5px #fff;
    color:#666;
}

h3{
    font-size:1.0em;
    text-shadow: 0 1px 0 #fff;
}

a{text-decoration:none; color:#1b8a93;}
a:hover{text-decoration:underline;}

strong{font-weight:bold;}

/* ---- MAIN PAGE FRAMEWORK ----*/
body{
    background: #eee;
    font-size:62.5%;
    font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight:300;
    color:#333;
    vertical-align:baseline;
    text-rendering:optimizeLegibility;
}

#wrap{
}

#content{
    clear:both;
    /*    overflow:hidden;*/
    margin:30px 0;
    font-size: 1.2em;
}

#primary{
    width:700px;
    float:left;
}

#secondary{
    width:220px;
    float:right;
}

.container{
    margin:0 auto;
    width:940px;
}

/*---header---*/
#header{
    height:50px;
    background: #0D0D0D url('imgs/bg-header-gradient-grey.png') repeat-x;
    color:#fff;
    font-size: 1.2em;
}

#header a{color:#fff;}

#title-wrap{
    width:200px;
    float:left;
}

#navigation{
    height:24px;
    background: #c9305c;
    background: -moz-linear-gradient(top, #c9305c 0%, #a01a40 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9305c), color-stop(100%,#a01a40));
    background: -webkit-linear-gradient(top, #c9305c 0%,#a01a40 100%);
    background: -o-linear-gradient(top, #c9305c 0%,#a01a40 100%);
    background: -ms-linear-gradient(top, #c9305c 0%,#a01a40 100%);
    background: linear-gradient(top, #c9305c 0%,#a01a40 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9305c', endColorstr='#a01a40',GradientType=0);
    -webkit-box-shadow: 0 1px 18px #444;
    -khtml-box-shadow: 0 1px 18px #444;
    -moz-box-shadow: 0 1px 18px #444;
    -ms-box-shadow: 0 1px 18px #444;
    -o-box-shadow: 0 1px 18px #444;
    box-shadow: 0 1px 18px #444;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip:padding-box;
    font-size: 1.2em;
}

#navigation li{
    float:left;
    padding:0 15px;
    height:24px;
    text-transform:uppercase;
    font-size:1.75em;
    line-height:1em;
    text-shadow:0 1px 1px #CE3D66;
}

#mainnav{
    height:100%;
    float:left;
}

#navigation a{color:#fff; text-transform:uppercase; display:block;}
#navigation a:hover, #rightnav a:hover{text-decoration:none; }
#navigation li:hover, #rightnav li:hover, #navigation li.activetab{
    background: #289ea8;
    background: -moz-linear-gradient(top,  #289ea8 0%, #147981 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#289ea8), color-stop(100%,#147981));
    background: -webkit-linear-gradient(top,  #289ea8 0%,#147981 100%);
    background: -o-linear-gradient(top,  #289ea8 0%,#147981 100%);
    background: -ms-linear-gradient(top,  #289ea8 0%,#147981 100%);
    background: linear-gradient(top,  #289ea8 0%,#147981 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#289ea8', endColorstr='#147981',GradientType=0 );
    text-shadow: 0 -1px 1px #177a83;
    -webkit-box-shadow: inset 0 0 2px #38b4bf;
    -khtml-box-shadow: inset 0 0 2px #38b4bf;
    -moz-box-shadow: inset 0 0 2px #38b4bf;
    -ms-box-shadow: inset 0 0 2px #38b4bf;
    -o-box-shadow: inset 0 0 2px #38b4bf;
    box-shadow: inset 0 0 2px #38b4bf;
}
/*#navigation .activetab{
padding:0 15px;
text-shadow: 0 -1px 1px #177a83;
}
*/
/*#subhead{
height:29px;
color:#fff;
font-size:1.9em;
font-weight:100;
letter-spacing:0.05em;
text-shadow: 0.05em 0.05em 0.15em #000;
}

*/
#search {
    float:right;
    height:27px;
    margin-top:-4px;
    width:273px;
}

#searchfield{
    -webkit-border-radius: 25px;
    -moz-border-radius:10px;
    border-radius:10px;
    background:none repeat scroll 0 0 #E4517B;
    border:1px solid #A41D53;
    color:#A41D53;
    padding: 3px 0 3px 6px;
    width:234px;
    font-size:0.9em;
}

#searchfield:focus{
    color:#fff;
}

#searchimg{
    float:right;
    margin: 3px 0 0;
}

#randomizer{
    border-left: 1px solid #A11A41;
    float: right;
    height: 28px;
    margin-left: 10px;
    padding-left: 5px;
    width: 24px;
}

#randomizer a:hover{
    margin: 1px -1px 0 0;
}

#title{
    background: url('imgs/logo-small.png') no-repeat;
    cursor:pointer;
    height:42px;
    width:190px;
    overflow:hidden;
    background-position:0 6px;
}

#headeractions{
    float:right;
    margin:5px 0 0;
    text-align:right;
}

/*#headeractions li{
float:left;
margin-left:8px;
padding:3px 6px;
}
*/
/*#headeractions li a{
display:inline-block;
color:rgba(255,255,255,0.6);
-webkit-transition:color 1s ease;
-moz-transition:color 1s ease;
transition:color 1s ease; 
}
*/
/*#headeractions li:hover a{
text-decoration:none;
color:rgba(255,255,255,1);
text-shadow:0 0 1px #000;
}
*/
/*#headeractions li:hover{
background:rgba(255,255,255,0.1);
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
*/
#header-temp-action{
    float:left;
    margin-top:10px;
}

#user-nav{
    float:right;
    margin-left:20px;
    position:relative;
    padding:4px 5px;
    background-color: rgba(0, 0, 0, .7);
    border-radius:4px;
    min-width:80px;
}

#user-nav-dropdown{
    display: none;
}

#user-nav-dropdown a{
    color:#fff;
}

#user-nav:hover{
    border-bottom-right-radius:0;
    border-bottom-left-radius:0;
}

#user-nav:hover #user-nav-dropdown{
    display:block;
    z-index: 999;
    height: auto;
    color: #888;
    position: absolute;
    right: 0;
    top: 38px;
    padding:0 5px 4px;
    background-color: rgba(0, 0, 0, .7);
    border-radius:4px;
    border-top-left-radius:0;
    border-top-right-radius:0;
    min-width:80px;
}

#user-nav a{
    color:#888;
}
#user-nav-dropdown li{
    font-size:1.2em;
    text-align:center;
    padding:4px 0 8px;
}

#user-nav-details{
    float:right;
    height:30px;
}

#user-nav-avatar{
    float:left;
    height:30px;
    width:30px;
}

#user-nav-avatar img{
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}

#user-nav-name{
    float:left;
    margin-left:10px;
    font-size: 1.2em;
    line-height: 2.1em;
}

#user-nav-toggle{
    float: right;
    line-height: 2.6em;
    margin-left: 8px;
    color: #444;
}

#subtitle{
    float: right;
    color: #666;
    margin: 0;
    text-align: right;
    font-style: italic;
    letter-spacing: 0.03em;
    clear: right;
}

/* ======== GLOBAL ======== */

.big-button{
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    -moz-box-shadow:0 1px 3px #888;
    -webkit-box-shadow: 0 1px 3px #888;
    box-shadow:0 1px 3px #888;
    background:#bb305c;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#bb305c), to(#A11A41));
    background-image: -moz-linear-gradient(top, #bb305c, #A11A41);
    background-image: -o-gradient(top, #bb305c, #A11A41);
    border:1px solid #A11A41;
    color:#FFFFFF;
    text-shadow: -1px -1px 1px #5E0720;
    font-size:2.1em;
    padding:3px 12px; 
    text-align:center;
    margin:0;
    display:block;
    width:100%;
}

.big-button:hover{
    background:#A11A41;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#A11A41), to(#bb305c));
    background-image: -moz-linear-gradient(top, #A11A41, #bb305c);
    background-image: -o-gradient(top, #A11A41, #bb305c);
    text-shadow: 1px 1px 1px #5E0720;
    -webkit-box-shadow: 0 0 1px #222;
    -moz-box-shadow: 0 0 1px #222;
    box-shadow: 0 0 1px #222;
    cursor:pointer;
}

.small-button{
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius: 4px;
    min-width: 1px;
    font-size: 1em;
    padding: 1px 15px;
    min-height: 1px;
    height: auto;
    display: block;
    float:right;
    margin: 0 5px 5px 0;
    -moz-box-shadow:0 1px 3px #888;
    -webkit-box-shadow: 0 1px 3px #888;
    box-shadow:0 1px 3px #888;
    background:#bb305c;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#bb305c), to(#A11A41));
    background-image: -moz-linear-gradient(top, #bb305c, #A11A41);
    background-image: -o-gradient(top, #bb305c, #A11A41);
    border:1px solid #A11A41;
    color:#FFFFFF;
    text-shadow: -1px -1px 1px #5E0720;
    padding:3px 12px; 
    text-align:center;
}

.small-button:hover{
    background:#A11A41;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#A11A41), to(#bb305c));
    background-image: -moz-linear-gradient(top, #A11A41, #bb305c);
    background-image: -o-gradient(top, #A11A41, #bb305c);
    text-shadow: 1px 1px 1px #5E0720;
    -webkit-box-shadow: 0 0 1px #222;
    -moz-box-shadow: 0 0 1px #222;
    box-shadow: 0 0 1px #222;
    cursor:pointer;
}

.button-inactive{
    background-image: -webkit-gradient(linear, left top, left bottom, from(#bbb), to(#888));
    background-image: -moz-linear-gradient(top, #bbb, #888);
    background-image: -o-gradient(top, #bbb, #888);
    border:1px solid #bbb;
    color:#ddd;
    text-shadow:1px 1px 1px #888;
    box-shadow:none;
    width:auto;
}

.button-inactive:hover{
    background-image: -webkit-gradient(linear, left top, left bottom, from(#bbb), to(#888));
    background-image: -moz-linear-gradient(top, #bbb, #888);
    background-image: -o-gradient(top, #bbb, #888);
    text-shadow:1px 1px 1px #888;
    box-shadow:none;
    cursor:auto;
}

.plus{
    text-transform: uppercase;
    color: #fff;
    background: #BB305C;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 35px;
    padding: 3px;
    display: block;
    text-align: center;
    font-size:0.9em;
    text-shadow:none;
}

.plus-inline{
    display:inline-block;
    font-weight:normal;
    width:auto;
}

#morelink{
    margin: 0 auto;
    display: block;
    background: #fff;
    text-align: center;
    padding: 3px 0;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
}

#feedsubnav{
    font-style:italic;
    font-weight:300;
    font-size:1.1em;
    margin: 5px 0 30px;
}

.medheaderimg{
    height: 28px;
    width: 28px;
    float: right;
}

.usertask{
    padding: 1px 4px;
    display: block;
    background: #fefcdc;
    border: 1px dashed #CACB8B;
}

.usertask:hover{
    background:#ebe9c6;
    text-decoration:none;
}

hr{
	border: 0;
	height: 1px;
	color: #EEE;
	width: 95%;
	margin: 5px auto;
	background: #EEE;
}
/* ======== GENERAL STREAMS ======== */

.bubble{
    clear:both;
    overflow:hidden;
    margin:15px 0;
    color:#888;
    text-shadow:none;
}

.dashgravatar{
    float:left;
}

.dashgravatar img{
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    box-shadow:1px 1px 4px #888;
}

.dashevent, .listlink, .acomment{
    float: right;
    width: 620px;
    background: #fff;
    padding: 8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 1px 1px 4px #CCC;
    margin: 0 5px 5px 0;
}

.dashitemcontent{
    font-size:1.3em;
    text-align:center;
    display:inline-block;
    width:620px;
    margin: 15px auto;
}

.dashitemcontent a{
    color:#333;
}

.dashitemcontent a:hover{
    color:#1b8a93;
    text-decoration:none;
}

.bubble .plus{
    margin:0 auto;
}

.bubble .status{
    float:right;
    height:20px;
}

.bubble .date{
    float:right;
    font-size:0.9em;
}

.dashitemcontent blockquote{
    background:#f8f8f8;
    font-size:0.8em;
    font-style:italic;
    padding:7px 0;
    width:620px;
    margin-top:10px;
}


/* ======== SIDEBAR ======== */

#sidebar-profile{
    margin: 30px 0;
}

.sidesection{
    margin-bottom:30px;
    clear:both;
}

.sidesection h3{
    border-bottom:1px solid #ccc;
    text-transform:uppercase;
    padding-bottom:3px;
    color:#666;
}

.sidesection .headerimg{
    height: 18px;
    float: right;
    width: 18px;
    margin-top: -2px;
}

.sidesectioncontent{
    border-top: 1px solid #fff;
    padding-top: 10px;
}

.goalsinprogress li{
    margin-bottom:12px;
}

#secondary #userinfo{overflow:hidden; width:220px; margin-bottom:20px;}
#secondary .userdetails{width:180px; margin:0;}
#secondary .userdetails #realname{font-size:1.4em;}
#secondary .userdetails #location{font-size:1em; margin-top:2px; color:#888;}
#secondary #userinfo #gravatar{width:32px; margin-right:5px; float:left;}
#secondary #gravatar img{height:32px; width:32px;}

.sidebar-recommended{
    background: #fff;
    padding: 5px 5px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius: 4px;
    margin-bottom: 20px;
    border: 1px dotted #CCC;
}

.sidebar-recommended .sideusercard{
    width:208px;
}

.sidebar-recommended .membersince{
    font-size:0.95em;
}

.follow-big{
    margin:0 auto;
    clear:both;
    width:180px;
}
.follow-big .formbutton{
    margin:0 auto;
}

.challengelist li{
    display: block;
    background: #fff;
    width: 212px;
    margin: 5px 0 0 0;
    text-align: left;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius: 3px;
    padding: 3px 3px 3px 4px;
    -webkit-box-shadow: 0 0 3px #ccc;
    -moz-box-shadow: 0 0 3px #ccc;
    box-shadow: 0 0 3px #ccc;
}

.roundstatus{
    float: right;
    text-transform: capitalize;
    margin-right: 3px;
}
/* ======== ADS ======== */

#googlead{
    margin:0 auto;
    width:728px;
    height:90px;
    margin-top:30px;
    clear:both;
}

#influads_block{
    margin:0 auto;
}

.upgradepromo{
    background:#f8f8f8;
    border:1px solid #ccc;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    width:200px;
    height:32px;
    padding:3px 5px;
}

.upgradepromo a{
    color:#333;
}

div.upgradepromo:hover div{text-decoration:none;}
div.upgradepromo:hover{background:#fff;}
.upgradepromo p{
    float:left;
    text-align:left;
    color:#333;
}

.upgradepromo .plus{
    float:right;
}


/*------- PROGRESS BAR ---------*/
#progressarea{clear:both;width:940px; margin:0 auto; height:15px; margin: 10px 0 20px 0;}
#progressbar{width:768px; height:30px; background:#af211b url('imgs/newred.png') repeat-x; float:left; margin:0 3px 0 3px;}
#todaymarker{width:2px; height:30px; background:#000; display:block; position:relative; z-index:100;}
#inprogress{height:30px; background:#f4b000 url('imgs/yellow.png') repeat-x; position:relative; z-index:50; display:block; float:left; box-shadow: inset 0 0 6px #e9f34e;}
#done{height:30px; background:#6a9917 url('imgs/newgreen.png') repeat-x; position:relative; z-index:75; display:block; float:left; 
box-shadow: inset 0 0 8px #87be27;
}
#start{background:#6a9917 url('imgs/newgreen.png') repeat-x; font-size:0.9em; color:#fff; width:83px; height:30px; text-align:center; line-height:1.3em; float:left; border-top-left-radius:4px; border-bottom-left-radius:4px; -moz-border-radius-topleft:4px; -moz-border-radius-bottomleft:4px; border-top-left-radius:4px; border-bottom-left-radius:4px;}
#end{background:#af211b url('imgs/newred.png') repeat-x; font-size:0.9em; color:#fff; width:83px; height:30px; text-align:center; float:left; line-height:1.3em; border-top-right-radius:4px; border-bottom-right-radius:4px; -moz-border-radius-topright:4px; -moz-border-radius-bottomright:4px; border-top-right-radius:4px; border-bottom-right-radius:4px;}

#communityprogress {
    background:#fff;
    padding:10px;
    clear:both;
    width:918px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    -moz-box-shadow:0 1px 4px #ccc; -webkit-box-shadow:0 1px 4px #ccc; box-shadow:0 1px 4px #ccc;
    margin: 0 4px 4px 1px;
}
#communityprogress #progressbar{width:910px; height:30px; background:#af211b url('imgs/newred.png') repeat-x; float:left; margin:12px 3px 7px 12px;}
#communityprogress #inprogress p, #communityprogress #done p{font-size:2em; color:#fff; margin-left:3px; text-align:center;}
p#totalgoals{font-size:2em; color:#fff; margin-right:3px; float:right;}
/*------ LIST ELEMENTS -------*/

h1#notpublicalert{float:left; color:#360c53; font-size:2.5em; margin:30px 0 150px;}

.item{
    font-size:1.4em;
    letter-spacing:0.02em;
    display:inline-block;
}

.item a{color:#333;}

.d>.item{text-decoration:line-through !important;}
.p>.item{font-style:italic;}
.n>.item{}

.clear{clear:both;}

/*for my list - locked and unlocked */
#mylist{
    clear:both;
    overflow:hidden;
}

#mylist h2{float:left;}
#mylist li{
    width:940px;
    display:block;
    clear:both;
}

#mylist .mygoal{
    width: 918px;
    padding: 10px;
    min-height:28px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #DDD;
    border-left: 1px solid #DDD;
    position:relative;
    z-index:3;
    background:#eee;
}

#mylist .item{
    width:760px;
    margin-top:3px;
}

#mylist .status{
    float:right;
    height:28px;
    width:28px;
}

.drag-handle{
    float: left;
    margin: 5px 5px 0 0;
    opacity: 0.4;
}

#fb-post-notification{
    float:right;
    margin: 10px 0 10px 7px;
    line-height: 2em;
}

#fb-chicklet-enabled, #fb-chicklet-disabled:hover{
    background:url('/imgs/sprite-fb-chicklets.png') no-repeat;
    height:20px;
    width:20px;
    display:inline-block;
}

#fb-chicklet-disabled, #fb-chicklet-enabled:hover{
    background:url('/imgs/sprite-fb-chicklets.png') no-repeat;
    height:20px;
    width:20px;
    background-position:0 -25px;
    display:inline-block;
}

#fb-post-status{
    margin-left: 3px;
    margin-top: 4px;
    float: right;
    line-height: 1em;
}
/******** GOAL DRAWERS ***********/
.goal-expand{
    float: right;
    opacity: 0.4;
    padding-top: 5px;
    margin-left: 15px;
}

.goal-drawer{
    background:#fff;
    padding:15px 10px 10px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    -webkit-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.5);
    width: 910px;
    margin: 0 auto;
    margin-bottom: 8px;
    position: relative;
    z-index: 1;
    top: -3px;
    overflow:hidden;
}

.drawer-section{
    border-right: 1px solid #CCC;
    width: 219px;
    margin-right: 10px;
    float: left;
    min-height:200px;
}

.goal-drawer div:last-child { border:0; margin-right:0;}

.goal-drawer .smallsubmit{
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius: 4px;
    min-width: 1px;
    font-size: 1em;
    padding: 1px 15px;
    min-height: 1px;
    height: auto;
    display: block;
    float:right;
    margin: 0 5px 5px 0;
}

.drawer-photo{
    text-align:center;
}
.drawer-photo img{
    max-height:90px;
    max-width:150px;
}

.drawer-category-text{
    font-size: 2em;
    text-align: center;
    margin: 20px 0;
}

.drawer-category select{
    margin:5px 0;
    width:100%;
}

.drawer-actions{
    margin: 20px 0 5px;
    background: #EEE;
    padding: 3px 5px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius: 2px;
    width: 200px;
    max-width: 200px;
    overflow: hidden;
}

.goal-drawer .default img{
    opacity:0.4;
    filter:alpha(opacity=40); /* For IE8 and earlier */
}

.goal-drawer .userimage img{
    padding:3px;
    background:#ccc;
    border:1px solid #888;
}

.drawer-section label{
    margin: 0 3px 0 0;
}

.drawer-section input{
    background:#fff;
    padding:2px;
    border:1px solid #ccc;
}

.drawer-section input[type="number"]{
    width: 43px;
    margin: 5px 1px 8px;
}

.drawer-section input[type="file"]{
    background:none;
    border:none;
}

.drawer-section input.addtag{
    width:193px;
    padding:4px 2px;
}
.drawer-itemtags{overflow:hidden;}
.drawer-itemtags li{
    width:auto !important;
    padding:4px 12px;
    background:#eee;
    margin:2px 3px;
    clear: none !important;
    float:left;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius: 4px;
    -webkit-box-shadow:1px 1px 2px #ccc;
    -moz-box-shadow:1px 1px 2px #ccc;
    box-shadow: 1px 1px 2px #ccc;
}

/*.drawer-itemtags li:after{content:",";}*/
.drawer-itemtags li:last-child:after { content: ""; }

.drawer-stats li.social{
    width: 80px !important;
    float: left;
    background: #eee !important;
    min-height: 75px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius: 4px;
    clear: none !important;
    text-align:center;
    margin: 0 8px 5px;
    font-size: 1.1em;
    color:#888;
    padding: 4px 2px;
    line-height: 1.4em;
}

.drawer-stats .stat{
    font-size:1.3em;
}

.drawer-stats .bigstat{
    color:#888;
    font-size: 3em;
    font-weight: bold;
    line-height:1em;
}

.drawer-stats:hover .bigstat{
    color: #360C53;    
}

.drawer-stats li.social img{
    opacity:0.6;
    filter:alpha(opacity=60); /* For IE8 and earlier */
    width:50px;
}

.drawer-stats li.social:hover img{
    opacity:1;
    filter:alpha(opacity=100); /* For IE8 and earlier */
}
/*for other people's lists.*/
#alist{
    clear:both;
    width:680px;
    margin-top:30px;
    float:left;
}

#alist li{
    width:640px;
}

#alist .agoal{
    width: 660px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #CCC;
    border-right: 1px solid #DDD;
    border-left: 1px solid #DDD;
    padding: 10px;
    min-height: 28px;
}

#alist .item{
    width:490px;
    float: left;
}

#itemizedlist a{text-decoration:none; color: #333333;}

.agoal{
    float:left;
}

.agoal .complete{
    float:left;
}

.likeheart, .commentballoon, .metoo{
    margin-left:8px;
    width:32px;
    height:18px;
}

.commentballoon{
    margin-top:-25px;
}
.commentballoon img{
    float:left;
}

.commentballoon a:hover img{
    background:url('imgs/comment.png') no-repeat;
    -moz-background-size:20px; background-size:20px;
}


.likeheart button.actionlike{background:url('imgs/heart-32-grey.png') no-repeat; -moz-background-size:18px; background-size:18px; height:18px; width:40px;}
.likeheart button.actionlike:hover{background:url('imgs/heart-32.png') no-repeat; -moz-background-size:18px; background-size:18px; height:18px; width:40px;}
.likeheart button.actionunlike{background:url('imgs/heart-32.png') no-repeat; height:18px; width:40px; }
.likeheart button.actionunlike:hover{background:url('imgs/heart-32-grey.png') no-repeat; height:18px; width:40px;}

.likeheart button, .metoo button, .addplus button{
    float:left;
    -moz-background-size:18px; background-size:18px; height:18px; width:18px;
}

.metoo button.actionmetoo{background:url('imgs/star-32-grey.png') no-repeat; }
.metoo button.actionmetoo:hover{background:url('imgs/star-32.png') no-repeat; }
.metoo button.actionunmetoo{background:url('imgs/star-32.png') no-repeat; }
.metoo button.actionunmetoo:hover{background:url('imgs/star-32-grey.png') no-repeat;}


.metoocount{
    float: right;
    margin-top:-10px;
    color: #999;
}

.likeitem label{
    margin-left:3px;
}
.likecount{
    float: right;
/*    margin-top: -10px;*/
    color: #999;
}

.commentcount{
    float: left;
    color: #999;
    margin-left: 5px;
}

.incrementzone{width:210px; height:30px; margin-bottom: 51px; padding-top: 36px;}
.itemprogressarea{width:208px; height:30px; background:#dce9be; float:left; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
.view {float:right;}
.soloprogressarea{
    background: #E1E1E1;
    height: 10px;
    width: 455px;
    margin:0 auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: inset 0px 0px 3px 0px #888;
    -moz-box-shadow: inset 0px 0px 3px 0px #888;
    box-shadow: inset 0px 0px 3px 0px #888;
    padding: 3px;
}
.itemprogressbar{height:30px; background:url('imgs/newgreen.png') repeat-x; text-align:center; color:#fff; font-size:1.85em; line-height:1.4em; text-shadow:none; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
.soloprogressbar{
    height: 10px;
    background: #339A99;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 1px 1px 0px #236d6c;
    -moz-box-shadow: inset 0 1px 1px 0px #236d6c;
    box-shadow: inset 0 1px 1px 0px #236d6c;
}
.edititem{margin-left:15px; font-size:0.8em; text-shadow:none;}
.edititem input.formbutton{height:auto; margin:0; font-size:.6em}
.edititem input{background:#fff; width:4em; border:1px solid #ccc;}
.editlink {
    cursor: pointer;
    line-height: 2.3em;
    margin-right: 5px;
}
.pluslink {cursor: pointer; float: left; font-size: 0.5em; line-height: 0.6em; margin-left: 3px}


.itemnum{
    font-size: 1.4em;
    color: #888;
    margin-right: 5px;
    min-width: 32px;
    display: inline-block;
}

.itemnumber{
    color: #999999;
    font-size: 1.4em;
    margin-right: 10px;
    text-align: right;
    width: 42px;
    float:left;
}
.mygoal, .agoal{
    padding: 10px 0;
    clear:both;
    overflow:hidden;
}

.mygoal .itemaction{
    float:right;
}

#mylist li:hover, #alist div:hover, .mygoal:focus{
    background:#f8f8f8;
}

#mylist li:hover .itemaction, #alist div:hover .itemaction{
    display:block;
}
.itemaction{
    display:none;
    float:right;
}

.on{background:none;}
/*.alt{background: #e9f5cc;}*/

#feedsubnav a{ 
    color:#1b8a93;
    font-style:normal;
    font-weight:400;
}

#emptylist{
    margin-top:20px;
    display:block;
    font-size:0.7em;
    text-align:center;
    padding-top:30px;
}

#newusermodule{
    -webkit-border-radius:10px;    
    -moz-border-radius:10px;
    border-radius:4px;
    -moz-box-shadow:2px 2px 7px #999999;
    -webkit-box-shadow:2px 2px 7px #999999;
    box-shadow:2px 2px 7px #999999;
    background:none repeat scroll 0 0 #FFFFFF;
    font-size:13px;
    padding:15px;
    margin:0 auto;
    width:90%;
    margin-bottom:10px;
}

#newusermodule p{
    font-size:1.15em;
    line-height:1.5em;
    margin-bottom:1em;
    text-align:left;
}

#newusermodule a{
    color:#1b8a93 !important;
}

#newusermodule h2{
    margin-bottom:15px;
    float:none;
}

/*---locking---*/
.lockbox{
    width:700px;
    margin:0 auto;
    margin-top:80px;
    background:#fff;
    border:1px dashed #333333;
    padding:10px;
    overflow:hidden;
}

#unlocked{background:url('imgs/unlock-smaller.png') no-repeat; height:32px; width:32px;float:right;margin:0 0 10px 0;}
#unlocked:hover{position:relative; top:2px; left:2px;}
#lock{background:url('imgs/unlock-small.png') no-repeat; height:64px; width:64px;margin:10px 0 10px 10px; float:left;}
.lock{background:url('imgs/unlock.png') no-repeat; height:128px; width:128px; float:left; position: relative;}
.lock span{position: absolute; left: -9999em;}
.lock:hover{background: url('imgs/lock.png'); top:2px; left:2px;}
#lockittext{float:right; width:540px; padding-top:12px; padding-left:10px;}

#lock-success, #challenge-join-success{
    margin: 10px auto 30px;
    width: 700px;
    background: #fff;
    padding: 15px;
    border: 1px solid #DDD;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius: 4px;
    text-align: center;
    box-shadow: 0 0 7px #f4b000;
}

#challenge-join-success{
    width:600px;
}

#lock-success p, #challenge-join-success p{
    font-size:1.1em;
    margin:3px 0;
}

#lock-sharing{
    margin-top:10px;
}

#lock-sharing .fb-send{
    position:relative;
    top:-3px;
    margin-left:10px;
}

#lock-success-close{
    position: relative;
    float: right;
    top: -11px;
    right: -5px;
    color: #CCC;
    cursor:pointer;
    display:block;
    height: 15px;
    width: 9px;
}

/*------ LOGIN PAGE --------*/
#loginheader{
    font-size:3.0em;
    text-align:center;
    margin-top:30px;
}

/*------ DASHBOARD FEED ----*/
#newsfeed #itemizedlist a, #explore #itemizedlist a:hover{color:#666666; cursor:pointer;}
#newsfeed #itemizedlist a:hover, #explore #itemizedlist a:hover, #itemizedlist a:hover{color:#1b8a93; cursor:pointer;}

#likeslist .dashitemheader{
    float:none;
}

#dashboard-headsup{
    overflow:hidden;
    margin-bottom:20px;
    padding-bottom:10px;
    border-bottom: 1px solid #ddd;
}

.dashboard-stat{
    width: 33%;
    float: left;
    text-align:center;
    border-left: 1px solid #ddd;
}

.dashboard-stat:first-child{
    border:0;
}

.db-stat{
    font-size:3em;
    color: #BBB;
    font-weight: bold;
    text-shadow: 0 1px 1px #fff;
}

.db-stat-label{
    display:block;
    font-size:1.2em;
    color:#888;
}

#activity-feed-empty{
    margin-top:12px;
    font-size:1.2em;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    padding: 10px 25px;
}

#activity-feed-empty-notice{
    margin-bottom:20px;
}

/* DASHBOARD FREQUENT GOALS */
#dash-daily-goals{
	margin-bottom:30px;
}

#dash-daily-goals li{
	font-size:1.2em !important;
}

.daily-goal-name{
	width:530px;
    float:left;
}

.daily-goal-status{
	float:right;
	height:17px;
}

.daily-goal-done{
	height: 17px;
	width: 17px;
	background: url('/imgs/sprite-plus-icon.png') no-repeat;
	display: block;
	background-size: 17px;
}

.daily-goal-done:hover{
	background-position:0 -18px;
}

#daily-goal-onboard{
	background:#fff;
	padding:8px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size:1.2em;
	line-height:1.4em;
	color:#888;
}

#daily-goal-onboard p{
	margin-top:10px;
}

#daily-goal-onboard .subtext{
	font-size: 0.9em !important;
	font-style: italic;
}
#daily-goal-onboard img{
	max-width:650px;
	margin:0 auto;
}

#daily-goal-onboard .new{
	float:right;
	font-size:0.8em;
	text-shadow:none;
}
/* DASHBOARD CHALLENGES */
#dashboard-challenges{
	padding: 6px 12px 28px;
	background: #E3E3E3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 1px 1px 1px #ccc;
	-moz-box-shadow: inset 1px 1px 1px #ccc;
	box-shadow: inset 1px 1px 1px #ccc;
	width: 673px;
	margin-bottom:30px;
}

#dashboard-challenges .new-progress-area{
	height:10px;
	width:650px;
	margin:0 auto;
	clear:both;
}

#dashboard-challenges .new-progress-bar{
	height:10px;
}

#dashboard-challenges .challenge-info{
	margin: 20px 17px 2px 17px;
	overflow:hidden;
	clear:both;
}

#dashboard-challenges .challenge-name{
	float:left;
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight: bold;
}

#dashboard-challenges .challenge-stats{
	float:right;
	color:#888;
}

/* PRIMARY USER CARD */
.primary-usercard{
    width:600px;
    clear:both;
    height:50px;
    margin: 10px 0;
    border-bottom: 1px solid #CCC;
    padding-bottom: 10px;
}

.primary-usercard .avatar{
    float:left;
    margin-right: 10px;
}

.primary-usercard .username{
    float:left;
    margin-top:12px;
}

.primary-usercard .username a{
    color: #1B8A93 !important;
    text-transform: uppercase;
    font-weight: bold;
    font-size:1.5em;
}

.primary-usercard .username .realname{
    margin: 5px 0 0 6px;
    color: #888;
    font-size: 0.8em;
    float: right;
}

.primary-usercard .followbutton{
    font-size: 0.5em;
    margin-top: 11px;
}

/*----sidebar----*/
/*#sidebar{float:right; color:#333333; width:360px; margin-top:20px; margin-right:10px; padding:5px; background:#AEBF85; font-size:1.3em;}*/

/*#sidebar h3{font-size:1.4em; text-shadow:none;}*/
#sidebar a{text-decoration:none; color:#3b5b67;}
#sidebar a:hover{color:#999999;}
#sidebar div{margin-bottom:40px;}
.right{float:right;}
.sidebarad{
    clear:right;
    display:block;
    float:right;
    margin-bottom:20px;
    margin-top:20px;
    text-align:center;
}

.sidebarad .ad{
    padding:5px;
}

.sidebarad .tinytext{
    font-size:11px;
}

.donate{
    text-align:center;
}

.sideusercard{
    width:220px;
    border-bottom:1px solid #ccc;
    padding-bottom:5px;
    clear:both;
    overflow:hidden;
    margin-bottom:10px;
}

.sideusercard .sidecardinfo{float:left; max-width:110px;}
.sideusercard .numitems a{margin-top:1px; color:#888;}
.sideusercard .gravatar{float:left; margin-right:8px;}
.sideusercard .gravatar img{height:35px;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}

.sideusercard .formbutton, #newavatar .formbutton{
    font-size:0.9em;
    min-width:0;
    float:right;
    margin:0;
    padding:2px 8px;
    height:auto;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
}
/* ---- INDEX PAGE ELEMENTS ----- */
#index{height:340px; margin-bottom:20px;}

#index2bigtext {
    margin:50px 30px 30px 0;
    text-align:center;
    float:left;
    width:520px;
}

#bigtext {
    margin:25px 30px 30px 0;
    text-align:center;
    float:left;
    width:440px;
}

#landingscreengrab{
    width: 460px;
    border-bottom: 3px solid #bb305c;
    padding: 0;
    margin: 0;
    height: 305px;
}

#landingscreengrab img{
    width:460px;
}

#bigtext strong, .mission strong{
    color: #bb305c;
}

#bigtextalt{
    margin:5px 0 30px 0;
    width:470px;
    float:right;
    text-align:center;
}

#bigtext1{
    margin:30px 30px 30px 48px;
    text-align:center;
    float:left;
    width:350px;
}
#bigtextalt1{
    margin:60px 0 30px 0;
    width:500px;
    float:right;
    text-align:center;
}


#signupbutton{
    height: 100px;
    width: 230px;
    background: url('imgs/signup.png') no-repeat;
    margin: 0 auto;
    background-size: 230px;
}
#signupbutton:hover{background:url('imgs/signuphover.png') no-repeat; background-size: 230px;}

#startnow{
    height: 100px;
    width: 230px;
    background: url('imgs/startnow.png') no-repeat;
    margin: 0 auto;
    background-size: 230px;
}
#startnow:hover{background:url('imgs/startnowhover.png') no-repeat; background-size: 230px;}


#index h1{
    font-size:8em;
    color:#333333;
}
#index h2{
    font-family: 'Helvetica Neue', serif;
    font-weight: 300;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    font-size: 3.1em;
    line-height: 1.25em;
    color:#3B3839;
    text-shadow: 0.05em 0.05em 0.1em #fff;
    margin-bottom:20px;
}

#subindex, #fblike{
    margin:0 auto;
    clear:both;
    width:940px;
    padding: 20px 0;
    overflow:hidden;
    margin-top:20px;
    height:auto;
}

#asseenon {
    border-top: 1px solid #CCC;
    clear: both;
    margin: 0 auto;
    overflow: hidden;
    padding: 16px;
    width: 940px;
    margin-top:50px;
}

.seesource{
    float:left;
    margin-right:20px;
    margin-top:10px;
}
.descitem{width:438px; float:left; margin:0 16px;}
.descitem p{font-size:1.2em; line-height:1.45em; margin-bottom:15px; font-weight:100; color:#3f3f3f;}
.descheader{
    padding:2px 0 2px;
    color:#bb305c;
    display:block;
    margin-bottom:8px;
    font-size:1.4em;
    border-bottom:1px solid #ccc;
    text-transform:uppercase;
}

/* -------- INDEX ACHIEVEMENTS ----------*/
#latestachievers{
    margin:42px auto 0;
    clear:both;
    width:940px;
    padding: 20px 0;
    overflow:hidden;
}

#achievement{
    width:270px;
    float:left;
    margin:0 20px;
}

.achievementhead{
    font-size:1.4em;
    margin-bottom:15px;
    float:left;
}

#achievement .avatar{
    float:left;
    margin-right:6px;
}

#achievement .username{
    font-size:1.4em;
    float:left;
    line-height:1.7em;
}

#achievement .item{
    font-size: 1.8em;
    clear: both;
    margin-bottom: 15px;
    display: block;
    min-height:60px;
}

#achievement .icon{
    float:right;
}
/* -------- BASE FORM ELEMENTS ----------*/
fieldset{
    margin: 0 auto;
    margin-top:10px;
    margin-bottom:0;
    border:0;
    width:550px;
}

input{margin:5px 0;}

.jQueryUIDialog fieldset{width:100%;}
.jQueryUIDialog input{display:block;}
.jQueryUIDialog select{display: block; width: 100%; border: 1px solid #888;}
.jQueryUIDialog label{font-size: 2em; margin-top: 10px;}
.jQueryUIDialog {display:none; font-size: 1.1em;}

label{margin-right:10px; text-shadow: 0.05em 0.05em 0.15em #fff; clear:right;}

#loginform fieldset{width:550px; margin: 0 auto; margin-top:30px;}
.login input[type="text"], .login input[type="password"]{height:35px; width:350px; font-size:2em; background:#fff; border:0; padding:5px; color:#333333;}
.login input[type="checkbox"]{vertical-align: middle; line-height: 1.75em; font-size:1.25em; background:#c0c0c0; border:0; padding:5px; color:#333333; margin: 25px 0 0;}
.login input:focus{outline:none;}
#loginform .login input {
    -webkit-border-radius: 25px;    
    -moz-border-radius: 25px;
    border-radius:25px;
    clear:both;
    font-size:3em;
    margin:1px 0 20px;
    padding:10px 10px 10px 20px;
    width:550px;
    border:1px solid #ccc;
}

#loginform .login label{
    font-size:1.6em;
    margin-left:25px;
}

.formcheckbox label{
    display:inline;
    font-size:1.5em;
    margin:0;
    padding:0 0 0 5px;
}

/*------- GRAVATARS ----------*/
#gravatar{
    width:50px;
    float:left;
    margin-right:5px;
}

.goldencheck{
    margin-top:-2px;
    width:32px;
}
#gravatar img{-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
#sologravatar{
    width:50px;
    float:left;
    margin-right:10px;
}

/*------ FOOTER -----*/
#footer{
    clear:both;
    padding: 10px 0;
    border-top:1px solid #ccc;
    text-align:right;
    width: 940px;
    margin: 45px auto 25px;
}
#meta{float:right;margin-right:8px;}
#footerinfo{float:left;margin-left:8px;}
#footerinfo li{
    float:left;
    padding:0 10px;
    border-left:1px solid #bbb;
}

#footerinfo li:first-child{
    border:0;
    padding-left:0;
}

#footer img{width:20px; vertical-align:middle;}

.fbfooter{
    float:right;
}
label.header {clear:both;}

button#register{
    clear: both;
    margin-top: 20px;
    float: right;
    height: 50px;
    padding: 0 16px;
    margin-right: 74px;    
}
.actions{float:right;height:40px; text-align:right;}
.actiondivider{border-right:1px solid #c0c0c0;height:20px;margin-top:10px; width:3px; float:right;}
.actions form{display:inline;}
.actions button:hover{position:relative; top:2px; left:2px;cursor:pointer;}
.status.edit{right: 0; left: auto;}
.status.add {
    display: inline-block;
    width: 20px;
    height: 20px;
    float:right;
}
.poidh{padding-right:5px; float:right;}
#alist .poidh{ float: right; padding:0; background: url('imgs/image-32.png') no-repeat; height:20px; width:20px; background-size:20px;}
.poidh img{ width:20px;}
#mylist .poidh {float:left; width:30px; height:20px;}
.status.progress{background:url('imgs/clock.png') no-repeat; right: 35px; background-size:28px;}
.status.inprogress{background:url('imgs/clock-grey.png') no-repeat; right: 35px; background-size:28px;}
.status.inprogress:hover{background:url('imgs/clock.png') no-repeat; background-size:28px;}
.status.done{background:url('imgs/check-32-grey.png') no-repeat; background-size:28px;}
.status.done:hover{background:url('imgs/check.png') no-repeat; background-size:28px;}
.status.complete{background:url('imgs/check.png') no-repeat; right:35px; background-size:28px;}
.status a{color:#fff;}
.status.undo{text-decoration:none !important;}
.status.edit+.undo{right: 37px;}
.status.added{text-decoration: none; font-size: 65%; white-space: nowrap; height: auto; width: auto; margin: 4px 0 0;}
.exploreitem .added{margin-top: 10px;}
.actiondelete{background:url('imgs/delete.png') no-repeat; height:20px; width:20px; float:right; margin-top:4px; background-size:20px;}
.actiondelete:hover{cursor:pointer; position:relative; top:1px; left:1px;}
.actiondelete span{display: none;}
.actionedit{background:url('imgs/edit-32.png') no-repeat; height:32px; width:32px; float:right; }
.actionedit:hover{cursor:pointer;}
.actionedit span{display: none;}
.addToMyList{background:url('imgs/add-32-grey.png') no-repeat; height:18px; width:18px; cursor:pointer; display:block; background-size:18px;}
.addToMyList:hover{background:url('imgs/add-32.png') no-repeat;}
.status.add button.actionadd{background-size:20px;}
button.actionmetoo{background:url('imgs/star-32-grey.png') no-repeat; height:32px; width:32px; cursor:pointer;}
button.actionmetoo:hover{background:url('imgs/star-32.png') no-repeat; height:32px; width:32px; cursor:pointer;}
button.actionunmetoo{background:url('imgs/star-32.png') no-repeat; height:32px; width:32px; cursor:pointer;}
button.actionunmetoo:hover{background:url('imgs/star-32-grey.png') no-repeat; height:32px; width:32px; cursor:pointer;}
button.actionlike{background:url('imgs/heart-32-grey.png') no-repeat; height:32px; width:32px; cursor:pointer;}
button.actionlike:hover{background:url('imgs/heart-32.png') no-repeat; height:32px; width:32px; cursor:pointer;}
button.actionunlike{background:url('imgs/heart-32.png') no-repeat; height:32px; width:32px; cursor:pointer;}
button.actionunlike:hover{background:url('imgs/heart-32-grey.png') no-repeat; height:32px; width:32px; cursor:pointer;}
.tweetit{
    text-decoration: none !important;
    font-style: normal;
    margin: 4px 0 0 0;
    height: auto;
    width: auto;
    clear: both;
    background: #ccc;
    padding: 3px 5px;
    display:inline-block;
}

.tweetit a{
    color:#fff;
}

.lockedstatus{float:left; width:32px; margin-left:-35px; margin-top:-8px;}
.commentcount img,.likecount img{margin-top:10px;}
.deletestatus{
    border: 0;
    background:none;
    color:#307487;
}
#likeslist .status{height:32px; width:32px; left: 0; margin: -4px 5px 0;}
#likeslist .status.edit{right: 0; left: auto;}

#useractions{
    padding-top:0;
}
#greeting{float:left; padding-top:6px;}

#theinputarea{
    padding:20px 0;
    margin:0 auto;
    width:900px;
    height:106px;
    clear:both;
}

#theinputarea p{
    text-align:center;
}
#listinput label{
    font-size:1.9em;
}

#listinput input{
    height:35px;
    width:700px;
    font-size:1.85em;
    background:#fff;
    border:0;
    padding:5px;
}
.jeditable .forminline input{
    border-color: #cccccc;
    border-style: dashed;
    border-width: 2px;
    font-size: 1em;
    background:#fff;
    color: #1b8a93;
    text-shadow: 0 1px 0 #C3C3C3;
    font-weight: lighter;
    margin: 0;
}

.jeditable .forminline input:focus, #listtitle input:focus {outline: none;}
span.jeditable:hover, h1#listinput:hover { background-color: #fff; padding: 0; cursor: text;}

input#add{width:80px; height:36px;border:0;background:#bb305c; color:#fff;padding:5px;cursor:pointer; }
input#add:hover{background:#1b8a93;}

.settingssection{
    background: #fff;
    padding: 10px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius: 4px;
    margin-top: 10px;
    margin-bottom: 30px;
}

.settings fieldset{width:100%;}
.settings h3 {
    clear:both;
    display:block;
    margin:20px 0;
}
.settings p{
    text-align:left;
}
.settings .permfield{
    color:#333333;
    float:left;
    font-size:2.4em;
    height:35px;
    line-height:1.8em;
    margin:5px;
    padding:5px;
    width:600px;
    margin-left:1px;
}
.settings input[type="text"], .settings input[type="tel"], .settings input[type="password"]/*, .groupsform input, #groups input*/{
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    background:#FFFFFF;
    border:1px solid #ccc;
    height:35px;
    width:350px;
    font-size:2em;
    padding:5px;
    color:#333333;
}
.settings input[type="checkbox"]{
}

.settings select{
    -webkit-border-radius:3px;    
    -moz-border-radius:3px;
    border-radius:3px;
    border:1px solid #ccc;
    font-size:2em;
    margin:5px 0;
    padding:5px;
    text-align:center;
    width:200px;
}
.settings textarea, #groups textarea{
    width:350px;
    height:50px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    background:#FFFFFF;
    border:1px solid #ccc;
    color:#333333;
    padding:5px;
}

/*.settings input:hover{background:#ddd; cursor:pointer;}*/

input.formbutton, #register, #login{
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    -moz-box-shadow: 0 1px 3px #222;
    -webkit-box-shadow: 0 1px 3px #222;
    box-shadow:0 1px 3px #222;
    text-shadow:1px 1px 0 #222;
    background:#bb305c;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#bb305c), to(#A11A41));
    background-image: -moz-linear-gradient(top, #bb305c, #A11A41);
    background-image: -o-gradient(top, #bb305c, #A11A41);
    border:1px solid #A11A41;
    color:#FFFFFF;
    font-size:2.1em;
    height:40px;
    margin:40px 0;
    min-width:180px;
    padding:5px;
}
#register:hover, #login:hover /*, input.formbutton:hover,*/{
    background:#A11A41;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#A11A41), to(#bb305c));
    background-image: -moz-linear-gradient(top, #A11A41, #bb305c);
    background-image: -o-gradient(top, #A11A41, #bb305c);
    text-shadow:-1px -1px 0 #222;
    cursor:pointer;
}

.settings .big-button{
	width: auto;
	margin-left: 12px;	
}

.settings .forminline{
    margin-left:188px;
}
.settings .forminline label{
    float:none;
    padding-left:13px;
}
.settings label {
    cursor:pointer;
    float:left;
    height:40px;
    font-size:1.8em;
    line-height:45px;
    padding:5px;
    margin-top:3px;
    text-align:right;
    width:170px;
    clear:left;
}

#newavatar{
    float:right;
    margin-top:15px;
    width:490px;
}
#newavatar label{font-size:1.7em;}

fieldset#avatarform {width:600px;}
#avatarform .gravatar{float:left; margin-bottom:15px;}
label.radiobutton {float:right; font-size:1.7em; line-height:1.9em;margin-top:15px;padding-top:0;}
input.radiobutton {clear:both;float:left;margin-top:20px;height:14px;width:14px;margin-left:0; background:#2E2633;border:0;}

/* ---- TESTING REG ON THE LANDING PAGE --------*/
#indexreg{
    float:right;
    margin-bottom:50px;
    width:500px;
}

#indexreg fieldset{
    width:260px;
    -webkit-border-radius:3px;    
    -moz-border-radius:3px;
    border-radius:3px;
    border:1px solid #ccc;
    padding: 8px 16px 0 15px;
    background: #ECECE4;
    -moz-box-shadow: 0 1px 4px #999;
    -webkit-box-shadow: 0 1px 4px #999;
    box-shadow: 0 1px 4px #999;
}

#indexreg .register label{
    font-size:1.2em;
    width:auto;
    padding:0;
    display:block;
    float:none;
    height:1.2em;
    text-align:left;
    margin: 5px 0 2px 0;
}

#indexreg .register input{
    height:15px;
    width:250px;
    font-size:1.5em;
    margin:0;
}

#indexreg h3{
    text-align:center;
}

#indexreg button#register{
    -webkit-border-radius:10px;    
    -moz-border-radius:10px;
    border-radius:10px;
    -moz-box-shadow:0 1px 3px #222;
    -webkit-box-shadow: 0 1px 3px #222;
    box-shadow:0 1px 3px #222;
    text-shadow:1px 1px 0 #222;
    background:#bb305c;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#bb305c), to(#A11A41));
    background-image: -moz-linear-gradient(top, #bb305c, #A11A41);
    background-image: -o-gradient(top, #bb305c, #A11A41);
    border:1px solid #A11A41;
    color:#FFFFFF;
    font-size:1.5em;
    height:30px;
    margin:20px auto;
    padding:5px;
    display:block;
}

/* ------- REGULAR REG ----------*/

fieldset.register{width:700px; margin-top:30px;}

.register label{
    cursor:pointer;
    float:left;
    font-size:1.6em;
    height:40px;
    margin-top:3px;
    padding:5px;
    text-align:right;
    width:170px;
    clear:both;
}

.register input{
    -webkit-border-radius:3px;    
    -moz-border-radius:3px;
    border-radius:3px;
    background:none repeat scroll 0 0 #FFFFFF;
    border:1px solid #ccc;
    font-size:2em;
    height:35px;
    padding:5px;
    width:350px;
    outline:none;
}

.reg-alert, #invite-alert{
    text-align:center;
    font-size:1.2em;
    margin:20px auto 10px;
    padding:10px 100px;
    color:#A11A41;
    width:460px;
    display:block;
}

.reg-alert li{
    margin-bottom:3px;
}
fieldset p{ clear:both; text-align:center; margin-bottom:20px;}

#ny-alert{
    width:500px;
    margin:0 auto;
    background:#fff;
    padding:4px;
    border:1px solid #89d79f;
    text-align:center;
    -webkit-border-radius:4px;    
    -moz-border-radius:4px;
    border-radius:4px;
    box-shadow:inset 0 0 4px #ddd;
    font-size:1.1em;
}

#ny-alert h4{
    font-size:1.1em;
    margin-bottom:3px;
}

.new{
    display:inline-block;
    background: #28B851;
    padding: 0 3px;
    font-size: 0.8em;
    color: #fff;
    font-weight: normal;
    -webkit-border-radius:2px;    
    -moz-border-radius:2px;
    border-radius:2px;
    letter-spacing:0.1em;
}

#privacyalert{
    width:348px;
    margin:0 auto;
    margin: 10px auto 25px;
    border:1px solid #ddd;
    padding:6px 30px;
    overflow:hidden;
    text-align:left;
    font-size:1em;
    -webkit-border-radius:4px;    
    -moz-border-radius:4px;
    border-radius:4px;
    box-shadow: inset 0 0 4px #fff;
}

#privacyalert .edit-small{
    width:50px;
    display:none;
}

.edit-small{
    font-size:0.8em;
}

#privacyalert:hover .edit-small{
    display:inline-block;
    font-size:0.9em;
    margin-left:3px;
}

.smallbutton{
    font-size: 0.9em;
    min-width: 0;
    margin: 8px 0;
    padding: 3px 10px;
    height: auto;
    -webkit-border-radius: 4px;    
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 1px 3px #888;
    -webkit-box-shadow: 0 1px 3px #888;
    box-shadow: 0 1px 3px #888;
    background: #BB305C;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#bb305c), to(#A11A41));
    background-image: -moz-linear-gradient(top, #bb305c, #A11A41);
    background-image: -o-gradient(top, #bb305c, #A11A41);
    color: #fff;
}

#privacy-editor, #ny-editor{
    text-align: left;
    margin: 10px auto 0;
    width: 170px;
    padding-left:1px;
    display: none;
}

#ny-editor{
    width:275px;
}

.ny-alert-desc{
    color:#888;
    margin-bottom:2px;
}

div#alert{margin:-20px auto 0; height:40px; display: block;}
div#alert span{display: none;}

div#alert.fixed {
    position:fixed;
    z-index:999;
    background:#fff;
    -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
    -moz-box-shadow:0 1px 4px #999999; -webkit-box-shadow:0 1px 4px #999999; box-shadow:0 1px 4px #999999;
    height: 10px;
    top: 56px;
    display:none;
    width:898px;
    margin-left:-8px;
    padding: 33px 8px 8px;
    text-align: center;
}

.error{color:#af211b;}

#topalert{width:600px; margin:0 auto;
    margin-top:20px; margin-bottom:20px;
    background:#fff;
    border:1px dashed #333333;
    padding:10px;
    overflow:hidden;
    font-size:1.4em;
    text-align:center;
}

#topalert p{margin-bottom:15px; line-height:1.2em;}

#newfeaturealert, #bucketalert{
    width:890px;
    margin:0 auto 20px;
    background:#fff;
    border:1px solid #bb305c;
    padding:6px 20px 4px;
    overflow:hidden;
    color:#666;
    -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-box-shadow:1px 1px 7px #ccc; -webkit-box-shadow:1px 1px 7px #ccc; box-shadow:1px 1px 7px #ccc;
}

#newfeaturealert .alertcontent{
}

#newfeaturealert a{
    color:#A71e45;
}

#newfeaturealert p, #bucketalert p{
    margin-bottom:6px;
    font-size: 1.1em;
}

#newfeaturealert h2, #bucketalert h2{
    font-size: 1.5em;
    margin-bottom: 4px;
}

#newfeaturealert img{
    padding-left:5px;
}

#communitystats{
    width:700px; margin:0 auto;
    margin-top:20px; margin-bottom:20px;
    background:#fff;
    border:1px dashed #333333;
    padding:10px;
    overflow:hidden;
}

#communitystats h3{text-align:center; margin-bottom:10px;}
#communitystats p{font-size:1.8em; margin-bottom:10px;}
#communitystats .statsright{float:right;}
#communitystats .statsleft{float:left;}

#soloitem, #owneractions{
    width:660px;
    margin-bottom:15px;
    background:#ffffff;
    border:1px solid #ccc;
    overflow:hidden;
    clear:both;
    margin-top:0;
    padding:16px 20px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
}

#paging{
    clear:both;
    margin:0 auto;
    margin-bottom:30px;
    overflow:hidden;
    font-size:1.2em;
    height: 1.2em;
    line-height: 0.8em;
}

#paging .previous{
    float:right;
    border-right:1px solid #ccc;
    padding-right:5px;
    margin-right:5px;
}

#paging .next{
    float:right;
}

#addtags, .addtags{
    margin-top:20px;
    width:218px;
    border:1px solid #ccc;
    height:auto;
    background:#fff;
    overflow:hidden;
}

#taglist li{
    float:left;
    font-size:1.5em;
    margin-right:0.2em;
}

#taglist li:after {
    content: ", ";
}

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

#solotext{font-size:2.5em; float:left; font-weight:100; width:540px; min-height:80px;}
#solonum{font-size:2.5em; float:left;margin-right:5px;}
#solometa{
    width:100%;
    clear: both;
    margin-top: 20px;
}

#solostatus{
    font-size: 1.2em;
    text-align: right;
    color: #888;
    margin-top:10px;
}

#statusicon{
    margin-right: 0;
    margin-top: 0;
    width: 40px;
    height: 40px;
    float: right;
}

#statusicon img{
    height:40px;
    width:40px;
}
#soloitem .added, .soloadd{
    position: relative;
    top: 0;
    right: 0;
    float:left;
    margin-left:0;
    margin-right:5px;
    width:22px;
    height:20px;
}

.soloadd span {
    background-size: 20px;
    -moz-background-size: 20px;
    width: 100% !important;
}

#soloitem .liked, .sololike{
    float: left;
    width: 22px;
    position: relative;
    height: 19px;
    margin-left: 0;
    margin-right: 5px;
    top:0;
}

#soloitem .metoo, .solometoo{
    position: relative;
    margin-left: 0;
    top: 0;
    right: 0;
    height: 20px;
    width: 20px;
    left: 0;
    bottom: 0;
    overflow: hidden;
    float: left;
    margin-right: 5px;
}

#soloitem .commentballoon, .solocomment{
    margin-top: 0;
    margin-left: 0;
    margin-right: 5px;
    float: left;
    width: 20px;
    height:20px;
}

.sidebar-category-text{
    font-size:1.4em;
    text-align:center;
}

.sidebar-actions{
    background:#fff;
    padding:3px;
    border:1px solid #ddd;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    margin-top:20px;
    overflow:hidden;
}
.sidebar-actions select{
    width:100%;
    margin:4px 0 10px;
}

#alist .likecount{display:block;}
#alist .likeheart, #alist .commentballoon{width:40px; height:18px;}
#alist .commentballoon{margin-top:0;}
#alist .addToMyList{width: 18px; height: 18px;}
.likecount, .metoocount{display:none;}
.listview #gravatar{display:none;}
.solofb{
    margin-top:20px;
}

.solotweet{
    clear:both;
    margin-bottom:10px;
    float: left;
    margin-right: 10px;
}
.dashitemimage{
    clear:both;
    margin:10px auto;
    width:300px;
    display:block;
}

#soloimage img, .dashitemimage img{
    width:300px;
    padding:5px;
    border: 1px solid #ccc;
}

#soloimage {
    margin-top:20px;
    clear:both;
    margin:10px auto 0;
    width:312px;
    display:block;
}

#owneractions{
    clear:both;
}

#solo-frequency{
	margin-top:10px;
}

#frequency-alert{
	margin-bottom:10px;
	color:#f00;
}

#solo_goal_actions{
    margin-bottom:20px;
}

#solo_goal_actions li{
    border-bottom:1px solid #ccc;
    font-size:1.2em;
    padding:5px 3px;
    clear:both;
    overflow:hidden;
}

#solo_goal_actions li:hover{
    background:#f8f8f8;
}

#solo_goal_actions .action{float:left;}
#solo_goal_actions .action_count{float:right; margin-right:3px;}

.exploreitem{width:455px; float:left; margin:10px auto; padding:10px 5px; margin-right:10px; list-style: none; position: relative; background:#fff; font-size:2.0em; min-height:85px; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; -moz-box-shadow:2px 2px 4px #999999; -webkit-box-shadow:2px 2px 4px #999999; box-shadow:2px 2px 4px #999999;}
.exploreitemtext{width:455px;  margin-right: 10px; display: inline-block; vertical-align: middle; text-shadow: 0 1px 0 #fff;} 
.exploreitem:hover{background:#D5E4BE;}
.exploreitemowner{float:right; font-size:0.7em;}
.exploreitemowner a{text-decoration:none; color:#808080;}
.exploreitemowner a:hover{text-decoration:none;}
.exploreitemowner img{margin-left:8px;}
.explorefblike{display:none; margin-right:10px; width: 55px; height: 30px; float:left;}
.exploreitem:hover > .explorefblike{display:inline-block;}
.exploreadd{display:none; width: 32px; height: 32px; float:left;}
.exploreitem:hover > .exploreadd{display:inline-block;}


.exploreitemowner img{
    padding: 0 10px 0 0;
    width:30px;
}

#explorephoto{
    width:690px;	
    float:left;
}

.gridphoto{
    display:block;
    background:#fff;
    margin-bottom:30px;
    border-bottom-right-radius:4px;
    border-bottom-left-radius:4px;
    position:relative;
    max-width:210px;
}

.gridphoto a{
    color:#333;
}

.gridphoto-details{
    padding:4px;
    height:20px;
    margin-top:-3px;
}

.gridphoto-details a{
    color:#1B8A93;
}

.gridphoto-details img{
    height:20px;
    width:20px;
}

.gridphoto .gridphoto-avatar{
    float:left;
}
.gridphoto .ownername{
    font-size:1.1em;
    margin-left:6px;
    float:left;
    line-height:1.4em;
}

.gridphoto img.goalphoto{
background:#FFFFFF;
max-width:210px;
}

.gridphoto-goaltext{
    display:none;
}

.gridphoto .gridphoto-goaltext a{
    color:#333;
    text-decoration:none;
}

.gridphoto:hover .gridphoto-goaltext {
    display:block;
    z-index:5000;
    top:0;
    position:absolute;
    padding:4px;
    background:rgba(255, 255, 255, .7);
    width:202px;
    font-size:2em;
    font-style:italic;
    text-shadow: 0 1px 2px #CCC;
}

#page_nav{
}


#headsup{
    clear:both;
    margin-top:20px;
    margin-bottom:20px;
    overflow:hidden;
}

#userstats{
    float:right;
}

.userdetails{float:right; margin-right:5px; width:450px;}
.userdetails #realname{ color: #360c53; font-size:1.4em;line-height:1em; text-shadow: 0.05em 0.05em 0.15em #fff; }
.userdetails #location{font-size:1em; }
.userdetails .plus{float: right;}
#goldencheck{
    margin-right:15px;
    float:right;
    margin-top:0;
}


.followbutton{text-align:center; float:right;}
#fbconnect{
    clear:both;
    margin:0 auto;
}

.fbposted{
    line-height:1em;
    margin-right:55px;
    margin-top:5px;
    display:block;
    color: #27A53B;
    font-weight:bold;
}


/* -------- SUPPORTER PAGE --------*/
#supporters {
    font-size:1.2em;
}

#supporters p{
    letter-spacing:0.02em;
    line-height:1.7em;
    margin-bottom:20px;
    margin-top:20px;
}
.supporter{
    float:left;
    margin:15px;
    padding:3px;
    border:1px solid #cead11;
    -webkit-border-radius:7px;    
    -moz-border-radius:7px;
    border-radius:7px;
}

#supporterlist{
    overflow:hidden;
}

.supporter img{
    -webkit-border-radius:7px;    
    -moz-border-radius:7px;
    border-radius:7px;
}

#supportplz{
    clear:both;
    margin-top:10px;
}

/* ======== INVITE PAGE ======== */

#invite{
    width:525px;
}
#invite textarea, #invite-static{
    background:#fff;
    display:block;
    width:500px;
    padding:5px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    border:1px solid #ddd;
}

#invite label{
    margin-top:20px;
    margin-bottom:2px;
    font-weight:bold;
    display:block;
    font-size:1.2em;
}

#invite-emaillist{
    height:40px;
    color:#aaa;
}

#invite-emaillist:focus{
    outline:none;
    color:#000;
}

#invite-body{
    height:auto;
}

#invite-static{
    height:170px;
}

#invite-static p{
    font-size:1.1em;
    margin-bottom:1em;
}

#invite-alert{

}
/* ------- ABOUT PAGE ----------- */
.aboutinfo{margin-bottom:30px; margin-top:50px;}
.mission{
    display:block;
    font-size:3.95em;
    text-align:center;
}
.person {clear:both; overflow:hidden; margin-top:10px; margin-bottom:20px;}
.personinfo {float:left; width:595px; text-align:left;}
.teamavatar{width:75px; padding-top:5px; float:left; margin-right:20px;}
.personinfo h3{text-transform:uppercase;}
.aboutinfo p {
    font-size: 1.4em;
    font-weight: 300;
    letter-spacing: 0.02em;
    line-height: 1.5em;
    margin-bottom: 50px;
    margin-top: 20px;
    text-align: center;
}

.personinfo p{font-size:1.2em;}
.thanks p{
    margin:20px 0;
    font-size:1.4em;
}
/* ------- FAQs ----------- */
#FAQs{
    margin-top:30px;
}
#questionjumplist{
    margin-bottom:45px;
    font-size:1.2em;
}
#questionjumplist li{
    margin-bottom:8px;
    list-style-type:square;
}
#questionjumplist p{
    font-size:1.2em;
}

#questionlist h3{
    font-size:1.4em;
    margin-top:30px;
}
#questionlist p {
    font-size:1.2em;
    font-weight:300;
    letter-spacing:0.02em;
    line-height:1.6em;
    margin-top:5px;
}

/* ------- PRESS PAGE ----------- */
#presslinks li{
    margin:12px 0;
    font-size:1.25em;
}

.presspage p{
    font-size:1.15em;
    line-height:1.8em;
}

.presspage h2{
    clear:both;
    margin-top:40px;
    margin-bottom:10px;
    border-bottom:1px solid #ccc;
}

#press p{
    font-size: 1.2em;
    margin: 5px 0 30px;
}

#logopreviews{
    overflow:hidden;
}
.logopreview{
    float:left;
    padding:10px;
    margin:10px 15px;
}

.logopreview p{
    font-style:italic;
    text-align:center;
    font-size:1.0em;
}

#logopreviews .dark{
    background:#333;
    color:#fff;
}

/* ====== EXPLORE ====== */
.minimal-bubble li{
    display: block;
    background: #fff;
    margin: 8px 0 0 0;
    text-align: left;
    font-size:1.4em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 6px 6px 6px 7px;
    -webkit-box-shadow: 0 0 3px #ccc;
    -moz-box-shadow: 0 0 3px #ccc;
    box-shadow: 0 0 3px #ccc;
    color:#666;
}

#explore-categories li{
    font-size:1.6em;
    margin-bottom:4px;
}

#categorized-goals li, #todays-goals li, #dash-daily-goals li{
    display: block;
    background: #fff;
    margin: 8px 0 0 0;
    text-align: left;
    font-size:1.4em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 6px 6px 6px 7px;
    -webkit-box-shadow: 0 0 3px #ccc;
    -moz-box-shadow: 0 0 3px #ccc;
    box-shadow: 0 0 3px #ccc;
    color:#666;
}

.category-goal-name{
    width:530px;
    float:left;
}

.category-add-button{
    float:right;
}

.category-added-count{
    margin-right:8px;
    font-size:0.7em;
    color:#888;
    float:right;
    line-height:1.7em;
}

/*------ GOD! ------------------ */
#godfooter{
    position:fixed;
    bottom:50px;
    left: 50%;
    z-index:99999;
    background: #ffd1e9;
    width:700px;
    margin-left:-350px;
    padding:10px;
    border: 1px dashed #c0c0c0;
}

#godtools{
    width:700px;
    margin:10px auto;
    background: #9bd5ea;
    padding:10px;
    border: 1px dashed #c0c0c0;
    color:#000;
    clear:both;
}

#godprivacyalert{
    position:fixed;
    top:10px;
    left: 50%;
    z-index:99999;
    background: #00f6ff;
    width:700px;
    margin-left:-350px;
    padding:10px;
    border: 1px dashed #c0c0c0;
}

.itemistd{
    background:#ffe795;}

/* ------- RECAPTCHA ------*/
#recaptcha input{
    height:20px;
    background:#fff;
    font-size:1em;
    clear:both;
    display:block;
}

#recaptcha label{
    font-size:1em;
    line-height:15px;
}

/*--------- TAGS -----------*/

#itemtags .tagview{
    clear:both;
}

#alltags li{
    font-size:1.8em;
    line-height:2.0em;
}

.barcloud{
    display:block;
    padding:4px;
    background:#f00;
    margin: 1px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    /*    word-wrap:break-word;*/
}

/*======== LIKERS & COMMENTS ========*/
#likers h2, #comments h2{
    text-transform:uppercase;
    font-family:SteelFish, 'Arial Narrow', Helvetica, Arial, sans-serif;
    font-size: 2.1em;
    font-weight:normal;
    text-shadow: 0 0 1px #fff;
}

#likers h2{
    color: #d91b5c;
    margin-bottom:10px;
}

#comments h2{
    padding-left: 25px;
    color: #339999;
}

#likers li{float:left; margin:0 8px 10px 0;}

#comments .dashitemheader, #groups .dashitemheader, #challenge-discussion .dashitemheader{
    float:left;
}

#comments, #likers{
    margin:0 auto;
    margin-bottom: 32px;
    overflow:hidden;
}

#likers{
    padding: 32px 25px 0;
    border-top: 1px solid #CDCDCD;
}

.comment-wrapper{
    clear: both;
    overflow: hidden;
    border-bottom: 1px solid #CDCDCD;
    padding: 20px 25px;    
}

.comment-avatar{
    width: 32px;
    float: left;
    margin-right: 10px;
}

.comment-avatar img{
    height: 32px;
    width: 32px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.comment{
    float: left;
    width: 600px;
}

.comment-commenter{
    text-transform: uppercase;
    font-size: 1.8em;
    line-height: 1em;
    font-family: SteelFish, 'Arial Narrow', Helvetica, Arial, sans-serif;
    float:left;
    text-shadow: 0 0 1px #fff;
}

.comment-commenter a{
    color: #399;
}

.comment-content{
    color: #333;
    margin-top: 3px;
    font-size: 1.2em;
    line-height: 1.5em;
    clear:both;
}

.comment-time{
    margin-top: 10px;
    color: #666;
}

.comment .plus{
    font-family: helvetica;
    float: left;
    margin: 2px 0 0 5px;
    font-size: 0.9em;
    height: 12px;
    line-height: 1.15em;
    padding:2px;
}

.comment-add{
    margin-top:20px;
    padding: 0 25px 20px;
}

#comments .comment-add h2{
    font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Arial,sans-serif;
    font-weight:bold;
    border:none;
    text-transform:none;
    font-size: 1.4em;
    padding: 0 0 10px;
}

.comments-empty{
    font-size: 1.2em;
    margin: 10px 0;
    padding: 10px 25px; 
}

.goal-social-headers{
    height:21px;
    width:23px;
    margin-left:10px;
    display:inline-block;
}

#goal-likers{
    background:url('/imgs/sprite-goal-social-large.png') no-repeat;
    background-position:-5px -1px;
}

#goal-comments{
    background:url('/imgs/sprite-goal-social-large.png') no-repeat;
    background-position:-3px -24px;
}

#comments textarea, #groups textarea{
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    border:1px solid #ccc;
    font-family:inherit;
    font-size:1.2em;
    height:65px;
    padding:10px;
    padding:6px;
    width:600px;
    margin-top:0;
    margin-left:0;
    background:#fff;
}

textarea:focus{outline:none;}

#comments .progressreport{
    border-right:3px solid #BB305C;
}

#progress-report-check{
    margin-left: 10px;
    margin-top: 2px;
}
#comments .commentcontent, #groups .commentcontent, #challenge-discussion .commentcontent{
    clear:both;
    float:left;
    font-size:1.1em;
    padding-top:15px;
    margin-left:15px;
    color:#333;
}

.commentfancydate{
    float: right;
    margin-top: 0;
    margin-left: 15px;
    margin-bottom: 1px;
}

#comments h3{
    margin-top:0;
    margin-bottom:15px;
}

#comments .loginreminder{
    font-size:1.5em;
    margin-top:12px;
    margin-bottom:20px;
}
#comments #submitcomment{
    /*font-size:2.0em;*/
    /*    margin:10px auto 30px;*/
    /*    padding:2px 10px;*/
    /*    text-align:center;*/
    /*    text-shadow:-1px -1px 0 #808080;*/
    width: auto;
    margin: 15px 0 3px 11px;
}

#comments .submitcomment:hover{
/*    background:#2E2633;*/
/*    cursor:pointer;*/
}

#commentform{margin:0;}
#commentform label{font-size:1.2em; margin-right:3px; color:#000;}



/* ---------- GOODIES ----------- */
#bookmarklet{
    -webkit-border-radius: 10px;    
    -moz-border-radius:10px;
    border-radius:10px;
    background:none repeat scroll 0 0 rgba(197, 50, 96, 0.85);
    display:inline-block;
    font-size:1.5em;
    padding:4px 16px;
    text-decoration:none;
    text-shadow:1px 1px 0 #515760;
    margin-top:10px;
}

#bookmarklet a{color:#fff;}
#bookmarklet:hover{	background:none repeat scroll 0 0 rgba(197, 50, 96, 1.0); text-decoration:none;}

.goodie {
    margin-top:30px;
    overflow:hidden;
}

.goodieimg{float:left; border: 2px solid #bb305c; width:336px; height:131px; margin-right:15px;}
.goodie p{font-size:1.2em;}
.goodie h2{clear:both;}

/* --------- LIST SIDEBAR -------- */
#thesidebar{
    float:right;
    padding:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}


#thesidebar #sociallinks li{
    margin-bottom:0;
}

.userdetails{
    margin-bottom:20px;
    margin-right:0;
    margin-top:10px;
    width:300px;
}

/* --------- FOLLOWING/FOLLOWER lists ---------- */
.usercard{
    width:685px;
    height:100px;
}
.usercard .gravatar {float:left; width:50px; margin-right:10px;}
.usercard .gravatar img{-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.usercard .username{font-size:1.5em; line-height:1.7em; float:left;}
.usercard .realname {color:#c0c0c0; font-size:0.6em; margin-left:9px;}

#followlist, #suggestionlist, #friends{margin-top:40px; width:685px; float:left;}
#followlist .formbutton, #suggestionlist .formbutton, #friends .formbutton, #recommendedmembers .formbutton, #searchresults .formbutton{margin:0;}

#recommendedmembers{
    margin-top: 30px;
    border-top: 1px solid #CCC;
    padding-top: 10px;
}

#recommendedmembers .usercard{
    width: 630px;
    height: 60px;
    border-bottom: 1px solid #EEE;
    margin: 10px 0 0;
}

#recommendedmembers .formbutton{
    font-size: 1.2em;
    min-width: 90px;
    height: 25px;
    padding: 2px;
    margin: 0;
    font-weight: normal;
    -webkit-border-radius:4px;    
    -moz-border-radius:4px;
    border-radius: 4px;    
    margin-top: 10px;
}

.membersince{
    color:#888;
    font-size:0.65em;
    display:block;
    line-height:1em;
}

/* ---------- OTHER CRAP --------- */
.itemresult{
    font-size:2em;
    height:50px;
}

.searchheader{
    margin-bottom:20px;
    margin-top:45px;
}

#searchresults .sideusercard{
    float: left;
    clear: none;
    margin-left: 15px;
}
#friends .usercard{width:100%;}
.goodie #fbconnect{width:auto; margin:0 auto;}


/* NEWB ALERT */
#newbie p{
    font-size:1.5em;
    font-weight:200;
    color:#888;
    margin-top:10px;
}

#newbie h2{
    margin-top:15px;
    float:none;
}

#newbie ul{
    list-style-position: outside;
    list-style-type: disc;
    margin-left: 18px;
    font-size: 1.4em;
}
#newbie li{
    margin-top: 10px;
    color: #666;
}

#newbie li strong{
    color:#BB305C;
}

/* ----- LEADER BOARD ---- */
#leaderboard ol{
    list-style-type:decimal;
    margin-left:47px;
    font-size:2.5em;
}

#leaderboard li{
    margin-bottom:15px;
}

#leaderboard li img{float:right; margin-right:20px;}

.leaderstats{
    float:right;
    font-size:0.5em;
    line-height:2.7em;
    margin-right:20px;
}
/* ----- EDIT MODAL ------ */
#editmodal{

}

#editmodal p{
    font-size:1.5em;
    font-weight:200;
    color:#888;
}

.editmodal h3{
    color:#899c5f;
    margin-top:15px;
}

.editmodal input{
    -webkit-border-radius:3px;    
    -moz-border-radius:3px;
    border-radius:3px;
    background:#FFFFFF;
    border:1px solid #ccc;
    height:35px;
    font-size:2em;
    padding:5px;
    color:#2e2633;
    width:98%;	
}

.editmodal input.formbutton{
    background:#99173C;
    border:0 none;
    color:#FFFFFF;
    font-size:2.1em;
    height:40px;
    margin:0;
    padding:5px;
    float:right;
    width:auto;
}

.forprint{display:none;}

.modulehide{
    float:right;
    border:1px solid #ccc;
    margin: 0 -16px 0 0;
    -webkit-border-radius:9px;
    -moz-border-radius:9px;
    border-radius:9px;
    padding:1px;
    text-align:center;
    width:20px;
    color: #ccc;
    background:#eee;
}

.modulehide:hover{
    background:#dfdfdf;
    cursor:pointer;
    color:#888;
}

#listinput.fixed{
    position:fixed;
    top:0;
    z-index:999;
    background:#ddd;
    -webkit-border-radius:0 0 10px 10px;
    -moz-border-radius:0 0 10px 10px;
    border-radius:0 0 10px 10px;
    -moz-box-shadow:0 1px 1px #888; -webkit-box-shadow:0 1px 1px #888; box-shadow:0 1px 1px #888;
    padding:6px 50px 8px 25px;
    margin-left:-25px;
    border:1px solid #eee;
}

#listinput input:focus{outline:none;}

ul.guidelines{
    list-style-type:square;
    margin:15px 0 30px 18px;
    font-size:1.2em;
}
.guidelines li{
    margin-bottom:8px;
}

/* -------- SUGGEST A GOAL stuff ----------*/

#commentform {margin-left:0; margin-top:0;}
#suggestedgoals{
    margin-top:20px;
}

#suggested, #groupslist, #grouptopics{
    margin:0 auto;
    margin-bottom:30px;
}

#suggested .suggestion{
    width:700px;
}

#suggested .suggester{
    width:200px;
}

#suggested .action{
    width:100px;
}

#suggested th, #groupslist th, #grouptopics th{
    background:#ddd;
    text-align:left;
    padding:2px 4px;
}

#suggested tr:hover, #groupslist tr:hover, #grouptopics tr:hover{
    background: #f8f8f8;
}

#suggested td, #groupslist td, #grouptopics td{
    padding:5px;
    margin:3px 0;
    border-bottom:1px solid #ccc;
}

#suggested span.add{
    display: inline-block;
    background-image: url(/imgs/add-32-grey.png);
    height: 32px;
    width: 32px;
    cursor: pointer;
}

#suggested span.add:hover{
    background-image: url(/imgs/add.png);

}

#suggested span.reject{
    background-image: url(/imgs/delete-32-grey.png);
    height: 32px;
    width: 32px;
    display: inline-block;
    cursor: pointer;
}
#suggested span.reject:hover{
    background-image: url(/imgs/delete.png);
}

/* --- LIST OF LISTS VIEW -----*/
#listoflists h2{
    margin:0 0 10px;
    clear:both;
}

.listlink{
    font-size:1.4em;
    display:block;
    width:678px;
    margin:0 4px 14px 2px;
    text-align:center;
    box-shadow: 0 1px 1px #ddd;
    text-shadow: 0 1px 1px #fff;
}

.listlist{
    overflow: hidden;
    margin-bottom: 20px;
}

div#listtitle{color: #360c53; font-size:2.6em;line-height:1.5em; text-shadow: 0.05em 0.05em 0.15em #fff; margin-left:10px;width: 750px;
    float: left;}

    div#listtitle input{
        width:auto;
        background:#fff;
        font-size:1em;
        font-weight:lighter;
    }

    div#listtitle-helper{
        clear: both;
        margin: 79px 0 0 12px;
        font-style: italic;
        overflow: hidden;
        display: block;
        display:none;
        color: #888;
    }

    #dialogError{ display: none; color: #359a32; text-align: right; width: 100%; }

    .creditbutton{
        border:0;
        padding:10px;
        background: #A41D53;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;

    }

    #createnewlist{
        cursor:pointer;
        clear:both;
        float:left;
        margin:0 0 10px;

    }

    #newlist{
        width: 655px;
        margin: 0 auto;
        display: block;
        overflow: hidden;
        border-top: 1px solid #CCC;
        padding-top: 9px;
        padding-left: 20px;
        border-bottom: 1px solid #CCC;
        margin-bottom:20px;
    }

    #newlist .sublabel{
        margin-top: 9px;
        font-size: 1em;
        float: left;
        margin-left: 20px;
    }

    #uh-oh.credits{
        display:none;
        display: block;
        text-align: center;
        font-size: 1.2em;
        background:#fff;
        border: 1px solid #DDD;
        padding: 3px 0;
        width: 500px;
        margin: 0 auto 12px;
        -webkit-border-radius:4px;
        -moz-border-radius:4px;
        border-radius: 4px;
        clear:both;
    }

    .error-border{
        box-shadow: 0 0 1px #BB305C;
    }

    #uh-oh.credits p{
        margin-top:2px;
    }

.icon-privacy{
    height: 16px;
    width: 16px;
    display: inline-block;
    opacity: 0.4;
    float: right;
    margin-top:2px;
}

/* ====== GROUPS & CHALLENGES ======== */
#challenge-progress{
    overflow:hidden;
}
#challenge-progress #progressbar{
    width:520px;
}

#challenge-increments, #challenge-players, #challenge-discussion{
    margin-top:30px;
    border-top: 1px solid #DDD;
    padding-top: 8px;
}

#create-challenge input{
    background: #fff;
    border: 1px solid #ccc;
    width:600px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    padding:5px;
    margin:0;
    display:block;
    font-size:1.8em;
    margin-bottom:30px;
}

#create-challenge input[type='number']{
    clear:both;
    width:150px;
}

#create-challenge textarea{
    margin: 3px 0 30px;
    width:600px;
}

#create-challenge .sublabel{float:left;}

#challenge-increments input[type="number"]{
    width:100px;
    display:inline-block !important;
    font-size: 0.8em;
    min-height: 45px;
    -webkit-border-radius:3px;    
    -moz-border-radius:3px;
    border-radius:3px;
    background:#FFFFFF;
    border:1px solid #ccc;
    height:35px;
    padding:5px;
    color:#333333;
}

#challenge-increments .formbutton{
    font-size:0.5em !important;
    display:block !important;
}
.challenge-increment-zone{
    font-size:3em;
    margin: 15px 0;
}

#challenge-update-increment.big-button{
    font-size:0.6em;
    width:auto;
}

#challenge-aggregate-progress{
    margin-bottom:30px;
}

#challenge-aggregate-progress-bar.new-progress-area{
    margin-top:15px;
    height: 20px;
    width: 600px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

#challenge-progress-bar.new-progress-bar{
    height:20px;
}

#challenge-players ul{
    margin-top:8px;
}
#challenge-players li{
    float:left;
    margin:0 8px 8px 0;
}

#challenge-round h2{
    clear: both;
}

#challengestatus{
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    text-align:center;
    padding: 8px;
    font-size:1.1em;
}

.chalstatbig{
    font-size: 4em;
    font-weight: bold;
    color: #0FA544;
    margin-bottom: 0;
    line-height: 1em;
    margin-top: 10px;
}

.chalstatdesc{
    font-size:1.2em;
}

#challenge-limit{
    display:none;
    margin-top:-20px;
    margin-bottom:10px;
}

#challenge-join{
    margin:30px 0;
}

#challenge-join p{
    margin-top:10px;
    font-size:1.2em;
}

.status-active{
    background: #AEE6BD;
    border: 1px solid #0FA544;
}

.status-open{
    background: #aed6e6;
    border: 1px solid #0e79a4;
}

.createachallenge {
    font-size: 1.7em;
    margin: 20px 0;
    display: block;
    background: #1B8A93;
    width: 200px;
    text-align: center;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius: 4px;
    box-shadow: 1px 1px 1px #888;
    padding: 4px;
    color:#fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#37A9B3), to(#1B8A93));
    background-image: -moz-linear-gradient(top, #37A9B3, #1B8A93);
    background-image: -o-gradient(top, #37A9B3, #1B8A93);
}

.createachallenge:hover{
    background:#3f9ba3;
    text-decoration:none;
    box-shadow:none;
}

.sidebarQA li{
    margin-bottom:10px;
}

.sidebarQ{
    font-weight:bold;
    display:block;
}

.groupsform input{
    margin-top:30px;
}

#challenge-discussion{
    overflow:hidden;
    clear:both;
}

#challenge-past-rounds{
    margin-bottom:30px;
}

ul#wall-of-fame{
    overflow:hidden;
    margin-bottom:30px;
}

#challenge-wall-of-fame li{
    float:left;
    margin:0 8px 8px 0;
    border: 4px double #FFD700;
}

.player-stats{
    background: #CCC;
    padding: 5px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius: 3px;
    height: 50px;
    float:left;
    margin-right:8px;
}

.stat-contribution{
    font-size: 3em;
    margin-left: 10px;
    line-height: 1.45em;
    float: right;
}

.green{
    background:#AEE6BD;
}

.yellow{
    background:#f1ecab;
    /*    color:#000;*/
}

.red{
    background:#f1abab;
    color:#fff;
}

.congrats{
    text-align: center;
    font-weight: bold;
    color: #BB305C;
    font-size:1.3em;
}

.congrats-subtext{
    text-align:center;
    font-size: 0.8em;
}

.congrats-sharing{
    text-align: center;
    margin-top: -8px;
}

.brag{
    font-size:0.4em;
    display:block;
    text-align:center;
    margin: 10px 0 0 0;
}
.congrats-sharing .fb-send{
    position: relative;
    top: -7px;    
}

.groupsform .formbutton, #groups .formbutton{
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    -moz-box-shadow:0 1px 3px #222;
    -webkit-box-shadow: 0 1px 3px #222;
    box-shadow:0 1px 3px #222;
    text-shadow:1px 1px 0 #222;
    background:#bb305c;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#bb305c), to(#A11A41));
    background-image: -moz-linear-gradient(top, #bb305c, #A11A41);
    background-image: -o-gradient(top, #bb305c, #A11A41);
    border:1px solid #A11A41;
    color:#FFFFFF;
    font-size:1.4em;
    height:35px;
    margin:20px 0 40px;
    padding:5px;
    width:auto;
    clear:both;
}

#groups p{
    margin-bottom:10px;
    line-height:1.5em;
    font-size:1.2em;
}

#groups h3{
    margin-top:30px;
}

#groupsuggestions{
    font-size:1.6em;
    margin-bottom:30px;
}

#groupsuggestions li{
    margin-top:15px;
}

#groupsuggestions .suggester{color:#888;}

#groups label{
    clear:both;
    font-size:1.2em;
    margin-top:30px;
}

/*#groups input, #groups textarea{
clear:both;
display:block;
}
*/
#creategroup div{
    margin-top:20px;
}

#groups .seeall{float:right; font-size:1.2em;}

#groupslist, #grouptopics{
    width:700px;
}

#groupslist a, #grouptopics a{
    color: #1B8A93;
}
#groupslist .grouptitle{
    font-size:1.4em; 
    width:500px;
}

#groupslist .groupdesc{
    font-size:0.8em;
    display:block;
}

#groupslist .posttime, #grouptopics .posttime{
    text-align:center;
}



#groupdescription{
    background: #f8f8f8;
    padding: 10px; 
    -webkit-border-radius:3px;    
    -moz-border-radius:3px;
    border-radius:3px;
    margin:30px 0;
}

#grouptopics td{
    font-size:1.2em;    
}
#grouptopics .posttitle{
    width:500px;
}

#grouptopics .posttime{
    font-size:0.9em;
}

.replies{
    text-align:center;
}

#groupslist li{
    border-bottom:1px solid #ccc;
    padding: 10px 0;
}

#groupmembers{
    margin-bottom:30px;
    overflow:hidden;
}

#groupmembers ul{
    margin-top:10px;
}

#groupmembers li{
    float:left;
    margin-right:5px;
    margin-bottom:5px;
}

.challengeslist li{
    width: 29%;
    background: #f5f5f5;
    padding: 8px;
    color: #888;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius: 3px;
    margin: 10px 10px 10px 0;    
    float:left;
    min-height: 190px;
    border:1px solid #ccc;
    -webkit-box-shadow: inset 0 0 4px #ddd;
    -khtml-box-shadow: inset 0 0 4px #ddd;
    -moz-box-shadow: inset 0 0 4px #ddd;
    -ms-box-shadow: inset 0 0 4px #ddd;
    -o-box-shadow: inset 0 0 4px #ddd;
    box-shadow: inset 0 0 4px #ddd;
    text-shadow:0 1px 1px #fff;
}

.challengeslist li span.challenge-name{
    display:block;
    font-size:1.5em;
}

.challengeslist li span.challenge-desc{
    display:block;
    margin-top:0.25em;
    font-size:1.2em;
    color:#666;
}

.challengeslist li span.chal-stat{
    margin-top: 10px;
    float: left;
    margin-right: 10px;
    border-right: 1px solid #EEE;
    padding-right: 10px;
    width:25%;
    text-align:center;
}

.challengeslist li span.chal-stat:last-child { border:0; margin-right:0;}

.challengeslist li span.challenge-num{
    display:block;
    margin-top:0.25em;
    font-size:1.8em;
    color:#aaa;
    font-weight:bold;
    text-align:center;
}

.challengeslist li span.challenge-text{
    display:block;
    margin-top:0.45em;
    font-size:1.6em;
    color:#ccc;
    font-weight:bold;
    text-align:center;
}

.challengeslist li.captain{
/*    border:1px solid #A41D53;*/
}

.challengeslist li#swabforamit{
    width:95%;
    border:1px solid #A41D53;
}
/* ==== UPGRADE ACCOUNT ==== */
#upgradeinfo{
    margin: 10px 0 30px;
    font-size:1.8em;
}

#upgrade p{
    font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Arial,sans-serif;
    font-size:1.2em;
    margin-bottom:20px;
}

.plus-inline{
    display: inline-block;
}

#upgrade h2{
    background: #ddd;
    color: #A61840;
    font-size: 2.5em;
    margin-bottom: 30px;
    margin-top: 10px;
    padding: 3px 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border:1px solid #ccc;
    text-align: center;
    text-shadow:none;
}

#upgrade h3{
    font-size:2em;
}

.creditbutton{
    -webkit-border-radius:7px;    
    -moz-border-radius:7px;
    border-radius:7px;
    -moz-box-shadow:0 1px 3px #222;
    -webkit-box-shadow: 0 1px 3px #222;
    box-shadow:0 1px 3px #222;
    text-shadow:1px 1px 0 #222;
    background:#C8305B;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#C8305B), to(#A11A41));
    background-image: -moz-linear-gradient(top, #C8305B, #A11A41);
    background-image: -o-gradient(top, #C8305B, #A11A41);
    border:1px solid #A11A41;
    color:#FFFFFF;
    font-size: 2em;
    margin: 0 7px;
    padding: 10px 20px;
    float:left;
}

.creditbutton:hover{
    background:#A11A41;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#A11A41), to(#C8305B));
    background-image: -moz-linear-gradient(top, #A11A41, #C8305B);
    background-image: -o-gradient(top, #A11A41, #C8305B);
    text-shadow:-1px -1px 0 #222;
    cursor:pointer;
}

#buyplus, #buycredits{
    margin-top:60px;
    clear:both;
    overflow:hidden;
}

#plusbutton{
    float:left;
    width:280px;
    text-align:center;
    margin:0 auto;
}

#creditbuttons{
    float:right;
    width:280px;
    text-align:center;
    margin:0 auto;
    padding-bottom:10px;
}

#creditbuttons p{
    margin:20px;
}

#plusinfo, #creditsinfo{
    float:right;
    font-size:1.4em;
    width:390px;
}

#creditsinfo{
    float:left;
}
#plusinfo ul{
    list-style-type: disc;
    font-size: 1em;
    margin-left: 0;
    margin-top: 10px;
}

.specialoffer{
    font-size:0.9em;
    background: #fff47b;
    padding:10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-top:10px;
    overflow:hidden;
}

#poweredby{
    clear: both;
    margin: 30px auto 0;
    margin-top: 30px;
    text-align: center;
}
#plusinfo .plus{
    font-size: 0.7em;
    padding: 2px 5px;
    color: #fff;
    background: #BB305C;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0 0 0;
    text-transform: uppercase;
    display: inline-block;
    width: 35px;
    text-align:center;
}

p.subtext{font-size: 1.1em;
    margin-top: 8px;
    color: #888;
}

#credits-button.big-button{
	width:200px;
	margin:0 auto;
}

#sidebar-plus-members{
    margin-top:20px;
}

#sidebar-upgrade-giftcode{
    background:#ddd;
    border:1px solid #ccc;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    padding:3px;
    overflow:hidden;
    margin-top:30px;
}

#sidebar-upgrade-giftcode h3{
    font-size:1.6em;
    text-align:center;
    margin-bottom:10px;
}
#sidebar-upgrade-giftcode input[type=text]{
    background:#fff;
    width:204px;
    padding:4px;
}

#sidebar-upgrade-giftcode p.login-reminder{
    text-align:center;
    color:#A61840;
}

#payment p{
	font-size:1.2em;
}

#payment-box input{
	background:#fff;
	padding:3px;
}

#payment-box select{
	font-size: 0.8em;
	margin: 5px 5px 5px 0;
}

#payment-box label{
	width: 150px;
	display: inline-block;
}

#payment-box{
	width:500px;
	border:1px solid #ccc;
	padding:8px;
	margin:30px auto;
	font-size:1.2em;
}

#payment-form .big-button{
	width: 275px;
	margin: 10px auto 0;
}

#payment-box .charge-amount{
	font-size:1.0em;
	margin:20px 0;
}

#payment-box .payment-errors{
	color:#A11A41;
	font-size:1.2em;
	text-align:center;
	margin-bottom:10px;
}
/* ====== LIST PAGE =======*/
#listfilters{
    float: left;
    margin: 10px 0 10px 7px;
    line-height: 2em;
}

#listfilters a{
    color:#1B8A93;
}

#listfilters a:hover{
    text-decoration:underline;
}

#listfilter-name{
    float: left;
    font-size: 1.6em;
    margin: 10px 0;
}

div#listfilters:hover, div#listfilter-name:hover{
    background:none;
}

/* ==== GLOBAL ===== */
.beta-alert{
    background:#f8f8f8;
    padding:10px;
    font-size:1.0em;
    margin-bottom:20px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    margin-top:10px;
}

.beta-alert p{
    margin-bottom:10px;
    font-size:1.1em;
}

#mobilelogout{display:none;}

.sublabel{
    font-size: 0.8em;
    font-weight: normal;
    font-style: italic;
    color: #888;
    float: right;
    margin-right: 7px;
    margin-top: 5px;
}


#secondary .sublabel{
    font-size:0.95em;
}

.new-progress-area{
    background: #E1E1E1;
    margin:0 auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: inset 0px 0px 3px 0px #888;
    -moz-box-shadow: inset 0px 0px 3px 0px #888;
    box-shadow: inset 0px 0px 3px 0px #888;
    padding: 3px;
}

.new-progress-bar{
    background: #339A99;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 1px 1px 0px #236d6c;
    -moz-box-shadow: inset 0 1px 1px 0px #236d6c;
    box-shadow: inset 0 1px 1px 0px #236d6c;
}

/* ==== GLOBAL SIDEBAR USER CARD ==== */
#side-user-card{
    margin-bottom:30px;
    clear:both;
}

#side-user-card #mini-profile{
    background:#fff;
    overflow: hidden;
    padding: 6px 4px 3px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border:1px solid #ddd;
    padding-bottom:5px;
}

#side-user-card #gravatar{
    width:32px;
    float:left;
    margin-right:8px;
}
#side-user-card #gravatar img{
    height:32px;
    width:32px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}

#side-user-card #userdetails{
    width:170px;
    float:left;
    min-height:50px;
}
#side-user-card #username{
    color: #1B8A93;
    font-weight:bold;
    font-size:1.4em;
    line-height:1em;
    text-shadow: 0.05em 0.05em 0.15em #fff;
    text-transform:uppercase;
    float:left;
    width:175px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

#side-user-card #realname{
    font-size: 1em !important;
    margin-top:2px;
    clear:left;
}

#side-user-card #realname a{
    color:#888;
}

#side-user-card #totalgoals{
    font-size: 1em !important;
    color:#888;
    margin-bottom:4px;
    clear:left;
}

#side-user-card .plus{
    float:right;
    margin:4px 0;
}

#side-user-card #follow-button{
    background: #1B8A93;
    padding: 3px;
    text-align: center;
    border-left: 1px solid #DDD;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-right: 1px solid #DDD;
    font-size: 1.3em;
    color:#fff;
    display:block;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#37A9B3), to(#1B8A93));
    background-image: -moz-linear-gradient(top, #37A9B3, #1B8A93);
    background-image: -o-gradient(top, #37A9B3, #1B8A93);
}

#side-user-card a#follow-button:hover{
    text-decoration:none;
    background:#37A9B3;
}

#side-user-card #secondary-details{
    overflow: hidden;
    padding-top: 4px;
    clear:both;
    color:#888;
}

#side-user-card #location{
    margin-top:4px;
}

#side-user-card #sociallinks li{
    margin:5px 0;
    clear:both;
}

#side-user-card .usercard-icon{
    height:16px;
    width:16px;
    float:left;
    margin-right:3px;
}

#side-user-card #icon-location{
    background: url('/imgs/sprite-usercard.png') no-repeat;
    background-position: -1px -3px;
}

#side-user-card #icon-twitter{
    background: url('/imgs/sprite-usercard.png') no-repeat;
    background-position: -1px -23px;
}

#side-user-card #icon-url{
    background: url('/imgs/sprite-usercard.png') no-repeat;
    background-position: -1px -42px;
}
#mini-progress{
    background:#cc3366;
    background-image:none;
    width:210px;
    height:4px;
    clear:both;
    margin-top: 52px;
}

#mini-progress #done{background:#339999; position:relative; z-index:50; display:block; float:left; height:4px;}
#mini-progress #inprogress{background:#ffcc00; position:relative; z-index:50; display:block; float:left; height:4px;}
#todaymarker{width:2px; height:30px; background:#000; display:block; position:relative; z-index:100;}

#infscr-loading{clear:both;}

/* POSSIBLY DEAD */
/*------- LOGOTYPE -------*/
/*#num101{font-size:2.25em;}
#in{font-size:1.5em;}
#num365{font-size:2.25em;}
#year{font-size:1.0em; padding-left:5px;}

.logotype{text-shadow: 0.03em 0.03em 0.03em #e9f5cc; display:none; }
#goldencheck img{height:50px;   width:auto; margin-top:0;}
*/

#top-alert-takeover{
    background:#FFFDCC;
    text-align:center;
    font-size:1.2em;
    padding:5px 0;
    border-bottom:1px solid #CFCC80;
}

#top-takeover-close{
    padding:1px 8px;
    display:inline-block;
    margin-left:18px;
    background: #1B8A93;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 1px 1px #888;
    color: #fff;
    width:80px;
    text-decoration:none;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#37A9B3), to(#1B8A93));
    background-image: -moz-linear-gradient(top, #37A9B3, #1B8A93);
    background-image: -o-gradient(top, #37A9B3, #1B8A93);
}

/* ======== TOUR PAGE ======== */
#tour-break .container{
    width: 100%;
}

#tour{
}

#tour-header{
    margin: 80px auto 0;
    padding-bottom:20px;
    border-bottom:1px solid #ccc;
}

#tour-header h1{
    font-size:3em;
    text-align:center;
    margin-bottom:0;
}

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

#logo img{
    width:600px;
}

#tour-about{
    background:#fff;
    box-shadow:inset 0 0 10px #000;
    padding:20px 50px;
}