@font-face { font-family:"MuseoThree"; src:url("/fonts/Museo300-Regular.otf") format("opentype"); } /* A font by Jos Buivenga: http://exljbris.nl */
@font-face { font-family:"MuseoSeven"; src:url("/fonts/Museo700-Regular.otf") format("opentype"); } /* A font by Jos Buivenga: http://exljbris.nl */

*{margin:0; padding:0; 	font-size:1em;}

body{
	font-size:1em;
	font-family: "Gotham Medium", "Eurostile", "Futura", "Gill Sans", "Helvetica Neue", Helvetica, sans-serif;
	background:#EFFFCD;
}

#container{
	margin:0 auto;
	width:900px;
	margin-top:30px;
}

#header{
	background:#555152 url('/imgs/bgheader.png') repeat-x;
	width:900px;
	padding: 0 5px;
	-moz-border-radius-topright: 25px;
	-webkit-border-top-right-radius: 25px;
	/*	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	*/
	height:46px;
}

#subhead{
	background:#99173C url('/imgs/bgsubhead.png') repeat-x;
	width:900px;
	padding:0 5px;
	text-align:right;
	height:29px;
	color:#fff;
}
#subhead a{color:#fff;}

#title{
	font-family: "MuseoThree", "Century Gothic", "Arial", sans-serif;
	text-shadow:2px 2px 4px #201c22;  
	margin-top:5px;
	height:40px;
	width:300px;
	overflow:hidden;
}
#title a{	
	color:#fff;
	text-decoration:none;
}

#subtitle{
	color:#fff;
	margin:-15px 4px 0 0;
	text-align:right;
	font-family: "Myriad Pro", sans-serif;
	font-style:italic;
	font-size:1.0em;
}
#content{
	padding:20px 0 5px 10px;
	background:#DCE9BE url('/imgs/bgcontent.png') repeat-x;
	width:900px;
	color:#555152;
	overflow:hidden;
	-moz-border-radius-bottomleft: 25px;
	-webkit-border-bottom-left-radius: 25px;
	margin-bottom:30px;
}

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


#progressarea{clear:both;margin:0 auto; height:30px; margin: 10px 0 20px 0;}
#progressbar{width:730px; height:30px; background:#af211b url('/imgs/red.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;}
#done{height:30px; background:#6a9917 url('/imgs/green.png') repeat-x; position:relative; z-index:75; display:block; float:left;}
#start{background:#6a9917 url('/imgs/green.png') repeat-x; font-size:.75em; color:#fff; width:80px; height:30px; text-align:center; float:left;}
#end{background:#af211b url('/imgs/red.png') repeat-x; font-size:.75em; color:#fff; width:80px; height:30px; text-align:center; float:left;}

#thelist{clear:both; color:#3b5b67; width:890px; margin-top:20px;}

#newsfeed{float:left; color:#3b5b67; width:620px; margin-top:20px;}
#newsfeed #itemizedlist{list-style-type:none;}
#newsfeed #itemizedlist li{padding-right:5px;}
.right{float:right;}
.date{font-size:0.8em;}
#sidebar{float:right; color:#2e2633; width:250px; margin-top:20px; margin-right:10px; padding:5px; background:#96a96c; font-family:"Eurostile", "Futura", "Gill Sans", "Helvetica Neue", Helvetica, sans-serif;}
#sidebar h1{font-size:2.0em; margin:0px;}
#sidebar h3{font-size:1.8em; margin-bottom:5px;}
#sidebar h4{font-size:1.3em; margin:0px;}
#sidebar a{text-decoration:none; color:#3b5b67;}
#sidebar a:hover{color:#666666;}
#sidebar div{margin-bottom:40px;}

h1{
	margin-bottom:20px; font-size:2.25em;
}

h1#listtitle{float:left; color:#360c53; font-size:3.25em;}

h3{
	color:#2e2633;
	font-size:1.8em;
	padding:2px;
	font-family:"Eurostile", "Futura", "Gill Sans", "Helvetica Neue", Helvetica, sans-serif;
	margin-bottom:0px;
	clear:both;
}

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

