/*  
Theme Name: HealthyMonday 
Theme URI: http://wordpress.org/
Description: Theme designed for Healthy Monday website.
Version: 0.8
Author: Chris Jordan
Author URI: http://seej.net/

	HealthyMonday v0.9
	http://seej.net/
	This theme was built for GRACE. 
	Copyrighted The Monday Campaigns Inc.:
	
*/

body { background: #dbf8ad; color: #333; margin: auto; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; margin-top: 0px; margin-bottom: 6px; margin-left: 1px; line-height: 16px; }
p {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; margin: 0px 0px 6px 1px; line-height: 16px; text-align: left;}
td {vertical-align: top;}
form {margin: 0px; padding: 0px;}
a:link {font-weight: bold; text-decoration: none; color: #009900;}
a:visited {font-weight: bold; text-decoration: none; color: #009900;}
a:hover {font-weight: bold; text-decoration: underline; color: #ce9b69;}
a:active {font-weight: bold; text-decoration: none; color: #009900;}

/* page layout */
#page {width: 700px; margin-left: auto; margin-right: auto;}

#header {width: 700px; height: 97px; text-align: left; background-image: url('images/bkg_white_box.gif'); background-repeat: repeat-x;}
#headerlogo {float: left; padding-left: 6px;}
#navigation {float: right; margin-top: 59px; margin-right: 10px;}

#contents {background-color:white; margin: 0px; padding: 0px; width:700px; clear: both; text-align: left;}
#content-indent {margin: 0px 5px 0px 25px; padding: 30px 0px 20px 0px;} /* used to indent page contents except home */

/* home page styles   */
#content-indent-home {margin: 0px 5px 0px 10px; padding: 20px 0px 20px 0px; width: 685px;}

#home-top-row {clear: both; height: auto;}
.home-header-table {width: 650px; border-bottom: 1px solid #4aab52; border-right: 1px solid #4aab52; margin-left: 17px;}
.mission {width: 430px; border-right: 1px solid #4aab52;}
.monday-tips {border-top: 1px solid #4aab52; width: 222px; background-image: url('images/calendar_hm2.gif'); background-repeat: no-repeat; background-position:top left; }
.tip-title {height: 34px;}
.tip-title h2 {color: black; font-size: 13px; margin: 2px 2px 2px 45px;}
.monday-tips p {color: #7d8e61; padding: 3px;}

/* stay quit tip classes */
.tip-quit {border: 1px solid #cc2636; width: 212px; background-image: url('images/icon_quit_tip.gif'); background-repeat: no-repeat; background-position:top left; margin-bottom: 12px;}
.tip-quit-title {height: 40px;}
.tip-quit-title h2 {color: black; font-size: 12px; font-weight: bold; margin: 3px 2px 3px 45px; line-height: 17px;}
.tip-quit p {color: #666; padding: 2px 8px; margin: 0px;}
.tip-source {font-size: 10px; text-align: right;}
.tip-source a {color: #666; font-weight: normal;}


#home-bottom-row {clear: both; height: auto; width: 665px; margin-left: 10px; height: auto;}
#feature {float: left; width: 330px; margin: 0px 31px 0px 10px;}
#news {float: left; width: 270px;}
#news h3 {font-family: Arial Black, Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 11px; font-weight: normal; color: #256aa7; padding: 0px; margin: 0px;}
#news h2 {color: black; font-weight: bold; font-size: 12px;}
#news p {padding-left: 10px; font-size: 11px; color: 59595c;}
.newsfooter img {padding-top: 10px;}

#search-center {position: absolute; width: 670px; margin-left: auto; margin-right: auto; top: 116px; text-align: right; display: none;}
#search {width: 212px; float: right; }
.inputs {width: 100px;}
.search-button {width: 59px;}

/* top navigation */
.menu {width: 420px; height: 25px;}
.menu ul { list-style-type: none; padding: 0; margin: 0; }
.menu ul li {display: block; float: right; text-transform:lowercase;}
.menu ul li a {text-decoration: none; color: #45a359; padding: 2px 8px 2px 3px; font-weight: bold; margin-right: 1px; height: 15px; background-image:url('images/seperator_bar_nav.gif'); background-repeat: no-repeat; background-position: right;}
.menu ul li a:hover {text-decoration: underline; color: #ce9b69;}
.menu li.first-child a { background-image: none; } /*works with offspring.js to remove background image */
 
.current_page_item a:link {font-weight: bold; text-decoration: none; color: #ce9b69; cursor:pointer;}
.current_page_item a:visited {font-weight: bold; text-decoration: none; color: #ce9b69; cursor:pointer;}
.current_page_item a:hover {font-weight: bold; text-decoration: none; color: #ce9b69; cursor:pointer;}
.current_page_item a:active {font-weight: bold; text-decoration: none; color: #ce9b69; cursor:pointer;}


/* add this classes for home page link-in and sharing */
#addthis-center {position: absolute; width: 680px; margin-left: auto; margin-right: auto; margin-top: 90px;}
#addthisdiv {width: 125px; height: 16px; float: right; }

/* begin page main column classes */
.widecolumn {width: 430px; float: left; }
.single-column {width: 650px; float: left;}
.sidebar-single {float: right; top: 0px;}

/* standard heading classes */
h1 {font-size: 20px; color: #78a3c7; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; height: 22px; padding: 0px 0px 6px 0px; margin: 0px; text-align: left;}
h2 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #7d8e61; margin-bottom: 6px; text-align: left;}
 
h3 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #7d8e61; margin: 12px 0px 4px 0px; text-align: left;}
 h3.indent {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #45a359; margin-top: 4px; margin-bottom: 1px; margin-left: 10px; text-align: left;}
 h4 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #45a359; margin-top: 5px; margin-bottom: 1px; text-align: left;}
 h5 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #45a359; margin-top: 5px; margin-bottom: 1px; text-align: left;}
 h6 {color:#256AA7; font-size:16px; font-weight:bold; line-height: normal; text-align: left; margin: 0px 0px 2px 0px; padding: 0px;}
 
.post {clear: both; margin-bottom: 20px;} 
.newstitle {color:black; font-size:12px; font-weight:bold; margin-bottom: 0px; padding: 0px} /* news titles */
.thumbnail-div {width: 110px; float: left; }
.news-text {margin-left: 120px; }
 
.dateline {font-family: Arial Black, Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 11px; font-weight: normal; color: #256aa7; margin-top: 0px; margin-bottom: 2px;}

.indent {margin-left: 15px;}
.emphasis {color:#524766; font-size:13px; font-weight:bold;}

.magenta {color: #de1d52}
.orange {color: #ea6221}
.blue {color: #006bb0}


ul.ingredients  {
background-color:#F5FFD7;
border-bottom:1px solid #AEAFA6;
border-top:1px solid #AEAFA6;
font:0.857em/1.5em "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
margin:12px 0 10px 0 ;
padding:5px 10px 5px 10px;
list-style-type: none ;
}

.ingredients li {list-style-image: none !important; }

.nutrition {line-height: 18px; font-size: 10px; padding: 10px 10px 0 40px;}

/* Begin Sidebar styles ------------------------ */
#sidebar {float: right; width:216px; text-align: left; top: 0px; margin-right: 5px;}
.sidebar {margin: 0px 0px 10px 0px; padding: 0px; border: 1px solid #256aa7;}
.sidebar-title {background-color: #508ab8; color: white; font-size: 12px; font-weight: bold; text-transform: uppercase; margin: 0px; padding: 0px 4px 0px 4px; line-height: 15px;}
.sidebar p {font-size: 12px; line-height: 14px; margin: 6px 8px 8px 8px;}

/* sidebar blank - no background */
.sidebar-blank {position: relative; width: 202px; color: white; margin-bottom: 5px;}
.sidebar-blank h2 {padding: 5px 8px 2px 8px; color: white; font-size: 14px; font-weight: bold; }
.sidebar-blank p {padding: 0px 8px 9px 8px; color: white;}
.sidebar-blank button, .sidebar-blank input, .sidebar-blank h3 {margin-bottom: 4px;}

.underline {text-decoration: underline;}
.center {text-align:center;}

/* end sidebar classes -------------------------- */

.small {font-size: 0.9em; line-height: 1.5em; color: #666666;}

/* Begin Images */
p img {padding: 0; max-width: 100%;}
img.centered { display: block;	margin-left: auto; margin-right: auto;	}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; clear: both;}
.alignright { float: right;}
.alignleft { float: left;}

/* Begin Various Tags & Classes */

blockquote { margin: 15px 30px 0 10px;	padding-left: 20px; border-left: 5px solid #ddd;}
blockquote cite {margin: 5px 0 0; display: block;}
a img { border: none;}

ul {margin: 0px 0px 0px 25px; padding: 0px 0px 6px 0px;}
li {list-style-image: url('images/bullet_circ_olive.gif'); padding: 0px 0px 0px 0px; margin: 0px 0px 2px 0px;}

/* footer styles */
#footer { background-color: #aac474; clear: both;}
#footer-curve { background-image: url('images/curve_main_bottom.gif'); background-repeat: no-repeat; background-position: top;  background-color: #dbf8ad; width: 700px; clear: both; height: 30px;}
#footer p { padding: 20px; font-family: "Arial Narrow", Arial, Helvetica; font-size: 11px; font-weight: bold; color: #56663d;}

