@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol,
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;    
}

body {
	text-align: justify;
	margin: 0;
	padding: 0;
	background: url(/images/africa-bg.gif) #341202 no-repeat top center;
	margin: 0 auto
}

body {
	font: normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #e6ddda;
}

a img {
	border: none;
}

.cleared {
	clear: both;
	overflow: hidden;
	line-height: 40px;
	height: 0;
}

.voteCleared {
	clear: both;
	overflow: hidden;
	line-height: 10px;
	height: 0;
}

.navCleared {
	clear: both;
	overflow: hidden;
	line-height: 1px;
	height: 0;
}

ol {
	padding-top: 15px;
}

.backTop {
	font-size: 14px;
	padding: 0 10px 3px 0;
	float: right;	
}

.backTop .bullet {
	padding: 5px 0 5px 25px;
	border: none;
	background: url(/images/back-top.gif) left center no-repeat;
}

/* ---------------------------------------- HEADER ----------------------------------------------- */

#header {
	width: 980px;
	margin: 0 auto;
}

#headerLeft {
	float: left;
	width: 713px;
	margin: 18px 0 0 0;
}

#slogan {
	border-top: 2px dashed #5d4135;
	width: 543px;
	margin-top: 18px;
	padding-top: 13px;	
}

#donateSticker {
	position: relative;
	top: -100px;
	right: 15px;
	float: right;
	margin-bottom: -105px
}

#headerRight {
	float: right;
	width: 267px;
	margin: 15px 0 0 0;
}

.readmore {
	float: right;
	margin: 10px 18px 0 0;
}

.readmore a {
	color: #7fc6d2;
	text-decoration: none;
}

.readmore a:hover {
	text-decoration: underline;
}

.readmore .bullet {
	padding: 25px;
	border: none;
	background: url(/images/more-bullet.gif) right center no-repeat;
}

/* ---------------------------------------- RHS ITEMS ----------------------------------------------- */

.login-common {
	float: right;
	margin-bottom: 10px;
}

.accountBut {
	padding-right: 10px;
}

.rhsJoin {
	float: right;
	margin-bottom: 10px;
}

.rhsDonations {
	background: url(/images/rhs-donations.gif) right top no-repeat;
	height: 109px;
	width: 239px;
	float: right;
}

.rhsDonations-heading {
	margin: 16px 0 15px 18px;
}

.rhsDollar {
	margin: -9px 0 0 18px;
	float: left;
}
.rhsAmount {
	margin: 0 0 0 10px;
	font-size: 32px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 2px;
}

.rhsVote {
	position: relative;
	top: -125px;
	float: right;
	margin-bottom: -120px
}

.rhsNewsletter {
	background: url(/images/rhs-newsletter-bg.gif) right top no-repeat;
	width: 238px;
	height: 172px;
	float: right;
	margin-top: 10px;
}

.rhsNewsletter-heading {
	margin: 19px 0 0 18px;	
}

.subscribeField {
	background-color: #fff;
	border: 3px #a27961 solid;
	padding: 8px 4px 0 4px;
	margin: 10px 0 0 18px;
	color: #202020;
	font-size: 12px;
	width: 187px;
	height: 22px;	
}

.formField {
	background-color: #fff;
	border: 3px #a27961 solid;
	padding: 8px 4px 0 4px;
	margin: 0 0 0 18px;
	color: #202020;
	font-size: 12px;
	width: 187px;
	height: 22px;	
}

.textField {
	background-color: #fff;
	border: 3px #a27961 solid;
	padding: 8px 4px 0 4px;
	margin: 0 0 0 18px;
	color: #202020;
	font-size: 12px;
	width: 187px;
	height: 150px;	
}

.rhsSubscribe-but {
	padding: 12px 0 0 15px;
}

.rhsRecipe {
	float: right;
	margin-top: 20px;
}

.rhsFundraiser {
	float: right;
	margin-top: 10px;
}

.selectField {
	background-color: #fff;
	border: 3px #a27961 solid;
	width: 201px;
	height: 35px;
	padding: 6px;
	color: #202020;
}

#profileWidget {
	float: right;
}

/* ---------------------------------------- NAV ----------------------------------------------- */

#nav {
	height: 65px;
	background-color: #4a2615;
	z-index: 1;
}

#nav ul {
	width: 980px;
	padding: 0;
	margin: 0 auto;
}

#nav li {
	list-style-type: none;
	display: block;
	float: left;
}


/* ---------------------------------------- CONTENT ----------------------------------------------- */

