/*-----------------------------------------------------------------------------
Jack's Kitchen Stylesheet
version:   1.1
date:      april 2008
author:    jack hattaway
email:     jack@jackskitchen.org
website:   http://jackskitchen.org
-----------------------------------------------------------------------------*/

/* Notes to self --------------------------------------------------------------
use the following to tag comments/notes in the stylesheet
:TODO:
:KLUDGE:
:BUG:
-----------------------------------------------------------------------------*/



/* =General------------------------------------------------------------------*/

/* Remove padding and margin */
* {  
margin: 0;	
padding: 0;
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul, ol {  
margin: 1em 0;
}

/* Class for clearing floats */
.clear {	clear:both;}

/* Remove border around linked images */
img {	
border: 0;
}



/* =Typography----------------------------------------------------------------*/

body {  
background: #fff;
color: #333;
font-family: Verdana, Tahoma, "Lucida Grande", "Lucida Sans", "Trebuchet MS", Arial, sans-serif;
}

/* h2 {
font-weight: normal; 
color: #666; 
font-size: 1.3em; 
margin-bottom: 5px;
} */

h2 {
margin-top: 0px;
font-size: medium;
font-weight: bold;
margin-bottom: 0px;
}

h3 {
margin-top: 0px;
font-size: x-small;
font-color: #eeeeee;
margin-bottom: 0px;
}

p {
font-size: small;
}

hr {
margin-top: 15px;
margin-bottom: 5px;
height: 1px;
color: #273c57;
background-color: #273c57;
width: 80%;
align: left;
}

/* =Headings------------------------------------------------------------------*/



/* =Links---------------------------------------------------------------------*/
a:link, a:visited {
text-decoration: none;
color: #273c57; 
}

a:hover, a:active {
text-decoration: underline;
color: #3b5664;
/* color: #223138; */
}


/* =Wrapper------------------------------------------------------------------*/

#wrapper {
width: 850px;
position: relative;
left: 50%;
margin-left: -425px;
padding: 20px 0 0 0;
}



/* =Main Nav------------------------------------------------------------------*/
#mainNav { 
width: 850px; 
border-top: 15px solid #fff; 
border-bottom: 2px solid #223138; 
float: left; 
}

#mainNav ul { 
margin: 0;
padding: 0;
list-style: none; 
width: 850px;
float: left;
}
			
#mainNav li { 
float: left; 
background: url(/images/darkTabRight.gif) no-repeat top right;
}
					
#mainNav a { 
display: block;
padding: .75em;
text-decoration: none;
font-size: small;
font-weight: normal;
background: url(/images/darkTabLeft.gif) no-repeat top left;
color: #ccc;
float: left;
}
					
#mainNav li:hover {
text-decoration: none; 
color: #fff; 
} 

#mainNav a:hover { 
color: #fff; 
text-decoration: underline; 
}

/*
#home #mainNav .home li,
#about #mainNav .about li, 
#contact #mainNav .contact li {
background: url(/images/lightTabRight.gif) no-repeat top right;
float: left;
}

#home #mainNav .home a, 
#about #mainNav .about a, 
#contact #mainNav .contact a {
color: #223138;
cursor: default;
text-decoration: none;
}
*/


/* =Header -------------------------------------------------------------------*/
#header {
width: 850px;
height: 170px;
text-align: right;
background: #fff url(/images/jacks.jpg) no-repeat left top;
border-top: 2px solid #223138; 
border-bottom: 2px solid #223138; 
clear: both;
}


/* =Sub Nav-------------------------------------------------------------------*/
#secondaryNav { 
width: 850px; 
border-top: 5px solid #fff;
border-bottom: 10px solid #fff;
float: left; 
}

#secondaryNav ul { 
margin: 0;
padding: 0;
list-style: none; 
width: 850px;
float: left;
}
			
#secondaryNav li { 
float: left; 
color: #3b5664; 
font-size: x-small;
}
					
#secondaryNav a { 
padding: .75em;
letter-spacing: .2em;
text-decoration: none;
color: #223138;
float: left;
}
					
#secondaryNav li:hover {
text-decoration: none; 
} 

