/* @group General Styles */

@font-face {
	font-family: 'CantarellRegular';
	src: url('http://www.northstreetproductions.net/fonts/Cantarell-Regular-webfont.eot');
	src: local('☺'), url('http://www.northstreetproductions.net/fonts/Cantarell-Regular-webfont.woff') format('woff'), url('http://www.northstreetproductions.net/fonts/Cantarell-Regular-webfont.ttf') format('truetype'), url('http://www.northstreetproductions.net/fonts/Cantarell-Regular-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CantarellOblique';
	src: url('http://www.northstreetproductions.net/fonts/Cantarell-Oblique-webfont.eot');
	src: local('☺'), url('http://www.northstreetproductions.net/fonts/Cantarell-Oblique-webfont.woff') format('woff'), url('http://www.northstreetproductions.net/fonts/Cantarell-Oblique-webfont.ttf') format('truetype'), url('http://www.northstreetproductions.net/fonts/Cantarell-Oblique-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CantarellBold';
	src: url('http://www.northstreetproductions.net/fonts/Cantarell-Bold-webfont.eot');
	src: local('☺'), url('http://www.northstreetproductions.net/fonts/Cantarell-Bold-webfont.woff') format('woff'), url('http://www.northstreetproductions.net/fonts/Cantarell-Bold-webfont.ttf') format('truetype'), url('http://www.northstreetproductions.net/fonts/Cantarell-Bold-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CantarellBoldOblique';
	src: url('http://www.northstreetproductions.net/fonts/Cantarell-BoldOblique-webfont.eot');
	src: local('☺'), url('http://www.northstreetproductions.net/fonts/Cantarell-BoldOblique-webfont.woff') format('woff'), url('http://www.northstreetproductions.net/fonts/Cantarell-BoldOblique-webfont.ttf') format('truetype'), url('http://www.northstreetproductions.net/fonts/Cantarell-BoldOblique-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,th,td {margin:0;padding:0;}

html {
	background: #58646f;
}

body {
	background: url('images/black-fade.png') repeat-x;
	background-position: 0 -70px;
	padding-top: 14px;
	font-family: 'CantarellRegular', Arial, sans-serif;
}

p {
	margin-bottom: 14px;
}

b, strong {
	font-weight: bold;
}

a:link, a:visited {
	color: #3f609f;
	text-decoration: none;
}

a:hover, a.active {
	color: #333;
	text-decoration: underline;
}

a:focus {
	outline: none;
}

img {
	border: 0;
}

.image-left {
	float: left;
	margin: 3px 10px 3px 0;
}

.image-right {
	float: right;
	margin: 3px 0 3px 10px;
}
	
/* @end */

/* @group Layout */

.clearer {
	clear: both;
}

#contact {
	float: right;
	margin: -112px 0 0 0;
	padding: 0;
	text-align: right;
	font-weight: bold;
	font-size: 16px;
	line-height: 18px;
	text-shadow: 2px 2px 2px #000;
}

#container-top {
	background: url('images/container-top.png') no-repeat;
	width: 912px;
	height: 24px;
	margin: 0 auto;
	padding: 0;
}

#container {
	position: relative;
	background: url('images/container-middle.png') repeat-y;
	width: 860px;
	margin: 0 auto;
	padding: 0 26px 14px 26px;
	color: #333;
	font-size: 14px;
	line-height: 1.4;
}

#container-bottom {
	background: url('images/container-bottom.png') no-repeat;
	width: 912px;
	height: 28px;
	margin: 0 auto;
	padding: 0;
}

#pageHeader {
	width: 854px;
	height: 90px;
	margin: 0;
	padding: 0;
	border-bottom: 0px solid #ddd;
}

#pageHeader h1 {
	display: none;
}

#pageHeader h2 {
	display: none;
}

#logo {
	position: absolute;
	margin: -18px 0 0 -6px;
	padding: 0;
	width: 292px;
	height: 114px;
}

#pageHeader a {
	color: #fff;
}

#content {
	float: left;
	width: 520px;
	margin: 10px 0 0 0;
	padding: 0;
}

#content h2 {
	background: #287d63;
	width: 300px;
	margin: 0 0 14px -23px;
	padding: 2px 0 0 22px;
	color: #fff;
	font-size: 18px;
	font-family: 'CantarellRegular', Arial, sans-serif;
	text-transform: uppercase;
	text-shadow: -2px 1px 1px #1b5c48;
	border: 1px solid #1b5c48;
	-webkit-box-shadow: 1px 2px 1px #bbb;
	-moz-box-shadow: 2px 2px 1px #bbb;
	box-shadow: -1px 2px 1px #bbb;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
}

#sidebar {
	float: right;
	background: url('http://www.northstreetproductions.net/images/black4.png');
	width: 286px;
	margin: 14px -18px 0 0;
	padding: 14px;
	border: 1px solid #ccc;
	border-right: 0;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
}

#sidebar p {
	margin-bottom: 0px;
	padding: 6px;
}

.subnav {
	float: left;
	margin-left: -15px;
}