#intro {
	width: 980px;
	margin: 0 auto;
}

#introLeft {
	float: left;
	width: 713px;
}

#introRight {
	float: right;
	width: 267px;
	margin: 15px 0 0 0;
}

#contentContainer {
	width: 980px;
	margin: 0 auto;
}

#blocksLeft {
	float: left;
	width: 480px;
}

#blocksRight {
	float: right;
	width: 489px;
}

#topFundraiser {
	width: 240px;
	float: left;
}

#topRecipes {
	width: 240px;
	float: right;
}

.needtoButtons {
	text-align: center;
}

/* ---------------------------------------- VOTE STYLES ----------------------------------------------- */

.alphaSearch {
	margin-left: 10px;
	float: left;
	padding-bottom: 10px;
}

.alphaSearch a {
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	padding: 0 4px;
}

.alphaSearch a:hover {
	color: #fff;
	background-color: #7fc6d2;
	text-decoration: none;
	padding: 0 4px;
}

.voteDescription {
	float: left;
	margin: 13px 15px 0 13px;
	width: 398px;
}

.breadImg {
	border: 3px solid #a27961;
	float: left;
}

.breadImgVote {
	border: 3px solid #a27961;
	float: left;
	margin-bottom: 10px;
}

.voteOptions {
	float: left;
	width: 245px;
	margin: 0 15px 0 13px;
	text-align: left;
}

.voteBadge {
	float: right;
	margin-right: 5px;
}

.voteButtons {
	float: left;
	margin: 10px 0 10px 5px;
	width: 150px;
}

.voteBut {
	float: left;
	margin-right: 5px;
}

.donateBut {
	float: right;
}

.voteCheckbox {
	margin-top: 5px;
}

.previousNext {
	width: 195px;
	float: right;
	padding-right: 10px;
}

.fundraisersNav {
	width: 702px;
	float: right;
	font-size: 14px;
	padding: 10px 10px 0 0;
}

.pageNumber {
	float: left;
	margin-left: 185px;
}

.previous  {
	line-height: 18px;
	font-size: 14px;
	float: left;
}

.nextPage  {
	line-height: 18px;
	font-size: 14px;
	float: right;
}

.previous a {
	border: none;
	background: url(/images/previous-bullet.gif) left center no-repeat;
	line-height: 18px;
	font-size: 14px;
	padding: 0 0 3px 25px;
	float: left;
}

.nextPage a {
	border: none;
	background: url(/images/next-bullet.gif) right center no-repeat;
	line-height: 18px;
	font-size: 14px;
	padding: 0 25px 3px 0;
	float: right;
}

.breadImages {
	 width: 568px;
	 float: left;
}

.breadImages img {
	margin: 0 15px 15px 0;
}

.video {
	float: left;
	margin-right: 15px;
}

.recipeVote {
	width: 270px
}


/* ---------------------------------------- BOXES ----------------------------------------------- */

.box {
	background: url(/images/box-bottomleft.gif) no-repeat left bottom;
}

.box-outer {
	background: url(/images/box-bottomright.gif) no-repeat right bottom;
}

.box-inner {
	background: url(/images/box-topleft.gif) no-repeat left top;
	padding-bottom: 15px;
}

.box-topright {
	background: url(/images/box-topright.gif) no-repeat right top;
}

.box p {
	padding: 0 13px;
}

.blogBox p {
	padding: 0 13px;
}

.newsBox p {
	padding: 0 13px;
}

.boxReadmore {
	float: right;
	padding: 5px 8px 5px 0;
}

.boxReadmore a {
	color: #7fc6d2;
	text-decoration: none;
}

.boxReadmore a:hover {
	text-decoration: underline;
}

.boxReadmore .bullet {
	padding: 10px 25px 10px 0;
	border: none;
	background: url(/images/more-bullet.gif) right center no-repeat;
}

.blogBox {
	background: url(/images/box-bottomleft.gif) no-repeat left bottom;
}

.blogBox-outer {
	background: url(/images/box-bottomright.gif) no-repeat right bottom;
}

.blogBox img {
	display: none
}

.topsBox {
	background: url(/images/box-bottomleft.gif) no-repeat left bottom;
}

.topsBox-outer {
	background: url(/images/box-bottomright.gif) no-repeat right bottom;
}

.newsBox {
	background: url(/images/box-bottomleft.gif) no-repeat left bottom;
	margin-bottom: 15px;
}

.newsBox-outer {
	background: url(/images/box-bottomright.gif) no-repeat right bottom;
}