#itemizedlist {clear:both;list-style-position:inside; font-family: "Gotham Medium", "Myriad Pro", "Franklin Gothic", "Helvetia Neue", "Lucida Sans", "Century Gothic", sans-serif;}
ol{color:#360c53; font-size:1.3em;}
#itemizedlist li{padding:12px 37px 12px 5px; position: relative;color: #2E2633;}
#itemizedlist.view li{padding-left: 40px;}
#itemizedlist .item{font-size:0.8em; font-weight:100; color: #54577f; letter-spacing:0.02em;}
#itemizedlist a{text-decoration:none; color: #54577f;}
#itemizedlist a:hover{color:#666666;}

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


#lockit{
	width:700px;
	margin:0 auto;
	margin-top:30px;
	background:#e9f5cc;
	border:1px dashed #2e2633;
	padding:10px;
	overflow:hidden;
}

#thelist h3{float:left;}
#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'); 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;}

a{text-decoration:none; color:#2e2633;}
a:hover{text-decoration:underline;}

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

#signupbutton{height:119px; width:271px; background:url('/imgs/signup.png'); margin-left:113px;}
#signupbutton:hover{background:url('/imgs/signuphover.png');}

#index h1{
	font-size:4.75em;
	color:#2E2633;
}
#index h2{
	font-size:1.75em;
	color:#99173C;
	font-family:"MuseoThree", "Gotham Medium", "Eurostile", "Futura", "Gill Sans", "Helvetica Neue", Helvetica, sans-serif;
	text-shadow: 0.05em 0.05em 0.1em #fff;
}

#subindex{
	margin:0 auto;
	clear:both;
	margin-top:275px;
	background:#e9f5cc;
	width:850px;
	padding: 20px 0;
	overflow:hidden;
}

.descitem{width:250px; float:left; margin:0 16px;}
.descitem p{font-size:.9em; line-height:1.25em; margin-bottom:15px;}
.descheader{
	background:#2e2633;
	padding:2px 0 2px 4px;
	color:#fff;
	display:block;
	margin-bottom:8px;
}

.logotype{font-family:"MuseoSeven", "Century Gothic", "Arial", sans-serif; text-shadow: 0.03em 0.03em 0.03em #e9f5cc}

fieldset{
	margin-top:10px;
	border:0;
	background: #e9f5cc;
	width:550px;
	padding:20px;
	margin-bottom:30px;
}

input{	margin:5px 0;}

label{	margin-right:10px;}

button{border:0;}
img{border:0;}

h4{font-size:1.0em; font-weight:normal; margin-top:5px;}
button#login{margin-left:210px; margin-top:30px;height:51px; width:110px;background:url('/imgs/login.png');}
button#login:hover{background:url('/imgs/loginhover.png');cursor:pointer;}
button#register{clear:both;margin-top:30px; margin-left:250px;height:50px; width:175px;background:url('/imgs/register.png') no-repeat;}
button#register:hover{background:url('/imgs/registerhover.png') no-repeat; cursor:pointer;}

.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;}
.like{background:url('/imgs/clock.png'); height:32px; width:32px;float:right;}
.status{height:32px; width:32px; position: absolute; left: 0; margin: -4px 5px 0;}
.status.edit{right: 0; left: auto;}
.status.progress{background:url('/imgs/clock.png'); right: 35px;}
.status.done{background:url('/imgs/star.png');}
.status.complete{background:url('/imgs/check.png') no-repeat right;}
.status.undo{text-decoration:none !important; font-style: normal; font-size: 65%; margin: 4px 10px 0 0; height: auto; width: auto;}
.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:32px; width:32px;margin-top:4px; position: absolute; top: 0; right: 0;}
.actiondelete:hover{position:absolute; top:2px; right:-2px;cursor:pointer;}
.actiondelete span{display: none;}
button.actionadd{background:url('/imgs/add.png') no-repeat; height:32px; width:32px;}
button.actionadd:hover{position:relative; top:2px; right:-2px;cursor:pointer;}
.lockedstatus{float:left; width:32px; margin-left:-35px; margin-top:-8px;}
.commentcount,.likecount{height:40px; padding:0 0 3px 0;}
.commentcount a,.likecount a{font-size:.8em;color:#919191; margin-top:-8px;}
.commentcount img,.likecount img{margin-top:10px;}
.deletestatus{
	border: 0;
	background:none;
	color:#307487;
}

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

#footer{
	clear:both;
	margin:45px 0 12px 0;
	padding: 10px 0;
	width:900px;
	border-top:1px solid #e9f5cc;
	font-size:0.80em;
	text-align:right;
}
#meta{float:right;margin-right:8px;}
#footerinfo{float:left;margin-left:8px;}

