@import url("foodista_reset_fonts_yui.css");
@import url("foodista_typo.css");
@import url("foodista_forms.css");

body {
	background: #F5EBD9 url(../images/bg.png) repeat scroll top left;
}

a {
	color: #296EB2;
}

#wrapper {
	margin: 0 auto;
	overflow: hidden;
	width: 960px;
}

#header-wrapper {
	margin-bottom: -4px;
	position: relative;
	z-index: 1;
}

#logo a {
	background: transparent url(../images/foodista_logo.png) no-repeat scroll top left;
	display: block;
	height: 102px;
	left: 20px;
	outline: 0;
	position: absolute;
	text-indent: -20000px;
	top: 5px;
	width: 257px;
	z-index: 2;
}

#user-panel {
	clear: both;
	margin: 10px 4px 3px 0;
	overflow: hidden;
	text-align: right;
}

#user-panel ul {
	float: right;
}

#user-panel li {
	display: inline;
	padding: 0 5px;
}

/*#user-panel a, #user-panel a:visited {
	color: #fff;
	text-decoration: underline;
}*/

#header {
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	background: #7BBC6D url(../images/header_bg.png) repeat-x scroll top left;
	border-top: 1px solid #d1d1d1;
	border-left: 1px solid #d1d1d1;
	border-right: 1px solid #d1d1d1;
	height: 102px;
	overflow: hidden;
}

#search-form {
	float: right;
	padding: 45px 0 0;
	width: 440px;
}

#search-form fieldset {
	display: inline;
	padding: 0;
	position: relative;
}

#search-form .overlabel, 
#search-form .overlabel-apply {
	font-size: 14px;	
	line-height: 14px;
}

.overlabel-apply {
	color: #999;
	display: none;
	left: 12px;
	position: absolute;
	top: 10px;
	z-index: 1;
}

#search-query {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 1px solid #5F9653;
	float: left;
	font-size: 14px;
	font-variant: normal;
	line-height: 14px;
	margin: 0 10px 0 0;
	padding: 7px 6px;
	width: 320px;
}

#search-submit {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	cursor: pointer;
	font-size: 14px;
	height: 32px;
	width: 80px;
}

#header #sparkle {
	float: right;
	height: 70px;
	overflow: hidden;
	padding: 15px 30px 15px 10px;
	text-align: center;
	width: 180px;
}

#nav {
	margin: 0 -10px 0 -5px;
	overflow: hidden;
	position: relative;
	width: 973px;
}

#nav-left {
	background: transparent url(../images/nav_l.png) no-repeat scroll top left;
	display: block;
	float: left;
	height: 34px;
	width: 5px;
}

#nav-right {
	background: transparent url(../images/nav_r.png) no-repeat scroll top left;
	display: block;
	float: right;
	height: 34px;
	width: 10px;
}

#nav ul {
	background: transparent url(../images/nav_bg.png) repeat-x scroll top left;
	float: left;
	height: 34px;
	overflow: hidden;
	width: 958px;
}

#nav li {
	display: block;
	float: left;
	height: 30px;
}

#nav li a {
	background-image: url(../images/nav.png);
	display: block;
	height: 100%;
	outline: 0;
	text-indent: -20000px;
}

#nav li a:hover {
	background-image: url(../images/nav_active.png);
}
#nav-home { width: 88px; }
#nav-home a { background-position: 0 0; }
#nav-home a:hover { background-position: 0 0; }

#nav-recipes { width: 92px; }
#nav-recipes a { background-position: -88px 0; }
#nav-recipes a:hover { background-position: -88px 0; }

#nav-foods { width: 81px; }
#nav-foods a { background-position: -180px 0; }
#nav-foods a:hover { background-position: -180px 0; }

#nav-tools { width: 73px; }
#nav-tools a { background-position: -261px 0; }
#nav-tools a:hover { background-position: -261px 0; }

#nav-techniques { width: 112px; }
#nav-techniques a { background-position: -334px 0; }
#nav-techniques a:hover { background-position: -334px 0; }

#nav-questions { width: 71px; }
#nav-questions a { background-position: -446px 0; }
#nav-questions a:hover { background-position: -446px 0; }

#nav-profiles { width: 78px; }
#nav-profiles a { background-position: -517px 0; }
#nav-profiles a:hover { background-position: -517px 0; }

#nav-blog { width: 59px; }
#nav-blog a { background-position: -595px 0; }
#nav-blog a:hover { background-position: -595px 0; }

#nav-recent { width: 144px; }
#nav-recent a { background-position: -654px 0; }
#nav-recent a:hover { background-position: -654px 0; }

#nav-widgets { width: 86px; }
#nav-widgets a { background-position: -798px 0; }
#nav-widgets a:hover { background-position: -798px 0; }

#nav .nav-current a {
	background-image: url(../images/nav_active.png);
}

#search-results-banner {
	background-color: #F8EF55; 
	display: none;
	font-size: 130%;
	padding: 10px; 
}

#search-results-banner a.close {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background-color: #CF9F67;
	border: 1px solid #AF5018;
	color: #AF5018;
	display: block;
	float: right;
	font-weight: bold;
	padding: 0 5px;
	text-decoration: none;
}

