/* CSS 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;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	margin: 0;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* STRUCTURE */
body {
	background:#fff url(../images/bkgrnd.png) repeat-x 0 0;
	}

#background {
}

#container {
	width: 840px;
	margin: auto auto;
	}

#content {}

html, body, .body_container {
		height: 100%;
}
#background {
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0 auto -4em;
}
#footer {
		clear: both;
		height: 2em;
}
#push {
		clear: both;
		height: 4em;
}

#footer {
	text-align: right;
	font-size: 12px;
	border-top: 1px solid #ddd;
	padding-top: 8px;
	}

#footer ul {
	display: inline;
	list-style: none;
	}

#footer li {
	display: inline;
	list-style: none;
	padding-left: 20px;
	padding-right: 5px;
	}

#footer li a {
	color: #999;
	font-weight: normal;
	}

#footer li a:hover {
	color: #666;
	text-decoration: none;
	}

#section {
	width: 580px;
	float: left;
	}

#header {
	height: 53px;
	padding-bottom: 20px;
	position: relative;
	}

#logo {
	position: relative;
	top: 12px;
	float: left;
	}

#nav {
	position: absolute;
	top: 16px;
	right: -20px;
	z-index: 199;
	}


/* TEXT */
/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
html { font-size:100.01%; }
body {
  font-size: 75%;
  color: #222;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}



/* Nav
-------------------------------------------------------------- */
#nav ul {
	padding: 0;
	margin: 0;
	position: relative;
	right: 0;
	}

#nav li {
	display: inline;
	list-style: none;
	float: right;
	margin: 0 5px;
	padding: 0;
	position: relative;
	height: 37px;
	}
	
#nav a{
	height: 37px;
	text-align: center;
	line-height: 30px;
	text-decoration: none;
	color: #666;
	padding: 0 5px;
	margin: 0 5px;
	position: relative;
	font-weight: normal;
	}


#nav a:hover { 
	color: #333;
	}

#nav li.on {
	background:transparent url(../images/mainnav_pointer.png) no-repeat 50% bottom;
	}

#nav li.on a {
	font-weight: bold;
	color: #111;
	}

#nav li.on.dropdown .pointer {
	background:transparent url(../images/mainnav_pointer.png) no-repeat 50% bottom;
	height: 37px;
	display: block;
	}

#nav li.on.dropdown.show .pointer {
	background:none;
	}

#nav li.dropdown {
	background:transparent url(../images/arrow.png) no-repeat 60px 13px;
	padding-right: 5px;
	width: 80px;
	}

#nav li.dropdown.show {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: #999 url(../images/arrow.png) no-repeat 60px 13px;
	height: auto;
	width: 80px;
	}

#nav li.dropdown.show a {
	color: #fff;
	}
	
#nav .dropdown ul {
	margin: 0;
	padding: 0;
	position: relative;
	top: 0;
	width: 85px;
	display: none;
	}

#nav .dropdown li {
	margin: 0;
	padding: 5px 0 0 0;
	display: block;
	width: 85px;
	height: 20px;
	border-top: 1px solid #aaa;
	}

#nav .dropdown ul a {
	height: 10px;
	line-height: 10px;
	color: #fff;
	position: relative;
	}

#nav .dropdown ul a:hover {
	color: #000;
	}

#nav .dropdown a .count {
	background: #fff;
	color: #30251E;
	font-size: 10px;
	font-weight: bold;
	padding: 1px 4px;
	margin-right: 5px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	top: 0px;
	right: -18px;
	position: relative;
	}
	
#nav .fb_login {
	padding-right: 20px;
	}

.new_notes {
	position: absolute;
	background-color: rgba(163, 197, 0, 0.75);
	padding: 3px 5px;
	color: white;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	font-weight:bold;
	right:22px;
	top:0px;
	font-size:10px;
}

/* articlenav
-------------------------------------------------------------- */
#articlenav {
	clear: both;
	padding-bottom: 3px;
	width: 610px;
	position: relative;
	}
#articlenav.profilenav {
		height: 50px;
}
#articlenav.three-overlay {
		height: 40px;
		padding-top: 3px;
}
#articlenav.short {
	height: 40px;
	margin-bottom: 10px;
}

#content.full #articlenav {
	width: 850px;
	}


#articlenav ul {
	padding: 0;
	margin: 0;
	position: relative;
	}

#articlenav li {
	display: inline;
	list-style: none;
	cursor: pointer;
}

#articlenav li .box {
	display: block;
	height: 43px;
	width: 268px;
	margin: 0 8px 0 0;
	padding: 15px 0 0 20px;
	float: left;
	background: #e6e6e6;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	}

#articlenav.two,
#articlenav.three {
	width: 590px;
	}
	
#articlenav.two ul,
#articlenav.three ul {
	min-height: 70px;
}
	
#articlenav.two li .box {
	width: 266px;
}
	
.full #articlenav.two li .box {
	width: 395px;
	}

#content.full #articlenav.four,
#content.full #articlenav.five {
	width: 850px;
	height:55px;
	}

#articlenav.short li .box {
	height: 28px;
	}

#articlenav.three-overlay li .box {
	width: 149px;
	height: 28px;
	}
	
#articlenav.three.profilenav li .box {
	width: 168px;
	}

#articlenav.three li .box {
	width: 254px;
	}
	
#articlenav.four li .box {
	width: 184px;
	}
	
#articlenav.five li .box {
	width: 141px;
	}
	
#articlenav.two.profilenav li .box,
#articlenav.three.profilenav li .box,
#articlenav.three li .box,
#articlenav.four li .box,
#articlenav.five li .box {
	height: 28px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	}

#articlenav.fluid {
	width: 400px;
	height: 35px;
	min-height: 35px;
	}

#articlenav.fluid ul {
	display: block;
	width: 400px;
}
	
#articlenav.fluid li {
	display: inline;
	clear: none;
}