#secondaryNav a:hover { 
color: #223138;
text-decoration: underline; 
}



			
/* =Content Wrapper--------------------------------------------------------------*/

#contentWrapper {
width: 620px;
float: left;
}



/* =By Line------------------------------------------------------------------*/

.byline {
font-size: x-small;
font-weight: bold;
color: #3b5664;
margin-top: 25px;
margin-bottom: 0px;
}

.sociotaglet {
font-size: x-small;
font-weight: bold;
color: #3b5664;
margin-top: 0px;
margin-bottom: 2px;
}

/* =Top Content--------------------------------------------------------------*/

#topContent {
width: 600;
float: left;
border: 1px solid #3b5664;
padding-left: 10px;
padding-right: 10px;
background: #f5f6f7;
}

#topContent h2 {
margin-top: 3px;
margin-bottom: 0px;
font-size: medium;
font-weight: bold;
color: #223138;
}

#topContent h3 {
margin-top: 0;
color: #223138;
}


/* =Main Content--------------------------------------------------------------*/

#mainContent {
width: 430px;
float: right;
padding: 10px 5px 5px 5px;
}

#mainContent h3 {
font-size: x-small;
}

#mainContent p {
margin-top: 0px;
}

/* =Secondary Content---------------------------------------------------------*/

#categoryContent {
width: 180px;
float: left;
font-size: small;
color: #3b5664;
padding: 10px 0 0 0;
}

#categoryContent ul {
padding: 0 0 0 13px;
margin-top: 2px;
margin-bottom: 10px;
font-size: x-small;
}

#categoryContent p {
margin-top: 0px;
font-size: x-small;
}


/* =Tertiary Content--------------------------------------------------------------*/

#siteContent {
width: 220px;
max-width: 30%;
float: right;
}

#siteContent ol {
padding: 0 0 0 23px;
margin-top: 0px;
margin-bottom: 10px;
}

#siteContent ul, ol {
padding: 0 0 0 13px;
margin-top: 0px;
margin-bottom: 10px;
}

#siteContent li {
font-size: small;
color: #3b5664;
}


/* =Footer--------------------------------------------------------------------*/
#footer {
clear: both;
width: 850px;
text-align: center;
font-size: x-small;
}

#footer a {
font-weight: normal;
}



/* =Forms---------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {  
border: 1px solid transparent;
}



/* =Tables--------------------------------------------------------------------*/
table {   border-spacing: 0;	border-collapse: collapse;}
td {  text-align: left;	font-weight: normal;}



/* =Misc 1--------------------------------------------------------------------*/

.photo-frame {
background: url(/images/shadow.gif) no-repeat right bottom;
float: left;
}

.photo-frame div {
background: url(/images/mask.png) no-repeat left top !important;
background: url(/images/mask.gif) no-repeat left top;
padding: 0 5px 4px 0;
float: left; /* :KLUDGE: Fixes problem in IE5.2/Mac */
}

.photo-frame img {
background-color: #fff;
border: 1px solid #a9a9a9;
padding: 4px;
}

.photo-credit {
font-size: x-small;
color: #3b5664;
margin: 0;
padding: 0;
text-align: right;
}

.photo-credit-left {
font-size: x-small;
color: #3b5664;
margin: 0;
padding: 0;
text-align: left;
}

.teaser {
font-size: medium;
color: #3b5664;
margin: 0;
padding: 0;
font-weight: bold;
text-align: center;
}

.teaser-left {
font-size: medium;
color: #3b5664;
margin: 0;
margin-bottom: 15px;
padding: 0;
font-weight: bold;
text-align: left;
}


/* =Misc 2--------------------------------------------------------------------*/


/* =Sociotags ----------------------------------------------------------------*/
.sociotags
  {
  margin: 5px 0 7px 0;
  }
.sociotags ul
  {
  float: left;
  border: 1px solid #00a;
  font-size: 8pt;
  width: auto;
  height: 22px;
  margin: 0;
  padding: 1px 4px;
  }
.sociotags ul li
  {
  display: inline;
  margin: 0;
  border: 0;
  }
.sociotags ul li a
  {
  }
.sociotags ul li a img
  {
  margin: 0;
  padding: 0;
  border: 0;
  }