@import url("nav.css");

body {margin: 0; padding: 0; background: #fff; color: #000; /*font-size: 13px;*/}  
/*body, textarea {font-family: Corbel, Arial, Helvetica, sans-serif;}*/
p, blockquote, li, dd, dt, h4, label, input, select, textarea {/*font-size:13px;*/color: #000; }

a {color:#B2190B; /*text-decoration: none; outline: none;*/}
a:hover {text-decoration: underline;}
img {border: none;}
table, form {margin: 0; padding: 0;}
th, td { text-align:left;}
fieldset th { vertical-align: top;}
fieldset td p {margin: 0 0 1em 0;}

h1, h2, h3 {margin:0 0 0.5em 0; font-weight: bold;}
/*h1 {font-size: 26px;}
h2 {font-size: 20px;} /* also used in common files*/
h3 {font-size: 12px;}
h5 {font-size:11px; font-weight: normal; font-style: italic;}*/  

p, pre {margin:0.5em 0 1em 0; line-height: 1.3em; /*font-style: italic;*/}
/*dd, ul li, ol li {line-height: 1.3em;}*/
dl, ul, ul li, ol, ol li, blockquote {padding: 0;}
dl {margin: .5em 0;}
dt {font-weight: bold; margin: .25em 0 0 0;}
dd {margin-left: .5em;}
ul {margin: .5em 0 .5em 1.1em;}
ul li {list-style: square; margin:0 0 .25em .5em;}
ol {margin: .5em 0 .5em 1.4em;}
ol li {margin:0 0 0 .5em;}
blockquote {margin: 1em 2em;}

fieldset {padding: 1em; margin: .25em 0; border: 1px solid #ccc;}
legend {/*font-size: 18px;*/ font-weight: bold; color: #333; padding: 0 5px; margin: 0;}
*:first-child+html legend {margin: 0 0 .5em 0;} /* hack for all IE versions */

.iframe {background: #fff; width: 600px; padding: 0 5px 200px; font-family: arial, helvetica, sans-serif; font-size: 12px;}
.iframe table {width: 100%;}
input[type="radio"] + label {
     position: relative;
     top: 2px;
     left: 4px;
     margin-right: 20px;
}
.searchbox {margin: 0 auto 20px; text-align: center; width: 300px;}
.jumplinks {text-align: center; margin: 10px 0 0; font-family: arial, helvetica, sans-serif; font-size: 12px;}
.jumplinks a {padding: 0 4px; color: #000;}
.jumplinks a:hover {color: #B2190B;}

.iframe .top {text-align: right; font-size: 11px; font-family: arial, helvetica, sans-serif; }
.iframe .top a {background: url(../img_t/arrowu.png) no-repeat left center; padding-left: 8px; text-decoration: none;}

.iframe .recipeList { background: #fff;}
.iframe .recipeList h3 {font-size: 18px; color: #333; margin: 10px 0 0; }
.iframe .recipeList table { background: #7FA6A5;}
.iframe .recipeList table td, .iframe .recipeList table th {padding: 3px; color: #fff;}

.iframe table.recipe {}
.iframe table.recipe th, .iframe table.recipe td, .iframe table.recipeAlt td, .iframe table.recipeAlt th {padding: 3px; font-size: 11px;}
.iframe table.recipe a, .iframe table.recipeAlt a {background: url(../img_t/mag_glass.png) no-repeat left center; padding-left: 14px;}
.iframe table.recipe a:hover, .iframe table.recipeAlt a:hover {color: #B2190B;}

.iframe fieldset {padding: 8px; font-size: 12px;}
.iframe fieldset legend { font-size: 16px;}
.iframe fieldset table {width: 600px;}

.iframe .ContentPadding {padding: 10px;}

.SearchResults .result {margin: 10px 0 0 20px; padding: 5px; border: 1px dashed #fff;}
.SearchResults .result:hover {border-color: #ccc; background: #eee;}
.SearchResults h3 {background: url(../img_t/mag_glass.png) no-repeat left center; padding-left: 14px; margin: 0;}
.SearchResults p {margin: 0 0 0 14px;}

.PagerControl {text-align: center; margin-top: 10px;}
.PagerResults {margin-bottom: 3px;}
.PagerNumberArea a, 
.PagerNumberArea span.SelectedPage, 
.PagerNumberArea span.SelectedNext, 
.PagerNumberArea span.SelectedPrev, .PagerNumberArea strong.SelectedPage {
	padding: 2px 5px; 
	text-decoration: none;
	border: 1px solid #b2b2b2;
	font-weight: bold;}
.PagerNumberArea a { background: #fff; color: #262626;}
.PagerNumberArea a:hover {background: #DE8E12; color: #fff; border-color: #666; text-decoration: none;}

.PagerNumberArea span.SelectedPage, .PagerNumberArea strong.SelectedPage  {
	 color: #fff; border-color: #666; background: #B2190B;}
.PagerNumberArea span.SelectedNext, 
.PagerNumberArea span.SelectedPrev {
	background: #fff; color: #999; border-color: #b2b2b2; }

.bizform table {width: 100%;}	
.bizform table table {width: auto;}
.bizform td.EditingFormLabelCell {text-align: right !important; vertical-align: middle; font-size: 12px; width: 210px;}
.bizform td.EditingFormLabelCell label {font-size: 12px; margin-top: 4px; display: block;}
body.Safari .bizform td.EditingFormValueCell table label {position: relative; left: 2px; top: 3px; padding-right: 10px;}
body.Gecko3 .bizform td.EditingFormValueCell table label { padding-right: 10px; position: relative; left: 2px;}
.bizform td.EditingFormValueCell input[type="text"] {width: 200px; padding: 2px;}


.EditingFormLabel {}
.req { font-weight: bold; color: #900;} /* selected via jquery */

.FormButton, 
.SubmitButton, 
.ContentButton { 
	background:  #B2190B; 
	font-size: 11px; font-weight: normal; text-transform: uppercase; 
	border: 1px solid #ccc; color: #fff; padding: 3px 5px;
	position: relative; top: 0px; font-size: 12px; }

a.FormButton {padding: 4px 8px; display: block; white-space: nowrap; width: auto;}
.FormButton:hover, .SubmitButton:hover, .ContentButton:hover, .sbtn:hover { 
	background:  #000;  text-decoration: none;}
.FormButton:focus, .SubmitButton:focus, .ContentButton:focus, .sbtn:focus {
	background: #333; outline: none;}
	
.ErrorLabel {background: #ffc; padding: 5px; border: 1px solid #b2b2b2; display: block; font-size: 11px;
	margin: 0.5em 4em; color: #900;}
.EditingFormErrorLabel {color: #900; font-size: 12px; font-style: italic;}


input, select, textarea {margin: 1px; padding: 0 2px; vertical-align: middle;}
textarea {vertical-align: top;}
input:focus, textarea:focus, select:focus {background: #ffc;}

#wrap {width: 860px; position: relative; left: 0; top: 10px; margin: 0 auto;}

#head { background: url(../img_t/bg_head2.png) no-repeat; height: 162px; text-align: center; position: relative; }
#head img { margin-top: 30px;}


#pics { position: absolute; right: 4px; bottom: 4px;}
div.scrollable { position: relative; overflow: hidden; width: 185px; height: 150px;}
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
div.scrollable div.items div { 
    float:left; 
}

div.scrollable div.items img { height: 150px; width: 185px;} 

#cnt { background:#fff; border-width: 0 4px 4px 4px; border-color: #fff; border-style: solid; 
	padding: 0;  width: 852px; min-height: 600px;}


#search {width: 230px; padding: 5px 0 0 0; position: absolute; top: 125px; left: 10px;}
input.sbox { width: 120px; padding: 2px;}

#videoList { border: 4px solid #000; padding: 5px 5px 0 5px; margin: 5px 0;}
#videoList h2 {text-align: center;}
#videoList table { width: 100%; border: 2px solid #000; margin-bottom: 5px;}
#videoList table td { vertical-align: top; padding: 6px; font: 14px arial, sans-serif;}
#videoList table th { width: 140px; text-align: center; border-left: 2px solid #000;}
#videoList table th.alt { border-left: 0 none; border-right: 2px solid #000;}
#videoList .vidbtn { margin: 5px 0 0 0; text-align: center;}

table#CCcontact {font-family: Tahoma, sans-serif;}

.htxt { margin: 0 0 4px 0; clear: both; }
.teal {background: url(../img_t/bg_teal.jpg); }
.orange {background: url(../img_t/bg_orange.jpg); }
.brown {background: url(../img_t/bg_brown.jpg); }
.blue {background: url(../img_t/bg_blue.jpg); }
.yellow {background: url(../img_t/bg_yellow.jpg); margin: 0; }

.burgundy { color: #930;}
.26px { font-size: 26px;}
.24px { font-size: 24px;}
.22px { font-size: 22px;}
.20px { font-size: 20px;}
.18px { font-size: 18px;}
.16px { font-size: 16px;}
.14px { font-size: 14px;}
.12px { font-size: 12px;}
.10px { font-size: 10px;}
.clear { clear: both;}
.whiteborder { border: 4px solid #fff; padding: 4px;}
.blackborder { border: 4px solid #000; padding: 4px;}
.tealborder { border: 4px solid #54B2B2; padding: 4px;}


.sImg { padding: 5px; }
.sImg img { padding: 4px; border: 1px solid #333; background: #fff;}

#foot { font-size: 13px; font-style: italic; text-align: right; color: #fff; padding: 3px 0 0 0;}

/* what's New page */
div.btn { text-align: right;}
.btn a { background: url(../img_t/bg_btnB.gif) repeat-x; padding: 5px; color: #fff; 
	font-size: 12px; font-style: italic; font-weight: bold; border: 1px solid #010101; border-width: 0 1px;}

#WNnews, #WNvideo, #WNtalk, #WNjimo { padding: 4px;}
#WNnews { border: 4px solid #cc9934;  }
.WNextra { margin: 10px 0;}
#WNvideo { background: #4293a4; border: 4px solid #4293a4; margin: 4px 0;}
#WNvideo-home { background: #94d0dc; border: 4px solid #94d0dc; margin: 4px 0; font-size: 13px;}
#WNvideo td { padding: 4px;}
#WNtalk { border:  4px solid #ffce04;  margin: 4px 0; }
#WNtalk td { padding: 4px;}
#WNtalk h2 { /*font-size: 16px; font-style: italic;*/}

#WNjimo { border: 4px solid #000; }

#WNchat { border: 4px solid #47c2d6;  text-align: center; 
	padding-top: 6px;}
#chatCrook, #chatChase {padding:  4px; /*font-size:  13px; font-style:  italic; 
	text-align: left; */clear: left; min-height: 91px;}
#chatCrook img, #chatChase img { float: left; width: 75px; height: 91px; margin-right: 5px;}
#chatCrook { background: url(../img_t/bg_blue.jpg);}

.CCchat, .CCchat_alt { padding: 5px; margin-bottom: 5px; font: bold 14px Verdana, Arial, Helvetica, sans-serif; min-height: 91px;}
.CCchat_alt { background: url(../img_t/bg_blue.jpg);}
.CCchat img, .CCchat_alt img {float: left; width: 75px; height: 91px; margin-right: 5px;}


#WNopps { background: url(../img_t/bg_brown.jpg); border: 4px solid #996633; 
	margin: 4px 0; padding: 4px; }
#WNopps td {padding: 4px;}
#WNopps h3 { text-align: center; color: #fff; /*font-style: italic; font-size: 13px; font-weight: bold;*/}
#WNopps ul { list-style: none; padding: 0; margin: 0 ;}
#WNopps li { /*font-size: 12px; font-style: italic;*/ list-style: none; padding: 0; margin: 0 0 4px 0;}
#WNopps a { color: #000; text-decoration: underline;}

#WNcomment {background: url(../img_t/bg_yellow.jpg); border: 4px solid #ffce04; 
	 margin: 0 0 4px 0; padding: 4px; }
#WNcomment img { margin: 8px 0; }

/*  2 col layout */
.twoCols { width: 852px; clear: both;}
.zoneLeft {width: 524px;  float: left;} 
.zoneRight {width: 324px; float: right;} 

/* one col */
.space {padding:0 10px;}

/* search result styles */
.SearchResult { margin: 10px 0 0 10px;}
.ResultTitle { font-size: 14px; font-weight: bold;}
.ResultTitle a { text-transform: uppercase; color: #333; text-decoration: underline;} 
.ResultPath { display: none;}
.PagerControl {}


/* recipe pages */
/* recipe pages */
.recipeBox { text-align: center;}
.recipeBox h2  {}

.recipe, .recipeAlt {font: 12px arial, sans-serif; width: 100%;}
.recipe th, .recipeAlt th { width: 60%; padding: 2px; vertical-align: top;}
.recipe th a, .recipeAlt th a { color: #000; text-decoration: underline;  
	background: url(../img_t/zoom.png) no-repeat; padding: 0 0 0 18px; display: block; line-height: 16px;}
.recipe td, .recipeAlt td { vertical-align: top; padding: 2px;}

.recipeAlt { background: #eee;}

.recipeList { background: #7fa6a5; padding: 4px; font: 12px arial, sans-serif;}
.recipeList h3 { font-size: 18px; color: #fff; margin: 0;}
.recipeList table { width: 100%;}
.recipeList td { width: 40%; font-weight: bold;}

/* countdown List */
.countdownList { width: 100%; border: 1px solid #cecece; border-width: 1px 1px 0 1px;}
.countdownList td {border-bottom: 1px solid #cecece; height: 54px;}
.countdownList th, .countdownList td { padding: 5px;font:bold 11px Arial, Helvetica, sans-serif; }
.countdownList th {background: #FFD608;  }
.countdownList td.ctr { text-align: center; vertical-align: middle;}
.countdownList th.ctr { text-align: center; vertical-align: top;}
.countdownList td strong { font-weight: bold;}
.countdownList td em { color: #666; font-style: normal;}
.countdownList tr.alt { background: #f1f1f1;}



/*secure area */
.secure {padding: 10px;}
.secure td { vertical-align: top; }
.secure td h1 {margin: 0;}
.secure th {text-align: right; font: normal 12px Arial, Helvetica, sans-serif; vertical-align: top;}
.filesBox {margin: 0 10px; font: normal 12px Arial, Helvetica, sans-serif; }
.filesBox td {padding: 5px; vertical-align: top; width: 33%;}
.FileList { font-size: 11px; margin: 0 0 10px 0;}
.FileList a {font-size: 14px; }
.FileList p {margin: 0 0 0 10px; font-size: 14px;}

/* login page */
.logBox { width: 300px; margin: 0 auto; font: normal 12px Arial, Helvetica, sans-serif;
	background: #eee; padding: 10px; border: 1px solid #ccc;}
	
/* affiliate table */
table.affTable { width: 400px; font: 12px arial, helvetica, sans-serif;
	border: 1px solid #ccc; clear: both; margin: 0 auto; } 
table.affTable th { background: #666; color: #fff; padding: 3px;}
table.affTable td {padding: 3px; border-top: 1px solid #ccc;}
table.affTable th.affSt { width: 20px; }
table.affTable tr.alt td { background: #ffffca; }
table.affTable tr:hover td, table.affTable tr.alt:hover td { background: #ff0;}