#articlenav.fluid li .box {
	width: auto;
	height: 22px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding-right: 25px;
	padding-top: 10px;
	}

#articlenav.two ul,
#articlenav.three ul {
	margin-top: 20px;
	}

.full #articlenav.two ul {
	margin-top: 0;
	}

#articlenav li a {
	color: #666;
	text-decoration: none;
	font-weight: normal;
	cursor: pointer;
	}
	
#articlenav li a:hover {
	color: #333;
	}
	
#articlenav li.active .box {
	background: #30251E url(../images/articlenav_arrow.png) no-repeat 0 center;
	float: left;
	color: white;
	font-weight: bold;
	}

#articlenav li.active a {
	color: #fff;
	font-weight: bold;
	}

#articlenav li.active a .small {
	font-weight: normal;
	}
	
#articlenav li.active .small a{
	font-weight: normal;
	}

#articlenav li a .small {
	display: block;
	margin-top: 4px;
	}

#articlenav li .count{
	float:right;
	background: #fff;
	color: #30251E;
	font-size: 11px;
	font-weight: normal;
	padding: 4px 4px 4px 20px;
	margin-right: 20px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	top: 0px;
	right: -6px;
	position: relative;
	background-repeat: no-repeat;
}
#articlenav li .count.posted {	background-image: url(/static/images/cash.png); }
#articlenav li .count.doing { background-image: url(/static/images/todo.png); }

#articlenav li #feed1_options a {
	cursor: pointer;
	color: #b0b0b0;
}

#articlenav li #feed1_options .light {
	color: #b0b0b0;
}

#articlenav li.active #feed1_options .light {
	color: white;
}

#articlenav li #feed1_options a:hover {
	text-decoration: underline;
}

#articlenav li #feed1_options a.selected {
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}

/* searchbar
-------------------------------------------------------------- */
.searchbar {
	width: 580px;
	padding: 0;
	overflow: hidden;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	border: 1px solid #666;
	position: relative;
	height: 28px;
	margin: 0 0 8px 0;
	opacity: 0.7;
	}
.searchbar .btn{ vertical-align: middle;  }
	
.searchbar input {
	margin: 0;
	padding: 0;
	}
	
.searchbar .searchtext {
	background: transparent;
	width: 510px;
	height: 28px;
	font-size: 16px;
	margin-top: 0px;
	margin-left: 10px;
	color: #666;
	border: none;
	padding: 0px;
	}

.searchbar .searchbtn{
	background: transparent;
	border: 0;
	height: 29px;
	width: 31px;
	background: transparent url(../images/btn_search.png) no-repeat 100% 50%;
	position: absolute;
	right: 0px;
	top: 0px;
	cursor: pointer;
	}

.searchbar.small {
	width: 170px;
	height: 22px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	opacity: 0.7;
}
.searchbar.small input.searchtext{
	width: 100px;
	font-size: 12px;
	height: 22px;
}
.searchbar.small input.searchbtn{
	height: 23px;
	width: 25px;
	background: transparent url(../images/btn_search_small.png) no-repeat 100% 50%;
}
	
/* Sidebar
-------------------------------------------------------------- */
#sidebar {
	float: right;
	width: 218px;
	}

#sidebar .box {
	background: #f2f2f2;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding: 6px;
	margin-bottom: 8px;
	}
	
#sidebar .box.dropdown {
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	background-position: 95% 14px;
	}

#sidebar .box h2 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	}
	
#sidebar .box h2 a {
	color: #b3b3b3;
	font-size: 12px;
	text-decoration: none;
	margin: 0;
	padding: 0 0 0 25px;
	display: block;
	background-image: url(../images/sprite_icons.png);
	background-repeat: no-repeat;
	background-position: -7px 0;
	height: 20px;
	overflow: hidden;
	font-weight: normal;
	}

#sidebar .box h2 a:Hover { color: #888; }
#sidebar .box h2 a:Active { color: #444; }




#sidebar.steps .box {
	background: #F2F2F2;
	color: #ccc;
	font-size: 11px;
	padding: 9px 4px 10px 7px;
	}

#sidebar.steps .on .box {
	background: #30251E;
	color: #fff;
	}
	
#sidebar.steps .box .tally {
	background: #fff;
	padding: 2px 7px;
	margin-right: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-weight: bold;
	}
	
#sidebar.steps .on .box .tally {
	color: #30251E;
	}

#sidebar.steps .wrap {
	padding-left: 6px;
	display: block;
	}

#sidebar.steps .wrap.on {
	background: transparent url(../images/steps_arrow.png) no-repeat 0 center;
	}








.sidearticle {
	background-color: #fff;
	padding: 15px 15px;
	margin: 5px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	}
	
.sidearticle p {
	font-size: 11px;
	color: #999;
	margin: 0 0 5px 0;
	line-height: 11px;
	}
	
.sidearticle input {
	font-size: 9px;
	color: #999;
	width: 150px;
	margin: 0 0 5px 0;
	padding: 2px;
	border: 1px solid #eee;
	}
	
.sidearticle ol {
	padding: 0px 0 5px 0px;
	margin: 0;
	font-size: 10px;
	list-style-position: inside ;
	color: #555;
	}

.sidearticle ol li {
	padding: 5px 0 8px 0;
	border-bottom: 1px solid #eee;
	}
	
.sidearticle ol li a { color: #555; font-weight: normal; }

#sidebar .box-time {
	background-color: #CAC4BF;
	color: #30251E;
	font-size: 12px;
	text-align: center;
	}
	
#sidebar .box-time h2 a { background-position: -7px 0px; }
#sidebar .box-post h2 a { background-position: -7px -16px; }
#sidebar .box-challenge h2 a { background-position: -7px -67px; }
#sidebar .box-invite h2 a { background-position: -7px -115px; }
#sidebar .box-trending h2 a { background-position: -7px -166px; }
#sidebar .box-share h2 a { background-position: -7px -315px; }
#sidebar .box-related h2 a { background-position: -7px -366px; }
#sidebar .box-nudged h2 a { background-position: -7px -315px; }
#sidebar .box-following h2 a { background-position: -7px -366px; }
#sidebar .box-followed h2 a { background-position: -7px -414px; }
#sidebar .box-author h2 a { background-position: -7px -466px; }