#search-results-banner a.close:hover {
	background-color: #AF5018;
	color: #FFFBBF;
}

#content {
	background-color: #fff;
	border-left: 1px solid #d1d1d1;
	border-right: 1px solid #d1d1d1;
	clear: both;
	float: left;
	overflow: hidden;
	position: relative;
	width: 958px; /* for IE6 absolutely positioned children */
}

#columns {
	margin-top: 0;
	padding-top: 0;
}

#col1 {
	overflow: hidden;
	padding: 20px 20px;
}

#col2 {
	float: right;
	overflow: hidden;
	padding: 20px 10px 20px 0;
	width: 225px;
}

#col3 {
	background: transparent url(../images/uni_side_bg.png) repeat-y scroll top left;
	border-bottom: 1px solid #d1d1d1;
	border-left: 1px solid #d1d1d1;
	float: right;
	padding: 20px 10px 0 10px;
	width: 193px;
}

#col3 .cap {
	background: transparent url(../images/uni_side_cap.png) no-repeat scroll top left;
	display: block;
	height: 8px;
	margin: 0 -10px;
	width: 213px;
}

#col1 h1,
#col1 h2 {
	clear: both;
	color: #6BA344;
	border-bottom: 1px solid #B9B9B9;
	margin: 0 0 10px 0;
	padding-bottom: 2px;
	position: relative;
}

#col1 h1 {
	margin-bottom: 5px;
	padding-right: 40px;
}

#col1 h1 .edit,
#col1 h2 .edit {
	background: transparent url(../images/edit_button.png) no-repeat scroll top left;
	float: right;
	height: 20px;
	margin-right: 2px;
	margin-top: 4px;
	outline: 0;
	position: absolute;
	right: 0;
	text-indent: -20000px;
	width: 34px;
}

#col1 h2 .edit {
	margin-top: -2px;
}

#col1 .module {
	clear: both;
	margin-bottom: 20px;
}

#col1 .module p {
	font-size: 108%;
}

#col1 > p {
	margin-bottom: 1em;
	overflow: hidden;
}

#col2 h3 {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background-color: #A1CF62;
	color: #fff;
	padding: 2px 0 2px 20px;
}

#col2 .module {
	margin-bottom: 10px;
}

#col2 p {
	margin: .5em 0 .5em 20px;
}

#col2 li {
	padding: 5px 0 5px 20px;
}

#col3 h4 {
	margin-top: 10px;
}

#col3 .content-list li {
	font-size: 90%;
}

#col3 img.inline-icon {
	background-color: transparent;
	border: none;
	float: none;
	height: 16px;
	padding: 0;
	vertical-align: bottom;
	width: 16px;
}

#col3 hr {
	border: none; 
	border-bottom: 1px dashed #999; 
	margin: 20px 0;
}

#col3 .sparkle {
	text-align: center;
}

#my-profile {
	margin: 20px 0;
	overflow: hidden;
}

#my-profile img {
	background-color: white;
	border: 1px solid #999999;
	float: left;
	height: 32px;
	margin-right: 5px;
	padding: 1px;
	width: 32px;
}

#my-profile h4 {
	margin-top: 0;
}

#my-profile a h4 {
	text-decoration: underline;
}

.warning {
	color: #ff0000;
}

.more {
	font-weight: bold;
}

.back {
	display: block;
	margin-bottom: 10px;
}

.message {
	background-color: #DDEDCC;
	border: 1px solid #7EC247;
	color: #222;
	display: none;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 5px;
	text-align: center;
}

.odd {
	background-color: #F1F8E8;
}

.content-list li img {
	background-color:white;
	border:1px solid #999999;
	float: left;
	height: 32px;
	margin-right: 5px;
	padding: 1px;
	width: 32px;
}

.content-list li {
	clear: both;
	overflow: hidden;
	padding: 5px;
}

.tabs {
	border-bottom: 1px solid #9C9795;
	margin: 10px 0 10px;
	padding-bottom: 23px;
	padding-left: 10px;
}

.tabs li {
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;
}

.tabs li a {
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
}

.tabs li a:link, .tabs li a:visited	{
	background : #E8EBF0;
	border : 1px solid #9C9795;
	color : #3F7591;
	float : left;
	font-size : 13px;
	font-weight : normal;
	line-height : 14px;
	margin-right : 8px;
	padding : 4px 10px;
	text-decoration : none;
}

.tabs li a:link.active, .tabs li a:visited.active	{
	background : #fff;
	border-bottom : 1px solid #fff;
	color : #444;
	font-size: 20px; 
	line-height: 19px;
	margin-top: -5px; 
}

.tabs li a:hover	{
	color : #6BA344;
}

.landing #col1 p {
	line-height: 1.5em;
}

.landing #col2 ul {
	margin-bottom: 20px;
}

.landing #col2 li > ul {
	margin-bottom: 0;
}

.landing #col2 a.browse {
	display: block;
	font-weight: bold;
	line-height: 1.5em;
}

.landing-module {
	margin-bottom: 20px;
	overflow: hidden;
}