.homeBotBox {
	background: url(/images/box-bottomleft.gif) no-repeat left bottom;
	
}

#homeBotBlock {
	padding: 15px;
	margin-bottom: 20px;
}

.registerBox {
	background: url(/images/box-bottomleft.gif) no-repeat left bottom;
	width: 420px;	
	font-size: 13px;
	margin-top: 20px;
}

.registerArrow {
	margin-left: 360px;
}

.detailsBox {
	background: url(/images/box-bottomleft.gif) no-repeat left bottom;
	width: 450px;	
	font-size: 13px;
	margin-top: 20px;
}

.detailsArrow {
	margin-left: 390px;
}

.recipeBox {
	background: url(/images/box-bottomleft.gif) no-repeat left bottom;
	width: 770px;
	font-size: 13px;
	margin-top: 20px;
}

.recipeUploadBox {
	background: url(/images/box-bottomleft.gif) no-repeat left bottom;
	width: 620px;
	font-size: 13px;
	margin-top: 20px;
}

.topBox {
	background: url(/images/recipebox-bottomleft.gif) no-repeat left bottom;
	width: 680px;
	font-size: 13px;
	margin-top: 20px;
}

.topBox-outer {
	background: url(/images/recipebox-bottomright.gif) no-repeat right bottom;
}

.uploadBox {
	background: url(/images/recipebox-bottomleft.gif) no-repeat left bottom;
	width: 550px;
	font-size: 13px;
	margin-top: 20px;
}

.voteBox {
	background: url(/images/box-bottomleft.gif) no-repeat left bottom;
	float: left;
	width: 85px;
	text-align: center;
	margin: 30px 0 0 20px;
}

.voteHeading {
	float: left;
}

.recipeArrow {
	margin-left: 700px;
}

.recipeArrow {
	margin-left: 570px;
}

.uploadArrow {
	margin-left: 490px;
}

.recipeUploadArrow {
	margin-left: 570px;
}

.registerTable {
	padding: 5px 0 0 10px;
	text-align: right;
}

.registerTable td {
	padding: 5px 0 5px 5px;
	vertical-align: top;	
}

.registerCheck {
	padding: 5px 0 10px 10px;
	text-align: left;
}

.registerCheck td {
	padding: 5px 0 5px 5px;
	vertical-align: top;
}

.recipeTable {
	padding: 5px 0 0 10px;
	width: 750px;
	text-align: left;
}

.recipeTable td {
	padding: 10px;
	vertical-align: top;	
}

.recipeUploadTable {
	width: 620px;
	text-align: left;
	padding-bottom: 15px
}

.recipeUploadTable td {
	padding: 10px;
	vertical-align: top;	
}

.topTable {
	width: 680px;
	text-align: left;
}

.topTable td {
	padding: 10px;
	vertical-align: top;	
}

.uploadTable {
	padding: 5px 0 0 10px;
	text-align: right;
}

.uploadTable td {
	padding: 5px 0 5px 5px;
	vertical-align: top;	
}

.recipeHeading {
	font-size: 14px;
	color: #db1230;
}

.borderRightBot {
	border-right:#a27861 1px solid;
	border-bottom:#a27861 1px solid;
}

.borderBot {
	border-bottom:#a27861 1px solid;
}

.borderRight {
	border-right:#a27861 1px solid;	
}

.nextStep {
	padding: 5px 0 0 320px;
}

.registerBut {
	padding: 5px 0 0 330px;
}

.editBut {
	padding: 5px 0 0 380px;
}

.login {
	padding: 5px 0 0 343px;
}

.sendBut {
	padding: 5px 0 0 347px;
}

.recipeBut {
	padding: 5px 0 0 615px;
}

.recipeUploadBut {
	padding: 5px 0 0 465px;
}

.saveBut {
	padding: 5px 0 0 480px;
}

.saveBut2 {
	padding: 5px 0 0 350px;
}

/* ---------------------------------------- TYPOGRAPHIC STYLES ----------------------------------------------- */

a {
	color: #7fc6d2;
	text-decoration: underline;
	outline: none;	
}

a:hover {
	color: #db1230;
	text-decoration: underline;
}

h1, h2, h3, h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
}

h1 {
	color: #7fc6d2;
	line-height: 110%;
	margin: 25px 0 20px 0;
	font-size: 36px;
}

h2 {
	line-height: 110%;
	font-size: 25px;
	padding: 10px 0 10px 0;
}

.baker {
	margin: -25px 0 0 0;
}

