/*



Theme Name: Nooksack Indian Tribe



Theme URI: None



Description: The custom WordPress template for the Nooksack Indian Tribe



Author: Jake Nyman and Bryan Mitchell



Author URI: http://www.olivegroupdesign.com



Version: 1.0



Tags: 







License:



License URI:







General comments (optional).



*/







@charset "UTF-8";



/* CSS Document */

/* Begin CSS Reset */

html, body, div, span, applet, object, iframe, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 13px;

	color: #1c0a00;

	font: Geneva, Arial, Helvetica, sans-serif;

	vertical-align: baseline;

	

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {

	display: block;

}

body {

	line-height: 1;

}

ol, ul {

	

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}



h1 {

	font-size:16px;

	margin:2px;

}



/* END CSS RESET */



body {

	background-image: url(/images/bg.jpg);

	background-repeat: repeat;

	font-family: Geneva, Arial, Helvetica, sans-serif;

}

#wrapper {

}

#header_bg {

	background-image:url(/images/bg-stripe.png);

	background-repeat:repeat-x;

	height:583px;

	position:absolute;

	width:100%;

	z-index:-1;

}

#header {

	position:relative;

	background-image:url(/images/header2-2.png);

	width:1041px;

/*	width:949px; */

	height:189px;

	margin:auto;

}

#content {

/*	background-color:#fbf4e3; 

	background-repeat:repeat; 

	width:949px;*/

	background-image:url(/images/bgscroll.png);

	background-repeat:repeat-y;

	width:1041px;

	margin:auto;

	padding-bottom:10px;

	padding-top:0px;

	overflow:auto;

	min-height: 400px;

}

#footer {

	background-image:url(/images/footer3.png);

	background-repeat:no-repeat;

/*	width:1019px; */

	width:1041px;

	height:258px;

/*	height:257px; */

	margin:auto;

	position:relative; 

	clear:both;

	

}


#footer .graphicalMenuTitle { /* Turn off labels for bottom graphical menu */
	display:none;
}



.footer-text {

	color:#ffffff;

	line-height: 18px;

	font-size: 12px;

}



/* =Fonts

-------------------------------------------------------------- */

body,

input,

textarea,

.page-title span,

.pingback a.url {

	font-family: Geneva, Arial, Helvetica, sans-serif

        /*font-family: Georgia, "Bitstream Charter", serif;*/

}

h3#comments-title,

h3#reply-title,

#access .menu,

#access div.menu ul,

#cancel-comment-reply-link,

.form-allowed-tags,

#site-info,

#site-title,

#wp-calendar,

.comment-meta,

.comment-body tr th,

.comment-body thead th,

.entry-content label,

.entry-content tr th,

.entry-content thead th,

.entry-meta,

.entry-title,

.entry-utility,

#respond label,

.navigation,

.page-title,

.pingback p,

.reply,

.widget-title,

.wp-caption-text {

	font-family: Geneva, Arial, Helvetica, sans-serif

	/*font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;*/

}

input[type=submit] {

	font-family: Geneva, Arial, Helvetica, sans-serif

	/*font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;*/

}

pre {

	font-family: Geneva, Arial, Helvetica, sans-serif

	/*font-family: "Courier 10 Pitch", Courier, monospace;*/

}

code {

	font-family: Geneva, Arial, Helvetica, sans-serif

	/*font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;*/

}



/* = End of Fonts

-------------------------------------------------------------- */





/* =Content

-------------------------------------------------------------- */



#main {

	clear: both;

	overflow: hidden;

	padding: 20px 0 0 0;

}

#content {

	margin-bottom: 0px;

}

#content,

#content input,

#content textarea {

	color: #333;

	font-size: 16px;

	line-height: 24px;

}

/*
#content p,

#content ul,

#content ol,

#content dd,

#content pre,

#content hr {

	margin-bottom: 24px;

}*/

#content ul ul,

#content ol ol,

#content ul ol,

#content ol ul {

	margin-bottom: 0;

}

#content pre,

#content kbd,

#content tt,

#content var {

	font-size: 15px;

	line-height: 21px;

}

#content code {

	font-size: 13px;

}

#content dt,