.landing-module ul {
	overflow: hidden;
}

.landing-module li {
	float: left;
	padding: 0 5px;
}

.landing-module li a {
	display: block;
	text-align: center;
	width: 100px;
}

.landing-module li img {
	border:1px solid #999999;
	display: block;
	margin: 5px auto;
	padding: 2px;
}

.landing-module .more {
	float: right;
	font-weight: bold;
	margin-top: 5px;
	padding: 2px 5px;
}

.landing .featured img {
	border: 1px solid #999; 
	float: left; 
	margin: 0 10px .5em 0;
	padding: 2px; 
}

.landing .featured p {
	margin-bottom: .5em;
}

.landing .featured .copy {
	clear: both;
}

#col2 form {
	background-color: #F1F8E8;
	padding: 0 10px;
}

#col2 form p {
	margin-left: 0;
}

#col2 form label {
	display: block;
	float: none;
	font-weight: bold;
	margin: 0;
}

#col2 form textarea,
#col2 form input[type=text],
#col2 form input[type=password] {
	width: 200px;
}

#col2 form .form_comment {
	display: block;
}

.questions li {
	overflow: hidden; 
	padding: 8px;
}

.questions img {
	border: 1px solid #ccc;
	float: left; 
	height: 32px; 
	margin-right: 8px;
	padding: 1px;
	width: 32px; 
}

.questions .meta {
	color: #666; 
	line-height: 1.5em;
}

.questions .unanswered {
	color: #FF3333;
}

#toolbox {
	background: transparent url(../images/toolbox_bg.png) repeat-y scroll top left;
	margin-bottom: 20px;
	padding: 0 20px;
}

#toolbox .cap-top {
	background: transparent url(../images/toolbox_cap_t.png) no-repeat scroll top left;
	display: block;
	height: 11px;
	margin: 0 -20px;
	width: 226px;
}

#toolbox .cap-bottom {
	background: transparent url(../images/toolbox_cap_b.png) no-repeat scroll top left;
	display: block;
	height: 16px;
	margin: 0 -20px;
	width: 226px;
}

#toolbox h3 {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	background-color: transparent;
	color: #000;
	padding: 0;
}

#toolbox hr {
	border: none;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #fff;
}

#toolbox ul {
	margin-bottom: 20px;
}

#toolbox  ul + ul {
	margin-bottom: 0;
}

#toolbox li {
	overflow: hidden;
	padding: 5px 0;
}

#toolbox img {
	float: left;
	margin-right: 10px;
}

.rating-container {
	overflow: hidden;
}

.rating {
	height: 16px;
	margin-bottom: 5px;
	visibility: hidden;
}

.rating-container .rating {
	float: left;
	width: 100px;
}

.rating-message {
	color: #333;
	font-style: italic;
}

#photos {
	float: left;
	margin: 0 10px 20px 0;
	width: 250px;
}

#photos .photo {
	display: block;
	height: 190px;
	width: 250px;
}

#photos .photo img {
	border: 1px solid #ccc;
	display: block;
	height: 180px;
	padding: 4px;
	width: 240px;
}

#photos .facebook-photo img {
	max-height: 180px;
	max-width: 240px;
}

#photos .attribution {
	margin-bottom: 5px;
}

#photos .photo-vote,
#photos .photo-voted {
	margin-top: 5px;
}

#photos .attribution,
#photos .photo-vote,
#photos .photo-voted {
	line-height: 1.5em;
}

#photos .photo-voted {
	display: none;
}

#photo-module {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 1px solid #ccc;
	padding-bottom: 5px;
}

#photo-module h3 {
	border-bottom: 1px solid #ccc;
	font-size: 100%;
	font-weight: bold;
	padding: 2px 0 2px 10px;
}

#photo-module > a {
	font-size: 95%;
	margin: 10px;
}

.photomatic-hov {
	border: 1px solid #75B566;
	cursor: pointer;
	opacity: 0.34;
}

#thumbs {
	margin: 0 auto;
	width: 395px;
	height: 99px;
	z-index: 1;
}

#thumbs.thumbs-sm {
	width: 240px;
	height: 36px;
}

#thumbs li {
	display: inline;
	float: left;
}

#thumbs img {
	padding: 1px;
}

#thumbs .active {
	border: 2px solid #75B566;
	padding: 0px;
}

#upload-photo {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 2px solid #75B566;
	clear: both;
	display: none;
	margin: 20px;
	padding: 10px 20px 20px;
}

#upload-photo h3 {
	margin: 0 0 10px 0;
}

#progress-container {
	width: 100%;
	height: 1.25em;
	position: relative;
	margin: 3em 0;
	display: none;
}

#progress-filename {
	width: 100%;
}

#progress-bar {
	width: 100%;
	border: 1px solid #999;
}

#progress-indicator {
	background: #8af;
	width: 0;
	height: 10px;
}

.ingredients .quantity {
	margin-right: 8px;
	text-align: right;
	vertical-align: top;
}

.ingredients td, 
.ingredients th {
	padding-right: 0px;
}

.ingredients input {
	border: solid thin black;
}

