/* RESET */

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;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
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: "" "";
}


.right {}



/* down is actual design code*/


* { margin: 0px; padding: 0px }
body { background: url('img/body-background.jpg') top center repeat-x #f4e198; text-align: center; color: #4d4d4f }

a { color: #b9150b }
a:hover { text-decoration: none }

/* Header and utility navigation */
#header { width: 920px; height: 100px; background: url('img/header-background.jpg') center bottom no-repeat; margin: 0px auto; text-align: left }
#header #logo { margin: 10px 0px 0px 270px}

#header ul { list-style-type: none; float: right; padding: 5px 105px 0px 0px; font: bold 11px sans-serif; color: #db012f }
#header ul li { padding: 2px 0px 2px 10px; background: url('http://www.northmarket.com/img/utility-nav-li-background.gif') 0px 3px no-repeat; }
#header ul li a { text-decoration: none; color: #db012f }
#header ul li a:hover { text-decoration: underline }


strong {font-weight: bold}

/* Navigation */
#nav { background: url('http://www.northmarket.com/img/nav-background.jpg'); width: 840px; height: 50px; margin: 0px auto }
#nav ul { list-style-type: none; padding: 9px 0px 0px 7px }
#nav ul li { float: left; background: url('http://www.northmarket.com/img/nav-li-background.jpg') top right no-repeat; height: 30px; }
#nav ul li a { padding: 9px 20px; width: 160px; color: #fff; text-transform: uppercase; text-decoration: none; font: bold 11px Arial, sans-serif; display: block }
#nav ul li.first-child a { padding-left: 30px; width: 75px; }
#nav ul li a:hover { background: #ffcb00; color: #d3222a; text-decoration: none; }

#nav ul li ul { margin: 0px; padding: 0px 0px 10px 0px; background: #ffcb00; width: 200px; }
#nav ul li ul li { display: block; margin: 5px 0px 0px 10px; padding: 0px 0px 0px 0px; height: auto; width: 180px; background: none; text-align: left; border-bottom: 1px dotted #787916 }
#nav ul li ul li.first-child a { padding: 9px 20px; width: 160px; }
#nav ul li ul li a, #nav ul li.sfHover ul li a { background: none; text-transform: none; font-weight: normal; padding: 5px 0px; margin: 0px; }
#nav ul li ul li a:hover { background: none; font-weight: bold } 
#nav ul li.sfHover a { background: #ffcb00; color: #d3222a }



/* Content */
#content { background: url('http://www.northmarket.com/img/content-background.png') 0px 0px repeat-y; width: 824px; margin: 0px auto; padding: 0px 48px; text-align: left; font: 12px Georgia, serif; line-height: 16px }
#content .body {padding: 0px 25px 5px 25px; width: 500px; float: left }

#content.index #callout { width: 400px; font-family: Georgia, serif; color: #b9150b; padding-left: 85px; background: url('img/headline-fleur.gif') 30px 0px no-repeat }
#content.index #callout h1 {  text-transform: capitalize;font-size: 20px; margin-bottom: 5px }

small{font-size: 11px; font-family: Arial, sans-serif}

.post {margin-top: 17px}
.post-intro {padding: 5px 0 9px 55px; background: url('img/headline-fleur.gif') no-repeat left center; margin: 0 0 0 15px; border-bottom: 2px #e3a651 solid}
h2 {font-size: 17px;  text-transform: capitalize;color: #b9150b; font-weight: bold; padding: 0 0 0 5px; }
h2 a {text-decoration: none;}
h2 a:hover {text-decoration: underline;  margin: 0}



small.byline{padding: 0 0 0 5px;  font-weight: bold; color: #f68035}
.entry{padding: 0 0 0 20px;}
p.postmetadata{padding: 5px 0 0 20px; width: 400px}

.post p{margin: 10px 0 22px}

.post img{border-color:#cacaca; border-style: solid }

.post h3 {font-weight: bold; font-size: 12px; margin: 0; padding: 10px 0 0 0}
.post h4 {font-weight: bold; font-size: 11px; margin: 0; padding: 10px 0 0 0}
.post .entry ul, {margin: 8px 0 20px; }
.post .entry ol {margin: 8px 0 20px 20px; }
.post .entry ol li {list-style-type: decimal; padding: 2px 0}
.post .entry ul li {background: url('img/li-background-white.gif') 0px 7px no-repeat; padding: 2px 10px; }
.post blockquote {color: #b9150b; background: url('img/headline-fleur.gif') no-repeat left center; padding-left: 60px}

.wp-caption {background-color: #fff; padding: 3px ; border: 2px #cacaca solid; font-size: 10px; font-family: Arial, sans-serif; }
.wp-caption p.wp-caption-text {margin: 0; padding: 0 4px; width: 90%}
.wp-caption img { margin: 0; padding: 0; border: 0 none;}

.alignright {float: right; margin: 0 0 1.5em 1.5em}
.alignleft {float: left; margin: 0 1.5em 1.5em 0}


.aligncenter{clear: both; margin: 0 auto}

/*comments*/

h3#comments {color: #b9150b; font-weight: bold; border-bottom: 1px #e3a651 solid; padding-bottom: 4px}
.commentlist {background: url(img/comment-background-repeat.png) repeat-y; padding-top: 10px}
.commentlist li {border-bottom: solid 1px #e3a651; padding: 10px 25px 0; margin-bottom: 10px}
.commentlist li.alt {}

/* Sidebar */


#sidebar a {color: #4d4d4f; text-decoration: none; }
#sidebar a:hover {text-decoration: underline}
#sidebar li h2{font-size: 13px; padding: 0; color: #4d4d4f; }
#sidebar li {margin: 0px 0 0 40px;}
#sidebar li p {margin: .75em  0}
#sidebar li li {margin-top: 3px}
#sidebar li li li {margin-top: 0px}
#sidebar li ul {margin: 0 0 10px}
#sidebar li li ul {margin: 0px 0 3px}

#sidebar li li {margin: 0px ; background: url('img/li-background-brown.gif') 0px 4px no-repeat; padding-left: 10px}
#sidebar li li li {margin: 0px; background: url('img/li-li-background-brown.gif') 0px 4px no-repeat; padding-left: 10px}
#sidebar li li li a {color: #4d4d4f; text-decoration: none; }

/* Sidebar - Newsletter Signup */
#sidebar #newsletter-signup { padding: 15px 0px 0px 50px }
#sidebar #newsletter-signup fieldset { border: none }
#sidebar #newsletter-signup label { color: #dc291e; display: block; padding-bottom: 2px }
#sidebar #newsletter-signup input { width: 109px; height: 16px; border: 1px solid #666; border-top: 1px solid #444; background: url('http://www.northmarket.com/img/input-background.gif') 0px 0px repeat-x #fff; color: #666 }
#sidebar #newsletter-signup button { vertical-align: top; border: none; cursor: pointer; width: 61px; height: 16px; background: url('http://www.northmarket.com/img/button-submit.gif') }
#sidebar #newsletter-signup button span { position: absolute; left: -9999px }

/* Search input */
#site-search { float: right }
#site-search fieldset { border: none }
#site-search input { border: none; position: relative; top: 17px; right: 47px; width: 105px; font-size: 11px; padding: 0px; background: none } 

/* Sidebar - Next Event */
#next-event { text-align: center }
#content.secondary #next-event h2, #next-event h2 { font-size: 14px; color: #333; font-variant: small-caps; margin-bottom: 5px; font-weight: bold; } 
#next-event #featured-event { background: url('http://www.northmarket.com/img/featured-event-background.jpg'); width: 231px; margin: 0px auto; }
#next-event #featured-event .top { background: url('http://www.northmarket.com/img/featured-event-background-top.jpg'); height: 16px; }
#next-event #featured-event .bottom { background: url('http://www.northmarket.com/img/featured-event-background-bottom.jpg'); height: 23px; }
#next-event #featured-event img { margin: 0px 2px 0px 0px; }
#next-event #featured-event h3 { font-family: Georgia, serif; font-variant: small-caps; font-size: 13px; font-weight: normal; width: 210px; margin: 0px auto; }


/* archive, etc */
#archive h2{background: url('img/headline-fleur.gif') no-repeat left center; margin: 0 0 0 15px; border-bottom: 2px #e3a651 solid; font-size: 17px;  text-transform: capitalize;color: #b9150b; font-weight: bold; padding: 5px 0 9px 55px; margin-top: 25px}
#archive h3 {font-size: 14px;  text-transform: capitalize;color: #b9150b; font-weight: bold; padding: 0 0 0 20px; }
#archive small.byline{padding: 0 0 0 20px;  font-weight: bold; color: #f68035}
#archive p.postmetadata{border-bottom: 1px solid #e3a651; padding-bottom: 8px }

/* Misc. styles */
.accessibility { position: absolute; left: -9999px }
.clear { clear: both }
.clear-left { clear: left }
.clear-right { clear: right }

#general-info h2 { padding: 10px 0px 10px 50px; background: url('img/h2-background-general-info.jpg') top right no-repeat; color: #663;  text-transform: capitalize;font-size: 16px; letter-spacing: 0.8px }
#general-info ul { list-style-type: none; padding-left: 40px; margin-top: -10px }
#general-info ul li { margin: 14px 0px; background: url('img/li-background-brown.gif') 0px 4px no-repeat; padding-left: 10px }
#sidebar { width: 256px; padding: 0;float: right; background: url('img/sidebar-background-repeat.png') bottom; display: block; }
#sidebar-bottom { width: 256px; height:73px; padding: 0;float: right; background: url('img/sidebar-background-bottom.png') bottom; float: right; clear: right}
#sidebar hr { margin: 10px auto; color: #f6ebd1;  background: url('img/sidebar-hr.gif') 0px 0px no-repeat; width: 255px; height: 2px; border: none; position: relative; right: -1px; }

#upcoming-events, #theres-more { color: #4d4d4f; width: 225px; float: left; margin-top: 15px }
#upcoming-events { margin-right: 20px; padding-right: 30px; width: 235px; background: url('img/slim-vert-div.gif') top right no-repeat }
#upcoming-events a, #theres-more a { font-weight: bold; color: #4d4d4f; font-variant: normal }
#upcoming-events a:hover, #theres-more a:hover { background: #f4e198 }
#upcoming-events h2, #theres-more h2 { color: #575c1a; padding: 10px 7px 7px 7px; letter-spacing: 1.2px; text-transform: uppercase; font-size: 14px; background: url('img/h2-background.jpg') no-repeat }
#theres-more h2 { background: url('img/h2-background-short.jpg') no-repeat }
#upcoming-events ul, #theres-more ul { list-style-type: none }
#upcoming-events ul li, #theres-more ul li { margin: 14px 0px; background: url('img/li-background-white.gif') 0px 4px no-repeat; padding-left: 10px }
#theres-more ul li {  text-transform: capitalize;font-weight: bold }

hr.wide { width: 754px; height: 2px; margin: 0px 0px 10px 0px; border: none; background: url('img/hr-wide.gif') }

.bottom-callout { width: 175px; float: left; padding-bottom: 5px }
.bottom-callout.wide { width: 275px; padding-right: 15px }
.bottom-callout h3 { color: #b9150b; font-size: 13px }
.bottom-callout img { float: left; padding-right: 5px }

/* Footer */
#footer { width: 920px; min-height: 40px; background: url('img/footer-placeholder.gif') 0px 0px no-repeat; margin: 0px auto; font-size: 11px; font-weight: bold ; clear: both; padding-top: 15px}
#footer ul { list-style-type: none; padding-top: 30px }
#footer ul li { display: inline; padding: 0px 3px 0px 6px; background: url('img/footer-li-background.gif') 0px 1px no-repeat }
#footer ul li.first-child { background: none }
#footer p { margin: 10px 0px }