/* CSS Document */
body{
margin-top:0px;}

.content{
font-size:12px;
color:#333333;
font-family:Arial;
}

.footer{
font-size:10px;
color:#333333;
font-family:Arial;}

a:link {
	text-decoration:underline;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: normal;
	font-size: 12px;
}
A:visited{
	text-decoration:underline;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: normal;
	font-size: 12px;
}
A:hover{
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	
	font-size: 12px;
}
A:active{
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
}




.AboutTitle{
color:#00446B;
font-size:18px;
font-family:Arial;
}

.RecipesTitle{
color:#752929;
font-size:18px;
font-family:Arial;
}

.FoodserviceTitle1{
color:#563A12;
font-size:18px;
font-family:Arial;
}

.FoodserviceTitle2{
color:#A29F73;
font-size:18px;
font-family:Arial;
}

.ManufacturingTitle{
color:#8B7E5E;
font-size:18px;
font-family:Arial;
}

.ClassroomTitle{
color:#668F87;
font-size:18px;
font-family:Arial;
}

.GrowersTitle1{
color:#8C934D;
font-size:18px;
font-family:Arial;
}

.GrowersTitle2{
color:#36635A;
font-size:18px;
font-family:Arial;
}

.FrenchTitle{
color:#752929;
font-size:18px;
font-family:Arial;
}

.EspanolTitle{
color:#752929;
font-size:18px;
font-family:Arial;
}

/* ============= general ============= */