.ingredients .labels {
	text-align: left;
}

.ingredients .quantity, 
.measure {
	width: 55px;
}

.ingredients .food {
	padding-left: 11px;
}

.ingredients .method {
	width: 150px;
}

.steps td {
	padding-bottom: 16px;
	vertical-align: top;
}

.steps-col1 {
	padding-right: 11px;
	text-align: right;
	width: 55px;
}

.tools ul {
	margin-left: 66px;
}

.tools ul li {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.about,
.comments,
.related-content {
	padding-left: 33px;
}

.about p {
	margin-bottom: 1em;
}

.about.is-stub {
	background-color: #FFDA95;
	padding-bottom: 1px;
	padding-top: 10px;
}

.comments li {
	border-bottom: 1px solid #E6E6E6;
	margin-bottom: 10px;
}

.comments .name {
	font-weight: bold;
	overflow: hidden;
}

.comments img {
	border: 1px solid #ccc;
	float: left;
	height: 32px;
	margin-right: 5px;
	padding: 1px;
	width: 32px;
}

.comments .meta {
	float: right;
	font-size: 95%;
	font-style: italic;
}

.comments .body {
	margin: .5em 0 1em 0;
}

.comments fieldset {
	padding: 0;
}

.question-type #col1 h2 {
	border: none;
	padding: none;
}

div.question {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color: #DFEECE;
	clear: both; /* div tries wrapping around rating in webkit */
	zoom: 1; /* trigger hasLayout in IE to fix float bug */
	overflow: hidden;
	padding: 10px; 
}

div.question > p {
	margin-bottom: 10px;
}

.question-photo {
	background-color: #fff;
	border: 1px solid #ccc; 
	float: left; 
	height: 32px; 
	margin: 0 20px 0 0;
	padding: 1px; 
	width: 32px;
}

.question-content {
	margin-top: 10px;
}

.question-body {
	clear: left; 
	line-height: 1.5em; 
	padding-top: 10px; 
}

.question-body p {
	font-size: 115%;
	line-height: 1.4em;
	margin-bottom: 10px;
}

.answers {
	border-top: 1px dotted #ccc;
	margin-bottom: 20px;
}

.expand-target {
	clear: both;
	display: none;
}

.answer-bar {
	margin: 10px 0;
	overflow: hidden;
}

.answer-bar a {
	display: block;
	float: left;
	margin-right: 20px;
	margin-top: 5px;
}

.answer-bar img {
	margin-top: -5px;
}

.answer {
	border-bottom: 1px dotted #ccc; 
	zoom: 1; /* trigger hasLayout in IE to fix float bug */
	overflow: hidden;
	padding: 20px 0 10px 10px; 
}

.response-photo {
	background-color: #fff;
	border: 1px solid #ccc; 
	float: left; 
	height: 32px; 
	margin: 0 20px 0 0;
	padding: 1px; 
	width: 32px
}

.response-meta {
	float: left;
}

.response-time {
	padding-left: 10px
}

.response-actions {
	float: right;
	margin: 10px 0;
}

.response-actions a {
	vertical-align: top; 
	margin: 0 5px;
}

.response-body {
	clear: left;
	padding: 10px 0 0;
	margin-bottom: 10px;
}

.response-body p {
	font-size: 115%;
	line-height: 1.4em;
	margin-bottom: 10px;
}

.question-comments {
	clear: both;
	margin-left: 40px;
}

.question-comments li {
	border-top: 1px dotted #ccc; 
	overflow: hidden; 
	padding: 20px 0 0 0;
}

.question-comments .response-content {
	overflow: hidden; 
	font-size: 90%;
}

.question-comments .response-meta {
	color: #98C3D9;
}

.question-comments .response-time,
.question-comments .response-body {
	color: #444;
}

.response-form fieldset {
	overflow: hidden;
	padding: 0;
}

.response-form textarea {
	width: 99%; 
	height: 200px;
}

.response-form input {
	float: right; 
	margin-top: 10px;
}

.deleted {
	color: #aaa;
	font-style: italic;
}

.voting {
	background-color: #ccc; 
	border: 2px solid #ccc; 
	float: right; 
	width: 50px; 
}

a.vote {
	display: block;
	float: left;
	outline: none;
	padding: 2px;
}

.voting .voted {
	background-color: #FFD700;
}

a.vote:hover {
	background-color: #FFD700;
}

.voting .score {
	background-color: #fff;
	clear: both;
	display: block; 
	font-size: 130%; 
	line-height: 1.4em; 
	text-align: center;
}

.spinner-sm {
	background: transparent url(../images/spinner_sm.gif) no-repeat scroll center center;
}

.page-wrapper {
	overflow: hidden;
}

.pagination {
	clear: both;
	margin: 2px 0;
	text-align: right
}

.pagination a {
	border: 1px solid transparent;
	padding: 0 2px;
}

.pagination a:hover {
	background-color: #FFFFB3;
	border-color: #3F7591;
}

