/* RESET - Eric Meyer
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*************************************/

a:link,a:visited { text-decoration:none }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
background: transparent;
}

body { 	line-height: 1 }

ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* GENERAL LAYOUT
*************************************/
body {
background:   #e9edc4;
color: #000;
text-align: center;
}

#container {
position: relative;
margin: 0px auto;
width: 950px;
text-align: left;
color: #000;
background: #fff;
/*
background: url(http://upnorthfoodies.com/pics/grid.gif) repeat-y top left;
*/
}

#masthead { 
position: relative;
width: 950px;
}


#header{ 
height: 162px;
position: relative;
}

#masthead h1 {
background: url(http://upnorthfoodies.com/pics/header.png) no-repeat top left;
display: block;
width: 510px;
top: 10px;
left: 294px;
position: absolute;
height: 142px;
}

#masthead h1 a {
margin: 0 0 0 -10000px;
}

#masthead h2 {
display: none;
}


#content {
float: left;
background: inherit;
color: #000;
width: 950px;
margin: 0px;
padding: 17px 0 14px 0;

}

#main-wrap {
width: 710px;
float: left;
}

#main {
width: 540px;
float: right;
}

#sub1 {
width: 150px;
float: left;
padding-left: 10px;
}


#sub2 {
float: right;
color: #000;
width: 215px;
padding: 0 10px;
}

#footer {
width: 950px;
background: url(http://upnorthfoodies.com/pics/footer_border.gif) repeat-x top left;
clear: both;
padding-top: 10px;
}

#footer .col1,
#footer .col2-3,
#footer .col4 {
margin-top: 27px;
float: left;
margin-bottom: 20px;
}

#footer .col1 {
width: 160px;
}

#footer .col2-3 {
width: 543px;
float: left;
padding-left: 10px;
}

#footer .col4 {
width: 222px;
padding-left: 10px;
}


#footer #mumbo {
width: 950px;
clear: both;
background: url(http://upnorthfoodies.com/pics/footer_border.gif) repeat-x top left;
padding-bottom: 24px;
text-align: right;
}



/* TOP NAVIGATION
*************************************/
#mainnav {
height:36px;
font-family: 'Verdana', Arial, Sans-Serif;
color: #fff;
background: #854806;
background: #854806 url(http://upnorthfoodies.com/pics/navback.png) repeat-x top left; 


}

#mainnav li {
float:left;
margin:0;
list-style-type:none;
white-space:nowrap;

}

#mainnav li a {
display:block;
padding: 8px 20px 10px 15px;
font-size:16px;
text-transform:lowercase;
text-decoration: none;
outline: none;
border:none;
}

li#mn_home a {
padding-left: 10px;
}


#mainnav a {
background: inherit;
color: #e9edc4;
}

#mainnav .selected, #mainnav a:hover {
color: #854806;
background: #e6ef8e  url(http://upnorthfoodies.com/pics/loginback.png) repeat-x top left; 
}

/* End Navigation*/


#navigation form {
  float:right;
  height:28px;
width: 215px;
  padding:0 10px 0;
  line-height:0%;
margin-top: -29px;
}

#navigation #s {
  height:18px;
  width:180px;
  margin:0 2px 0 0;
  padding:1px 0;
  border:1px solid #FFF9EA;
  font-size:0.8em;
  vertical-align:middle;
}

#navigation #searchbutton {
  height:20px;
  width:auto;
  padding:0 1px;
  border:1px solid;
  font-size:9px;
  letter-spacing:1px;
  text-align:center;
  vertical-align:middle;
  color:white;
  background-color:#A3C159;
}

/* End Search */


em {
font-style: italic;
}

strong {
font-weight: bold;
}

/* SUB1
*************************************/

#sub1 .news, 
#sub1 #nav_categories {
border-bottom: 3px solid #C9D46D; 
padding-bottom: 14px;
width: 135px;
}

#sub1 .news {
padding-bottom: 0px;
}