.subnav ul {
	list-style-type: none;
}

.subnav li a {
	display: block;
	background: #f7f7f7;
	width: 250px;
	margin: 0 0 10px 0;
	padding: 6px 0 6px 42px;
	font-size: 18px;
	text-shadow: -2px 1px 1px #ddd;
	text-decoration: none;
	border: 1px solid #ddd;
	border-left: 1px solid #ccc;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
}

.subnav a:hover,
.subnav a.active {
	padding-left: 28px;
	color: #333;
	border: 1px solid #ccc;
	border-left: 0;
	text-decoration: none;
}

#footer {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	color: #ccc;
	font-size: 0.8em;
	text-align: center;
}

#footer p {
	margin: 0;
	padding: 0;
}

#footer a {
	color: #fff;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#footernav {
	margin-bottom: 4px;
	.margin-bottom: 5px;
}

#footernav ul {
	list-style-type: none;
}

#footernav ul ul {
	display: none;
}

#footernav li {
	display: inline;
	margin: 0 14px 0 14px;
}

#footernav #current {
	text-decoration: underline;
}
	
/* @end */

/* @group Toolbar */

/* Toolbar Styles */

#navcontainer {
	display: block;
	float: right;
	background: #287d63;
	width: 576px;
	height: 29px;
	margin: 27px -28px 10px 0;
	padding: 0 0 0 6px;
	text-align: center;
	border: 1px solid #1b5c48;
	-webkit-box-shadow: -2px 2px 1px #bbb;
	-moz-box-shadow: -2px 2px 1px #bbb;
	box-shadow: -2px 2px 1px #bbb;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
}

#navcontainer #current {
	text-decoration: underline;
}

#navcontainer #current:hover {
}

#navcontainer .currentAncestor {
}

/* Parent - Level 0 */

#navcontainer ul{
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#navcontainer li {
	display: inline;
	float: left;
}

#navcontainer a {
	display: block;
	position: relative;
	margin: 0 10px 0 10px;
	padding: 4px 0;
	color: #fff;
	font-size: 16px;
	text-shadow: -2px 1px 1px #1b5c48;
	text-decoration: none;
}

#navcontainer a:hover {
	text-decoration: underline;
}

/* Child - Level 1 */
/* All browsers will use this code, it will make the pop out menus work */
#navcontainer ul ul {
	position: absolute;
	display: none;
	background: #287d63;
	width: 160px;
	margin: 0;
	border: 2px solid #bbb;
	border-top: 1px solid #1b5c48;
	border-right-width: 1px;
	webkit-box-shadow: -1px 1px 1px #bbb;
	box-shadow: -1px 1px 1px #bbb;
	z-index: 11000;
}

#navcontainer ul ul li {
	display: list-item;
	width: 100%;
	margin: 0;
	padding: 0;
	border-top: 0;
}

#navcontainer ul ul a {
	margin: 0;
	padding-left: 10px;
	text-align: left;
	font-size: 13px;
	line-height: 16px;
	border-bottom: 1px solid #1b5c48;
}

#navcontainer ul ul a:hover {
	border-bottom: 1px solid #1b5c48;
}

#navcontainer ul ul #current{
}


/* Child Level 3 */

#navcontainer ul ul ul {
	display: none;
	position: absolute;
	top: 28px;
	font-size: 1em;
}

#navcontainer ul ul ul ul {
	position: absolute;
	top: 28px;
	font-size: 1em;
}

#navcontainer ul ul ul ul li { 
}

#navcontainer ul ul ul ul a{
}

#navcontainer ul ul ul ul a:hover{

}

div#navcontainer ul ul, div#navcontainer ul ul ul, div#navcontainer ul li:hover ul ul, div#navcontainer ul li:hover ul ul ul, div#navcontainer ul li:hover ul ul ul ul, div#navcontainer ul li:hover ul ul ul ul ul{
display:none;
}

div#navcontainer ul li:hover ul, div#navcontainer ul ul li:hover ul, div#navcontainer ul ul ul li:hover ul, div#navcontainer ul ul ul ul li:hover ul, div#navcontainer ul ul ul ul ul li:hover ul{
display:block;
}
/* @end */

/* @group Global Classes */

blockquote, .standout {
	font-style: italic;
	margin: 0;
	font-size: 1em;
	color: #b8b8b8;
}

h2,
h3,
h4,
h5 {
	margin-bottom: 14px;
	color: #287d63;
	font-family: 'CantarellBold';
	font-weight: normal;
	border-bottom: 1px solid #ccc;
}

h2 {
	
}

h3 {
	font-size: 17px;
}

h4 {
	font-size: 15px;
}

i {
	font-style: italic;
}

.imageStyle {

}

/* Main content area unordered list styles */

#content ul {
	margin-left: 18px;
}

#content li {
	margin-bottom: 4px;
}

ol.arabic-numbers {
	list-style-type: decimal;
}

ol.upper-alpha {
	list-style-type: upper-alpha;
}

ol.lower-alpha {
	list-style-type: lower-alpha;
}

ol.upper-roman {
	list-style-type: upper-roman;
}

