/*
	Styles for "NORMAL" browsers
	Christopher Webb, christopher@conspiratordesign.com

	OLD:
	PURPLE:	#246673
	PINK:

	NEW:
	GREEN:	#246673
	BLUE:	#04B2D9
*/
/* THE ONE,THE ONLY,THE ERIC MEYER RESET */
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td
{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {background:#f5f5f5;color:#666;font:normal normal normal 12px/150% 'helvetica neue',helvetica,arial,sans-serif;}
ol,ul {list-style:none;}
caption,th,td {text-align:left;font-weight:normal;}
td{vertical-align:top;}
th,strong {font-weight:bold;}
em {font-style:italic;}
blockquote:before,blockquote:after,
q:before,q:after {content:"";}
blockquote,q {quotes:"" "";}
p {margin-bottom:10px;}
.clear {clear:both;}
.left {float:left;}
.right {float:right;}
/*
FONT SHORTHAND ORDER (simply as a reminder):
font-style:italic;
font-variant:small-caps;
font-weight:bold;
font-size:1em;
line-height:140%;
font-family:"Lucida Grande",sans-serif;
<==
font:normal normal normal 30px/150% 'helvetica neue',helvetica,arial,verdana,sans-serif;
==>
*/

/* TYPEOGRAPHY */
h2 {color:#333;cursor:pointer;font:normal normal bold 20px/150% 'helvetica neue',helvetica,arial,sans-serif;padding-bottom:10px;width:420px;}
h3 {font:normal normal bold 18px/150% 'helvetica neue',helvetica,arial,sans-serif;}
/*span.created {color:#666;font:normal normal normal 9px/100% verdana,arial,sans-serif;} */
a {color:#2D74DA;text-decoration:none;}
a:hover {text-decoration:underline;}

/* HEADER */
#header_wrap {background:#333 url(../design/bg-header.png) repeat;}
#header {height:45px;padding-top:5px;position:relative;margin:0 auto;width:800px;}
#header h1 {font:normal normal bold 30px/50px 'helvetica neue',helvetica,arial,sans-serif;letter-spacing:-3px;text-transform:uppercase;}
#header h1 a {color:#fff;font-size:text-decoration:none;text-decoration:none;}
#stub {color:#ccc;position:absolute;right:0;top:15px;}
#stub a {color:#fff;}
#stub span {padding:0 5px;}
#stub .username {padding:0;}
.tagline {margin-bottom:-20px;}

/* MAIN NAV */
#main_nav {}

/* GLOBAL CONTENT */
#outer_wrap {background:#fff;border-bottom:1px solid #ccc;position:relative;width:100%;}
#wrap {margin:0 auto;width:800px;}
#content_wrap {clear:both;padding:30px 0;}
#content {margin:0 auto;position:relative;width:500px;}
#content.wide {width:100%;}
#content.lists {float:left;margin:0;}
#success {background:#B2D9B2;color:green;}
#error {background:#F7CBCA;color:red;}
#success,#error {margin:0;padding:15px 15px 1px;}
#success .inside,#error .inside {margin:0 auto;width:800px;}

/* SIDEBAR */
#sidebar {float:right;position:relative;width:270px;}
#sidebar .search {display:none;left:1px;margin:-5px 0 0 7px;padding:7px;position:absolute;top:39px;width:240px;}
#search_form {position:relative;}
#search_form .radio {margin-right:15px;text-align:right;}
#search_form label {color:#999;display:inline;font-size:11px;font-weight:normal;}
#users {margin-left:15px;}
#tasks {margin-left:15px;}
#search_box {background:url(../design/bg-search_box.png) no-repeat;color:#fff;display:block;height:20px;padding:2px 0 0 7px;position:absolute;right:0;top:0;width:75px;}
#search_box:hover {background-position:0 -22px;text-decoration:none;}
#search_box.open {background-position:0 -44px;}


/* ADS */
#ads {margin:30px 0 0;}
.ad {background:#f5f5f5;border:1px solid #ccc;float:left;padding:40px 0;margin:0 9px 0 0;text-align:center;width:262px;} /* width:120px; */

/* FOOTER */
#footer {clear:both;color:#999;font-size:11px;margin:0 auto;padding:20px 10px;text-align:center;width:500px;}
.built_with_love {display:block;height:38px;margin:30px auto 10px;width:198px;}

/* BOTH */
.content {float:left;}
#content.home {text-align:center;width:601px;}
#video {background:#eee;height:300px;overflow:hidden;margin-bottom:30px;position:relative;width:500px;}
#video p {color:#fff;font-size:50px;font-weight:bold;margin:0;position:absolute;bottom:0;right:0;}
.big_button {text-align:center;}
.big_button a {
	background:#6A9DE5; /* fallback color */
		/*background-image: url(images/linear_bg_2.png); fallback image */
	    background-image: -moz-linear-gradient(100% 100% 90deg, #2C74DA, #6A9DE5);
	    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6A9DE5), to(#2C74DA));
	border-radius:20px;
		-webkit-border-radius:20px;
		-moz-border-radius:20px;
	box-shadow: -2px -2px 10px rgba(0,0,0,.25) inset, 2px 2px 10px #fff inset;
		-webkit-box-shadow: -2px -2px 10px rgba(0,0,0,.25) inset, 2px 2px 10px #fff inset;
	color:#fff;
	font-size:16px;
	padding:10px 30px;
	text-shadow:1px 1px 0 #333;
	text-decoration:none;
	text-transform:uppercase;
}
.big_button a:active {margin-top:20px;background:#2C74DA;background-image:none;}
.meta {color:#999;display:block;font:normal normal normal 9px/100% verdana,arial,sans-serif;text-shadow:none;}

/* LISTER */
ul.active {border-top:1px solid #CCC;}
.completed {background:#efefef;}
.lister a {color:#333;border-bottom:1px solid #CCC;display:block;font-family:'helvetica neue',helvetica,arial,sans-serif;font-size:15px;font-weight:bold;padding:15px 10px 18px;text-decoration:none;}
.completed a:hover:not(.actions a:hover) {background:#f5f5f5;}
.active a:hover {background:#fafafa;}
.remaining {color:#333;float:left;font-family:'helvetica neue',helvetica,arial,sans-serif;font-size:30px;margin:5px 15px 0 0;text-align:center;width:55px;opacity:.5;}
.active a:hover .remaining {opacity:.7;}
.completed a {color:#999;text-shadow:1px 1px 1px #fff;}
.completed .remaining {color:#333;opacity:.5;}
.completed a:hover .remaining {opacity:.7;}
.lister .content {line-height:150%;width:400px;}

/* TASKS */
.back_to_home {background:#eee;color:#666;display:block;margin-bottom:15px;padding:10px 15px;text-decoration:none;text-shadow:1px 1px 1px #999;text-transform:uppercase;}
#empty_msg {background:#FFFECA;margin:5px 0 15px;padding:10px 15px 1px;}
.top {position:relative;}
.top .ajax {display:block;margin-bottom:10px;width:400px;}
.top .ajax textarea {display:block;font-size:20px;height:23px;margin-bottom:5px;width:400px;}
.controls {bottom:0;position:absolute;right:0;text-align:right;width:200px;}
.controls .current {font-weight:bold;}
.controls .settings {}
.controls span {padding:0 0 0 5px;}
.task_list li {border-bottom:1px solid #CCC;padding:15px 10px 18px;}
.task_list li textarea {width:100%;}
.task_list .content {float:left;width:310px;}
.ui-sortable {cursor:move;}
.checkbox {float:left;}
.active .task {color:#333;}
.task {display:block;font:normal normal bold 14px/150% 'Lucida Grande','helvetica neue',helvetica,arial,sans-serif;}
.actions {cursor:default;display:none;float:right;margin-top:3px;border:1px solid #ccc;padding:3px 15px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;-webkit-box-shadow:inset 0px 0px 5px rgba(0,0,0,.3);-moz-box-shadow:inset 0px 0px 5px rgba(0,0,0,.3);box-shadow:inset 0px 0px 5px rgba(0,0,0,.3);}
.actions span {color:#ccc;padding:0 5px;}
.task_list li:hover .actions {display:block;}
//.active li .checkbox {background:url(../design/checkbox.gif) no-repeat;display:block;height:22px;padding-right:17px;width:21px;}
//.completed .checkbox {background:url(../design/checkbox_checked.gif) no-repeat;display:block;height:24px;padding-right:10px;width:28px;}
.active li .checkbox {background:url(../design/no_check.gif) no-repeat;display:block;height:25px;padding-right:17px;width:25px;}
.completed .checkbox {background:url(../design/checked.gif) no-repeat;display:block;height:29px;padding-right:10px;width:28px;}
.ui-state-highlight {background:#f5f5f5;border-left:3px dotted #ccc;border-right:3px dotted #ccc;height:30px;}

/* FORMS */
label,legend {display:block;font:normal normal bold 11px/100% 'gil sans',verdana,arial,sans-serif;letter-spacing:2px;padding-bottom:5px;text-transform:uppercase;}
#login_form {margin:0 auto;width:250px;}
#list_form,#task_form {padding-bottom:15px;}
#user_form .login {margin-top:30px;}
#user_form .password a {display:block;margin-bottom:10px;}
#public_form {margin-bottom:15px;}

/* FORM FIELDS */
.buttons {margin-top:10px;clear:both;}
.buttons span {padding:0 5px;}
.text input, .password input {border:1px solid #ccc;display:block;margin-bottom:5px;padding:3px;font-size:18px;width:98%;}
form .checkbox label {display:inline;font:normal normal normal 12px/150% 'helvetica neue',helvetica,arial,sans-serif;letter-spacing:0;margin-left:5px;text-transform:none;}

/* SOCIAL */
#social {background:#f5f5f5;padding-bottom:15px;}
#social ul {list-style:disc;margin-left:15px;}

/* SETTINGS */
#settings {background:#f5f5f5;margin-bottom:15px;padding:15px;}
#settings .buttons {margin-top:0;}
#private_form {margin-bottom:15px;}

/* SHARE */
#share {background:#f5f5f5;margin-bottom:15px;padding:15px;}
#share_form {margin-bottom:15px;}
#share .buttons {margin-top:0;}

/* TERMS */
ol {margin-left:20px;list-style:decimal;}
ol li {margin-bottom:10px;}

label.error {color:red;font-weight:inherit;margin-bottom:0;}


form .buttons input {
	background:#6A9DE5; /* fallback color */
		/*background-image: url(images/linear_bg_2.png); fallback image */
	    background-image: -moz-linear-gradient(100% 100% 90deg, #2C74DA, #6A9DE5);
	    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6A9DE5), to(#2C74DA));
	border:none;
	border-radius:15px;
		-webkit-border-radius:15px;
		-moz-border-radius:15px;
	box-shadow: -2px -2px 10px rgba(0,0,0,.25) inset, 2px 2px 10px #fff inset;
		-webkit-box-shadow: -2px -2px 10px rgba(0,0,0,.25) inset, 2px 2px 10px #fff inset;
	color:#fff;
	font:normal normal normal 12px/150% 'helvetica neue',helvetica,arial,sans-serif;
	outline:none;
	padding:5px 30px;
	text-shadow:1px 1px 0 #333;
	text-decoration:none;
	text-transform:uppercase;
}
form .buttons input:active {margin-top:3px;background:#2C74DA;background-image:none;}