@charset "UTF-8";

/* ------------------------------------------------------------------------------------------------------*/
/* BASE BLOCK ELEMENTS & GLOBAL STYLES ------------------------------------------------------------------*/


* { margin: 0;	padding: 0; border: 0; }

body {
	margin: 0; padding: 0; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/shared/body_bgTile.gif);
	width: 100%;
}

#container {
	margin: 0 auto;
	/*width: 1114px;*/
	width: 866px;
}

#container-inner {
	width: 866px;
	position: relative;
	margin: 0;
	padding: 128px 0 0 0;
}

#cookDrawing {
	width: 196px;
	height: 660px;
	position: absolute;
	padding: 0;
	margin: -152px 0 0 -162px;
	z-index: 2;
	background: url(../images/shared/crabbyCook_drawing.gif) no-repeat 0 2px;
}

#header {
	position: relative;
	width: 885px;
	height: 157px;
	margin: -115px 0 -13px 0;
	z-index: 1;
	background: url(../images/shared/header.gif) no-repeat;
}

/* Setting text indent on h1 instead of #header so that we can include an invisible button to allow user to jump back home */
#header h1 {
	text-indent: -5000px;
}

#jhCredit {
	with: 131px;
	height: 16px;
	position: absolute;
	margin: -27px 0 0 196px;
	z-index: 3;
}

/* We need to set this up a little differently for the home page because it's nested in the "introBlock" div */
#introBlock #jhCredit { margin-top: -12px; }

#main-content {
	width: 860px;
	margin: 0 0 0 0;
	padding: 0;
	border-left: 3px solid #ac0505;
	border-right: 3px solid #ac0505;
	border-bottom: 3px solid #ac0505;
	background: #FFFFFF url(../images/shared/sidebar_bgTile.gif) repeat-y 650px;
}

.clear { clear: both; }




/* ------------------------------------------------------------------------------------------------------*/
/* MAIN CONTENT BLOCK: CONTENT COLUMN  ------------------------------------------------------------------*/


#content { width: 565px; float: left; padding: 30px 0 30px 50px; }

#content .post { padding: 0 0 0 0; margin: 0 0 25px 0; background: url(../images/shared/hr3.gif) no-repeat bottom; border-bottom: 2px solid #ac0505; }
#content .post .entry { margin: 15px 0 0 0;}
#content .post .entry em { font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; line-height: 18px;}
#content h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 22px; color: #ac0505; font-weight: normal; letter-spacing: .05em; margin: 12px 0 0 0;  }
#content h2 a:link	{ color: #ac0505; text-decoration: none; }
#content h2 a:visited	{ color: #ac0505; text-decoration: none; } 
#content h2 a:hover	{ color: #ac0505; text-decoration: none; } 
#content h2 a:active	{ color: #ac0505; text-decoration: none; }
#content small { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #666666; font-weight: normal; display: block; margin: 5px 0 0 0;  }
#content .post .entry p img { float: right; margin: 0 0 20px 20px;  }
#content h3 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 17px; font-weight: normal; letter-spacing: .05em; color: #ac0505; line-height: 20px; margin: 20px 0 10px 0 }
#content p { line-height: 18px; font-size: 11px; margin: 0 0 10px 0; color: #333333; }
#content p.postmetadata { font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px; color: #492f03; font-weight: normal; margin-bottom: 2px; }

#content p.postmetadata a:link { color: #492f03; text-decoration: none; }
#content p.postmetadata a:visited { color: #492f03; text-decoration: none; } 
#content p.postmetadata a:hover { color: #492f03; text-decoration: underline; } 
#content p.postmetadata a:active { color: #492f03; text-decoration: underline; }  

#content ul { line-height: 18px; font-size: 11px; margin: 0 0 10px 0; list-style: none; padding: 0; }
#content ul li { margin: 0; padding: 0; }


#content a:link { color: #ac0505; text-decoration: none; }
#content a:visited { color: #ac0505; text-decoration: none; } 
#content a:hover { color: #ac0505; text-decoration: underline; } 
#content a:active { color: #ac0505; text-decoration: underline; }  

#bookmark { margin: 10px 30px; }
#bookmark img { vertical-align: bottom; }