#content th {

	color: #000;

}

#content h1,

#content h2,

#content h3,

#content h4,

#content h5,

#content h6 {

	color: #000;

	line-height: 2.0em;

	margin: 0 0 0px 0;

}

#content table {

	border: 1px solid #e7e7e7;

	margin: 0 -1px 24px 0;

	text-align: left;

	width: 100%;

}

#content tr th,

#content thead th {

	color: #888;

	font-size: 12px;

	font-weight: bold;

	line-height: 18px;

	padding: 9px 24px;

}

#content tr td {

	border-top: 1px solid #e7e7e7;

	padding: 6px 24px;

}

#content tr.odd td {

	background: #f2f7fc;

}

.hentry {

	margin: 0 0 48px 0;

}

.home .sticky {

	background: #f2f7fc;

	border-top: 4px solid #000;

	margin-left: -20px;

	margin-right: -20px;

	padding: 18px 20px;

}

.single .hentry {

	margin: 0 0 36px 0;

}

.page-title {

	color: #000;

	font-size: 14px;

	font-weight: bold;

	margin: 0 0 36px 0;

}

.page-title span {

	color: #333;

	font-size: 16px;

	font-style: italic;

	font-weight: normal;

}

.page-title a:link,

.page-title a:visited {

	color: #888;

	text-decoration: none;

}

.page-title a:active,

.page-title a:hover {

	color: #ff4b33;

}

#content .entry-title {

	font-family: Geneva, Arial, Helvetica, sans-serif

	/*font-family: Baskerville, "Baskerville Old Face", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, "Times New Roman", Serif;*/

	color: #576d9d;

	font-size: 21px;

	font-weight: bold;

	text-transform: uppercase;

	line-height: 1.3em;

	margin-bottom: 0;

}

.entry-title a:link,

.entry-title a:visited {

	color: #000;

	text-decoration: none;

}

.entry-title a:active,

.entry-title a:hover {

	color: #ff4b33;

}

.entry-meta {

	color: #888;

	font-size: 12px;

}

.entry-meta abbr,

.entry-utility abbr {

	border: none;

}

.entry-meta abbr:hover,

.entry-utility abbr:hover {

	border-bottom: 1px dotted #666;

}

.entry-content,

.entry-summary {

	clear: both;

	padding: 12px 0 0 0;

}

#content .entry-summary p:last-child {

	margin-bottom: 12px;

}

.entry-content fieldset {

	border: 1px solid #e7e7e7;

	margin: 0 0 24px 0;

	padding: 24px;

}

.entry-content fieldset legend {

	background: #fff;

	color: #000;

	font-weight: bold;

	padding: 0 24px;

}

.entry-content input {

	margin: 0 0 24px 0;

}

.entry-content input.file,

.entry-content input.button {

	margin-right: 24px;

}

.entry-content label {

	color: #888;

	font-size: 12px;

}

.entry-content select {

	margin: 0 0 24px 0;

}

.entry-content sup,

.entry-content sub {

	font-size: 10px;

}

.entry-content blockquote.left {

	float: left;

	margin-left: 0;

	margin-right: 24px;

	text-align: right;

	width: 33%;

}

.entry-content blockquote.right {

	float: right;

	margin-left: 24px;

	margin-right: 0;

	text-align: left;

	width: 33%;

}

.page-link {

	clear: both;

	color: #000;

	font-weight: bold;

	margin: 0 0 22px 0;

	word-spacing: 0.5em;

}

.page-link a:link,

.page-link a:visited {

	background: #f1f1f1;

	color: #333;

	font-weight: normal;

	padding: 0.5em 0.75em;

	text-decoration: none;

}

.home .sticky .page-link a {

	background: #d9e8f7;

}

.page-link a:active,

.page-link a:hover {

	color: #ff4b33;

}

body.page .edit-link {

	clear: both;

	display: block;

}

#entry-author-info {

	background: #f2f7fc;

	border-top: 4px solid #000;

	clear: both;

	font-size: 14px;

	line-height: 20px;

	margin: 24px 0;

	overflow: hidden;

	padding: 18px 20px;

}