.blue {
	color: #7fc6d2;	
}

.white {
	color: #fff;	
}

.pink {
	color: #db1230;	
}

h3 {
	color: #db1230;
	line-height: 120%;
	font-size: 20px;
	padding: 10px 0 0 13px;
}

h4 {
	color: #7fc6d2;
	line-height: 110%;
	font-size: 14px;
	padding: 8px 0 0 13px;
}

h5 {
	color: #db1230;
	line-height: 120%;
	font-size: 20px;
	padding-top: 10px;
}

h6 {
	color: #fff;
	line-height: 120%;
	font-size: 20px;
	padding-bottom: 10px;
}

.lists li {
	text-align: left;
	margin-left: 35px;
}

ul.space li { line-height: 22px; }



/* ---------------------------------------- SOCIAL MEDIA ----------------------------------------------- */

.social {
	margin: 0 auto;
	padding: 15px 0 15px 15px;
}

.social li {
	list-style-type: none;
	display: inline;
	margin-right: 10px;
}

.social a {
	color: #7fc6d2;
	text-decoration: none;
}

.social a:hover {
	color: #db1230;
	text-decoration: none;
}

.voteSocial {
	border-top: 1px solid #583320;
	width: 955px;
	margin: 0 auto;
	padding: 10px 0;
}

.voteSocial li {
	list-style-type: none;
	display: inline;
	margin-right: 10px;
}

.voteSocial a {
	color: #7fc6d2;
	text-decoration: none;
}

.voteSocial a:hover {
	color: #db1230;
	text-decoration: none;
}

.reddit a {
	padding: 8px 0 8px 28px;
	background:url(/images/reddit.png) left center no-repeat;
}

.reddit a:hover {	
	background:url(/images/reddit-o.png) left center no-repeat;
}

.delicious a {
	padding: 8px 0 8px 28px;
	background:url(/images/delicious.png) left center no-repeat;
}

.delicious a:hover {
	background:url(/images/delicious-o.png) left center no-repeat;
}

.myspace a {
	padding: 8px 0 8px 28px;
	background:url(/images/myspace.png) left center no-repeat;
}

.myspace a:hover {
	background:url(/images/myspace-o.png) left center no-repeat;
}

.digg a {
	padding: 8px 0 8px 28px;
	border: none;
	background:url(/images/digg.png) left center no-repeat;
}

.digg a:hover {
	background:url(/images/digg-o.png) left center no-repeat;
}

.facebook a {
	padding: 8px 0 8px 28px;
	border: none;
	background:url(/images/facebook.png) left center no-repeat;
}

.facebook a:hover {
	background:url(/images/facebook-o.png) left center no-repeat;
}

.google a {
	padding: 8px 0 8px 28px;
	background:url(/images/google.png) left center no-repeat;
}

.google a:hover {
	background:url(/images/google-o.png) left center no-repeat;
}

.muti a {
	padding: 8px 0 8px 28px;
	background:url(/images/muti.png) left center no-repeat;
}

.muti a:hover {
	background:url(/images/muti-o.png) left center no-repeat;
}

.sendtofriend a {
	padding: 8px 0 8px 28px;
	background:url(/images/sendtofriend.png) left center no-repeat;
}

.sendtofriend a:hover {
	background:url(/images/sendtofriend-o.png) left center no-repeat;
}

.socialBorder {
	border-left: 2px dashed #6b4532;
	padding: 6px 0;
}

/* ---------------------------------------- WIDGET ----------------------------------------------- */

.widgetFloat {
	 float: left;
}

.widgetCode {
	float:left;
	margin: 17px 25px 0 0;
}


/* ---------------------------------------- FOOTER ----------------------------------------------- */

.footer {
	margin: 0 auto;
	padding: 15px;
	height: 40px;
}

.footer li {
	list-style-type: none;
	display: inline;
}

.footer a {	
	text-decoration: none;
	color: #e6ddda;
}

.footer a:hover {	
	text-decoration: underline;
	color: #e6ddda;
}

#bottomStuff {
	height: 120px;
	font-size: 10px;
	text-align: left;
	color: #a27861;
	border-top: 2px dashed #6b4532;
	margin-top: 18px;
}

.colOne {
	float: left;
	margin: 10px 25px 10px 5px;
}

.colTwo {
	float: left;
	margin: 10px 25px 10px 0;
}

.colThree {
	float: left;
	margin: 10px 25px 10px 0;
}

.colFour {
	float: left;
	margin: 10px 0 10px 0;
}