/* SUB2
*************************************/
.rss img, .share img { margin-bottom: -4px; margin-right: 4px;}

#login {
background: #e6ef8d url(http://upnorthfoodies.com/pics/loginback.png) repeat-x top left; 
color: #854806;
padding: 10px 10px 2px 10px;
margin: 0px 0px 18px 0px;
}

#login h4 {
text-align: center;
padding-bottom: 8px;
border-bottom: 1px solid #854806;
}

#login h3 {
line-height: 26px;
margin-top: -4px;
}

#login ul#postlinks {
text-align: left;
margin-left: 60px;
}

#login ul#postlinks li {
margin: 6px;
}

#sub2 p.share { text-align: left; float: left; margin-left: 10px;}

#sub2 p.rss {
text-align: right; margin-right: 10px;
}

#sub2 .adbox {
text-align: center;
margin-bottom: 1.5em;
}

#sub2 .adbox p  {
text-align: center;
}

#sub2 .adbox+h4 {
margin-top: 18px;
}

#sub2 .eventbox {
border: 3px solid #C9D46D; 
padding: 5px;
margin: 0px 0px 18px 0px;
}


#sub2 .featured{
text-align: center;
border: 3px solid #C9D46D; 
color: #854806;
padding: 5px;
margin: 0px 0px 18px 0px;
}

#sub2 .featured h4,
#sub2 .sponsors h4 {
text-align: left;
}


#sub2 .sponsors{
text-align: center;
border: 3px solid #E60909; 
color: #854806;
padding: 5px;
margin: 0px 0px 18px 0px;
}

#sub2 .sponsor{
text-align: center;
border: 1px solid #E60909; 
color: #854806;
padding: 5px;
margin: 0px 0px 18px 0px;
}

#sub2 .sponsor  img {
padding: 0;
}

#sub2 .sponsors p {
margin-bottom: 0px;
}

.eyecandy {text-align: center; }

#sub2 p+a {
border-bottom: none;
}

#sub2 h5 {
margin-top: 18px;
}

#sub2 #format p {
margin: 12px 0 0px;
}

#sub2 .sidepics {
padding-bottom:10px;
text-align: center;
}

#sub2 .sidetext ul { 
list-style-type: square; 
margin-left: 18px; }

/* typography & links - main
*************************************/

body { 
 font-size: 12px;
 line-height: 18px; /* All elements should be a multiple of this value. */
}


/* Default fonts */
h1,h2,h3,
h4,h5,h6     { font-family: Constantia, "Palatino Linotype", Palatino, Georgia, "Times New Roman", Times, serif; }
body  { font-family: Frutiger, Univers, "Helvetica Neue", "Lucida Grande", Calibri, Helvetica, Verdana, sans-serif; } 
 pre       { font-family: Corbel, Verdana, "Bitstream Vera Sans", sans-serif; } 
code      { font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Monaco, Courier, monospace; } 


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

h1,h2 { 
  clear:both; 
}

h1 { font-size: 30px; line-height:36px; padding:0 0 18px 0; margin-top: -4px;}
h2 { font-size: 20px; line-height:36px; }
h3 { font-size: 16px; line-height:36px; }
h4 { font-size: 16px; font-weight:bold; }
h5 { font-size: 12px; font-weight:bold; }
h6 { font-size: 12px; }


#main h1 {
margin-top: -8px;
padding-bottom: 12px;
}

#main p.edate {
font-style: italic;
margin-bottom: 0px;
}


/* Text elements
-------------------------------------------------------------- */

#content p           { margin: 0 0 18px 0; text-align:left; }
#content ul, #content ol      { margin: 0 0 18px 18px; }
#content ul          { list-style-type: square; }
#content ol          { list-style-type: decimal; }
#content dl          { margin: 0 0 18px 0; }
#content dl dt       { font-weight: bold; }


