/*----- login -----*/
body#login		{ height: 100%; }
#login form		{ margin-bottom: 1.5em; width: 50%; }
#login label	{ clear: both; display: block; float: left; margin-bottom: 1em; margin-right: 10px; text-align: right; width: 20%; }
#login input	{ float: right; width: 75%; }

/*----- home -----*/
#overview h2 a { color: #359ad0; font-size: 12px; font-weight: normal; margin-top: 0.6em; text-indent: 0; z-index: 3; }
#title-new-notebook	{ background: url(/images/title-new-in-notebook.png) no-repeat 0 0; height: 20px; width: 100%; }
#title-more-notebook	{ background: url(/images/title-more-from-notebook.png) no-repeat 0 0; height: 21px; width: 100%; }
#overview h2		{ border-bottom: 1px solid #d2d1cd; border-width: 0 0 2px 0; margin-top: 0.861em; padding-bottom: 0.2em; -webkit-border-image: url(/images/divider-inset.gif) 0 0 5 0 stretch stretch; }

#overview #notes { margin-bottom: 0; }
.row_list .row:first-child { border-top: none; }
.row_list .row { border: 1px solid #d2c1cd; border-width: 1px 0; clear: left; margin: 2px 0; padding: 0.4em 1.5em 0; }
.row_list .row.alt { background: #f6f3ea; border: 2px solid #fff; border-width: 2px 0; }

/*----- all pages -----*/
.note #main,
.page #main		{ background: #fff; margin: 2em 0 2em 2em; padding: 1.5em 2em; width: 567px; }
.note #main .article,
.page #main .article	{ margin-left: 1.4em; }
.page #main .header h1	{ margin-top: 0; }

#notebook #main .article,
#tag #main .article 		{ border-bottom: 1px solid #f3efe3; padding: 1em 0;}
#notebook #main .footer		{ margin-top: 1.5em; }

#main .article .article	{ border-bottom: 1px solid #d2d1cd; }

#main .next_link		{ clear: both; float: left; padding-left: 1.4em; width: auto; }
#main .previous_link	{ float: right; width: auto; }

/*----- asides -----*/
#main .aside	{ background: rgb(242,216,183) url(/images/bg-aside.jpg) no-repeat 50% 0; border: 1px solid rgb(154,151,148); border-width: 0 1px 1px; border-top: 1px solid rgb(0,121,192); color: rgb(43,48,51); font-size: 190%; font-family: "Times New Roman",Georgia,serif; padding: 1em 1em 0; text-shadow: rgba(242,217,184,0.7) 1px 1px 0; width: 180px; }
#main .aside:after	{ content: "."; clear: both; display: block; height: 0; visibility: hidden; }
#main .aside.right	{ float: right; margin: 0 0 1em 1em; }
#main .aside.left	{ float: left; margin: 0 1em 1em 0; }
#main .aside h3		{ background: url(/images/aside-bg-top.png) no-repeat 50% 0; color: rgb(80,80,80); margin: 0 -36px; padding: 13px 36px 5px; }
#main .aside p		{ line-height: 1.2; }
#main .aside a:hover		{ color: rgb(0,121,194); text-shadow: none; }
#main .aside a	{ color: #565f65; text-decoration: underline; }

/* -- error -- */
#main .article .errorExplanation { background: red; margin: 0 -10px 1.5em; padding: 1px 10px; }
#main .article .errorExplanation h2 { border-bottom: none; color: #fff; font-size: 120%; }
#main .article .errorExplanation p { margin-bottom: 0; }
#main .article .errorExplanation ul { list-style: disc outside; margin-left: 2em; }

/*----- note -----*/
#notebook #main .header h1	{ margin-top: 0; }
#title-the-notebook		{ background: url(/images/title-the-notebook.png) no-repeat 0 0; height: 20px; width: 100%; }
#note #main h2			{ border: none; margin: 1.111em 0 0; }
#note #main .article .footer	{ background: #f3efe3; clear: both; margin-top: 1.5em; padding: 1.5em 1.5em 1px; }
#note #main ul	{ list-style: square outside; }

/*----- pages -----*/
.page .article .aside	{ float: right; margin: 0 -1em 1.5em 1em; padding: 1.5em 1em 0; position: relative; width: 30%; }
/*.page .article .aside	{ -webkit-box-shadow: rgba(0,0,0,0.4) 0 0 4px; -webkit-border-radius: 6px; }*/

/*----- profile -----*/
#title-people		{ background: url(/images/title-people.png) no-repeat 0 0; height: 25px; width: 100%; }
#title-profile		{ background: url(/images/title-profile.png) no-repeat 0 0; height: 25px; width: 100%; }
#profile .articles			{ margin: 0; }
#profile .articles .article	{ margin-left: 0; }
#profile .article .byline	{ margin-bottom: 0.5em; }

#profile .article .post_list 	{ margin-bottom: 1.5em; }

/* ---- tags ---- */
#tag_list .tags .item	{ border-bottom: 1px solid #eee; margin-left: -0.5em; padding: 0.3em 0.5em; position: relative; }
#tag_list .tags a,
#tag_list .tags .tag_count	{ position: relative; z-index: 1; }
#tag_list .bar		{ background-color: #f3efe3; border-bottom: 1px solid #fff; display: block; height: 100%; opacity: 0.3; position: absolute; top: 0; left: 0; z-index: 0; }
#tag_list .item:hover .bar { opacity: 1; }

/*----- be a coach -----*/
.page.be-a-coach #main ul		{ list-style: disc outside; }

/* ---- Meals ---- */
.meal form .meal_detail.left		{ width: 33%; }
.meal form .meal_detail label		{ display: block; float: left; margin-right: 3%; text-align: right; width: 45%; }
.meal form .meal_detail .portion		{ text-align: right; width: 27px; }
.meal form .other_details label	{ display: block; float: left; margin-right: 2%; text-align: right; width: 25%; }
.meal form .other_details .help	{ margin-left: 27%; padding-top: 0.5em; }

.meal_list 		{ float: left; width: 100%; }
.meal_list .row { float: left; margin-bottom: 1em; width: 100%; }

#meal_stream		{ float: left; width: 80%; }
#meal_stream .row	{ float: left; width: 100%; }
.row .avatar		{ margin-right: 3%; }

/* ---- today’s meals ---- */
.progress				{ float: left; width: 100%; }
.progress .progress_item	{ border: 1px solid #e5e5e5; float: left; padding: 0.25em 2%; position: relative; width: 43%; }
.progress .progress_item.alt	{ float: right; }
/*.progress .progress_item.over { text-shadow: rgba(0,0,0,1) 0 1px 0; }*/
.progress .progress_item .indicator	{ background: rgb(243, 239, 227); position: absolute; top: 0; bottom: 0; left: 0; width: 0; z-index: 0; }
.progress .progress_item.over .indicator	{ /*background: rgba(143,4,21,0.8);*/ background: rgb(189,5,27); }
.progress .progress_item .label { position: relative; z-index: 1; }
.progress .progress_item.over .label { color: #fff; opacity: 0.6; }