/*
Theme Name: Brink Forest Products Ltd. Theme, based on Bluelime Media Basic Starter theme	
Theme URI: http://www.brink.bc.ca/
Description: Brink Forest Products Ltd.
Version: 1.0
License: GNU General Public License
License URI: GPL.txt
Author: 
Author URI: 
Original theme by Christine Rondeau, http://www.bluelimemedia.com
*/

/* Normalize CSS
http://github.com/necolas/normalize.css */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}
audio,canvas,video{display:inline;zoom:1px}
html{font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body,button,input,select,textarea{font-family:sans-serif}
a:focus{outline:thin dotted}
a, a:hover,a:active{outline:0}
h1{font-size:2em}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
blockquote{margin:1em 40px}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
pre,code,kbd,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}
pre{white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:none}
small{font-size:75%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
ul,ol{margin:0;padding:0}
dd{margin:0 0 0 40px}
nav ul,nav ol{list-style:none;list-style-image:none}
img{border:0;-ms-interpolation-mode:bicubic}
svg:not(:root){overflow:hidden}
fieldset{border:1px solid silver;margin:0 2px;padding:0.35em 0.625em 0.75em}
legend{border:0;margin-left:-7px}
button,input,select,textarea{font-size:100%;vertical-align:middle;margin:0}
button,input{line-height:normal}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;overflow:visible}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
td{vertical-align:top}
audio:not([controls]),[hidden]{display:none}
body,figure,form{margin:0}

/* Images
----------------------------------------------*/
.alignleft {
	display:inline;
	float:left;
	margin:0 10px 10px 0;
}

.alignright {
	display:inline;
	float:right;
	margin:0 0 10px 10px;
}

.aligncenter {
	clear:both;
	display:block;
	margin:0 auto 10px;
}

.wp-caption {
	background:#fff;
	margin-bottom:20px;
	border:1px solid #f6f6f6;
	padding:4px;
}

.wp-caption img {
	margin:5px 5px 0;
}

.wp-caption-text {
	color:#aaa;
	text-align:center;
	font-size:11px;
	margin:5px;
}

/* General Styles 
----------------------------------------------*/
.clear {
	clear:both;
}

a {
	color:#666;
}
a:hover {
	color:#222;
}

p {
	margin:0;
	padding:0 0 15px;
}


h1, .page-template-page_customtitle-php #content h2 {
	font-size:24px;
	line-height:30px;
	margin: 0 0 10px 0;
}
.blog #content h1 { margin-bottom: 10px; }

h2,h2 a,h3,h4,h5,h6 {
	font-size:18px;
	line-height:26px;
	margin:10px 0;
}

h2 a {
	text-decoration:none;
}

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

h3 { font-size: 18px; line-height: 24px; }
h3, h4 { margin: 15px 0 10px 0; }
h5 { font-weight: normal; font-size: 16px; line-height: 22px; margin: -10px 0 15px 0; }

blockquote {
	color:#d4d4d4;
	border-top:1px solid #d4d4d4;
	border-bottom:1px solid #d4d4d4;
	font-size:16px;
	font-style:italic;
	font-family:Georgia, Times, 'Times New Roman', serif;
	margin:10px 0;
	padding:10px;
}

.hidden { display: none; }

/* Main Layout
-----------------------------------------------*/
body {
	background:#7b9279 url(images/bgs.png) repeat-x 0 -29px;
	color: #696b6e;
	font: 14px/18px "myriad-pro", "Helvetica Neue", Arial, Helvetica, sans-serif; font-weight: 300; 
	margin: 0; padding: 0;
}

#wrap { position: relative; 
	min-width: 960px; max-width: 1137px; margin: 0 auto; padding: 0;
}


/* Header Area 
-----------------------------------------------------------*/

#logo a { display: block; float: left; width: 188px; height: 62px; text-indent:-9999em; outline:0; background: url(images/sprite.png) no-repeat; margin: 35px 0 05px 30px; }
#tagline { float: right; padding: 30px 20px 0 0; }

#top_nav { float: right; clear: right; width: 650px; }
#top_nav .start, #top_nav .end { width: 160px; height: 29px; background: url(images/sprite.png) no-repeat -188px 0; float: left; }
#top_nav .end { width: 20px; background-position: -188px -29px; float: right; }
@media screen and (-webkit-min-device-pixel-ratio:0){
#top_nav .end { margin-top: -29px; }
}
#top_nav ul { display: inline-block; margin: 0; padding: 0; list-style: none; height: 29px; background: url(images/bgs.png) repeat-x; width: 470px; }
#top_nav ul li { display: inline; }
#top_nav ul li a { display: inline-block; color: #b0bddb; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; text-decoration: none; font-size: 11px; padding: 5px 8px; }
#top_nav ul li a:hover, #top_nav ul li a.active { color: #ffffff; }