em          { font-style: italic; }
pre         { margin-bottom: 18px; background: #eee; border:1px solid #ddd; padding:16px; }


a:link {
color: #60810f;
text-decoration: underline;
}

a:visited{
color: #60810f;
text-decoration: underline;
}

a:hover {
color: #E60909;
}

a:active {
color: #60810f;
}

#main-wrap p.paginate,
#main-wrap p.paginatewhole {
padding-top: 18px;
font-style: italic;
color: #854806;
border-top: 1px dotted #854806;
margin-top: 18px;
margin-left: 170px;
clear: both;
}

#main-wrap p.paginatewhole {
margin-left: 0px;
}

/* Home page styles 
*************************************/

.entryinfo {
float: left;
position: relative;
width: 150px;
padding-left: 10px;
line-height: 18px;
height: 50px;
}

.entry {
float: left;
width: 540px;
padding-left: 10px;
margin-right: -3px;
}

#main-wrap .entryinfo p{
color: #854806;
text-align: right;
margin: 0;
}


.entry h1 {
margin-top: -4px;
border-bottom: 1px dotted #854806;
margin-bottom:21px;

}

#main-wrap .entry h2 {
padding-top: 0px;
line-height:24px; 
padding-bottom: 11px;
border-bottom: 1px dotted #854806;
margin-bottom:18px;

}

.entry h2 a:link {
color: #E60909;
text-decoration: none;
border-bottom: 0px solid;
}

.entry h2 a:visited {
color: #E60909;
text-decoration: none;
border-bottom: 0px solid;
}

.entry h2 a:hover {
text-decoration: underline;
}


.entry h2 a:active {
color: #E60909;
text-decoration: none;
border-bottom: 0px solid;
}


#main-wrap .contread {
text-align: right;
padding-right: 10px;
clear: both;
}


p.more span,
p.contread span {
padding-left: .1em;
font-size: 16px;
}

#cattop {

}


#categories {
clear: both;
border-top: 1px solid #874D10;
margin-left: 170px;
width: 540px;
}


/****SINGLE POST
*******************************/

#blog-main {
float: left;
width: 710px;
}

#blog-main > h1 {
margin: 0 0 0 170px;
}

#blog-main p  { margin: 0 0 18px 0; text-align:left; }

.post-content {
float: left;
width: 710px;
}

.post-meta {
float: left;
text-align: right;
float: left;
width: 150px;
padding-left: 10px;
}

#blog-main .post-meta p{
color: #854806;
text-align: right;
margin: 0;
}

.post-body {
float: left;
width: 540px;
padding-left: 10px;
}

.post-body h1 {
margin-top: -4px;
border-bottom: 1px dotted #854806;
margin-bottom:21px;
}

.post-body blockquote {
border-left: 1px dotted #854806;
padding: 0 10px;
margin: 20px;
}

.post-body blockquote blockquote {
border-left: none;
}

.blog_amazon {
width: 120px;
float: right;
height: 240px;
border: 1px solid red;
margin-left: 10px;
padding-bottom: 5px;
}


#comment-wrap {
clear: left;
width: 710px;
float: left;
border-top: 1px dotted #854806;
}


#comment-content {
clear: left;
width: 710px;
float: left;
border-bottom: 1px dotted #854806;
padding: 18px 0px;
}

.comment-meta {
float: left;
text-align: right;
float: left;
width: 150px;
padding-left: 10px;
}

#comment-wrap h2 {
margin: 0 0 0 170px;
}

#comment-wrap h2 a,
#comment-form h2 a {
color: #000;
border: none;
}


#blog-main .comment-meta p{
color: #854806;
text-align: right;
margin: 0;
}

.comment-body {
float: left;
width: 540px;
padding-left: 10px;
}

#comment-wrap p.paginate {
padding-top: 18px;
font-style: italic;
color: #854806;
margin-left: 170px;
clear: both;
border-top: none;
}

#comment-form {
clear: left;
margin: 0 0 0 170px;
width: 540px;
padding-top: 18px;
}

#comment-preview {
margin: 0 0 0 170px;
}