/* Buttons
-------------------------------------------------------------- */
.buttons {
	display: block;
	padding: 10px 0;
}

.btn {
	background-color: #A1B33F;
	padding: 5px 15px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	cursor: pointer;
	vertical-align: middle;
	}

.btn:hover {
	color: #fff;
	text-decoration: none;
	background-color: #8B9639;
	}
.btn:active { background-color: #596026; }
	
.btn.small {
	padding: 3px 12px;
	font-size: 10px;
	}
.btn.newsfeed{ padding: 4px 10px; font-size: 11px; }

.btn.large {
	padding: 6px 18px;
	font-size: 15px;
	}	


.btn.sub { background-color: #CAC4BF; }
.btn.sub:hover { background-color: #aaa; }
.btn.sub:active { background-color: #666; }


.btn.sub.like {
	background-image: url(../images/heart_lg.png);
	background-repeat: no-repeat;
	background-position: 80% -90px;
	padding-right: 27px;
	}

.btn.sub.inverted { color:black;font-weight:normal; }



/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1,h2 { 
	font-size: 18px; 
	font-weight: bold; 
	margin: 0 0 5px 0; 
	color: #30251E; 
	line-height: 21px;
	}
	
.info h1,.info h2 { 
	font-size: 22px; 
	font-weight: bold; 
	margin: 0 0 5px 0; 
	color: #30251E; 
	line-height: 21px;
	}
	
h1 { line-height: 1; margin-bottom: 1em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: .7em; font-weight: bold; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
.pop-over h4 {margin-bottom: 0.25em; }
h5 { font-size: 1.1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1.1em; font-weight: bold; margin-bottom: 0.2em; }
h6.lined { border-width: 1px 0; border-color: #ccc; border-style: solid; margin: 14px 0; padding: 3px 8px; }

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}

h1 .light, 
h2 .light { color: #8D8480; }
h1 .small { color: #ccc; font-size: 16px; }

.info h3, .info h4 {
	margin:0px;
	padding:0px;
}

/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 15px; font-size: 1.05em; line-height: 1.3em; color: #111; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }
p.small		{ color:#666; }
p.small .like, h2 .like {
	background-image: url(../images/heart_sm.png);
	background-repeat: no-repeat;
	background-position: -3px 50%;
	padding-left: 10px;	
	}
h2 .like {
	color: #999;
	font-size: 10px;
	vertical-align: text-bottom;
}
.back_out.small {
	background-image: url(../images/back_out_10.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 13px;
	margin-left: 1px;
}

a:focus,
a:hover     { text-decoration: underline; }
a           { color: #596026; text-decoration: none; font-weight: bold;}
h2 a {color: #111}
.light { font-weight: normal; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre         { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

hr { 
	height: 1px;
	border: 0;
	background: #999;
	}


/* Lists
-------------------------------------------------------------- */

li ul,
li ol       { margin: 0; }
ul, ol      { margin: 0 1.5em 1.5em 0; padding-left: 3.333em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: .5em; width:100%; font-size: 11px; }
th          { font-weight: bold; }
thead th	{ border-bottom: 1px solid #999; }
tbody td	{ border-bottom: 1px solid #ddd; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }

#content thead td { border-bottom: 1px solid #aaa; font-weight: bold; }
#wallet table { border-top: 1px solid #aaa; }
td.amount {	text-align: right; }

.fade1 td, .fade1 td a { color: #4D4D4D; }
.fade2 td, .fade2 td a { color: #666; }
.fade3 td, .fade3 td a { color: #808080; }
.fade4 td, .fade4 td a { color: #999; }
.fade5 td, .fade5 td a { color: #B3B3B3; }
.fade a {font-weight: normal;}

/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: 10px; margin-bottom: 4px; line-height: 11pxs; }
.small2		{ font-size: 12px; line-height:14px; color: #555; }
.small a, a.small { color: #999; }
.small2 a	{ color: #777; font-weight:normal; }

.box .small a {color: #666; font-size: 10px; font-weight: normal;}
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

.clear		{ clear: both; }
.left		{ float: left; }
.right		{ float: right; }
.small.lit	{ color: #E4801E; font-weight: normal; }
.green 		{ color: #A1B33F;}

a.print { 
	background: transparent url(../images/sprite_icons.png) no-repeat right -268px; 
	height: 25px;
	padding-right: 30px;
	right: 0;
	top: -30px;
	position: absolute;
	color: #999;
	}

a.url, .smarttext a {
	color: #596026;
	text-decoration: underline;
}
a.url.sub {
	text-decoration: none;
}
a.url.light {
	font-weight: normal;
}

	
/* FORMS */
label       { font-weight: bold; }
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }


/* Form fields
-------------------------------------------------------------- */

input[type=text], input[type=password],
input.text, input.title,
textarea, select {
  background-color:#fff;
  border:1px solid #bbb;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  color: #222;
  font-size: 12px;
}
input[type=text]:focus, input[type=password]:focus,
input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border-color:#666;
}

input[type=text], input[type=password],
input.text, input.title,
textarea {
  margin:0.5em 0;
}

input.text,
input.title   { width: 300px; padding:5px; }
input.title   { font-size:1.5em; }
textarea      { width: 390px; height: 100px; padding:5px; }
#pg-notes textarea      { width: 380px; height: 150px; padding:5px; }
.emails { width: 380px; height: 50px; padding:5px; }

input[type=checkbox], input[type=radio],
input.checkbox, input.radio {
  position:relative;
  width: auto;
  margin: 0.25em;
}

form.inline { line-height:3; }
form.inline p { margin-bottom:0; }


/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice,
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; text-align: center;}

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }





/* full action
-------------------------------------------------------------- */
.profile{ float: right; width: 300px;}
.profile .info{ width: 300px; }

.action .info {
	float: left;
	width: 350px;
	padding-bottom: 10px;
	}

.action .info.full {
	width: 580px;
}

.full .article .action,
.full .articlewrap .article .photo {
	padding-bottom: 0;
}

.full .action .info {
	width: 600px;
	padding-bottom: 0;
	}

.action .photo {
	float: left;
	width: 200px;
	padding: 5px;
	margin-bottom: 20px;
	background: #f2f2f2;
	}

.action .sidebar {
	float: left;
	width: 225px;
	}
	
.center .action .sidebar {
	width: 170px;
	}

	
.sidebar .commentbox .gravitar {
	width: 55px;
	}
	
.sidebar .commentbox .comment {
	float: left;
	width: 150px;
	border: 0;
	padding: 0;
	margin: 0;
	position: relative;
	}



/* article content
-------------------------------------------------------------- */
#lucky_frame {

}

#lucky_frame h1{
	color: black;
	padding: 0;margin: 10px 0 20px 10px;
}

#lucky_frame p{

}

.article .action {
	padding-bottom: 10px;
	}
	
.article .action-side {
	float: left;
	width: 160px;
	}

.article .action-side a.btn {
	display: block;
	text-align: center;
	width: 85px;
	}

.articlewrap .article .photo {
	padding: 0 0 10px 0;
	margin: 0;
	background: none;
	width: 160px;
	float: left;
	}

.article .info {
	float: left;
	width: 335px;
	padding-bottom: 10px;
	}
	
.center .article .info {
	width: 345px;
	}

.article .info.full {
	width: 380px;
	}
	
.info .tally {
	padding: 4px 8px;
	background: #e6e6e6;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-weight: normal;
	}

.article .hint {
	display: block;
	clear: both;
	border: 1px dotted #CCCC99;
	background: #FFFFEB;
	padding: 5px 15px;
	margin: 0 0 12px 0;
	color: #333;
	}
	
.article .hint a {
	font-weight:normal;
}

.article .alert {
	display: block;
	clear: both;
	border: 1px solid #ABB569;
	background: #FCFFCB;
	padding: 5px 15px;
	margin: 0 0 12px 0;
	color: #333;
	}

.article .alert a,
.article .alert b {
	color: #4F5A00;
	}
	
.share {
	background: #f2f2f2;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	margin: 0 0 15px 0;
	}

.article ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

.share ul li {
	margin: 0;
	padding: 0;
	width: 165px;
	display: block;
	float: left;
	}

.share p {
	margin: 0;
	padding: 0 0 3px 0;
	}

.share input {
	margin: 0;
	padding: 2px;
	color: #999;
	}

#map {
	padding: 8px 0;
}

ul.commited-users li {
	margin: 0 10px 15px 0;
	padding: 0;
	width: 255px;
	display: block;
	float: left;
	}

ul.commited-users .gravitar { float: left; padding-right: 10px; }
ul.commited-users h4 { font-size: 11px; color: #30251E; margin: 0; padding: 0; }
ul.commited-users p { font-size: 11px; color: #666; margin: 0; padding: 0; }
ul.commited-users a small { font-size: 11px; color: #666; }



.articlewrap.notlive h2,
.articlewrap.notlive h3,
.articlewrap.notlive h4,
.articlewrap.notlive h5,
.articlewrap.notlive h6,
.articlewrap.notlive p,
.articlewrap.notlive a,
.articlewrap.notlive table { color: #999; }

.articlewrap.notlive a.btn { color: #fff; }





/* ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
	
	src: http://sperling.com/examples/box/
*/

.article { 
	padding:18px; 
	height: auto;
	_border: 1px solid #fff;
	}

.articlewrap {
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	margin-top: 5px;
	padding: 0 0 15px 0;
	text-align: left;
	width:580px;				/* <-- use this to tie width to viewport size */
	/*width: auto;*/				/* <-- use this for a set width */
	background-color: #fff;
	}
	
#content.center {
	text-align: center;
}	
#content.center #section {
	float: none ;
	padding: 30px 0 0 130px;
}
	
#content.full #section,
#content.full .articlewrap {
	width: 100%;
	position: relative;
	}
	
.articlewrap .owner {
	position: absolute;
	top: 15px;
	right: 0;
	width: 57px;
	height: 57px;
	background: #e6e6e6 url(../images/owner_bkgrnd.gif) repeat-y 100% 0;
	margin: 0;
	padding: 0;
	-moz-border-radius: 6px 0 0 6px;
	-webkit-border-radius: 6px 0 0 6px;
	border-radius: 6px 0 0 6px;
	}

.articlewrap .owner img {
	border: 1px solid #eee;
	margin: 8px 0 0 8px;
	}

.articlewrap .tags {
	width: 48px;
	height: 48px;
	position: absolute;
	top: 0;
	left: 0;
	}

.articlewrap .tag_hurry {
	background: transparent url(../images/tag_hurry.png) no-repeat 0 0;
	_background-image: url(../images/tag_hurry.gif);
	}	

.articlewrap .tag_hot {
	background: transparent url(../images/tag_hot.png) no-repeat 0 0;
	_background-image: url(../images/tag_hot.gif);
	}	

.articlewrap .tag_nearby {
	background: transparent url(../images/tag_nearby.png) no-repeat 0 0;
	_background-image: url(../images/tag_nearby.gif);
	}	

.articlewrap .tag_new {
	background: transparent url(../images/tag_new.png) no-repeat 0 0;
	_background-image: url(../images/tag_new.gif);
	}	

.articlewrap .tag_live {
	background: transparent url(../images/tag_live.png) no-repeat 0 0;
	_background-image: url(../images/tag_live.gif);
	}	


.tlc, .trc, .blc, .brc, .tb, .bb, .rb, .lb { zoom:1; }

.tlc, .trc, .blc, .brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

.tlc
	{
	background-image:url(../images/border/tlc.gif);
	background-position: 0% 0%;
	}

.trc
	{
	background-image:url(../images/border/trc.gif);
	background-position: 100% 0%;
	}
	
.blc
	{
	background-image:url(../images/border/blc.gif);
	background-position: 0% 100%;
	}

.brc
	{
	background-image:url(../images/border/brc.gif);
	background-position: 100% 100%;
	}

.tb, .bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
.tb
	{
	background-image:url(../images/border/tb.gif);
	background-position: 0% 0%;
	}

.bb
	{
	background-image:url(../images/border/bb.gif);
	background-position: 50% 100%;
	}
	
.rb
	{
	background-image:url(../images/border/r.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

.lb
	{
	background-image:url(../images/border/l.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}
	

/* comments
-------------------------------------------------------------- */
.commentarea {
	width: 545px;
	}

.notes .commentarea {
	width: 100%;
	}

.commentarea .tally {
	padding: 4px;
	margin: 0;
	border-top: 1px solid #ccc;
	}
	
.comments {
	padding: 8px;
	border-top: 1px solid #ccc;
	}
	
.notes .comments {
	border: 0;
	}
	
.notes .commentbox {
	padding: 0 0 15px 0;
	margin-bottom: 15px;
	border-bottom: 1px solid #eee;
	position: relative;
	}
	
.notes .commentbox.last {
	border-bottom: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.commentbox {
	padding: 10px 0;
	display: block;
	clear: both;
	}
	
.commentbox .gravitar {
	float: left;
	width: 40px;
	}
	
.notes .commentbox .gravitar {
	width: 50px;
	}

.commentbox .comment-arrow {
	width: 9px;
	height: 33px;
	display: block;
	background: #fff url(../images/comment_arrow.gif) no-repeat 0 0;
	position: absolute;
	top: 0;
	left: -9px;
	}
	
.commentbox .comment {
	float: left;
	width: 478px;
	border-left: 1px solid #ccc;
	padding-left: 5px;
	margin-left: 5px ;
	position: relative;
	}
	
.notes .commentbox .comment {
	width: 458px;
	margin-left: 14px;
	}
	
.notes .commentbox .comment h2{
	font-weight: normal;
	font-size: 16px;
	font-weight: normal;
}

.notes .commentbox .comment h2 a{
	color: #596026;	
}

.notes .commentbox.unread .comment h2 {
	font-weight:bold;
}

.commentbox .actions {
	float: right;
	width: 483px;
	padding: 6px 0;
	}

.notes .commentbox .actions {
	width: 724px;
	}

.commentbox .actions a {
	padding-right: 15px;
	color: #8D8480;
	}
		
.comment h4 {
	font-size: 11px;
	color: #30251E;
	margin-bottom: 7px;
	line-height: 7px;
	}
.comment h4 .small {
	color: #999;
	}

.comment p {
	color: #666;
	margin-bottom: 5px;
	}





.comment .respond {
	padding: 10px 0;
	margin: 10px 0 0 0;
	border-top: 1px solid #eee;
}


.comment .respond .text {
	width:415px; 
	float:left;
	padding-bottom: 5px;
	}

.comment .respond input {
	width: 415px;
	color: #999;
	padding: 3px;
	margin: 4px 0 10px 0;
	}

.comment .respond input:focus {
	color: #111;
	}

.comment .respond .gravitar {
	padding-right: 10px;
	}

.comment .respond .gravitar {
	padding-right: 10px;
	}




.pop-over-wrap {
	top: 0px;
	left: 0;
	width: 100%;
	height: auto;
	min-height: 100%;
	z-index: -200;
	overflow: hidden;
	margin: 0px; 
	padding: 0px;
	text-align:center;
	background: transparent url("../images/bg_brn.png") repeat 0 0;
	display:none;
	position: fixed;
	}
	
.pop-over {
	position: relative;
	margin: 0px auto;
	text-align: left;
	width: 500px;
	padding: 20px 35px 20px 20px;
	top: 110px;
	background:#fff;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	}

.pop-over .msg {
	width: 100%;
	height: 100px;
	}
	
.maxchar {
	color: #ccc;
	font-weight: bold;
	text-align: right;
	margin: 0;
	padding: 0;	
	display: block;
	width: 394px;
	}

p.authored-by {
	margin-bottom: 4px;
}

div.authored-by {
	color: #999;
	text-align: right;
	margin: 0px;
	padding: 0px;
	width: 100%;
	font-size: 10px;
	font-style: italic;
	margin-bottom: 0px;
}

div.authored-by a {
	color: #666;
	font-weight: normal;
}

.close {
	width: 15px;
	height: 15px;
	background: transparent url("../images/close_icon.png") no-repeat 0 0;
	position: absolute;
	top: 6px;
	right: 6px;
	cursor: pointer;
	}

.close:hover {
	background-position: 0 -32px;
	}
	
.close-item {
	width: 15px;
	height: 15px;
	background: transparent url("../images/close_icon.png") no-repeat 0 -32px;
	cursor: pointer;
	float:right;
	margin-right:6px;
	opacity:0.3;
	}

.close-item:hover {
	opacity:1;
	}

.edit-item {
	width: 16px;
	height: 16px;
	background: transparent url("../images/icon_edit.png") no-repeat 0 0px;
	cursor: pointer;
	float:right;
	margin-right:6px;
	opacity:1;
}

.edit-item:hover {
	background: transparent url("../images/icon_edit.png") no-repeat 0 -16px;
}

.note_icon {
	width: 30px;
	height: 30px;
	position: absolute;
	background: red;
	left: 0px;
	top: 11px;
	}
	
.note_icon.like {background: transparent url("../images/note_icon_like.png") no-repeat 0 0; }
.note_icon.commit {background: transparent url("../images/note_icon_commit.png") no-repeat 0 0; }
.note_icon.complete {background: transparent url("../images/note_icon_complete.png") no-repeat 0 0; }
.note_icon.follow {background: transparent url("../images/note_icon_follow.png") no-repeat 0 0; }
.note_icon.invite {background: transparent url("../images/note_icon_invite.png") no-repeat 0 0; }
.note_icon.post {background: transparent url("../images/note_icon_post.png") no-repeat 0 0; }
.note_icon.send {background: transparent url("../images/note_icon_send.png") no-repeat 0 0; }



/* tooltip
-------------------------------------------------------------- */
.question {	
	position: relative;
	background: transparent url("../images/icon_question.gif") no-repeat 0 1px;
	width: 13px;
	height: 13px;
	padding: 0px 10px;
	z-index: 20;
	display: inline-block;
	}

.question:hover {
	z-index: 100;
	}

.question:hover span {
	display: inline;
	}

.question span {
	background: transparent  url("../images/hover_arrow.png") no-repeat 40px 0;
	position: absolute;
	width: 220px;
	top: 14px;	
	left: -47px;
	display: none;
	}
	
.question span p {
	background: #30251E;
	color: #fff;
	padding: 15px;
	margin: 6px;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}




/* -------------------------------------------- */
/* ------------- Pagination: Clean ------------ */
/* -------------------------------------------- */

#pagination			{ width: 100%; margin: 0; padding: 5px 0 0 0; }
#pagination li          { border:0; margin:0; padding:0; font-size:11px; list-style:none; float:left; }
#pagination a           { border-right:none; margin-right:2px; }
#pagination .previous-off,
#pagination .next-off   { color:#888888; display:block; float:left; font-weight:bold; padding:3px 4px; }	
#pagination .next a,
#pagination previous a  { border:none; font-weight:bold; }	
#pagination .active     { color:#000000; font-weight:bold; display:block; float:left; padding:4px 6px; /* savers */ border-right:none; }
#pagination a:link,
#pagination a:visited   { color:#8D8480; display:block; float:left; padding:3px 6px; text-decoration:underline; }
#pagination a:hover     { text-decoration:none; }





.products li {
	display: block;
	float: left;
	width: 236px;
	border-right: 1px solid #ccc;
	padding: 10px 5px 10px 20px;
	overflow: hidden;
	}

.products li:last-child {
	border: 0;
	}


.cleartable {
	width: 400px;
	float: left;
	}

.cleartable li {
	clear: both;
	display: block;
	padding: 14px 0;
	list-style: none;
	}

.cleartable .tb1 {
	width: 130px;
	display: block;
	float: left;
	text-align: right;
	padding-right: 15px;
	}
	
.cleartable .tb2 {
	display: block;
	float: right;
	text-align: left;
	width: 255px;
	}

.cleartable .tb2 .tb3 {
	display: block;
	float: left;
	text-align: left;
	width: 100px;
	}
	
.textbox, .cleartable .textbox {
	background: #fff;
	border: 1px solid #BBBBBB;
	padding: 4px 5px;
	width: 200px;
	margin: 0;
	font-size: 12px;
	}

.cleartable .textbox.narrow {
	width: 60px;
	}
	
.textbox:focus {
	border-color: #666;
}

.cleartable .textarea {
	background: #fff;
	border: 1px solid #BBBBBB;
	padding: 4px 5px;
	width: 240px;
	height: 70px;
	}

.cleartable select {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 4px 5px;
	}



.cleartable.full {
	width: 800px;
	float: left;
	}

.cleartable.wide {
	width: 540px;
	float: left;
	}

.cleartable.full .tb2 {
	width: 654px;
	}

.cleartable.wide .tb2 {
	width: 394px;
	}

.textbox.wide, .cleartable .textbox.wide {
	width: 380px;
	}

.textbox.post {
	width:380px;
	font-size:16px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	vertical-align: middle;
}

.cleartable.full .textarea {
	width: 380px;
	}

.cleartable .tally {
	line-height: 20px;
	padding: 4px 24px 4px 8px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-weight: normal;
	color: #888;
	background: #f2f2f2  url("../images/close_icon.png") no-repeat right -60px;
	}

.cleartable .tally:hover {
	background-position: right -28px;
	color: #666;
	}

.cleartable.overlay {
	margin:0px;
	padding:0px;
	width:500px;
	margin-bottom:24px;
	}
.cleartable.overlay li {
	margin:0px;
	padding:0px;
	padding-top:6px;
	}
.cleartable.overlay .tb1 {
	width: 85px;
	display: block;
	float: left;
	text-align: right;
	}
.cleartable.overlay .tb1 h6 {
	margin-top: 3px;
	}
.cleartable.overlay .tb2 {
	display: block;
	float: right;
	text-align: left;
	width: 400px;
	}
.cleartable.overlay .tb2 .textbox {
	width:250px;
	}
.cleartable.overlay .tb2.wide .textbox {
	width:380px;
	}
.cleartable.overlay .tb2.wide .textarea {
	width:380px;
	}
	
/* LANDING PAGE SPECIFIC CSS */
#landing-pg #section {
	text-align: center;
	min-height: 400px;
	padding-top: 50px;
}

#landing-pg #logo {
	float: none;
	position: inherit;
	display: block;
	height: 60px;
}

#landing-pg h3 {
	font-size: 14px;
	color: #828282;
	font-weight: normal;
	padding-top: 3px;
}

#landing-pg #content.full .articlewrap {
	width: 320px;
	float: left;
	padding: 0 10px;
}

#landing-pg #scroller {
	display: block;
	height: 120px;
	padding: 0 30px;
	margin: 0 auto 0 auto;
	text-align: center;
}

#landing-pg #featured,
#landing-pg #scroll-left,
#landing-pg #scroll-right {
	float: left;
	padding-top: 40px;
	cursor: pointer;
}

#landing-pg .action h2 {
	font-size: 15px;
	line-height: 15px;
	margin: 0;
}
	
#landing-pg .action {
	height: 75px;
	width: 205px;
	float: right;
}

#landing-pg .articlewrap .article .photo {
	width: 70px;
}

#landing-pg .btn {
	display: block;
	width: 28px;
}

#landing-pg hr {
	background: #CAC4BF;
}

#landing-pg #featured {
	width: 680px;
	overflow: hidden;
	height: 82px;
	margin: 0 auto;
}


/* Invite Friends pop over */

.invites ul {
	list-style: decimal;
	margin: 0;
	padding: 10px;
	display: block;
	width: 220px;
}



/* iFrame Specific Pages */
#frame {
	background:url("../images/bkgrnd.png") repeat-x scroll 0 -16px #FFFFFF;
	}
	
body#iframe { background: none; }

#frame #container {
	width: auto;
	padding: 0 10px;
}

#frame #section {
	width: 380px;
}

#frame .action .sidebar {
	width: 130px;
	overflow: hidden;
}

#frame .action .info {
	width: 240px;
	padding-left: 10px;
}

#frame .action .info h1 {
	font-size: 16px;
	line-height: 16px;
}

#frame #header {
	height:48px;
	padding-bottom:0;
}

#frame #logo {
	float:left;
	position:relative;
	top:9px;
}

#frame h6 {	font-size: 11px; color: #666; }
#frame .info .tally { display: block; margin: 2px 0; color:#999; }
#frame .info .tally b { color:#666; }


.static-text p {
	font-size: 1.1em;
	line-height: 1.3em;
}

.static-text blockquote {
	font-style: normal;
}

.people-list {
	overflow:auto;
	width:520px;
	height:360px;
	border:1px solid #ddd;
	margin-top:10px;
}
.people-list.short {
	height:auto;
	max-height:300px;
}
.people-list.inline {
	height:auto;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border-style:dashed;
}
.people-list.inline.full {
	width: 580px;
	border: 1px solid #ccc;
}
.people-list table {
	margin: 0px;
	padding: 0px;	
}
.people-list tr {
	vertical-align:middle;
	margin: 0px;
	padding: 0px;
}
.people-list td {
	margin: 0px;
	padding:4px;
}
.people-list td.lastrow {
	border:none;
}
.people-list .first {
	width:50px;
	text-align: center;
}
.people-list .second {
	text-align:left;
	vertical-align:middle;
}
.people-list .main {
	text-align:left;
	vertical-align:top;
	padding-bottom:12px;
}
.people-list .main h2 {
	font-size:1.33em;
}
.people-list .main p {
	margin-bottom: 8px;
}
.people-list .second h6 {
	display:inline;
}
.people-list.inline.full .second {
	vertical-align: top;
}
.people-list.inline.full h2 {
	font-size: 1.33em;
}
.people-list.inline.full td.first {
	padding: 6px;
}
.people-list.inline.full td.second {
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 6px;
}


.scroll-arrow {
	cursor: pointer;
}

.topic{
	float: left;
	text-decoration: underline;
	margin: 2px;
	cursor: pointer;
	padding: 4px 8px;
}

.topic.selected {
	padding: 4px 8px;
	background: #e6e6e6;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-weight: normal;
	text-decoration:none;
	font-weight:bold;
	}
	
#create_form h6{ margin: 10px; }	
	
#send_note .explain{ float: right; width: 200px; }	

.disabled input{ color: #c8c8c8; font-style: italic; }
.disabled { color: #c8c8c8; }

.help li{ list-style: none; margin-bottom: 12px; font-size:1.05em;}
.help.numb li{ list-style: decimal;}

.progress-outer {
	display:inline-block;
	float:right;
	height:11px;
	border:1px solid #bbb;
	position:relative;
	top:3px;
	margin-right:5px;
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.progress-inner {
	display:inline-block;
	background-color:#ccc;
	height:9px;
	margin:1px;
	border-radius:2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.news_feed_item { width: 580px; border-bottom: 1px solid #c8c8c8; padding:0 0 10px 0; margin-bottom: 10px;}
.news_feed_item .right{ float: right; width: 520px; }
.news_feed_item .headline{ font-size: 14px; color:gray;}
.news_feed_item .headline a{ font-weight: bold; }
.news_feed_item .left{ width: 40px; }
.news_feed_item .buttons_feed {vertical-align:middle;height:20px;}
.news_feed_item .share_links{margin-left:5px;margin-top:1px;}
.news_feed_item .story { width: 100%; margin: 8px 0 8px 10px; font-size: 12px; line-height: 16px; color:gray;}
.news_feed_item .story.indented { margin-left:130px;width:390px;}
.news_feed_item .others .story { margin-top: 6px; margin-bottom: 6px; font-size: 11px; line-height: 14px; color:gray;}
.news_feed_item .others .story.indented { margin-left:100px;width:330px;}
.news_feed_item .story .story_desc {margin-bottom: 8px;}
.news_feed_item .story .reward_qens {color:black;font-style:normal;font-weight:normal;}
.news_feed_item .photo{ float: left; margin-right:12px;margin-top:10px;margin-bottom:8px;}
.news_feed_item .text{ width: 100%; margin-left: 10px;}
.news_feed_item .small{ margin: 0; color: gray;}
.news_feed_item .inspired_by {float:right;margin-top:4px;}
.news_feed_item .inspired_by a {font-weight:normal;font-style:italic;}
.news_feed_item .respond { font-weight: normal; vertical-align: baseline; font-size: 11px; margin: 0 5px 0 0;}
.news_feed_item .btn.newsfeed {margin-right:5px;display:inline-block;}
.news_feed_item .btn.newsfeed.hover { color: #fff; text-decoration: none; background-color: #8B9639; }
.news_feed_item .btn.newsfeed.active { background-color: #596026; }
.news_feed_item .btn.newsfeed.qens {position:relative;font-size:12px;padding:4px 4px 3px 4px;background-color:#e1e9b6;left:-17px;color:black;font-weight:normal;display:inline-block;margin-right:-10px;}
.news_feed_item .btn.newsfeed.qens.hover, .news_feed_item .btn.newsfeed.qens:hover {background-color:#c5d377;}
.news_feed_item .btn.newsfeed.qens.active, .news_feed_item .btn.newsfeed.qens:active {background-color:#c5d377;}
.news_feed_item a { vertical-align: baseline; }
.news_feed_item .buttons { margin: 0 0 0 0; padding:0; width:auto;}
.news_feed_item .buttons td {border:none;margin:0;padding:0;}
.news_feed_item .others { margin: 0 0 0 0; }
.news_feed_item .others_title {color: gray;}
.news_feed_item .story_title {color: gray;}
.news_feed_item .others_action {margin-top:8px;}
.news_feed_item .other_story {  }
.news_feed_item .story_time {float:right;color:gray;font-size:10px;margin-top:2px;margin-left:6px;}
.news_feed_item .others .story_time {margin-top:0px;}
.news_feed_item .comment_time {font-size:10px;color:gray;margin:6px 0 6px 8px;}
.news_feed_item .view_more {text-align:center;font-size:11px;}

.storybox { padding: 5px 0; display: block; margin-top: 5px; }
.others .storybox {background-color:#f0f2e6;margin-right:16px;padding-right:6px;padding-left:6px;}

.storybox .gravitar { float: left; width: 40px; }

.storybox .story_title-arrow { width: 9px; height: 33px; display: block;
	background: url(../images/comment_arrow.gif) no-repeat 0 0; position: absolute; top: 0; left: -9px;
}
.others .storybox .story_title-arrow {background: url(../images/comment_arrow2.gif) no-repeat 0 0;}
	
.storybox .story_title { float:left; width:468px;border-left: 1px solid #ccc; padding-left: 5px;margin-left: 5px ;position: relative;}	
.others .storybox .story_title {width:440px;}


.news_feed_item.highlighted {
	background-color: #f0f2e6;
	margin-top:-10px;
	padding-top: 10px;
}

.news_feed_item .comment .story_title {margin:0 0 0 0;}
.news_feed_item .comment textarea{ height: 28px; width:434px;font-size: 11px;margin:0; }
.news_feed_item .comment .btn {float:right;margin:0px;margin-top:4px;margin-right:-6px;}
.news_feed_item .submit { float: right; }

.like_count_wrapper {
	padding-left:8px;
}
.like_count {
	background-image: url(../images/heart_sm.png);
	background-repeat: no-repeat;
	background-position: -3px -4%;
	padding-left: 9px;
	opacity: 0.5625;
	color: black;
	position:relative;
	margin-left:5px;
	margin-top:0px;
}

.notification-prefs {
	font-size: 12px;
}
.notification-prefs .tb1 {
	width: auto;
	text-align: right;
}

#home_post_form {
	margin-bottom: 11px;
}

.post-form {
	width: 580px;
	margin-bottom: 8px;
	font-size: 14px;
}
.post-form .top {
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	border: 1px solid #666;
	background-color: white;
	width:100%;
	height: 26px;
}
.post-form .post-title {
	border: none;
	background: none;
	width: 420px;
	font-size: 14px;
	position: relative;
	top:-2px;
}

.post-title-secondary {
	width: 510px;
	border: 1px solid #ccc;
	background-color: white;
	height: 26px;
}
.post-title-secondary .post-title {
	border: none;
	background: none;
	width: 390px;
	position: relative;
	top:-2px;
}
.post-form-overlay h6 {
	margin-top:16px;
	margin-bottom:4px;
}
.post-form-overlay textarea {
	margin:0px;
	padding:3px;
	width: 504px;
	height: 43px;
	border: 1px solid #ccc;
}
.post-form-overlay textarea:focus {
	border-color: gray;
}
.post-form-overlay label {
	font-weight: normal;
}
.textbox.qens {
	width: 50px;
}
.post-form-overlay .qens-dollars {
	color:gray;
}
.loc-details, .qens-details {
	margin-top:4px;
}

.btn.post {
	float:right;
	height: 18px;
	margin-top: -1px;
	margin-right: -2px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	padding: 7px 13px 3px 13px;
}
.post-form-label {
	color:gray;
	margin-top:8px;
	margin-bottom:0px;
}
.post-form textarea {
	width: 570px;
	height: 43px;
	background: none;
	border: none;
	margin-top:-6px;
	color: gray;
}

.dropdownbox-content, .dropdownbox-label, .dropdownbox ul { margin:0px; padding:0px; }
.dropdownbox-content { position:relative; }
.dropdownbox a, .dropdownbox a:visited { color:gray; text-decoration:none; outline:none;font-weight:normal;}
.dropdownbox a:hover { color:#5d4617;}
.dropdownbox-label a:hover { color:black;}
.dropdownbox-label a {
	background:transparent url(../images/arrow.png) no-repeat scroll right center;
	display:inline-block;
	padding-right:12px;
	border:none;
	width:auto;
	padding-top:2px;
}
.dropdownbox-label a span {cursor:pointer; display:block; padding:5px;}
.dropdownbox-content ul { background:white none repeat scroll 0 0; border:1px solid #ddd; color:#C5C0B0; display:none;
				  left:0px; padding:5px 0px; position:absolute; top:2px; width:auto; min-width:120px; list-style:none;}
.dropdownbox span.value { display:none;}
.dropdownbox-content ul li a { padding:5px; display:block;}
.dropdownbox-content ul li a:hover { background-color:#A1B33F; color: white;}
.dropdownbox-label {display: block; width: auto;}
.dropdownbox {display:inline-block;top:-2px;position:relative;}

.story-search-result .light {
	color: gray;
}