#theinputarea{
	padding:20px 0;
	margin:0 auto;
	width:800px;
}

#listinput input{
	height:30px;
	width:700px;
	font-size:1.3em;
	background:#e9f5cc;
	border:0;
	padding:5px;
}

input#add{width:80px; height:40px;border:0;background:#99173C; color:#fff;padding:5px;}
input#add:hover{background:#2E2633;}

.settings fieldset{width:550px; margin: 0 auto; margin-top:10px; margin-bottom:30px;}
.settings input[type="text"], .settings input[type="password"]{height:35px; width:350px;float:right; font-size:1.25em; background:#c0c0c0; border:0; padding:5px; color:#2e2633;}
.settings input[type="checkbox"]{float:left; vertical-align: middle; line-height: 1.75em; font-size:1.25em; background:#c0c0c0; border:0; padding:5px; color:#2e2633; margin: 25px 0 0;}
.settings input:hover{background:#2e2633; color:#fff;}
input.formbutton{width:inherit;height:40px;border:0; background:#99173C; color:#fff;padding:5px;}
input.formbutton:hover{background:#2E2633;}
.settings label {float:left; height:40px; font-size:1.75em; line-height:1.75em;padding:5px; margin-top:3px;}
label.radiobutton {float:left; font-size:1.3em; line-height:1.4em;margin-top:10px;padding-top:0;}
input.radiobutton {clear:both;float:left;margin-top:20px;height:14px;width:14px;margin-left:140px; background:#2E2633;border:0;}
label.checkbox {float:right; font-size:1.1em; line-height:1.4em;padding-top:0;margin-top:15px;}
input.checkbox {clear:both;float:left;margin-top:20px;height:14px;width:14px;margin-left:0px; background:#2E2633;border:0;}
fieldset.register{width:700px;}

fieldset p{ clear:both; text-align:center; margin-bottom:20px;}
#privacyalert{
	width:500px; margin:0 auto;
	margin-top:20px; margin-bottom:20px;
	background:#e9f5cc;
	border:1px dashed #2e2633;
	padding:10px;
	overflow:hidden;
}

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

#topalert{width:600px; margin:0 auto;
	margin-top:20px; margin-bottom:20px;
	background:#e9f5cc;
	border:1px dashed #2e2633;
	padding:10px;
	overflow:hidden;
}

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

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

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

#soloitem{width:700px; margin:0 auto;
	margin-top:20px; margin-bottom:20px;
	background:#e9f5cc;
	border:1px dashed #2e2633;
	padding:10px;
	overflow:hidden;
	position: relative;
}

#solotext{font-size:2.0em;}
#solonum{font-size:2.5em; float:left;margin-right:5px;}
#solometa{float:left; margin-top:35px;clear:both;width:400px;}
#soloowner{font-size:1.75em;}
#solostatus{font-size:1em;}
#statusicon{margin-top:30px; margin-right:5px;width:65px; height:64px;float:right;}
#soloitem .added, .soloadd{position: absolute; top: 0; right: 0;}

.exploreitem{width:820px; font-size:1.3em; margin:10px auto; padding:10px 5px; list-style: none; position: relative;}
/**.exploreitemowner{width:250px; float:right;}**/
.exploreitemtext{width:550px;  margin-right: 10px; display: inline-block; vertical-align: middle;}
.exploreitem:hover{background:#e9f5cc;}
.exploreitemowner{display: inline-block;  vertical-align: middle;}
.exploreadd{display:none; margin-right:5px; width: 32px; height: 32px; vertical-align: middle;}
.exploreitem:hover > .exploreadd{display:inline-block;}
#explore h2{margin-top:40px; font-size:1.7em;}

#comments{
	width:700px;
	margin:0 auto;
	margin-top:30px;
}

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

#sologravatar{
	width:50px;
	float:left;
	margin-right:10px;
}

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

#headsup{
	clear:both;
	height:70px;
}
#userstats{
	float:right;
	margin-right:8px;
}

#userinfo{
	float:left;
}

#userdetails{float:right; margin-right:5px; width:450px;}
#userdetails #realname{font-size:2.1em; }
#userdetails #location{font-size:1.3em; }

#followbutton{float:right;margin-right:5px}