/* Comments Area */
h3#comments { margin: 25px 0 10px 0; }
form#commentform p { margin: 5px 0; }
small.commentmetadata { display: block; font-size: 9px; margin: 0 0 8px 0; }
input#author { width: 200px; padding: 3px; font-size:10px; color: #396f2f; border: 1px solid #ac0505; margin: 5px 0 0 0; } /* float: left; margin: 0 8px 8px 0; clear: left; */
input#email { width: 200px; padding: 3px; font-size:10px; color: #396f2f; border: 1px solid #ac0505; margin: 5px 0 0 0;}
input#url { width: 200px; padding: 3px; font-size:10px; color: #396f2f; border: 1px solid #ac0505; margin: 5px 0 0 0;}
textarea#comment { width: 490px; padding: 3px; font-size:10px; color: #ac0505; border: 1px solid #ac0505; margin: 15px 0 0 0; }
#commentform #submit {  display: block; margin: 5px 0 0 0; padding: 3px; font-family: Georgia, "Times New Roman", Times, serif; font-size:10px; text-transform: uppercase; color: #fff; background-color: #ac0505; }
#content ol.commentlist { list-style: none; margin: 0 0 20px 0 }
#content ol.commentlist li { padding: 10px 0 10px 7px; border-bottom: 1px solid #eeb0c5; }
#content ol.commentlist li.alt { background-color: #fdf0f6; }

/* Previous/Next Navigation (at bottom of index/Archive/Search pages) */
div.navigation { font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; } 
div.navigation .alignleft { float:left; }
div.navigation .alignright { float:right; }



/* Search Page */
#content #searchform { margin: 15px 0 25px 0; display: block; }
#content #searchform #s { padding: 3px; font-size:10px; color: #ac0505; border: 1px solid #ac0505; }
#content #searchform #searchsubmit {  display: block; margin: 5px 0 0 0; padding: 3px; font-family: Georgia, "Times New Roman", Times, serif; font-size:10px; text-transform: uppercase; color: #fff; background-color: #ac0505; border:0; }





/* ------------------------------------------------------------------------------------------------------*/
/* MAIN CONTENT BLOCK: SIDEBAR COLUMN  ------------------------------------------------------------------*/

#sidebar { width: 165px; float: right;  min-height: 100%; margin: 0 10px 0 0; padding: 40px 0 30px 0; display: inline; }

#sidebar #searchform { margin: 0 0 5px 0; display: block; }
#sidebar #searchform #s { padding: 3px; font-size:10px; color: #ac0505; border: 1px solid #ac0505; }
#sidebar #searchform #searchsubmit {  display: block; margin: 5px 0 0 0; padding: 3px; font-family: Georgia, "Times New Roman", Times, serif; font-size:10px; text-transform: uppercase; color: #fff; background-color: #ac0505; border:0; }

#sidebar p {
	margin: 0;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar ul li {
	margin: 0 0 15px 0;
	float: none;
	position: relative;
	padding: 5px 0;
	display: block;
	font-size: 11px;
	color: #993333;
}

#sidebar ul li ul {
	margin: 0;
	padding: 5px 0 0 0;
	display: block;
	list-style-type: none;
	position: relative; 
}


#sidebar ul li ul li {
	margin: 0 0 5px 0;
	padding: 0 0 0 10px;
	font-size: 11px;
	background: url(../images/shared/listBullet.gif) no-repeat 0 4px;
	clear: both;
}

/*#sidebar ul.children {
	margin: 0 0 0 13px;
}*/

#sidebar a:link		{ color: #ac0505; text-decoration: none; }
#sidebar a:visited	{ color: #ac0505; text-decoration: none; } 
#sidebar a:hover	{ color: #ac0505; text-decoration: underline; } 
#sidebar a:active	{ color: #ac0505; text-decoration: underline; }


#sidebar ul li h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #492f03; letter-spacing: .05em; text-transform: uppercase; clear: both; padding: 0; margin: 0; }
#sidebar p { font-size: 11px; color: #ac0505; }

#sidebar ul li ul li#rssLink {
	list-style-type: none;
	background: url(../images/shared/rss-icon.gif) no-repeat 0 4px;;
	padding: 0 0 0 2px;
}

/* Adjustment for Safari & Firefox */
#sidebar>ul>li>ul>li#rssLink {
	background: url(../images/shared/rss-icon.gif) no-repeat 0 0;;
	padding: 0 0 0 15px;
}





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

#footer p {
	margin: 10px 0 30px 53px;
	font-size: 8px;
}



/* -------------------------------------------------------------------------------------------------------*/
/* HOME PAGE  -----------------------------------------------------------------------------------------*/

#introBlock {
	background: #ffd801 url(../images/shared/introBlock_border.gif) bottom no-repeat;
	position: relative;
	width: 550px;
	margin: -30px -50px 25px -50px;
	padding: 15px 50px 30px 50px;
}




#introBlock h1#introHeader {
	margin: 20px 0 4px 0;
}

#introBlock p#introText {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 18px;
	line-height: 28px;
	letter-spacing: .035em;
	color: #000000;
	margin: 0 0 10px 0;
}