.scriptDemo { margin: 20px 0; border-top: solid transparent #f9f9f9; }
	.scriptDemo form {}
		.scriptDemo label { float: left; width: 180px; display: block; font-weight: bold; font-weight: 13px; color: #666; }
		.scriptDemo form.shorterLabels label { width: 90px; }
		.scriptDemo label.larger { width: 250px; }
		.scriptDemo input { float: left; }
		.scriptDemo .date {
			float: left; background: url('../imgs/furniture/date.png'); width: 18px; height: 18px; margin: 2px 0 0 6px;
		}
		.scriptDemo button { float: none; }
		.scriptDemo .fieldsGroup * { float: left; }
		.scriptDemo .fieldsGroup input { margin-right: 15px; }
	.scriptDemo .table { border-collapse: collapse; }
				.scriptDemo .table tbody tr td, .scriptDemo .table thead tr th { background: #fff; border: solid 1px #ccc; padding: 6px 8px; color: #444; }
				.scriptDemo .table thead tr th { background: #ccc; color: #444; text-align: left; }
		.scriptDemo ul { background: #f5f5f5; width: 200px; border-collapse: collapse; border: solid 1px #ccc; margin: 0; }
			.scriptDemo ul li { list-style: none; border-bottom: solid 1px #ccc; padding: 4px 8px; color: #666; }
			
			
/* ============= specific ============= */

/* Blockster */

.featureRotator { width: 400px; height: 240px; position: relative; border: solid 1px #aaa; margin: 0 auto; }
	.featureRotator div { position: absolute; width: 400px; height: 240px; background-repeat: no-repeat; }
	.fr_slide1 { background: url('../imgs/scriptDemos/blockster/slide1.jpg'); }
	.fr_slide2 { background: url('../imgs/scriptDemos/blockster/slide2.jpg'); }
	.fr_slide3 { background: url('../imgs/scriptDemos/blockster/slide3.jpg'); }
		.featureRotator div div { height: 84px; bottom: 0; }
			.featureRotator div div a { font-weight: bold; font-style: italic; font-size: 13px; color: #2085bd; }
			.featureRotator div div h5 { color: #333; margin-top: 8px !important; text-indent: 20px; }
			.featureRotator div div p { color: #333; margin-top: 5px; font-size: 13px; margin-left: 20px; width: 80%; }
			.fr_slide1 div h5, .fr_slide1 div p { color: #fff !important; }
			.fr_slide3 div p { width: 60% !important; }
			
/* Slidey puzzle */

#puzzle_holder {
	width: 252px;
	height: 251px;
	border: solid 4px #26a1ce;
	border-radius: 10px;
	moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: #333;
	box-shadow: 0 0 12px #000;
	margin-bottom: 60px;
}
	#puzzle_holder button { height: 24px !important; }
	
	
	
/* ================ general, preparatory ================ */

*{ font-family:Arial, Helvetica, sans-serif; font-size:12px;}

	strong span { font-weight: normal; }

.fl, .fl_withBumper, .fl_withBumper2 { float: left; }
.fr, .fr_withBumper { float: right; }
.fl_withBumper { margin: 6px 15px 25px 0; }
.fl_withBumper2 { margin-right: 25px; }
.fr_withBumper { margin: 6px 0 25px 15px; }
.clear, .clear_withBumper, .clear_withBumper2 { clear: both; display: block; }
.clear_withBumper { padding-bottom: 30px; }
.clear_withBumper2 { padding-bottom: 22px; }
.disabled { color: #aaa; text-decoration: none !important; cursor: default; }
	.bold, .bold * { font-weight: bold; }
.important { color: #dd5555; font-weight: bold; }


/* links */

a { color: #00659d; text-decoration: none; }
a:hover { text-decoration: underline; }
.readMore { font-weight: bold; font-style: italic; }
.toTop { border-bottom: solid 1px #a7ca63; margin: 25px 0 10px 0; }
	.toTop a { float: right; margin-top: 8px; }


/* inputs */

input.smaller { width: 80px; }
.textfield1, .textfield2, .select1, .select2 { border: solid 1px #999; }
.textfield1, .select1 { width: 100px; }
.textfield2, .select2 { width: 180px; }


/* headings */

h1, h2, h3, h4, h5, h6 { margin: 0; }
h2 { font-size: 28px; font-family: Georgia; font-weight: normal; margin: 10px 0; color: #333; }
h3 { font-size: 22px; }
h4 { font-size: 17px; color: #444; padding-top: 10px; }
h4.first { border: none; margin-top: 25px; }
h5 { font-size: 15px; color: #95b557; }
	h5 span { font-weight: normal; }


/* lists */

ul { padding: 0; margin: 0; }
	li { list-style: none; }
	ul li { list-style: square inside; padding: 2px 0; }
	ul li:last-child { border: none; }
		ul li p { margin: 0; }
		
ul.pageNav { margin: 0 0 20px 0 !important; padding: 4px 8px; border: solid 1px #ccc; background: #f4f4f4; }
	.pageNav li { font-weight: bold; display: inline; margin-right: 20px; font-size: 13px; color: #666; font-size: 12px; }
	.pageNav li:last-child { margin: 0; }
		.pageNav li a { font-size: 12px; }


/* lists - tabs */

ul.tabs { float: right; position: relative; top: 10px; margin: 0 8px 0 0 !important; }
	ul.tabs li {
		list-style: none;
		float: left;
		background: #eee !important;
		padding: 2px 6px !important;
		margin-left: 4px;
		font-weight: bold;
		color: #555;
		border: none;
	}
		ul.tabs li, ul.tabs li a { color: inherit; text-decoration: none; font-size: 13px !important; color: #444; }
		
		
/* forms */

.field { color: #777; height: 22px; line-height: 22px; border: solid 1px #999; padding: 2px; font-weight: bold; text-indent: 4px; }
button, .but {
	border: none !important; height: 28px !important; float: right; color: #fff !important; font-weight: bold; background: #FFB01F; cursor: pointer;
}
	

/* ================ specific - top area ================ */

/* general, montage */

#top { background: #131313 url('../imgs/top/top_bg.png') repeat-x; height: 180px; width: 100%; position: relative; overflow: hidden; }
	#top div { width: 1000px; height: 100%; margin: 0 auto; position: relative; }
		#top div div { background: url('../imgs/top/logo.png') no-repeat 40px 20px; position: absolute; z-index: 3; }
			#top div div div {
				background: url('../imgs/top/top_text.png') no-repeat left top; width: 717px; height: 96px; position: absolute; left: 250px; top: 18px;
			}
			#top div div span {
				position: absolute; right: -40px; width: 319px; height: 214px; background: url('../imgs/top/big_zebra.png') no-repeat transparent;
			}
		#top div span {
			width: 1000px;
			z-index: 1;
			position: absolute;
			display: block;
			bottom: 0;
			height: 93px;
		}
			
			/* top tabs nav */
			
			#top div ul {
					position: absolute;
					right: 35px;
					bottom: 17px;
					width: 355px;
					height: 58px;
					overflow: hidden;
					padding: 0 7px;
					z-index: 3;
					background-repeat: no-repeat;
				}
		#topNav_home { background: url('../imgs/top/topNav_home.png'); }
		#topNav_scripts { background: url('../imgs/top/topNav_scripts.png'); }
		#topNav_tutorials { background: url('../imgs/top/topNav_tutorials.png'); }
		#topNav_me { background: url('../imgs/top/topNav_me.png'); }
				#top div ul li { float: left; list-style: none; }
				#tab_hb { width: 28%; }
				#tab_s { width: 21%; }
				#tab_t { width: 25%; }
				#tab_m { width: 22%; }
					#top div ul li a { display: block; width: 100%; height: 37px; position: relative; top: 7px; text-indent: -999px; }


/* ================ specific - main area, breadcrumb, search ================ */

#main, #main_noRight { width: 930px; margin: 0 auto; height: 100%; background: #f9f9f9; padding-top: 10px; padding: 15px 30px 0 30px; }

	#main_topArea { margin-bottom: 14px; border-bottom: solid 1px #dadada; padding-bottom: 4px; height: 30px; }
	
		#main_topArea .fl { width: 600px; position: relative; padding-top: 6px; }
			#rss {
				position: absolute;
				top: 3px;
				right: 0;
				background: url('../imgs/furniture/rss.png') no-repeat;
				display: block;
				width: 59px;
				text-indent: -9999px;
				height: 20px;
			}
			#breadcrumb { color: #888; font-size: 12px; font-weight: bold; display: block; }
				#breadcrumb a { font-size: 12px; }
				
		#main_topArea .fr { width: 264px; }
			#main_topArea .fr input { width: 76%; float: left; margin-top: -2px; }
			#main_topArea .fr input.but { width: 17%; margin-left: 3%; }
			

	/* ================ specific - content ================ */
	
	#content { float: left; width: 600px; position: relative; font-family:Arial, Helvetica, sans-serif }
	#main_noRight #content { width: 100%; }
		#content .panel { padding-bottom: 15px; }
		#content .panel:last-child { border: none; }
		#content h3, #content h3 a {
			font-weight: normal; margin: -3px 0 10px 0; padding: 6px 6px 6px 0; font-family: Times New Roman; font-size: 28px; color: #333;
		}
		#content h5 { margin-top: 20px; }
		#content h3.smaller, #content h3.smaller a { font-size: 17px; font-weight: bold; font-family: default; }
		#content h3.smaller a { color: #026ca6; }
			div.info { background: #eaeaea; padding: 5px 7px; margin: -8px 0 20px 0; }
			div.info * { font-size: 13px; }
			div.info strong, div.info span { display: block; float: left; }
				div.info strong { color: #759537; background: no-repeat left center; padding-left: 24px; }
				div.info strong.posted { background-image: url('../imgs/furniture/date.gif'); }
				div.info strong.tags { background-image: url('../imgs/furniture/tagIcon_small.gif'); margin-left: 20px; padding-left: 30px; }
				div.info span { margin-left: 6px; }
				div.info span.tags { float: right; width: 325px; }
		#content p { text-align: justify; line-height: 22px; }
		#content .blogPic { float: left; margin: 6px 18px 7px 0; border: solid 1px #1075ad; }
			#content ul { margin-left: 30px; }
		span.code, span.arg { font-family: courier new; color: #b00; font-size: 14px; }
		p.arg { padding-left: 30px; color: #555; }
		span.arg { color: #00659d; font-weight: bold; }
		span.arg span { color: #888; font-weight: normal; }
		
		
		/* --- comments --- */
		
		#comments { width: 600px; }
			#comments h4 { margin-bottom: 20px; }
				#comments h4 span { color: #d55; font-size: 17px; font-weight: normal; }
			#comments .postButton {
				position: absolute;
				right: 0;
				margin-top: 5px;
				font-weight: normal;
				border: solid 1px #ccc;
				background: #f6f6f6;
				padding: 4px 7px;
				border-radius: 8px;
				-moz-border-radius: 8px;
				-webkit-border-radius: 8px;	
			}
			
			
			/* --- individual comments --- */
			
			#comments div { padding: 14px 18px 11px 85px; background-image: url('../imgs/furniture/comment_wrapper.gif'); background-repeat: no-repeat; min-height: 44px; position: relative; margin-bottom: 20px; }
			#comments div.alt { background-image: url('../imgs/furniture/comment_wrapper-alt.gif'); }
				span.commentWrapper_bottom { height: 1px; width: 528px; background: #ccc; position: absolute; left: 73px; bottom: 0; }
				#comments div h5 {
					margin: 0 0 10px 0;
					font-size: 13px;
					font-weight: normal;
					color: #222;
					border-bottom: solid 1px #ddd;
					padding-bottom: 4px;
				}
					#comments div h5 * { font-size: 13px; font-weight: bold; }
					#comments div h5 span { float: right; width: 50px; }
						#comments div h5 span a { height: 12px; float: left; }
						#comments div h5 span a.site {
							background: url('../imgs/furniture/comments_website.gif');
							width: 12px;
							display: block;
							margin-left: 6px;
						}
						#comments div h5 span a.reply { background: url('../imgs/furniture/comments_reply.gif'); display: block; width: 16px; }
				#comments div pre { margin: 0; color: #4a4a4a; line-height: 19px; font-size: 13px; overflow: hidden; white-space: pre-wrap; }
				
				
			/* --- form --- */
			
			#comments_form {
				display: none;
				background: #f6f6f6;
				width: 350px;
				border-radius: 6px;
				border: solid 4px #26a1ce;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
				padding: 37px 30px 30px 30px;
				height: 350px;
				box-shadow: 0 0 32px #26a1ce;
			}
				#comments_form a { position: absolute; right: 10px; top: 10px; font-size: 12px; letter-spacing: 1px; }
				#comments_form label { float: left; width: 80px; display: block; margin-top: 2px; font-size: 13px; color: #666; }
				#comments_form label[for=antiSpam] { width: 150px; }
				#comments_form input { float: left; width: 210px; }
				#comments_form #antiSpam { width: 30px; }
				#comments_form .clear { padding-bottom: 10px; }
				#comments_form textarea { margin-top: 6px; width: 343px; height: 148px; }
			
	
	
	/* ================ specific - right ================ */
	
	#right { float: right; width: 300px; padding-top: 10px; }
		#right h4 { font-weight: bold; color: #759537; margin: 5px 0 12px 0; padding-top: 0; }
		#right h4:before, div#refine h4:before { content: "|> "; color: #95b557; }
		#right h5 { margin: 18px 0 10px 0; }
	
			/* panels */
			#right .panel {
				position: relative;
				background: url('../imgs/furniture/rightPanelBG.jpg') repeat-x #fff;
				padding: 9px 14px;
				border: solid 1px #ccc;
				margin-bottom: 23px;
			}
			#right .panel.alt { background-image: url('../imgs/furniture/rightPanelBG2.jpg'); }
				#right .panel div { width: 48%; }
				p.panelBottom { margin: 10px 0 0 0; color: #5a801a; border-top: dotted 1px #555; padding-top: 5px; text-align: center; }
				p.panelBottom:after { content: ' >'; }
			
				/* lists */
				#right ul li { padding: 4px 0; border-bottom: solid 1px #dadada; #75acc0; color: #888; }
				#right ul li:last-child { border: none; }
					#right li, #right a, #right p, #right span { font-size: 13px; }
				#right ul li:first-child { padding-top: 0 !important; }
				
			/* particular panels */
			#me_donate { font-weight: bold; font-size: 15px; color: #949494; }
				#me_donate div {
					position: absolute;
					right: 8px;
					top: -15px;
					width: 71px !important;
					height: 75px;
					background: url('../imgs/furniture/me.jpg');
					border: solid 2px #759537;
				}
					#me_donate a { font-size: 15px; display: none; }
					#me_donate form { font-weights: normal; color: #777; margin-bottom: 10px; }
					#me_donate input { position: absolute; bottom: 9px; right: 8px; }

				
		/* changelog */
		#changelog { background: #f5ffc5; margin-top: 10px; padding: 1px 8px; width: auto !important; }
			#changelog p { color: #888; font-size: 13px; border-bottom: solid 1px #c5e597; padding-bottom: 10px; }
			#changelog p:last-child { border: none; padding-bottom: 0; }
				#changelog p strong { color: #777; font-size: 12px; }
				
				
				
	/* ================ specific - footer ================ */
	
	#footer {  background: #3a3a3a; border-right: solid 2px #444; margin: 15px 0 0 -1px; padding: 16px 20px 10px 20px; }
		#footer a, #footer p {
			font-size: 13px; color: #ccc; margin: 0 30px 0 0; background-position: left middle; background-repeat: no-repeat; height: 17px;
		}
		#contact { background-image: url('../imgs/furniture/contact_plane.png'); padding-left: 26px; float: left; }
		#copyright { background: url('../imgs/furniture/copyright.png'); padding-left: 22px; float: left; }
		#rss2 { background-image: url('../imgs/furniture/rss_footer.png'); padding: 1px 0 0 22px; float: right; }
		#poweredBy { font-size: 12px; color: #aaa; float: right; position: relative; top: 1px; }