#entry-author-info #author-avatar {

	background: #fff;

	border: 1px solid #e7e7e7;

	float: left;

	height: 60px;

	margin: 0 -104px 0 0;

	padding: 11px;

}

#entry-author-info #author-description {

	float: left;

	margin: 0 0 0 104px;

}

#entry-author-info h2 {

	color: #000;

	font-size: 100%;

	font-weight: bold;

	margin-bottom: 0;

}

.entry-utility {

	clear: both;

	color: #888;

	font-size: 12px;

	line-height: 18px;

}

.entry-meta a,

.entry-utility a {

	color: #888;

}

.entry-meta a:hover,

.entry-utility a:hover {

	color: #ff4b33;

}

#content .video-player {

	padding: 0;

}



/* =End of Homepage

-------------------------------------------------------------- */





#h1 {

	font-size: 16px;

	color: #862905;

}



#h2 {

	font-size: 14px;

	color: #1c0a00;	

}



#copyRightText {

	clear:both;

	text-align:center;

	font-size:12px;

	color:#FFFFFF;

	position:relative;

	top:40px;

}

#indexTitleText {

	height:300px;

	padding:40px;

	width:240px;

	float:right;

	text-align:right;

	margin-right:40px;

}

#subPageLeft {

	width:610px;

	float:left;

	padding-top:10px;

	padding-left:10px;

	padding-right:10px;

	margin-left:60px;

}

#subPageRight {

	width:300px;

	float:left;

	padding-right:20px;

	padding-top:10px;

/*	margin-right:40px; */

}

#indexLeftContent {

	clear:both;

	float:left;

	width:600px;

	padding:10px;

	margin-left:70px;

}

#indexRightContent {

	float:right;

	width:301px;

	margin-right:49px;

}

#indexWhatsHappening {

	padding:10px;

}

#indexFAQs {

	padding:10px;

}

.bottom-menu-item {

	display:block;

	left:45px;

	margin:10px;

	float:center;

	text-align:center;

}

.top-menu-item {

	display:block;

	float:left;

	width:110px;

	margin:5px;

	background-image:url(/images/menuTab.png);

	background-repeat:no-repeat;

	text-align:center;

	height:38px;

	vertical-align:middle;

	padding-top:12px;

	font-size: 16px;

} 

.top-menu-item a {

	text-decoration:none;

	color:#fbf3df;

	font-size: 16px;

}

.no-underline-white-link {

	text-decoration:none;

	color:#fbf3df;

	font-size: 12px;

}

.top-menu-item a:hover {

	color:#e4a231;

	font-size: 16px;

}

.menu-item-36 { /* Trouble ticket */

	background-image:url(/images/menuTab2.png);

}

.menu-item-36 a { /* Trouble ticket */

	font-size:14px;

}

.menu-item-36 a:hover { /* Trouble ticket */

	font-size:14px;

}

.bottom-item2 { /* for bottom nav menu */

	width:auto;

	background:none;

	float:left;

	background-image:none;

	position:relative;

	left:25px;

	height:auto;

	display:block;

	margin:10px;

	text-align:center;

	padding-top:10px;

	font-size: 12px;

}

.bottom-item2 a {

	text-decoration:none;

	color:#000000;

	font-size: 12px;

}

.bottom-item2 a:hover {

	color:#666666;

	font-size: 12px;

}

#bottomMenu {

	clear:both;

	position:relative;

/*	top:-12px; */

	top:25px;

/*	width:940px; */

	width:920px;

	margin:auto;

	text-align:center;

	overflow:auto;

	margin:auto;

	left:50px;

	font-size: 12px;

}

#nav-menu {

	position:relative;

	top:136px;

	left:44px;

}

.font250pct {

	font-size: 18px;

}

.font150pct {

	font-size: 16px;

}

.brownFont {

	color:#2e0b09;

}

.blogTimeAndDate {

	color:#621e07;

	font-size:12px;

}

.pictureMenuLink {

	display:block;

	position:relative;

	float:left;

	height:165px;

	text-decoration:none;

	top:4px;

	width:156px;

}

.pictureMenuLinkYouth {

	left:64px;

}

.pictureMenuLinkPhotos {

	left:99px;

}

.pictureMenuLinkJobs {

	left:134px;

}

