@import "reset.css";
@import "nav.css";

html {
	width: 					100%;
}

body {
	background: 			#ffffff;
	font-family: 			Arial, Verdana, Helvetica, sans-serif;
	min-height:				768px;
	margin-top:				5px;
	margin-bottom:			5px;
	width: 					960px;	
	margin: 				0px auto;
	text-align:				center;
}

h2 {
	color:					#007dc3;
	font-size:				1.8em;
	font-weight:			bold;
	padding-bottom:			5px;
}


h3 {
	color:					#007dc3;
	font-size:				1.2em;
	font-weight:			bold;
}

p {
	font-size:				1.1em;
	line-height:			16px;

}

a {
	color:					#007dc3;
	text-decoration:		none;
	cursor:					pointer;
}



.post a:hover, .sidebarItems p a:hover{
	color: #e31836 ;
	border-bottom-style:dashed;
	border-bottom-width: 1px;
	border-bottom-color: #e31836;
}

.imgNoHover{
  border-bottom-style: none !important;
  border-bottom-width: 0;
}

a:hover img{
  border: 0;
}

img.alignleft{
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
}

img.alignright{
  float: right;
  margin-left: 15px;
  margin-bottom: 15px;
}

.post ul{
  list-style: disc;
  margin-left: 30px;
  margin-bottom: 20px;
}

.post ol{
  list-style: decimal;
  margin-left: 30px;
  margin-bottom: 20px;  
}

.post li{
  font-size: 1.1em;
}

.post li li{
  font-size: 1em;
}

.post ol ol,.post ul ul, .post ol ul, .post ul ol{
  margin-bottom: 0;
}

#main {
	text-align: 		left;
	width: 					960px;
	margin: 				0px auto;
	border:					1px solid #ccc;
}

#header {
	background:				transparent url('images/masthead_bg.jpg') no-repeat;
	width:					960px;
	height:					90px;
}

#headerLogo {
	width:					145px;
	height:					90px;
	padding-left:			34px;
	float:					left;
}

#findRecipe {
	background:				transparent url('../images/masthead_findarecipe_bg.jpg') no-repeat;
	width:					180px;
	height:					80px;
	margin-right:			33px;
	margin-top:				10px;
	float:					right;
}

.searchBox {
	padding:				30px 0 9px 15px;
	float:					left;
	height:					13px;
}

.searchInputBox {
	font-size:				.9em;
	color:					#999;
}

.searchImg {
	margin:			31px 0 0 5px;
}

.searchButton {
	float:left;
}

.catDropDown {
	margin:					0px 0 0 15px;
	height:					18px;
	font-size:				.9em;
	color:					#999;
}

#homeFlashBanner {
	width:					960px;
	height:					340px;
}



#newsletterHeader {
	height:				35px;
	width:				200px;	
}

#newsletterBody {
	height:				257px;
	width:				200px;

}

#newsletterBody p{
	font-size:			1.1em;
	color:				#333;
	font-weight:		bold;
	padding-top:		10px;
	padding-left:		15px;
	padding-right:		15px;
}

#newsletterBody .zipCode{
  width: 75px;
}

#newsletterHeader h2{
	padding-top:		8px;
	padding-left:		10px;
	color:				#fff;
}

.newsletterBox {
	height:					15px;
	font-size:				.9em;
	float:					left;
	margin:					2px 0 5px 15px;
	color:					#999;
  width: 165px;
}

#copyright{
	text-align: 			left;
	width: 					960px;
	clear:					both;
	padding-left:			25px;
	color:					#ccc;
	padding-top:			25px;		
}

img.bellOrnament {
	margin-top:			350px;
	margin-left:		1px;
}

.btnNewsletterSignUp{
	margin:				2px 0 5px 10px;
}

.btnSearch{
	float:				left;
	margin:				5px 0 5px 152px;
}

/* footer */

#footer {
	width: 					960px;
	text-align: 			left;
	color:					#9f7e41;
	padding-left:			25px;
	line-height:			16px;
	font-size:				11px;
  font-weight:      bold;
	padding-bottom:			20px;
	padding-top: 7px;
}

#footer a{
	text-decoration:		none;
	color:					#9f7e41;
}

#testimonials {
	margin-top: 			-40px;
	margin-left:			550px;
	width:					322px;
	height:					175px;
	background:				transparent url('../images/testimonialBox.jpg') no-repeat;
	position:				absolute;
}

#testimonials a{
	cursor:					text;
}

#testimonials p{
	padding:			60px 25px 0 25px;	
}

.homeVerticalSeparatorLeft {
	background:			url('../images/ornament_1_keyline_l.gif') repeat-y;
	height:				630px;
	width:				9px;
	float:				left;
}

.homeVerticalSeparatorRight {
	background:			url('../images/ornament_1_keyline_r.gif') repeat-y;
	height:				630px;
	width:				9px;
	float:				left;
}

.homeVerticalSeparator3 {
	background:			url('../images/ornament_1_keyline_l.gif') repeat-y;
	height:				600px;
	width:				9px;
	float:				left;

}