.pagination .active {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

.pagination .disabled {
	color: #aaa;
}

.favorites li,
.profile-recipes li {
	display: inline; /* for ie6 double margin bug */
	float: left;
	margin: 5px;
	overflow: hidden;
}

.favorites li a,
.profile-recipes li a {
	display: block;
	height: 36px;
	overflow: hidden;
	width: 220px;
}

.favorites img,
.profile-recipes img {
	border: 1px solid #ccc;
	float: left;
	height: 32px;
	margin-right: 10px;
	padding: 1px;
	width: 32px;
}

ol.history li {
	overflow: hidden; 
	padding: 10px 5px 5px 5px;
}

ol.history .row {
	overflow: hidden; 
	padding-bottom: 5px;
}

ol.history .action {
	float: left; 
	width: 100px;
}

ol.history .actor {
	float: left; 
	width: 200px;
}

ol.history .see-changes {
	float: right;
	text-align: right;
	width: 150px;
}

ol.history .when {
	color: #999; 
	float: left; 
	font-style: italic; 
	margin-left: 20px
}

ol.history form {
	float: right;
}

.related-blogposts p {
	font-size: 100%;
	line-height: 1.3em;
}

.related-blogposts .preamble {
	margin: 10px 0 10px 20px;
}

.related-blogposts ul {
	margin-left: 20px;
}

#col2 .related-blogposts li {
	overflow: hidden;
	padding: 0;
}

#col2 .related-blogposts li p {
	float: right;
	margin: 0 0 10px;
	width: 160px;
}

#col2 .related-blogposts li p.full {
	width: 100%;
}

.related-blogposts img {
	border: 1px solid #ccc;
	float: left;
	height: 32px;
	padding: 1px;
	width: 32px;
}

.related-blogposts .date {
	display: block;
	font-size: 95%;
	font-style: italic;
}

.related-blogposts .date + a {
	display: block;
	margin-top: 5px;
}

.facebook-friends .message {
	background-color: #aaffaa;
	padding: 5px;
	margin: 0 5px 5px;
}

.facebook-friends .count {
	font-style: italic;
	padding: 5px 0;
}

.facebook-friends li {
	overflow: hidden;
	padding: 2px 0;
}

.facebook-friends img {
	border: 1px solid #ccc;
	float: left;
	height: 32px;
	margin-right: 5px;
	padding: 1px;
	width: 32px;
}

.callout {
	margin: 5px 0;
	padding: 5px 0;
}

.callout a {
	background: transparent url() no-repeat scroll center left;
	display: block;
	padding: 5px 5px 5px 25px;
	width: 213px;
}

.callout a.emphasize {
	background-image: url();
	padding: 20px 20px 20px 45px;
	width: 173px;
}

.facebook-friends .callout a {
	background-image: url(http://static.ak.fbcdn.net/images/icons/favicon.gif);
}

.facebook-friends .callout a.emphasize {
	background-image: url(../images/fb_invite.png);
}

.profile-edits .date {
	color: #999;
	display: block;
	font-size: 95%;
	font-style: italic;
}

.profile-questions {
	float: left;
	width: 230px;
}

.profile-answers {
	float: left;
	width: 230px;
}

.profile-questions li,
.profile-answers li {
	padding: 5px 0;
}

.get-embed #thumbs {
	margin: 0;
}

.get-embed .jcarousel-skin-foodista {
	width: 500px;
}

.get-embed .jcarousel-skin-foodista .jcarousel-container {
	border-color: #fff;
}

.get-embed .jcarousel-skin-foodista .jcarousel-container-horizontal {
	padding-bottom: 20px;
	padding-top: 0;
}

.get-embed .jcarousel-skin-foodista li img {
	border: 1px solid #999;
	cursor: pointer;
}

.get-embed .jcarousel-skin-foodista .jcarousel-next-horizontal,
.get-embed .jcarousel-skin-foodista .jcarousel-prev-horizontal {
	top: 0;
}
.get-embed p {
	margin-bottom: 20px;
}

.get-embed #col1 h2 {
	border: none;
}

.get-embed p.how-works {
	margin-left: auto;
	margin-right: auto;
}

.get-embed img.how-works {
	margin-left: -20px; 
	position: relative;
}

.get-embed form {
	padding: 0;
}

.get-embed form fieldset {
	padding: 0 0 0 31px;
}

.get-embed form table {
	width: 700px;
}

.get-embed form th {
	font-weight: bold;
}

.embed-image,
.embed-text {
	padding: 0 0 20px;
}

.embed-image {
	padding-right: 20px;
	text-align: right; 
	vertical-align: top;
	width:260px; 
}

.embed-text {
	width: 400px;
}

.embed-text textarea {
	background-color: #EEEEEE;
	border: 1px solid #ccc;
	height: 75px;
	padding: 5px;
	width: 150px;
}

.palette {
	margin-left: 31px;
	overflow: hidden; 
}

a.swatch {
    border: 1px solid #999;
    color: #fff;
    display: block;
    float: left;
    margin-right: 10px;
    padding: 15px 0;
    text-align: center;
    text-decoration: none;
    width: 50px;
}

a.swatch:hover {
    color: #fff;
}

#fbod h1 img {
	vertical-align: top;
}