/* category page
*************************************/
#mid_head {
margin: 0 0 18px 170px;
border-bottom: 2px solid #854806;
}



#main-wrap ul#subcatnav {
margin: 10px 0px 36px;
padding-bottom: 10px;
float: left;
border-bottom: 1px dotted #854806;
}

#subcatnav li {
float: left;
margin:0;
list-style-type:none;
white-space:nowrap;

}

#subcatnav li a {
display:block;
padding: 4px 10px 4px 15px;
font-size:16px;
text-transform:lowercase;
text-decoration: none;
outline: none;
border:none;
}



/* events styles
*************************************/
#main .maincol2 p.paginate {
padding-top: 18px;
font-style: italic;
color: #854806;
border-top: 1px dotted #854806;
margin-top: 18px;
}


#main .maincol2 h3 {
line-height:18px; 
 padding:0 0 9px 0;
}

.event_amazon {
width: 120px;
float: left;
height: 240px;
border: 1px solid red;
margin-right: 10px;
padding-bottom: 5px;
}

/* typography & links - sub
*************************************/

#sub1 h4, #sub2 h4 { color: #854806; margin-bottom: 9px;}

#sub1 ul, #sub2 ul { margin: 0 0 18px 0px; list-style: none;}

#sub1 li, #sub2 li { line-height: 18px; margin-bottom: 18px; }

#sub1 ul.nav_categories li  { margin-bottom: 4px; }


.testimonialbox { padding: 0; margin: 10px 10px 10px 0; border-bottom: 1px #E6EF8D solid; }


#sub2 blockquote { font-size: 1em; line-height: 1.5em; margin: 5px 0; color: #5B5B5B; background: transparent; font-family: Georgia, sans-serif; font-style: italic; }


#sub2 blockquote+p { color: black; background: transparent; text-align: right;}



#sub2 p.more {
text-align: right;
margin: 0 10px 18px;
}


/* typography & links - footer
*************************************/
#footer .col1 p {
width: 140px;
text-align: left;
color: #e60909;
margin-left: 10px;
font-style: italic;
font-weight: bold;
font-size: 16px;
line-height: 24px;
margin-top: -2px;
}

#footer .col1 p.more  {
padding-left: .1em;
font-size: 16px;
color: green;
text-align: right;
font-size: 12px;
}

#footer .col1 p.more span {
padding-left: .1em;
font-size: 16px;
color: #000;
}

#footer h4 { color: #854806; }

#footer-spot { 
border: 2px solid #E60909;
padding: 10px;
margin-right: 3px;

}

#footer-spot h4 { 
font-size: 20px;
line-height: 24px; 
margin-bottom: 18px; }

#footer-spot p { 
font-size: 14px;
margin-bottom: 18px; }


.col2-3 ul,
.col4 ul { margin: 12px 0px; }

.col2-3 li,
.col4 li { line-height: 18px; margin-bottom: 8px; }

#footer p.copyright { padding-top: 41px; }

#footer #mumbo p { padding-right: 10px;}
/* Post to Blog Form */

label { 
display: block;
padding-bottom: 18px;
font-weight: bold;
}


/* Images
*************************************/

div.summphoto, div.photoright {
float: right;
clear: right;	
padding: 0;
margin: 0 0 5px 5px;
padding: 0 5px;
}

/* SAEF
*************************************/

#saef p {
margin-top: -10px;
font-style: italic;
}


/* Archives
*************************************/

#archmonth, #archcat {
float: left;
width: 330px;
margin-left: 15px;
text-align: left;
margin-top: 10px;
}


.architem {
border-top: 1px dotted #854806;
}


#archmonth h2, #archcat h2 {
padding-bottom: 12px;
}

.architem h3 {
float: none;
text-align: right;
padding: 0px;
margin: 0px;
line-height: 16px;
}

.architem h3 span {
float: left;
text-align: left;
padding: 0px;
margin: 0px;
}


.architem h3 a {
display: block;
padding: 6px 5px 12px 5px;
text-decoration: none;
}