.verticalSeparatorLeft {
	background:			url('images/ornament_1_keyline_l.gif') repeat-y;
	height:				920px;
	width:				9px;
	float:				left;
}

.verticalSeparatorRight {
	background:			url('images/ornament_1_keyline_r.gif') repeat-y;
	height:				920px;
	width:				9px;
	float:				left;
}


.verticalSeparator3 {
	background:			url('../images/ornament_1_keyline_l.gif') repeat-y;
	height:				350px;
	width:				9px;
	float:				left;

}

#homeCol3 {
	width:				232px;
	float:				right;
}

#homeCol3Feature {
	width:				200px;
	float:				right;
}

.leftOrnament {
	margin-top:		75px;
	
}

.rightOrnament {
	margin-top:			75px;

}

.article_seperator {
	height:				20px;
	width:				30px;
	display:			block;
}
.recipeContestDetails{
	background-color: #EFEFEF;
}

.recipeContestDetails p{
	padding-left:		15px;
	font-size:			1em;
	padding-right: 15px;
	padding-top: 15px;
}

.recipeContestDetails p.rightColumn{
	font-size:			1em;
	padding-right: 15px;
	padding-top: 0px;
	margin-left: 290px;
	padding-bottom: 15px;	
	padding-left: 0;
}

.recipeContestDetails h3.rightColumn{
	padding-right: 15px;
	padding-top: 0px;
	margin-left: 290px;
}

.rightColumnTextContainer{
	float: left;
	margin-top: 15px;
	width: 300px;
}

.rightColumnTextContainer h3{
	padding-bottom: 15px;
}
.rightColumnTextContainer p{
	font-size: 1em;
}

.altBGContainer{
	background-color: #EFEFEF;
}


div.smarterSeafoodPromo{
  cursor:pointer; 
  cursor:hand; 
	background-image: url(../images/smarter_seafood_promo.jpg);
	background-repeat: no-repeat;
  width: 200px;
  height: 290px;
  border:1px solid #CCCCCC;
}

div.smarterSeafoodPromo p{
  padding-top: 85px;
  padding-left: 18px;
  padding-right: 18px;
  color: #71b740;
}

div.smarterSeafoodPromo  a{
  color: #0070a7;
}

div.standardPromo{
  width: 200px;
  border:1px solid #CCCCCC;
  background-color: #efefef;
  padding-bottom: 70px;
}

div.standardPromo h1{
  background-image: url(../images/mailinglist_header_bg.jpg);
  display: block;
  padding: 7px 10px;
  font-size: 1.6em;
  font-weight: bold;
  color: #FFFFFF;
}

div.standardPromo p{
  padding: 15px 15px 0px 15px;
}

div.standardPromo a{
  color: #007dc3;
  font-weight: bold;
}

.pageHeader {
  width:			960px;
  height:			210px;
}

.smarterSeafoodBookHeader{
  background-image: url(../images/get_your_free_recipe_book_header.jpg);
  background-repeat: no-repeat;
  
}

.smarterSeafoodBookHeader p{
  color: #000000;
  padding: 85px 0 0 97px;
  width: 350px;
}

.flexibleCuttingBoardHeader{
  background-image: url(../images/special_offer_facebook.jpg);
  background-repeat: no-repeat;
  
}

.flexibleCuttingBoardHeader p{
  color: #000000;
  padding-top: 80px;
  margin-left: 97px;
  width: 295px;
}


.flexibleCuttingBoardMissedHeader{
  background-image: url(../images/supplies_no_longer_available.jpg);
  background-repeat: no-repeat;
  
}

.flexibleCuttingBoardMissedHeader p{
  color: #000000;
  padding-top: 80px;
  margin-left: 97px;
  width: 295px;
}

.flexibleCuttingBoardThankyouHeader{
  background-image: url(../images/thankyou_facebook_fan.jpg);
  background-repeat: no-repeat;
  
}

.flexibleCuttingBoardThankyouHeader p{
  color: #000000;
  padding-top: 100px;
  margin-left: 97px;
  width: 295px;
}

div.smarterSeafoodInfo{
  background-color: #efefef;  
  overflow: auto;
  width: 610px;
}

div.smarterSeafoodInfo h2{
  background-color: #7fb7d2;
  color: #FFF;  
  padding: 5px 25px;
}

div.smarterSeafoodInfo div.smarterSeafoodInfoText{
  width: 360px;
  float: left;
}

div.smarterSeafoodInfo div.smarterSeafoodInfoText p{
  padding: 10px 25px;
}

div.smarterSeafoodInfo .supportGraphic{
  float: left;
  display: block;
  width:250px;
}

#col2{
  float:left;
  width: 212px;
}

#mastheadSeparator{
	background:			transparent url(images/featchef_hero_shadow.gif) repeat-x scroll 0%;
	width:				960px;
	height:				26px;
	float:				left;
}

.mainColumn{
  float:left;
  width: 638px;
  padding-top: 20px;
}