#fbod .featured-blog {
	display: inline;
	margin: 0 20px 20px 20px;
}

#fbod .featured-blog .date {
	font-size: 1em;
}

#fbod .blog-summary {
	padding: 10px 0 0;
}

#recent-changes {
	width: 100%;
	border-collapse: collapse;
}

#recent-changes th {
	border-bottom: 2px solid #7E3D16;
}

#recent-changes td {
	border-bottom: 1px solid #DEDEDE;
}

#recent-changes tr.separator td {
	border-bottom: 2px solid #AAAAAA;
}

#recent-changes .user {
	padding-left: 10px;
	width: 200px;
}

#recent-changes .action {
	width: 150px;
}

#recent-changes .name {
	padding-left: 5px;
	width: 330px;
}

#recent-changes .when {
	width: 120px;
}

#recent-changes .history {
	width: 50px;
}

#recent-changes .history a {
	display: block;
	padding: 0 5px 0 20px;
	text-decoration: none;
	font-size: 20px;
}

.add-recipe-btn,
.add-food-btn,
.add-technique-btn,
.add-tool-btn {
	background: transparent url() no-repeat scroll top left;
	float: left;
	margin-left: 10px;
	padding-top: 65px;
	text-align: center;
	width: 90px;
}

.add-recipe-btn {
	background-image: url(../images/add_content_recipe.png);
}

.add-food-btn {
	background-image: url(../images/add_content_food.png);
}

.add-technique-btn {
	background-image: url(../images/add_content_technique.png);
}

.add-tool-btn {
	background-image: url(../images/add_content_tool.png);
}

p.add {
	margin: 10px 0;
}

.filter {
	border-bottom: 1px solid #ccc;
    padding: 10px 0;
}

.content-synopsis {
	background-color: #F1F8E8;
	margin: 0 0 20px;
	overflow: auto;
	padding: 10px;
	position: relative;
}

.content-synopsis img {
	border: 1px solid #ddd;
	float: left;
	margin-right: 10px;
}

#results li {
	border-bottom: 1px solid #ccc;
	color: #837f7c;
	margin: 0;
	overflow: hidden;
	padding: 10px 0;
	vertical-align: top;
	zoom: 1; /* IE6 float fix */
}

#results li h3 {
	color: #356e99;
	padding: 0 0 10px 0;
}

#results li .icon {
	float: right;
}

#results .image {
	float: left;
	height: 80px;
	margin-right: 10px;
	width: 80px;
}

#results .image img {
	border: 1px solid #999;
	display: block;
	padding: 1px;
}

#results .text {
	padding-left: 15px;
}

.locavore {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #ccc;
	padding: 10px;
}

.locavore p {
	margin: 5px 10px 8px;
}

.locavore p + p {
	text-align: center;
}

.locavore img {
	vertical-align: middle;
}

.add-recipe-sm {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 5px solid #6BA344;
	padding-left: 5px;
}

.add-recipe-sm a {
	background: #fff url(../images/add_recipe_sm.png) no-repeat scroll center left;
	display: block;
	padding: 15px 10px 15px 60px;
}

a.surlatable img {
	display: block;
	margin: 10px 0;
}

.photo-medium {
	border: 1px solid #aaa;
	overflow: hidden;
	padding: 10px 15px;
}

.photo-medium .photo img {
	border: 1px solid #dddddd;
	height: 180px;
	margin: 5px 0;
	width: 240px;
}

.photo-medium .photo-title {
	text-align: center;
}

.photos-all {
	display: inline-block; /* for IE 6 float margin bug */
	overflow: hidden;
}

.photos-all .photo-medium {
	float: left;
	margin: 0 70px 35px 0;
}

.browse-list {
	margin: 20px;
}

.browse-list li a {
	background-position: top right;
    display: block;
    padding: 5px 0 5px 10px;
    text-decoration: none;
}

.browse-list li a:hover {
    background-color: #FFFFB3;
    color: #000;
    text-decoration: none;
}

.browse-list li img {
	background-color: #fff;
    border: 1px solid #aaa;
    height: 32px;
    margin: 0 5px 0 10px;
	padding: 1px;
    vertical-align: middle;
    width: 32px;
}

.browse-list li .meta {
	color: #666666;
	float: right;
	margin: 10px;
	text-decoration: none;
}

.browse-list .recipe { background-image: url(../images/icon_recipe_sm.png); }

.change-password {
	margin: 20px 0;
}

.change-password td {
    padding: 0 5px 5px 0;
}

.change-password td.warning {
    padding-bottom: 0;
}

#signin-form,
#signup-form {
	float: left;
	width: 50%;
}

#signin-form label,
#signup-form label {
	color: #222;
	float: none;
	font-size: 1.5em;
	font-weight: bold;
}

#signin-form input[type=text],
#signin-form input[type=password],
#signup-form input[type=text],
#signup-form input[type=password] {
	border-width: 2px;
	color: #666;
	font-size: 2em;
}

#signin-form input[type=text]:focus,
#signin-form input[type=password]:focus,
#signup-form input[type=text]:focus,
#signup-form input[type=password]:focus {
	border-color: #75B566;
}