#subnav { margin: 0; padding: 0 0 30px 0; position: relative; left: -5px; list-style: none; }
#subnav li { float: left; font-size: 11px; }
#subnav li:after { content: "|"; color: #a9a9aa; }
#subnav li.last:after { content: ""; }
#subnav li a { color: #a9a9aa; text-decoration: none; padding: 0 6px; }
#subnav li a:hover, #subnav li a.active { color: #696b6e; }
#subnav li a.active { position: relative; font-weight: bold; }
.page-id-45 #subnav { margin-top: -25px; }

#imageCycle { list-style: none; margin: 0; padding: 0; position: relative; width: 692px; height: 372px; }
#imageCycle li { position: absolute; top: 0; left: 0; z-index: 0; }
#imageCycle li.active { z-index: 500; }

aside ul { margin: 0 0 25px 0; padding: 10px 0 0 0; list-style: none; border-bottom: 1px solid #ffffff; }
aside ul li { padding: 3px; border-bottom: 2px solid #dedede; border-top: 1px solid #ffffff; font-size: 12px; line-height: 17px; }
aside ul li.last, #sidebarlt ul, #sidebarrt ul { border-bottom: 0; }
#sidebarrt ul li.last { text-transform: uppercase; letter-spacing: 1px; }
aside a { text-decoration: none; }
aside a:hover { color: #444444; }
aside#sidebarlt h3, aside#sidebarrt h3 a { text-indent: -99999px; background: url(images/sprite.png) no-repeat; width: 188px; height: 36px; }
aside#sidebarlt #li-ind h3 { background-position: 0 -62px; }
aside#sidebarlt #li-rr h3 { background-position: 0 -97px; height: 47px; }
aside#sidebarlt #li-li h3 { background-position: 0 -144px; height: 42px; }
aside#sidebarrt h3 a { background-position: 0 -190px; height: 37px; display: block; }
aside#sidebarrt h3 a:hover { opacity: 0.8; filter: alpha(opacity=80); }


#sidebarrt { width: 224px; position: absolute; top: 0; right: 0; display: inline-block; }
#li-news { height: 372px; padding: 35px 30px 35px 20px; background: #ebebed url(images/bg_sidebarlt.jpg) repeat-x 0 -150px; }
#li-news li { padding: 6px; }
#li-news a { text-decoration: underline; }
#sidebarrtimg { width: 224px; height: 407px; background: url(images/img_sidebar.jpg) no-repeat; margin: -45px 0 0 0; }
#sidebarlt { width: 169px; height: 100%; float: left; display: inline-block; background: #ebebed url(images/bg_sidebarlt.jpg) repeat-x; padding: 35px 25px 35px 30px; }
#sidebarlt .line { border: 0; background: url(images/sprite.png) no-repeat -188px -168px; width: 167px; height: 22px; margin: 10px 0 5px 0; }

#li-news .last a { text-decoration: none; }
#li-news .last a:hover { color: #111111; }

/* Main Body Content Area 
-----------------------------------------------------------*/
#main { float: left; width: 100%; padding: 0; overflow: hidden; position: relative; background: #ffffff url(images/bg_greyside.png) repeat-y; *margin-top: -30px; }
#content { float: none; display: inline-block; width: 50%; max-width: 572px; overflow: hidden; padding: 30px 90px 30px 30px; margin-left: 225px; min-height: 680px; }
#content img { margin: -30px 0 20px -30px; }

#sidebarlt { position: absolute; top: 0; left: 0; }

#content h1, #content h2 { clear: both; }
#content ul { margin: 0; padding: 0; list-style: none; }
#content ul ul { list-style: disc; margin-left: 25px !important; }
#content dt { display: inline-block; width: 75px; font-weight: bold; margin: 0 20px 25px 0; float: left; clear: both; }
#content dd { display: inline-block; width: 400px; float: left; clear: none; margin-bottom: 15px; }
#content li { padding: 0 0 10px 0; }
#content a { font-weight: bold; text-decoration: none; }
#content a:hover { color: #72b877; }
.page-id-45 #content ul { padding: 0 0 25px 0; }
.page-id-45 #content li, .page-id-45 #content li ul { margin: 0; padding: 0; }
.page-id-45 #content li { padding: 0 0 4px 0; }
.page-id-45 #content li strong { padding: 0 0 10px 0; }

.page-id-20 #content h3 { width: 300px; }
.page-id-20 #content a { padding: 4px 0 0 0; display: inline-block; }
#mapimg { display: inline; float: right; margin: 0 -20px 0 0; }

#newsSection { border-top: 2px solid #dedede; }
#newsSection li { border-bottom: 2px solid #dedede; padding: 3px 0; margin: 0; }
#newsSection p { float: left; width: 90px; }
#newsSection h3, #newsSection p { display: inline; font-size: 13px; line-height: 19px; margin: 0 0 -10px 0; padding: 0; }
#newsSection a { font-weight: normal; text-decoration: none; }
#newsSection a:hover { text-decoration: underline; }

#framemap { width: 290px;
	Height: 290px;
	position: absolute;
	bottom: 50px; right: 250px;
}

/* Main body blog content formatting
--------------------------------------------------------------*/
.hentry {
	padding:0 0 20px 0;
}

.hentry ul, .hentry ol {	
	margin: 0 20px 5px; 
	padding:0 20px 5px; 
}

.entrymeta {
	margin:10px 0; 
	padding:6px;
	color: #999;
	border-top:dotted 1px #d4d4d4;
}

.entrymeta p {
	padding:3px 0; 
	font-size:12px;
}

.post-navigation {
	padding:10px 0;
} 

.nav-previous {
	float:left;
	width:50%;
	text-align:left;
}

.nav-next {
	float:right;
	width:50%;
	text-align:right;
}


.shadow { width: 18px; height: 100%; background: url(images/shadows.png) no-repeat; position: absolute; top: 0; }
.SL1 { background-position: -18px 0; left: 0; }
.SL2 { background-position: -18px 0; left: 224px; }
.SR2 { right: 224px; }
.SR1 { right: 0; }

/* News
------------------------------------------------------------*/
#newsarchives { font-weight: bold; margin: 30px 0 0 0; padding: 0; list-style: none; }
#newsarchives li { border-bottom: 1px solid #dedede; }
#newsarchives a { text-decoration: none; }

/* Industry Links
------------------------------------------------------------*/
.page-id-150 #content p, .page-id-150 #content ul { padding-bottom: 25px !important; }
.page-id-150 #content a { font-weight: bold; }

/* Footer area
------------------------------------------------------------*/

footer { clear:both; margin: 0 auto; padding-bottom: 25px; min-width: 960px; max-width: 1137px; position: relative; }

footer .shadow { background-image: url(images/shadowsfooter.png); }
footer .SL1 { background-position: -18px 0; }
footer .SL2, footer .SR2 { background-image: none; }

footer p {	font-size: 12px; line-height: 15px; color: #d4d4d4; padding: 10px; }

#address { position: absolute; top: 25px; left: 25px; width: 180px; }
#address p:nth-child(1) strong { font-size: 14px; line-height: 19px; }
#address p { color: #ffffff; text-align: left; margin: 0; padding: 0; }
#address a { font-weight: bold; }

footer .tagline { margin-top: -11px; font-size: 13px; }

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

footer a:hover {
	color:#ffffff;
}

footer nav { margin: 0; padding: 10px 0 20px 380px; }
footer nav ul li { display: inline; font-size: 9px; line-height: 14px; }
footer nav ul li:after { color: #85d68b; content: "|"; }
footer nav ul li.last:after { content: ""; }
footer nav a { padding: 0 5px; text-transform: uppercase; letter-spacing: 2px; color: #85d68b; }
footer nav a:hover, footer nav a.active { text-decoration: none; color: #ffffff; }

footer p { text-align: center; }
footer .logo a { margin: 0 auto; text-indent: -99999px; outline: 0; display: block; width: 99px; height: 31px; background: url(images/sprite.png) no-repeat -212px -31px; }
footer .tagline { font-weight: bold; color: #ffffff; font-size: 15px; }
#isoimg { display: block; position: absolute; top: 35px; left: 60px; margin: 0; padding: 0; width: 112px; height: 105px; background: url(images/sprite.png) no-repeat -188px -63px; text-indent: -99999px; }


.form-allowed-tags {display:none;}/* Hides all the crap about html tags*/