html, body, form, fieldset, legend,
h1, h2, h3, h4, h5, h6, dd { margin: 0; padding: 0; }
p, pre, blockquote, ul, ol, dl, table { margin: 0 0 1.4em; padding: 0; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset { border: 0; }
form ul, form ol { list-style: none; margin: 0 0 1.4em; }
a img { border: 0; }
input, select, textarea { font-family: inherit; font-size: 100%; }
div {position:relative;}

.clear:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } /* clear floats */

body { font: 16px/1.5 Helvetica, Arial; color:#808080; background: #e4dccd url('../images/background.jpg'); margin-bottom:40px;}

#page {width:1016px; margin:55px auto 0 auto; background:#f7f4ef;
	-moz-box-shadow: 2px 2px 7px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 2px 2px 7px rgba(0, 0, 0, .1);
	box-shadow: 2px 2px 7px rgba(0, 0, 0, .1);
}

#header {height:100px;}
#header a {display:block; position:absolute; outline:0;}
	.join-us {top:25px; left:50px; width:296px; height:46px; background:url('../images/bkgd_join_us.gif') top left no-repeat;}
		.join-us form {position:absolute; top:17px; left:90px;}
		.join-us form input {vertical-align:middle; margin-left:8px;}
		.join-us form input#updates_submit {margin:0 0 0 5px;}
		.join-us form input#email_list {width:130px; padding:2px 0; font-size:11px; color:#7d7d7d; text-align:center;}
	.logo {top:-47px; left:429px;}
	.visit {top:-20px; right:182px; z-index:100;}
	.feed-logo {top:16px; right:57px; z-index:1;}
	.support-us {position:absolute; top:25px; right:50px; width:222px; height:46px; background:url('../images/bkgd_support_us.gif') top left no-repeat;}
	.support-us .donate {top:17px; left:138px;}

#nav {width:920px; background:url('../images/nav-background-new.gif') top left repeat-x; height:16px; margin:0 auto; padding:14px 0px 0px 0px;}
#subnav {width:920px; margin:0 auto; padding:0px 0px 0px 0px;}
#subnav .divider {background:url('../images/nav-background-new.gif') bottom left repeat-x; height:1px; margin:0 auto; padding:13px 0px 0px 0px;}
#subnav ul {height:20px; margin:10px 0px 0px 0px;}
#subnav li {list-style:none; float:left; text-align:center; margin:0px 15px 0px 15px; padding:3px 7px 3px 7px; font-size:12px;}
#subnav li.selected {background:#A5A59E; color:#FFFFFF; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
#subnav li a {color:#000000; text-decoration:none;}

#nav li {list-style:none; float:left; text-align:center; margin-right:35px;}
	#nav li a {display:block; height:17px;}
	.nav-home a {width:48px; background:url('../images/nav-home.gif') no-repeat;}
	.nav-the-challenge a {width:121px; background:url('../images/nav-the-challenge.gif') no-repeat;}
	.nav-whats-30-project a {width:153px; background:url('../images/nav-whats-30-project.gif') no-repeat;}
	.nav-30-organizations a {width:141px; background:url('../images/nav-30-organizations.gif') no-repeat;}
	.nav-30-blog a {width:171px; background:url('../images/nav-30-blog.gif') no-repeat;}
	.nav-support a {width:66px; background:url('../images/nav-support.gif') no-repeat;}
	.nav-30-project-plan a {width:150px; background:url('../images/nav-30-project-dinners.gif') no-repeat;}
	#nav li a:hover {background-position:bottom left;}
	#nav li.selected a {background-position:bottom left;}
	.nav-home {margin-left:15px;}
	.nav-30-organizations, .nav-30-blog {margin-right:0px !important;}

#footer {width:900px; background:url('../images/dotted-line.gif') repeat-x; margin:0 auto; text-align:right; padding:9px 12px; font-size:11px;}
#footer a {margin-left:10px;}
#footer a.novalibra {margin-left:0px; margin-right:20px;}
#footer * {vertical-align:middle;}

#buckets {margin:26px 0 15px 46px; overflow:auto;}
.home-buckets {margin-left:54px !important;}

p.challenge, p.dinners {margin-right:60px; font-size:12px;}
img.challenge-legend {float:right; margin-left:20px; margin-right:46px; margin-bottom:20px;}
img.dinners-image {float:right; margin-left:20px; margin-right:46px; margin-bottom:20px;}
p.em {font-family:georgia; font-style:italic; font-weight:bold; font-size:12px;}