#facebook {
	float: right;
	padding: 20px 0;
	width: 45%;
}

#facebook h3 {
	padding-bottom: 20px;
}

td .star-rating-container {
	margin-top:-9px;
}

#col1 .statictxt h2 {
	border: none;
}

.fbfbc-recipe {
    background-color: #D2E8AF;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 10px;
}

.fbfbc-recipe p {
    line-height: 1.5em;
}

.fbfbc-recipe strong {
    color: #000;
}

.fbfbc-recipe .badge {
    float: left;
    padding: 10px 10px 20px 0;
}

.fbfbc-recipe textarea {
    float: left;
    height: 98px;
    margin: 10px 10px 20px 0;
    width: 150px;
}

.fbfbc-recipe .fbfbc-data {
	clear: both;
    font-size: 90%;
    margin-bottom: 10px;
}

.contest-search h1 {
    margin-bottom: 10px;
}

.contest-search strong {
    color: #000;
    font-weight: bold;
}

.contest-search #col1 h1 {
	border-bottom: none;
}

.contest-search #col1 p {
    line-height: 1.5em; 
    margin-bottom: 10px;
}

.contest-search-form fieldset {
    padding: 40px 0;
}

input.contest-search-query  {
    -moz-border-radius: 3px;
    border: 2px solid #CCCCCC;
    float: left;
    font-size: 20px;
    line-height: 20px;
    margin: 0 10px 0 0;
    padding: 4px;
    width: 300px;
}

.contest-search-header {
    border-bottom: 1px solid #ECB1B1;
    overflow: hidden;
    margin: 0 0 20px 0;
    padding-bottom: 2px;
}

.contest-pagination {
    text-align: right;
}

.contest-search-results {
	display: inline-block; /* for IE 6 float margin bug */
    margin-right: -92px;
    overflow: hidden;
}

.contest-search-result {
    float: left;
    margin: 0 5px 20px 0;
    width: 240px;
}

.contest-search-result p {
    margin-bottom: 2px;
}

.contest-search-result .photo {
	border: 1px solid #ccc;
    display: block;
    height: 180px;
    text-align: center;
    width: 240px;
}

.contest-search-result .rating {
	padding-top: 5px;
    visibility: hidden;
}

.contest-search-result .message {
    color: #5c6;
    float: right;
    font-weight: bold;
    text-align: center;
    width: 160px;
}

.amp-logo {
	display: block;
	height: 110px;
	margin: 10px auto 0 auto;
	width: 166px;
}

.random-recipe {
	background-color: #D9EFA4;
	border: 1px solid #999;
	margin-top: 5px;
	overflow: hidden;
	padding: 5px;
}

.random-recipe .recipe {
	display: block;
	overflow: hidden;
}

.random-recipe img {
	background-color: #fff;
	border: 1px solid #999;
	float: left;
	height: 32px;
	margin-right: 5px;
	padding: 1px;
	width: 32px;
}

.new-random-recipe {
	clear: both;
	display: block;
	text-align: right;
}

.escoffier {
	border: 1px solid #999;
	border-width: 2px 1px 1px 2px;
}

.escoffier th,
.escoffier td {
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	padding: 10px 20px 5px;
}

.escoffier th {
	padding-bottom: 0;
}

.escoffier thead th {
	border-bottom: 2px solid #999;
}

.escoffier td img {
	display: block;
	height: 24px;
	margin: -10px auto -5px;
	width: 24px;
}

#footer {
	background-color: #fff;
	border-left: 1px solid #d1d1d1;
	border-right: 1px solid #d1d1d1;
	color: #999;
	float: left;
	padding: 20px 0;
	text-align: center;
	width: 958px;
}

#footer a {
	color: #999;
}

#footer hr {
    background-color: #ccc; 
    border: 0; 
    color: #ccc;
    height: 1px;
    width: 918px
}

#footer .press {
    margin: 20px auto;
    font-size: 108%; 
    font-weight: bold; 
    width: 500px; 
}

#footer .press img {
	margin-right: 10px;
    vertical-align: middle;
}

#footer .menus {
    margin: 20px auto;
    overflow: hidden;
    text-align: left;
    width: 830px;
}

#footer ul {
    float: left;
    margin-right: 50px;
}

#footer ul.last {
	margin-right: 0;
}

#footer ul li {
    line-height: 1.3em;
}

#footer .menus img {
    vertical-align: middle;
}

#footer ul li.heading {
    font-weight: bold;
}

#footer ul li.heading a {
    text-decoration: none;
}

#footer .browse-links {
	padding-left: 20px;
	text-align: left;
}

#footer .browse-links p {
	line-height: 1.5em;
}

#footer:hover  {
    color: #333;
}

#footer:hover a {
    color: #333;
}

#footer:hover ul li.heading a {
    text-decoration: underline;
}

#copyright {
	margin: 10px auto 0;
	padding-top: 8px;
	text-align: center;
}

/************** TEMPORARY HOME ****************/

#full-content-wrap h1 {
	padding: 12px 0;
}

