/*  Site URI:http://mesocare.org Created:07/21/2010 Author:Christopher Michael Pastore Author URI:http://chrispastore.com/ Contact:chris@chrispastore.com */
@import url("/css/reset.css");
@media all {
body { margin:0; background:#99ca59 url(/img/page-bg.jpg) repeat-x top left fixed; }
a { color:#3bb3c3; text-decoration:none; }
a:hover, a:focus { text-decoration:underline; }  
#headerBG { width:100%; background-color:#fff; }
#header { width:960px; height:87px; margin:0 auto; background-color:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; }
#logo { position:relative; top:12px; left:21px; border:none; }
#blank { position:relative; top:-45px; left:70px; }
#call { float:right; position:relative; top:15px; #top:-50px; font:14px Verdana, Geneva, Helvetica, Arial, sans-serif; color:#333; text-align:right; } /* # IE 7 Hack */
#big { font:bold 24px Verdana, Geneva, Helvetica, Arial, sans-serif; color:#333; }
#facebook { position:relative; top:15px; left:260px; border:none; }
#navigation { width:960px; height:41px; margin:0 auto; background:url(/img/nav-subs-bg.png) no-repeat top left; text-align:left; list-style-type:none; }
#navigation li { display:inline; height:41px; }
#navigation li a { position:relative; top:5px; padding:0 10px; font:16px Verdana, Helvetica, Arial, sans-serif; color:#fff; text-decoration:none; }
#navigation li a:hover, #navigation li a:focus { color:#ccc; }
#container { width:960px; margin:auto; background:#fff; }
#breadcrumbs .shareThis { position:relative; top:-10px; left:860px; width:90px; margin-bottom:15px; }
#breadcrumbs .shareThis a { color:#fff; }
#content { float:left; width:960px; background-color:#fff; }
#main { float:left; position:relative; top:0px; left:16px; width:615px; padding-bottom:30px; }
#mainWide { clear:both; width:960px; margin-top:-20px; padding-bottom:30px; }
#main h1 { width:550px; #margin-top:20px; font:bold 22px Verdana, Helvetica, Arial, sans-serif; color:#633; }
h1#faces { width:950px; #margin-top:20px; padding:0 0 0 10px; font:normal 75px Georgia, Times, "Times New Roman", serif; color:#000; background:url(/img/faces-title-bg.png) repeat-x bottom left; }
#main h2 { width:615px; margin:20px 0 -10px 0; font:bold 18px Verdana, Helvetica, Arial, sans-serif; color:#000; }
#main h2 a { color:#000; text-decoration:none; }
#main h2 a:hover, #main h2 a:focus { text-decoration:underline; }
#mainWide h2 { margin:20px 0 -10px 0; font:bold 18px Verdana, Helvetica, Arial, sans-serif; color:#000; }
#main h2#facesh2 { width:615px; margin:20px 0 -10px 0; font:bold 18px Verdana, Helvetica, Arial, sans-serif; color:#633; }
#main h3 { width:615px; margin:20px 0 -10px 0; font:bold 16px Verdana, Helvetica, Arial, sans-serif; color:#000; }
#mainWide h3 { margin:20px 0 -10px 0; font:bold 16px Verdana, Helvetica, Arial, sans-serif; color:#99ca59; }
#main h4 { width:615px; margin:20px 0 -10px 0; font:bold 14px Verdana, Helvetica, Arial, sans-serif; color:#3bb3c3; }
#mainWide h4 { margin:20px 0 -10px 0; font:bold 14px Verdana, Helvetica, Arial, sans-serif; color:#3bb3c3; }
#main p { width:600px; margin:20px 0 0 0; font:14px/1.3em Verdana, Helvetica, Arial, sans-serif; color:#000; }
#mainWide p { margin:20px 15px 0 15px; font:14px/1.3em Verdana, Helvetica, Arial, sans-serif; color:#000; }
#main p img.floatRight { float:right; margin:0 0 20px 20px; padding:5px; border:1px solid #ccc; }
#main p img.floatLeft { float:left; margin:0 20px 20px 0; padding:5px; border:1px solid #ccc; }
.pagination { margin:0; list-style-type:none; display:none; }
.pagination li.page { display:inline !important; font:18px Verdana, Helvetica, Arial, sans-serif; color:#000; padding:2px 5px; background-color:#f7f7f7; border:1px solid #ccc; margin:0 !important; list-style-type:none; }
.pagination li.page:hover { background-color:#ccc; }
.pagination li.current { color:#fff; background-color:#99ca59 !important; }
.pagination li.page a { color:#000; text-decoration:none; }
.pagination li.page a:hover { text-decoration:none; }
#main ul { width:600px; margin:20px 0 20px 0; list-style-type:square; }
#main ul li { margin:0 0 7px 30px; font:14px/1.3em Verdana, Helvetica, Arial, sans-serif; color:#000; }
#main ol { width:600px; margin:20px 0 20px 0; list-style-type:decimal; }
#main ol li { margin:0 0 7px 30px; font:14px/1.3em Verdana, Helvetica, Arial, sans-serif; color:#000; }
#pastLectures { width:615px; float:left; margin:20px 0; }
#breadcrumbs { width:960px; background:#fff url(/img/breadcrumb-bg.png) repeat-y top left; #margin-bottom:20px; }
#breadcrumbs ul { width:800px; margin:0px 0 0 16px; list-style-type:none; }
#breadcrumbs ul li { position:relative; top:5px; display:inline; font:14px Verdana, Helvetica, Arial, sans-serif; color:#000; }
#breadcrumbs ul li a { color:#3bb3c3; text-decoration:none; }
#breadcrumbs ul li a:hover { text-decoration:underline; }
#latest { float:left; width:615px; padding:15px 0; background:#ccc; -khtml-border-radius: 10px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } /* _ IE6 Hack */
#latest h1 { width:250px; margin:0 0 10px 10px; font:bold 22px/1.3em Verdana, Helvetica, Arial, sans-serif; color:#633; }
#latest h2 { width:250px; margin:0 0 10px 10px; font:bold 18px/1.3em Verdana, Helvetica, Arial, sans-serif; color:#000; text-decoration:none; }
#latest h2 a { color:#000; text-decoration:none; }
#latest h2 a:hover, #latest h2 a:focus { text-decoration:underline; }
#latest p+p { position:absolute; top:10px; right:5px; } /* This fixed IE 8 video/flash */
#latest p { margin:0 0 -10px 10px; padding:0;  width:260px !important; _width:340px; } /* This fixed IE 6 video/flash */
#latest #excerpt { position:relative; top:0; right:0; margin:10px 0 10px 10px; width:260px; font:14px/1.3em Verdana, Helvetica, Arial, sans-serif; color:#000; }
#latest a.button { margin:0 0 0 10px; padding:4px 5px; background:#633; font:bold 11px Verdana, Helvetica, Arial, sans-serif; color:#fff; text-transform:uppercase; text-decoration:none; text-align:center; -khtml-border-radius: 10px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
#latest .activeVideo { position:absolute !important; top:-10px !important; _top:0 !important; right:5px !important; _right:-10px !important; margin:0 10px 0 0 !important; }
#latest .activeVideo object, embed, video { position:absolute !important; top:10px !important; right:5px !important; margin:0 10px 0 0 !important; }
#lectures { float:left; margin:0 0 13px 0; width:615px; }
#past { float:left; width:289px; border-right:1px solid #ccc; }
#past h2 { width:289px; font:bold 18px/1.3em Verdana, Helvetica, Arial, sans-serif; color:#633; }
#past h2 a { color:#633; text-decoration:none; }
#past h2 a:hover, #past h2 a:focus { text-decoration:underline; }
#past h3 { margin:20px 0 0 0; width:280px; font:bold 16px/1.3em Verdana, Helvetica, Arial, sans-serif; color:#000; }
#past h3 a { color:#000; text-decoration:none; }
#past h3 a:hover, #past h3 a:focus { text-decoration:underline; }
#past p { width:280px; margin:5px 0 15px 0; font:14px/1.3em Verdana, Helvetica, Arial, sans-serif; color:#000; }
#past a.button { padding:4px 5px; background:#633; font:bold 11px Verdana, Helvetica, Arial, sans-serif; color:#fff; text-transform:uppercase; text-decoration:none; text-align:center; -khtml-border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
#past img { display:none; }
#future { float:left; width:289px; margin-left:20px; }
#future h2 { width:289px; font:bold 18px Verdana, Helvetica, Arial, sans-serif; color:#633; }
#future h3 { width:289px; margin:20px 0 0 0; font:bold 16px Verdana, Helvetica, Arial, sans-serif; color:#000; }
#future h3 a { color:#000; text-decoration:none; }
#future h3 a:hover, #future h3 a:focus { text-decoration:underline; }
#future p { width:280px; margin:5px 0; font:14px/1.3em Verdana, Helvetica, Arial, sans-serif; color:#000; }
#future ul { width:190px; margin-bottom:20px; margin-left:120px; list-style-type:square; }
#future ul li { font:14px/1.3em Verdana, Helvetica, Arial, sans-serif; color:#000; width:190px; margin-bottom:7px; }
#future .date { background-color:#e6e6e6; border:1px solid #ccc; width:70px; text-align:center; padding:5px; float:left; }
#future .date span.dow { font:bold 10px Verdana, Helvetica, Arial, sans-serif; color:#000; text-transform:uppercase; }
#future .date span.month { font:bold 10px Verdana, Helvetica, Arial, sans-serif; color:#000; text-transform:uppercase; }
#future .date span.day { font:bold 30px Verdana, Helvetica, Arial, sans-serif; color:#000; text-transform:uppercase; }
#future .date span.year { font:bold 18px Verdana, Helvetica, Arial, sans-serif; color:#000; text-transform:uppercase; }
.lecture { width:625px; float:left; margin:10px 0 10px 0; }
.lecture h2 { width:300px !important; #width:200px !important; margin:0 0 10px 300px !important; font:18px Verdana, Helvetica, Arial, sans-serif; color:#000; }
.lecture h2 a { color:#000; text-decoration:none; }
.lecture h2 a:hover, .lecture h2 a:focus { text-decoration:underline; }
.lecture img { float:left; margin:0 20px 20px 0; padding:5px; background-color:#fff; border:1px solid #ccc; }
.lecture img:hover { border:1px solid #333; }
.lecture p { float:left; width:250px !important;  margin:0 !important; font:14px/1.3em Verdana, Helvetica, Arial, sans-serif; color:#000; }
.lecture a.buttonLink { position:relative; top:20px; left:0px; margin:0 0 0 300px; font:bold 11px Verdana, Helvetica, Arial, sans-serif; color:#fff; text-transform:uppercase; text-decoration:none; text-align:center; background-color:#633; border:#000; padding:4px 5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.lecture a.watch {  float:left; margin:5px 0 0 0; font:bold 11px Verdana, Helvetica, Arial, sans-serif; color:#fff; text-transform:uppercase; text-decoration:none; text-align:center; background-color:#633; border:#000; padding:4px 5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.lecture img.get { float:left; border:none; }
.lecture img.get:hover { border:none; }
.datePosted { width:500px; margin:0; font:bold 12px Verdana, Helvetica, Arial, sans-serif; color:#666; }
.lectureWatch { float:left; width:600px; margin:0 0 20px 0; }
.lectureWatch video { float:left !important; margin:20px 0 0 0 !important; }
.lectureWatch .activeVideo { _margin:20px 0 0 0 !important; }
.lectureWatch object { position:absolute !important; bottom:60px !important; right:0 !important; }
.lectureWatch h1 { width:270px; margin:0 0 10px 330px; font:18px Verdana, Helvetica, Arial, sans-serif; color:#000; }
.lectureWatch h2 { width:270px; margin:0 0 10px 330px; font:18px Verdana, Helvetica, Arial, sans-serif; color:#000; }
.lectureWatch h2 a { color:#000; text-decoration:none; }
.lectureWatch h2 a:hover { text-decoration:underline; }
.lectureWatch p { width:270px !important; margin:0 0 0 330px; font:14px/1.3em Verdana, Helvetica, Arial, sans-serif; color:#000; }
.lectureWatch p+p { position:inherit; bottom:inherit; right:inherit; } /* This fixed IE 8 video/flash */
.lectureWatch ul {  width:270px; margin:0 0 0 350px; font:14px/1.3em Verdana, Helvetica, Arial, sans-serif; color:#000; list-style-image:url(/img/square-bullet.png); }
.lectureWatch img.getCD2 { float:left; margin-left:330px; border:none; }
.lectureWatch img.getCD2:hover { border:none; }
.lectureWatch ul li { width:270px; margin:0 0 7px 0; font:14px/1.3em Verdana, Helvetica, Arial, sans-serif; color:#000; }
.page-link { float:left; clear:both; color:#000; font:bold 20px Verdana, Geneva, Arial, Helvetica, sans-serif; }
.page-link a { font:18px Verdana, Helvetica, Arial, sans-serif; color:#000; padding:2px 5px; background-color:#f7f7f7; border:1px solid #ccc; margin:0 !important; text-decoration:none; }
.page-link a:hover, .page-link a:focus { background-color:#ccc; text-decoration:none; }
#sidebar { float:left; margin-left:45px; _margin-left:35px; width:283px; padding:0 0 70px 0; }
#patientStories, #yourStory, #eatingHints, #recipeBook, #fundraising, #patientStories a, #yourStory a, #eatingHints a, #recipeBook a, #fundraising a { -khtml-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
#patientStories, #yourStory, #eatingHints, #recipeBook, #fundraising { border:1px solid #ccc; }
#patientStories p, #yourStory p, #eatingHints p, #recipeBook p, #fundraising p { font:15px/1.3em Verdana, Helvetica, Arial, sans-serif; color:#fff; }
#eatingHints p, #fundraising p { font:15px/1.3em Verdana, Helvetica, Arial, sans-serif; color:#000; }
#patientStories h2, #yourStory h2 { font:bold 18px Verdana, Helvetica, Arial, sans-serif; color:#fff; }
#eatingHints h2, #recipeBook h2, #fundraising h2 { font:bold 18px Verdana, Helvetica, Arial, sans-serif; color:#633; }
#patientStories a, #yourStory a, #eatingHints a, #recipeBook a, #fundraising a { font:bold 11px Verdana, Helvetica, Arial, sans-serif; color:#fff; text-transform:uppercase; text-decoration:none; text-align:center; background-color:#633; border:#000; padding:4px 5px; }
#patientStories { width:283px; height:137px; background:url(/img/dougs.jpg) no-repeat top left; }
#patientStories h2 { position:relative; top:2px; left:5px; width:280px; }
#patientStories p { position:relative; top:5px; left:5px; width:280px; }
#patientStories a { position:relative; top:25px; left:5px; }
#yourStory { position:relative; top:15px; left:0px; width:283px; height:137px; background:url(/img/your-story-bg.jpg) no-repeat top left; }
#yourStory h2 { position:relative; top:2px; left:130px; width:150px; }
#yourStory p { position:relative; top:5px; left:130px; width:150px; }
#yourStory a { position:relative; top:20px; left:130px; }
#eatingHints { position:relative; top:30px; left:0px; width:283px; height:212px; background:url(/img/eating-hints-bg.jpg) no-repeat top left; }
#eatingHints h2 { position:relative; top:2px; left:10px; width:270px;  }
#eatingHints p { position:relative; top:5px; left:10px; width:270px; }
#eatingHints a { position:relative; top:20px; left:10px; }
#recipeBook { position:relative; top:30px; left:0px; width:283px; height:212px; background:url(/img/recipe-book-bg.jpg) no-repeat top left; }
#recipeBook h2 { position:relative; top:2px; left:10px; width:270px; }
#fundraising { position:relative; top:45px; left:0px; width:283px; height:113px; margin-bottom:50px; background:url(/img/fundraising-bg.jpg) repeat-x top left; }
#fundraising h2 { position:relative; top:2px; left:10px; width:270px; }
#fundraising p { position:relative; top:5px; left:10px; width:270px; }
#fundraising a { position:relative; top:12px; left:10px; }
#sidebarFaces { float:right; width:320px; margin:25px 10px 0 0; padding-bottom:70px; }
#sidebarFaces h2 { margin:20px 0 0 0; padding:5px 0 5px 5px; font:bold 18px/1.3em Verdana, Helvetica, Arial, sans-serif; color:#000; background:#3bb3c3; }
p#caption { margin-left:5px; font:12px/1.3em Verdana, Helvetica, Arial, sans-serif; color:#333; }
#profile { padding:10px 5px;  background:#333; font:14px Verdana, Helvetica, Arial, sans-serif; color:#fff; }
#profile li { margin:0 0 5px 0; list-style-type:none; }
#bottomSection { float:left; width:960px; background:#333 url(/img/form-bg.png) repeat-y top right; }
#bottomSection h2 { width:200px; margin:10px 0 0 16px; font:bold 18px Verdana, Helvetica, Arial, sans-serif; color:#fff; }
#bottomSection ul { float:left; margin:10px 0 20 35px; list-style-image:url(/img/square-bullet.png); }
#bottomSection ul li { margin:0 0 5px 33px; font:14px Verdana, Helvetica, Arial, sans-serif; color:#fff; }
#bottomSection ul li a { color:#fff; text-decoration:none; }
#bottomSection ul li a:hover { text-decoration:underline; }
#bottomSection #form { float:right; width:687px; margin:0 10px 0 0; #padding-bottom:20px; background:url(/img/offer.gif) no-repeat top left; }
#bottomSection #form table { margin-left:290px; border-collapse:separate; border-spacing:2px; }
#bottomSection #form table table#offers { margin-left:0px; border-collapse:separate; border-spacing:2px; vertical-align:top; }
#bottomSection #form table label { float:left; clear:both; font:14px Verdana, Helvetica, Arial, sans-serif; color:#fff; }
#bottomSection #form table input, #bottomSection #form table select, #bottomSection #form table textarea { float:left; clear:both; margin:0 10px 10px 0; }
#bottomSection #form table td { text-align:left; vertical-align:top; }
#bottomSection h3 { position:relative; bottom:20px; width:650px; margin:0 0 0 261px; font:bold 16px Verdana, Helvetica, Arial, sans-serif; color:#fff; }
#bottomSection #form input#formButton { border:none; #margin-top:10px; }
#bottomSection #form a#privacy { position:relative; bottom:16px; #top:10px; vertical-align:middle; font:14px Verdana, Helvetica, Arial, sans-serif; color:#fff; text-decoration:none; }
#footerBG { float:left; clear:both; width:100%; height:80px; background:url(/img/footer-bg.gif) repeat-x top left; }
#footer { width:960px; height:36px; margin:0 auto; background:url(/img/footer-strip.gif) no-repeat top left; }
#footer p { float:left; position:relative; top:7px; left:16px; width:350px; font:12px Verdana, Helvetica, Arial, sans-serif; color:#fff; }
#footer ul { float:right; position:relative; top:0px; left:0px; width:320px; margin:0; font:12px Verdana, Helvetica, Arial, sans-serif; color:#fff; list-style-type:none; }
#footer ul li { position:relative; top:7px; left:16px; display:inline; }
#footer ul li a { padding:0 5px; font:12px Verdana, Helvetica, Arial, sans-serif; color:#fff; text-decoration:none; border-right:1px solid #fff; }
#footer ul li a.last { border-right:none; }
#footer ul li a:hover { text-decoration:underline; }
#liveButton { position:relative; bottom:10px; _bottom:0; _top:16px; left:300px; width:354px; height:31px; background:url(/img/button-live.png) no-repeat top left; }
#liveButton a { display:block; width:354px; height:25px; padding-top:6px; background:none; font:14px Verdana, Helvetica, Arial, sans-serif; color:#fff; text-align:center; text-decoration:none; }
#liveButton a:hover { color:#ccc; text-decoration:none; }
#recipes input { margin:0; }
#Appetizers, #Beverages, #Bread, #Desserts, #Cookies, #Soups, #Salads, #Main { width:600px; }
a.buttonMore { padding:4px 5px; background:#633; font:bold 11px Verdana, Helvetica, Arial, sans-serif; color:#fff; text-transform:uppercase; text-decoration:none; text-align:center; -khtml-border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
a.buttonMore:hover, .buttonMore:focus { text-decoration:none; }
h1#faces { width:950px; padding:0 0 0 10px; font:normal 75px Georgia, Times, "Times New Roman", serif; color:#000; background:url(/img/faces-title-bg.png) repeat-x bottom left; #margin-top:20px; }
h2#facesh2 { width:615px; font:bold 18px Verdana, Helvetica, Arial, sans-serif; color:#633; margin:20px 0 -10px 0; }
.longListNoBullets { width:305px !important; display:inline-block; vertical-align:top; }
.longListNoBullets p { width:305px !important; font-weight:bold; }
.longListNoBullets ul { width:305px !important; list-style-type:none !important; margin:5px 0 !important; }
.longListNoBullets ul li { width:305px !important; margin:0 !important; font:italic 14px/1.3em Verdana, Helvetica, Arial, sans-serif !important; }
.longList { width:305px !important; display:inline-block; vertical-align:top; }
.longList ul { width:305px !important; list-style-type:square !important; margin:5px 0 !important; }
.longList ul li { margin:0 !important; font:normal 14px/1.3em Verdana, Helvetica, Arial, sans-serif !important; }
.note { float:left; clear:both; width:615px; margin:10px 0 !important; padding:2px; }
#sidebarFaces { float: right;  margin:25px 10px 0 0;  width: 320px;  padding-bottom: 70px; }
#sidebarFaces h2 { margin:20px 0 0 0; padding:5px 0 5px 5px; font: 18px/1.3em Verdana, Helvetica, Arial, sans-serif; font-weight:bold; color:#000;  background:#3bb3c3; }
p#caption { position:relative; top:0; margin-left:5px; font: 12px/1.3em Verdana, Helvetica, Arial, sans-serif; color:#333; }
#profile { padding:10px 5px; font: 14px Verdana, Helvetica, Arial, sans-serif; color:#fff; background:#333; }
#profile li { margin:0 0 5px 0; list-style-type:none; }
/* FORUM STUFF */
.bordercolor a { color:#336; }
}