ol.lower-roman {
	list-style-type: lower-roman;
}
/* Sidebar area unordered list styles */
#sidebarContainer #sidebar ul {
}

#sidebarContainer #sidebar li {
}

/* Table Styles */
table {
	font-size: 1em;
}
/* @end */

/* @group Blog */

/* @group Archive Page */

.blog-archive-background {
}

.blog-entry-summary {
	margin-bottom: 10px;
}

.blog-archive-headings-wrapper {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #eaeaea;
}

.blog-archive-entries-wrapper {
}

.blog-archive-entries-wrapper .blog-entry {
}

.blog-archive-month {
	margin-bottom: 5px;
	font-size: 19px;
}

.blog-archive-link {
	font-size: 0.9em;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.blog-archive-link a:link, .blog-archive-link a:visited {
}
	
/* @end */

/* @group Tag Cloud */
ul.blog-tag-cloud {
	margin: 0 0 21px 0;
	padding: 0;
	text-align: justify;
}

ul.blog-tag-cloud li {
	display: inline;
	line-height: 28px;
	padding-right: 5px;
}

.blog-tag-size-1 {	
	font-size: 12px;
}

.blog-tag-size-2 {	
	font-size: 14px;
}

.blog-tag-size-3 {	
	font-size: 16px;
}

.blog-tag-size-4 {	
	font-size: 18px;
}

.blog-tag-size-5 {	
	font-size: 20px;
}

.blog-tag-size-6 {	
	font-size: 22px;
}

.blog-tag-size-7 {	
	font-size: 24px;
}

.blog-tag-size-8 {	
	font-size: 26px;
}

.blog-tag-size-9 {	
	font-size: 28px;
}

.blog-tag-size-10 {	
	font-size: 30px;
}

.blog-tag-size-11 {	
	font-size: 1.3em;
}

.blog-tag-size-12 {	
	font-size: 1.35em;
}

.blog-tag-size-13 {
	font-size: 1.4em;
}

.blog-tag-size-14 {	
	font-size: 1.45em;
}

.blog-tag-size-15 {
	font-size: 1.5em;
}

.blog-tag-size-16 {	
	font-size: 1.55em;
}

.blog-tag-size-17 {	
	font-size: 1.6em;
}

.blog-tag-size-18 {	
	font-size: 1.65em;
}

.blog-tag-size-19 {
	font-size: 1.7em;
}

.blog-tag-size-20 {	
	font-size: 1.75em;
}

/* @end */

.blog-entry {
	width: 500px;
	margin-bottom: 21px;
	padding: 1px 14px 14px 14px;
	border-bottom: 1px solid #ccc;
}

/* My Comment */

.blog-entry-title {
	margin-bottom: 5px;
	font-size: 21px;
	font-weight: normal;
	border: 0;
}

.blog-entry-title a {
	color: #fec45f;
	margin-bottom: 0;
	text-decoration: none;
}

.blog-entry-date {
	font-size: 0.9em;
	margin-bottom: 14px;
}

.blog-read-more {
	float: right;
	display: block;
	padding-top: 13px;
	font-style: italic;
}

.blog-entry-body {
	margin-top: 10px;
}

.blog-entry-comments {
	margin-top: 0;
}

/*styles the category link in the main entry */
.blog-entry-category {

}

.blog-entry-category a:link, .blog-entry-category a:visited {
}

/* styles the archives in the blog sidebar */
#blog-archives {
	margin: 0 0 21px 0;
	line-height: 1.8;
}

.blog-archive-link-enabled {

}

.blog-archive-link-disabled {

}

/* Styles the blog categories in the blog sidebar */
#blog-categories {
	margin-bottom: 10px;
	line-height: 1.8;
	font-size: 14px;
}

.blog-category-link-enabled {

}

.blog-category-link-disabled {

}

/* Styles the blog RSS feeds in the blog sidebar */
#blog-rss-feeds {
	margin: 0;
	line-height: 1.8;
}

.blog-rss-link {
	background: url(images/rss_icon_nobg.png) no-repeat left bottom;
	margin: 0;
	padding: 14px 0 0 35px;
	line-height: 42px;
}

.blog-rss-link:hover {
	background: url(images/rss_icon_nobg.png) no-repeat left bottom;
	margin: 0;
	padding: 14px 0 0 35px;
	line-height: 42px;
}

.blog-comments-rss-link {
	background: url(images/rss_icon_nobg.png) no-repeat left bottom;
	margin: 0;
	padding: 14px 0 0 35px;
	line-height: 42px;
}

.blog-comments-rss-link:hover {
	background: url(images/rss_icon_nobg.png) no-repeat left bottom;
	margin: 0;
	padding: 14px 0 0 35px;
	line-height: 42px;
}

/* Comment links */
a.blog-comment-link {

}

/* Trackback links */
a.blog-trackback-link {

}

/* @end */

/* @group Contact Form */
.message-text { 
} 

.required-text {
} 

.form-input-field {
	background: #f4f4f4;
	width: 98%;
} 

.form-input-button { 
} 
/* @end */