#full-content-wrap h1 a, 
#full-content-wrap h1 a:visited,
#full-content-wrap h4 a, 
#full-content-wrap h4 a:visited {
	color: #705037;
	text-decoration: none;
}

#full-content-wrap h1 a:hover,
#full-content-wrap h4 a:hover {
	color: #3F7591;
	text-decoration: underline;
}

#full-content-wrap h1 .add,
#full-content-wrap h1 .add:hover,
#full-content-wrap h1 .add:visited {
	color: #296EB2;
	float: right;
	font-size: 80%;
	line-height: 170%;
	margin-right: 25px;
	text-decoration: underline;
}

#full-content-wrap {
	min-height: 540px;
	position: relative;
	padding: 20px 27px;
}

#full-content-wrap h1 {
	font-size: 131%;
}

#full-content-wrap .col1 {
	float: left;
	position: relative;
	width: 520px;
}

#full-content-wrap .col2 {
	float: left;
	width: 380px;
	position: relative;
}

#full-content-wrap .col2 h2 {
	margin: 10px 0 14px 0;
	padding: 0;
}

#full-content-wrap .col2 h3 {
	color: #0872ac;
	margin: 0;
	padding: 0 0 5px 0;
	vertical-align: top;
}

.recent-questions {
	background-color: #DFEECE;
	font-size: 110%;
	margin: 1px 0 8px;
	padding: 15px 10px;
	width: 476px;
}

.recent-questions li {
	line-height: 1.4em;
}

.recent-images {
	border: 1px solid #999;
	margin-bottom: 20px;
	overflow: hidden;
	padding: 5px 0 5px 5px;
	width: 490px;
}

.recent-images .image-full {
	float: left;
	padding: 0 5px 5px 0;
	text-align: center;
	width: 240px;
}

.recent-images .image-full img {
	display: block;
	height: 180px;
	margin-bottom: 5px;
	width: 240px;
}

.top-contribs {
	display: block;
	margin-right: -10px;
	margin-top: -10px;
	overflow: hidden;
	width: 520px;
}

.top-contribs ul {
    padding-top: 5px;
}

.top-contribs li {
    float: left;
    margin: 0 10px;
}

.top-contribs li a {
    display: block;
    overflow: hidden;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    width: 83px;
}

.top-contribs li a:hover {
    background-color: #FFFFB3;
    color: #000;
}

.top-contribs .more {
    clear: both;
    display: block;
}

.top-contribs img {
    border: 1px solid #999;
    display: block;
    height: 75px;
    margin-bottom: 4px;
    padding: 3px;
    width: 75px;
}

#home .featured-blog h1 {
    background: transparent url(../images/fbod_star.png) no-repeat scroll 0px 8px;
	padding-left: 30px;
}

#home .featured-chef h1 {
    background: transparent url(../images/fcod_hat.png) no-repeat scroll 0px 8px;
	padding-left: 30px;
}

.featured-blog .date,
.featured-chef .date,
.blog-summary .date {
	color: #666666;
	font-size: .8em;
	font-style: italic;
	font-weight: normal;
}

.featured-blog .more,
.featured-chef .more {
    display: block;
    padding: 4px 0 0 10px;
}

.top-contribs,
.featured-blog,
.featured-chef {
    margin-bottom: 10px;
}

.recent-blog {
	display: block;
	padding: 0 0 10px 0;
	width: 370px;
}

#home .recent-blog h1 {
    background: transparent url(../images/blog_o.png) no-repeat scroll 0px 6px;
	padding-left: 30px;
}

.recent-blog .more {
	margin-left: 10px;
}

.blog-summary {
	height: 85px;
	margin-bottom: 8px;
	padding: 0 10px;
	overflow: hidden;
}

.blog-summary img {
	border: 1px solid #999;
	background-color: #ffffff;
	float: left;
	height: 75px;
	margin-right: 10px;
	padding: 3px;
	width: 75px;
}

.featured-blog .blog-summary,
.featured-chef .blog-summary {
	padding: 15px 10px;
}

#home .featured-blog .blog-summary,
#home .featured-chef .blog-summary {
	background-color: #ffffb3;
}

.blogged-about .blog-summary {
	height: auto;
	margin-bottom: 20px;
}

.blogged-about .blog-summary h3 {
	margin-bottom: 5px;
}

.blogged-about .delete {
	float: right;
}

#col1 .blogged-about p {
	font-size: 100%;
}

.discover {
	clear: both;
	overflow: hidden;
	padding: 25px 0;
}

.discover-module {
	border: 1px solid #b8b8b8;
	display: inline; /* for IE 6 float margin bug */
	float: left;
	margin-bottom: 1em;
	margin-right: 8px;
	min-height: 120px;
	padding: 7px;
	position: relative;
	width: 202px;
}

.discover-module .icon {
	float: right;
	margin: -2px -2px 0 0;
	position: relative;
}

.discover-module h4 {
	padding-bottom: 1em;
}

.discover-module li {
	padding-bottom: 0.4em;
}

.discover-module a.discover-photos {
	float: right;
	padding-top: 0.6em;
}

.discover-module a.discover-more {
	float: left;
	padding-top: 0.6em;
}