a {color:#808080;}
a:hover {text-decoration:none;}

/* Feature */

#feature {position:relative; width:912px; height:423px; text-align:left; margin:20px auto 0px auto; background:url('../images/bkgd-home-slider.jpg') top left no-repeat;}

#featured-image {width:618px; height:417px;}
#featured-image .jcarousel-clip {width:618px; height:417px; overflow:hidden; position:relative;}
#featured-image .jcarousel-list {position:absolute;}
#featured-image li {width:618px; height:417px; list-style:none;}
#featured-text { text-align:left; background:url(../images/bg-slider-text.png); position:absolute !important; left:20px; top:266px; border:3px solid #96968F; width:563px; height:122px;}
#featured-text .jcarousel-clip {width:563px; height:122px; overflow:hidden;}
#featured-text .jcarousel-list {}
#featured-text li {width:523px; height:98px; padding:12px 20px;}
#featured-text li p {font-size:14px; color:#000000; line-height:18px; margin:0px 0px 5px 0px; paddding:0px;}
#featured-text li p a {display:block; height:25px; text-align:right; background:url(../images/btn-more.png) top right no-repeat; text-indent:9999px;}
#featured-text h2 {font-size:18px; margin-bottom:5px; color:#99B642;}
#featured-controls {height:28px; width:134px; position:absolute; top:238px; left:456px;}
#featured-controls * {vertical-align:middle;}
#featured-controls #featured-prev, #featured-controls #featured-next {width:28px; height:28px; display:inline-block; outline:none;}
#featured-controls #featured-prev {background:url(../images/btn-slider-prev.png) no-repeat center center;}
#featured-controls #featured-next {background:url(../images/btn-slider-next.png) no-repeat center center;}
#current-feature {display:inline-block; height:28px; padding:0px 20px 0px 20px; background:#96968F; font-size:14px; line-height:28px; text-align:center; color:#FFFFFF;}

.home-bucket {width:288px; height:228px; float:left; margin-right:20px; margin-bottom:20px;}
#twitter-holder {position:absolute; top:28px; left:648px;}
.twitter-bucket {position:relative; background:url('../images/bkgd-live-feed.png') no-repeat; width:184px; height:265px; padding:40px 21px 69px 21px;}
.twitter-bucket a.twitter-link {display:block; position:absolute; top:15px; left:15px; width:120px; height:20px;}
.twitter-bucket p {margin:42px 0 0 19px; width:180px; font-size:12px; line-height:16px;}
.twitter-bucket .twitter-post-info {margin:5px 0 0 19px; font-size:10px;}
.twitter-bucket a {color:#808080; text-decoration:none;}
.twitter-bucket a:hover {text-decoration:underline;}

.ted-video-home {background:url('../images/bkgd-ted-east.jpg') no-repeat;}
.ted-video-home a {position:absolute; top:149px; left:14px; width:110px; height:25px; display:block;}

.blog-home {position:relative; background:url('../images/bkgd-30-blog.jpg') no-repeat;}
.blog-home a.blog-link {display:block; position:absolute; top:28px; left:23px; width:239px; height:20px;}
.blog-home #blog-post-holder {margin-top:65px; padding:0px 15px;}
.blog-home #blog-post-holder p {padding:13px 13px 7px 13px; border-bottom:1px dotted #FFFFFF; color:#FFFFFF; font-size:11px; line-height:14px; margin:0px;}
.blog-home #blog-post-holder p a {color:#FFFFFF; text-decoration:none;}
.blog-home #blog-post-holder p a:hover {text-decoration:underline;}
.facebook-home {width:272px; height:212px; border:8px solid #EBE7DB; overflow:hidden;}
.facebook-holder {width:274px; height:214px; margin:0px; padding:0px; margin:-1px 0px 0px -1px;}

/* List view */

.bucket {width:305px; height:222px; float:left; margin:0 5px 15px 0; background:url('../images/grid-bucket.jpg') no-repeat;}
	.bucket h2 {text-align:center; color:#88aa37; font-family: georgia; padding:25px 0 17px 0;}
	.bucket h2.ag {background-image:url('../images/challenge-corner-agriculture.gif'); background-repeat:no-repeat; background-position:237px 7px;}
	.bucket h2.ag-hu {background-image:url('../images/challenge-corner-agriculture-hunger.gif'); background-repeat:no-repeat; background-position:237px 7px;}
	.bucket h2.ag-ob {background-image:url('../images/challenge-corner-agriculture-obesity.gif'); background-repeat:no-repeat; background-position:237px 7px;}
	.bucket h2.hu {background-image:url('../images/challenge-corner-hunger.gif'); background-repeat:no-repeat; background-position:237px 7px;}
	.bucket h2.hu-ob {background-image:url('../images/challenge-corner-hunger-obesity.gif'); background-repeat:no-repeat; background-position:237px 7px;}
	.bucket h2.ob {background-image:url('../images/challenge-corner-obesity.gif'); background-repeat:no-repeat; background-position:237px 7px;}
	.bucket h2 img {vertical-align:top;}
	.bucket p {margin:5px 15px; line-height:22px;}

.dinner h2 {clear:right; font-size:24px; font-family:arial, helvetica, sans-serif;}
.dinner h2 a {text-decoration:none; color:#88aa37;}
.dinner h2 img {vertical-align:middle;}
.dinner img.feature {margin-left:7px;}

.coming-soon {width:100%; height:80px; margin-top:130px; margin-bottom:220px; background:url('../images/section-coming-soon.gif') center center no-repeat;}
.error-404 {width:100%; height:80px; margin-top:130px; margin-bottom:220px; background:url('../images/error-404.gif') center center no-repeat;}
.email-thanks {width:100%; height:80px; margin-top:130px; margin-bottom:220px; background:url('../images/email-thanks.gif') center center no-repeat;}
.email-error {width:100%; height:80px; margin-top:130px; margin-bottom:220px; background:url('../images/email-error.gif') center center no-repeat;}

.event-holder {margin-left:23px; margin-bottom:20px; width:840px; background:#619440; border:3px solid #D4E278; padding:17px;}
.event {width:740px; background:#D4E278; border:10px solid #13654F; padding:40px; text-align:center; color:#000000; font-weight:bold;}
.event input[type=image] {vertical-align:middle;}
.event-logo {margin-left:20px; margin-right:20px;}
.donate-button {vertical-align:middle; margin-left:15px;}

/* What's the page */

.whats-the .help-us-build {float:right; margin:15px 46px 0 46px;}
.whats-the .content-entry {float:left; width:540px; margin-bottom:10px; font-size:12px; color:#808080; background:url('../images/dotted-line.gif') bottom left repeat-x;}
.whats-the .content-entry h2 {color:#808080; font-size:24px;}

.who .content-entry {margin-right:100px;}

/* dinners page */

#dinner-content {display:inline; float:left; width:580px; min-height:750px; margin-right:45px;}
#dinner-content .breadcrumbs {margin-bottom:20px;}
#dinner-content .breadcrumbs h2 {display:inline; margin-left:10px;}
#dinner-content p {font-size:12px;}
#dinner-content img.menu {float:left; display:inline; margin:0px 20px 10px 0px;}
#dinner-photos {display:inline; float:left; width:267px; height:270px; padding:50px 19px 17px 15px; margin-bottom:19px; background:url(../images/bkgd-photos.jpg) top left no-repeat;}
#dinner-photos #photo-holder {width:267px; height:268px; overflow:hidden;}
#dinner-photos .no-photos {width:267px; height:268px; background:url('../images/dinner_photos_coming_soon.gif') center center no-repeat;}
#dinner-photos .thumb {display:inline; float:left; width:55px; height:55px; background:#EBE7DB; border:3px solid #EBE7DB; margin:0px 3px 6px 2px;}
#dinner-photos .thumb a {display:block; width:55px; height:55px;}
#dinner-video {display:inline; float:left; width:260px; height:178px; padding:51px 23px 24px 18px; background:url(../images/bkgd-video.jpg) top left no-repeat;}

.dinners .content-entry {float:left; width:540px; margin-top:30px; font-size:12px; color:#808080;}
.dinners-form {background:url('../images/dinners-form-bucket.jpg') no-repeat; width:509px; height:316px; padding:20px;}
.dinners-form input[type=image] {float:right;}
.formstyle li {margin-bottom:10px;}
.formstyle label {font-family:georgia; font-style:italic; font-weight:bold;}
.formstyle label, .formstyle select, .formstyle input[type=text] {width:230px; display:inline-block; vertical-align:top;}

/* project plan */

.the-dinners-bucket p, .the-summit-bucket p, .media-outreach-bucket p {font-size:12px; width:262px; margin:260px auto 0 auto;}
.the-dinners-bucket a, .the-summit-bucket a, .media-outreach-bucket a {display:block; width:120px; height:30px; position:absolute; bottom:10px; right:9px;}

.the-dinners-bucket {float:left; margin:0 3px; background:url('../images/dinners-bucket.jpg') no-repeat; width:301px; height:378px;}
.the-summit-bucket {float:left; margin:0 3px; background:url('../images/summit-bucket.jpg') no-repeat; width:301px; height:378px;}
.media-outreach-bucket {float:left; margin:0 3px; background:url('../images/media-outreach-bucket.jpg') no-repeat; width:301px; height:378px;}

.project-plan .content-entry {float:left; width:540px; margin-top:30px; margin-left:10px; font-size:12px; color:#808080;}
.plan-a-dinner-button {float:right}
.plan-a-dinner-button:active {outline:0;}

/* blog */

#post-list {float:left; display:inline; width:250px;}
#post-list ul {list-style-type:none;}
#post-list li {margin:5px 0px 15px 0px; font-size:12px; line-height:15px;}
#post-list li.selected {background:#A5A59E; color:#FFFFFF; padding:3px 7px 3px 7px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
#post-detail {float:left; display:inline; width:600px; margin-right:50px;}
.post-share {margin-top:40px; margin-bottom:20px;}
.post-share a {background:#719114; color:#FFFFFF; font-weight:bold; text-decoration:none; padding:3px 9px 3px 9px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}