#mainContainerWrapper {
  clear:both;
  margin-left:70px;
  overflow: hidden;
  width:870px;
}

/* Post Styles */
.post{
  padding: 10px 50px 30px 50px;
}

.post p{
  padding-bottom:   15px;
}

.post h2 a{
  color: #007DC3;
}

.post .postBody{
  margin-bottom: 10px;
}

.postBody{
  font-size: 1.2em;
}

.post .postDetails{
  text-transform: uppercase;
  font-size: 1.1em;
  color: #999999;
  border-top: solid 1px #999999;
  padding-top: 5px;
}


.post .share{
  margin-top: 5px;
}

/* Side bar */
h2.headerAboutSeapak{
  background-image: url('images/txt_about_seapak.gif');
  background-repeat: no-repeat;
  text-indent: -1000px;  

}
h2.headerAboutTheAuthor{
  background-image: url('images/txt_about_the_author.gif');
  background-repeat: no-repeat;
  text-indent: -1000px; 
}

h2.headerArchives{
  background-image: url('images/txt_archives.gif');
  background-repeat: no-repeat;
  text-indent: -1000px; 
}

h2.headerSubscribe{
  background-image: url('images/txt_subscribe.gif');
  background-repeat: no-repeat;
  text-indent: -1000px; 
}

ul.sidebarItems{
  margin-left: 25px;
  margin-top: 35px;
}

ul.sidebarItems li{
  padding-bottom: 40px;
  overflow:auto;
  width: 99%;  
}

ul.sidebarItems li .caption{
  font-style: italic;
  color: #999999;
  padding-bottom: 4px;
}

ul.sidebarItems li a{
  color: #007DC3;
}

ul.sidebarItems ul.archives{
  font-size: 1.1em;
  overflow: auto;    
  width: 100%;
}

ul.sidebarItems ul.archives li{
  padding-bottom: 2px;
  overflow: auto;    
  width: 100%;  
}

ul.sidebarItems ul.archives ul{
  margin-left: 15px;
}

ul.sidebarItems ul.archives a{
  color: #999999;
}

#newsletter label{
  font-size: 1.1em;
  color: #999999;
  margin-top: -5px;
  padding-bottom: 2px;
  display: block;
}

#newsletter .textBox{
  margin-bottom: 5px;
  border: solid 1px #999999;
}

ul.sidebarItems .facebook p{
  color: #999999;
}

ul.sidebarItems .facebooklogo{
  text-align: center;
  padding-bottom: 5px;
}

/* Comments */
div.comments{
  padding:10px 50px 30px;
}

ul.commentlist li{
  padding: 10px 0 40px 0;
  border-bottom: solid 1px #999999;
}

div.postComment{
  margin:10px 50px 30px;
  background-color: #EFEFEF;
}

div.postComment div.headerDiv {
	width:				100%;
	height:				35px;
	background-image:url(images/bkg_goldbar.jpg);
	margin:				0px;
	padding:			0px;
}

div.postComment div.headerDiv h2{
  color: #FFFFFF;
  padding-top: 8px;
  padding-left: 20px;
  font-size: 1.6em;
}

div.postComment .requiredFieldIndicator{
  float: right;
  border-left: 4px solid #007DC3;
  margin: 10px;
  color: #FFFFFF;
  padding-left: 5px;
}

div.postComment label{
  display: block;
  float: left;
  line-height: 1.5em;
  margin-right: 2px;
  padding-right: 20px;
  text-align: left;
  width: 144px;
  font-size: 1.1em;
  padding-left: 20px;
}

div.postComment label.required{
  border-right:4px solid #007DC3;
  width: 160px;
}

div.postComment label.checkbox{
  float: none;
  display: inline;
  padding-left: 0;
}

div.postComment input.checkbox{
  margin-left: 186px;
}

div.postComment ul.commentFormFields{
  margin-top: 10px;
}

div.postComment ul.commentFormFields li{
  padding-bottom: 5px;
}

div.postComment div.footerDiv {
	width:				100%;
	height:				35px;
	background-image:url(images/bkg_goldbar.jpg);
	margin:				0px;
	padding:			0px;
}

div.postComment .submit{
  margin-top: 8px;
  margin-left: 20px;
}

div.postComment input.textField{
  width: 300px;
}

div.postComment textarea{
  height: 150px;
  width: 300px;
}

/* Navigation */

.navigation{
  font-size: 1.6em;
  font-weight: bold;
  text-transform: uppercase;
  width: 100%;
  overflow: hidden;
  margin-bottom: 50px;
}

.navigation a{
  color: #007DC3;
}

.newerEntries{
  float: left;
  padding-left: 50px;
}

p.olderEntries{
  float: right;
  padding-right: 50px;
}

#zrx_captcha{
  margin-left: 205px;
  _margin-left: 209px;
}

.aboutTheAuthor{
  background-image: url('images/jenna_signature.gif');
  background-repeat: no-repeat;
  background-position: 100px 320px;
}