.pictureMenuLinkHealth {

	left:169px;

}

.pictureMenuLinkVideos {

	left:192px;

}

/* for jobs plugin */

th {

	padding-top:5px;

	padding-bottom:5px;

	text-align:left;

	vertical-align:middle;

	padding:4px;

	width:200px;

}

.job-apply-table {

	margin-top:15px;

	margin-bottom:15px;

}

/* for photo gallery */

.ngg-gallery-thumbnail-box {

	display:block;

	float:left;

	padding:5px;

}

#breadCrumbs {

	display:block;

	position:relative;

	left2px;

	top:5px;	

}

#sidebar_faqs { /* used for FAQ section on home page */

	line-height:16px;

}

#sidebar_faqs h4 {

	padding-top:15px;

}

/* Begin styling for bottom picture menu */

#footer .aim {

	top:4px;

/*	width:1000px; */

}

#footer .image-menu-5 { /* Videos */

	position:relative;

    left:223px;

}

#footer .image-menu-4 { /* Health */

	position:relative;

    left:184px;

}

#footer .image-menu-3 { /* Jobs */

	position:relative;

    left:144px;

}

#footer .image-menu-2 { /* Photos */

	position:relative;

    left:105px;

}

#footer .image-menu-1 { /* Youth */

	position:relative;

	left:67px;

}

/* End styling for bottom picture menu */



#logOutLink { /* for Trouble ticket page */

	float:right; 

	position:relative; 

	left:-150px;

	top:-35px;

}





/* BLOG */

#blog_rightpanel span.collapsing.archives {

        border:0;

        padding:0; 

        margin:0; 

        cursor:pointer;

} 

#blog_rightpanel_sidebar {
	text-align:left; 
	padding-left:100px;
}

#blog_rightpanel span.monthCount, span.yearCount {text-decoration:none; color:#333}

#blog_rightpanel li.collapsing.archives a.self {font-weight:bold}

#blog_rightpanel ul.collapsing.archives.list ul.collapsing.archives.list:before {content:'';} 

#blog_rightpanel ul.collapsing.archives.list li.collapsing.archives:before {content:'';} 

#blog_rightpanel ul.collapsing.archives.list li.collapsing.archives {list-style-type:none}

#blog_rightpanel ul.collapsing.archives.list li {

       margin:0 0 0 .8em;

       text-indent:-1em}

#blog_rightpanel ul.collapsing.archives.list li.collapsing.archives.item:before {content: '\00BB \00A0' !important;} 

#blog_rightpanel ul.collapsing.archives.list li.collapsing.archives .sym {

   font-size:1.2em;

   font-family:Monaco, 'Andale Mono', 'FreeMono', 'Courier new', 'Courier', monospace;

   cursor:pointer;

    padding-right:5px;}


/* Search Bar */

.screen-reader-text {

	display:none;

}


#sidebar_departments_rightPanel { /* for job listings section on right panel of departments page */
	float:right;
	text-align:right;
	padding-right:15px;
	position:relative;
}

#sidebar_departments_rightPanel .textwidget { /* used to position the "Careers" image correctly in the Departments page */
	float:right;
}

#sidebar_departments_rightPanel .textwidget img { /* used to position the "Careers" image correctly in the Departments page */
	display:block;
	position:relative;
	left:15px;
}

/* for graphical menu on departments page */
#departments_graphical_menu a {
	padding-left:20px;
	padding-right:20px;
	margin-bottom:40px;
	padding-bottom:32px;
}

/* used to control the words below the images in the graphical menu on the departments page */
#departments_graphical_menu .graphicalMenuTitle {
	text-align:center;
	width:85%;
}

#departments_graphical_menu .graphicalMenuTitle a {
}

.clear {
	clear:both;
}

/* Add some spacing between the content and the social media plugin */
.sociable_tagline {
	margin-top:60px;
}


div.blogNext {
	float:left;
	width:50%;
	text-align:right;
	height:35px; /* This is important.  Spacing will not look right without this when the button is not displayed */
}

div.blogBack {
	float:left;
	width:50%;
	height:35px; /* This is important.  Spacing will not look right without this when the button is not displayed */
}