/*
Theme Name: Billings Bridge
Theme URI: 
Author: Inkline Media
Author URI: http://www.inkline.ca
Description: Billings Bridge
Version: 1.0
Tags: 
*/

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, 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: 100%; font: inherit; font-weight: normal; }

/* 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 { list-style: none; }
strong { font-weight: bold; }
blockquote, q { quotes: none; }
em { font-style:italic; }
blockquote:before, blockquote:after, q:before, q:after { content: '"'; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
#mainwrapper { width: 956px; margin: 0 auto; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #4f4e4e;  }
.header { margin: 25px 0; height: 40px; }
.header .logo { float: left; width: 240px; margin: 0 0 0 25px; overflow: hidden; }
.footer { width: 956px; margin: 0 auto; display: block; padding: 0; height:20px; clear: both; }


/*HOME PAGE LAYOUT*/
#homecol { width: 678px; padding: 0 0 0 29px; background:url(img/homebg.gif) repeat-y left top; float: left; margin: 0; }
#homecol .colleft { float: left; width: 409px; }
#homecol .colright { float: left; width: 200px; margin: 0 0 0 45px; }
#homecol .colright .rollover-ad a { margin: 0 0 10px 0; background-position:left top; width: 200px; height:200px; text-decoration: none; display: block; }
#homecol .colright .rollover-ad a:hover { background-position: right top; }

/*HOME SLIDER STYLES*/
/*--Main Container--*/
.header-main_view { float: left; position: relative; z-index: 20; margin: 0 16px 0 0; }
/*--Window/Masking Styles--*/
.header-window { height:407px; width: 409px; overflow: hidden; border: none; /*--Hides anything outside of the set width/height--*/ position: relative; margin: 0; }
.header-image_reel { position: absolute; top: 0; left: 0; }
.header-image_reel img { float: left; }
/*--Paging Styles--*/
.header-paging { position: absolute; bottom: 10px; right: 10px; width: auto; height:auto; /*--Assures the paging stays on the top layer--*/ text-align: center; display: none;  /*--Hidden by default, will be later shown with jQuery--*/ }
.header-paging a { background-color: #ffffff; width: 15px; height: 15px; display: inline-block; outline: none; margin: 0 0 0 3px; }
.header-paging a.active { background-color: #63D4E6; width: 15px; height: 15px; display: inline-block; outline: none; }
.header-paging a:hover { background-color: #63D4E6; width: 15px; height: 15px; display: inline-block; outline: none; }


/*LOOPING POST AREA*/
#postcol { width: 678px; padding: 0 0 0 29px; background:url(img/postbg.gif) repeat-y left top; float: left; margin: 0; }
#postcol .featuredimage { width:653px; overflow: hidden; display: block; margin: 0 0 34px 0; }
#postcol .post { float: left; background:url(img/postleftborder.gif) left top repeat-y; width: 400px; padding: 0 0 0 25px; }
#postcol .post blockquote, #postcol .post p blockquote { font-size: 16px; line-height: 22px; margin: 0 30px 15px 30px;  }
#postcol .post h1, #postcol .post h2, #postcol .post h3, #postcol .post h4, #postcol .post h5, #postcol .post h6 { font-family: 'HelveticaNeueLight'; }
#postcol .post h1 { font-size:20px; line-height: 24px; margin: 0 0 10px 0; }
#postcol .post h2 { font-size:18px; line-height: 22px; margin: 0 0 6px 0; color: #9C9C9C; }
#postcol .post h3 { font-size:13px; margin: 0 0 10px 0; }
#postcol .post h4 { font-size:13px; margin: 0 0 10px 0; }
#postcol .post h5 { font-size:13px; margin: 0 0 10px 0; }
#postcol .post h6 { font-size:13px; margin: 0 0 10px 0; }
#postcol .post p .pink { color: #9C9C9C; }
#postcol .post p { margin: 0 0 15px 0; line-height: 18px; }
#postcol .post a, #postcol .post a:visited { color:#4E4E4E;  text-decoration: none; }
#postcol .post a:hover { color: #9C9C9C; }

#postcol .post ul { list-style:disc inside; margin: 0 0 20px 20px; }
#postcol .post li { margin: 10px 0 0 0; }
#postcol .post ol { list-style: inside decimal; margin: 0 0 20px 0; } 

/*LEFT NAVIGATION AREA*/
#postcol .left-navwrapper { width: 206px; float: left; margin-right: 20px; }
.left-navwrapper h1 { font-size:20px; line-height: 24px; margin: 0 0 10px 0; font-family: 'HelveticaNeueLight'; }
.left-navwrapper h2 {font-size: 13px; margin: 0 0 10px 0; color: #9C9C9C; line-height: 18px; font-family: 'HelveticaNeueLight'; }


.left-nav { margin: 0; padding: 0; list-style: none; }
.left-nav li { margin: 0; padding: 8px 0; position: relative; line-height: 20px;  }
.left-nav li:first-child { padding-top: 0; }
/* main level link */
.left-nav a { font-size:14px; font-weight: bold; text-decoration: none; color: #4f4e4e; display: block; letter-spacing: .5px; }
/* main level link :hover */
.left-nav a:hover { color: #9C9C9C; }
/* current link */
.left-nav .current_page_item a, .left-nav .current-menu-item a { color: #9C9C9C; }
/* current link :hover */
.left-nav .current_page_item a:hover, .left-nav .current-menu-item a:hover { color: #9C9C9C; }

/* =Images
-------------------------------------------------------------- */

#postcol .post .alignleft,
#postcol .post img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
#postcol .post .alignright,
#postcol .post img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
#postcol .post .aligncenter,
#postcol .post img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#postcol .post img.alignleft,
#postcol .post img.alignright,
#postcol .post img.aligncenter {
	margin-bottom: 12px;
}

/*SIDEBAR*/
.sidebarcol { float: left; width: 200px; background:url(img/sidebarrightborder.gif) right top repeat-y; padding: 0 26px 0 22px;  }
.sidebarcol h1 { font-size:16px; margin: 0 0 10px 0; color: #9C9C9C; font-family: 'HelveticaNeueLight'; }
.sidebarcol h2 { font-size:13px; margin: 0 0 10px 0; color: #9C9C9C; line-height: 18px; font-family: 'HelveticaNeueLight'; }
.sidebarcol p { margin: 5px 0; }
.sidebarcol .socialicons { margin: 0 0 10px 0; display: inline-block; overflow: hidden; }

.clearfloat { clear: both; line-height: 0; overflow: hidden; }

/*MAIN NAVIGATION*/
.main-nav { margin: 20px 0 0 0; padding: 0; list-style: none; float: right; }
.main-nav li { float: left; margin: 0; padding: 0 22px 0 19px; background: url(img/nav-lines-grey.gif) right 50% no-repeat; position: relative; z-index:10000; }
.main-nav li:first-child { margin-left: 0; }
.main-nav li:last-child { margin-right: 0; padding-right: 0; background-image: none; }
/* main level link */
.main-nav a { color: #4E4E4E; display: block; padding: 4px 0; margin: 0; text-decoration: none; font-size: 14px; font-family: 'HelveticaNeueLight'; }
/* main level link :hover */
.main-nav a:hover { color: #9C9C9C; }
/* current link */
.main-nav .current_page_item a, .main-nav .current-menu-item a { color: #9C9C9C; }
/* current link :hover */
.main-nav .current_page_item a:hover, .main-nav .current-menu-item a:hover { color: #9C9C9C; }
/* sub-levels link */
.main-nav ul a, .main-nav .current_page_item ul a, .main-nav ul .current_page_item a, .main-nav .current-menu-item ul a, .main-nav ul .current-menu-item a { font-family: Arial, Helvetica, sans-serif; color: #9C9C9C; padding: 6px 10px; margin: 0; width: 200px; font-size: 11px; display: block; }
/* sub-levels link :hover */
.main-nav ul a:hover, .main-nav .current_page_item ul a:hover, .main-nav ul .current_page_item a:hover, .main-nav .current-menu-item ul a:hover, .main-nav ul .current-menu-item a:hover { color: #9C9C9C; background-color:#efefef; }
/* dropdown ul */
.main-nav ul { margin: 0; padding: 0; list-style: none; position: absolute; background-color:#fff; display: none; }
.main-nav ul li {  margin: 0; padding: 0; background-image: none;  }
/* sub-levels dropdown */
.main-nav ul ul { left: 190px; top: 0; }
/* show dropdown ul */
.main-nav li:hover > ul { display: block; }

/************************************************************************************
COMMENTS
*************************************************************************************/
.commentwrap { margin: 20px 0 0; position: relative; clear: both; }
.comment-title { font-size: 140%; }
.next-prev-comment { position: absolute; top: 17px; right: 20px; }
.next-prev-comment a { color: #999; text-decoration: none; font-size: 85%; text-transform: uppercase; font-weight: bold; }
.next-prev-comment a:hover { color: #0374de; }
.next-prev-comment .next { margin: 0 0 0 20px; }
/* commentlist */
.commentlist { margin: 10px 0 0; padding: 0; list-style: none; }
.commentlist li { margin: 0; padding: 0 0 5px 95px; list-style: none; position: relative; }
.commentlist .comment-author { margin: 0 0 6px; }
.commentlist .avatar { position: absolute; top: 5px; left: 0; background: url(img/comment-images/avatar-bg.png) no-repeat; padding: 6px 7px 8px; }
.commentlist cite { font-size: 125%; font-weight: bold; font-style: normal; line-height: 140%; }
.commentlist .comment-time { color: #999; }
.commentlist .comment-arrow { width: 11px; height: 15px; display: block; background: url(img/comment-images/comment-arrow.png) no-repeat; position: absolute; top: 20px; left: -9px; }
.commentlist .comment-reply-link { position: absolute; top: 8px; right: 20px; padding: 4px 0 2px 14px; background: url(img/comment-images/reply-icon.png) no-repeat left center; font-size: 85%; text-transform: uppercase; color: #666; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.commentlist .comment-reply-link:hover { text-decoration: none; color: #0374de; }
/* sub level comments */
.commentlist ul { margin: 10px 0 0; padding: 0; }
.commentlist ul li { margin: 0; padding: 0 95px 5px 0; }
.commentlist ul .avatar { position: absolute; left: auto; right: 0 !important; }
.commentlist ul li .comment-arrow { position: absolute; left: auto; right: -9px !important; background: url(img/comment-images/comment-arrow-right.png) no-repeat; }
/* sub sub level comments */
.commentlist ul ul { margin-left: 30px; padding: 0; }
.commentlist ul ul li { margin: 0; padding: 0; }
.commentlist ul ul .avatar { right: -95px !important; }

/************************************************************************************
COMMENT FORM
*************************************************************************************/
#respond { margin: 10px 0 40px; padding: 10px 0 0; position: relative; clear: both; }
#respond .cancel-comment-reply a { position: absolute; top: 12px; right: 15px; font-weight: bold; text-decoration: none; padding: 4px 24px 6px 0; color: #999; background: url(img/comment-images/close-button.png) no-repeat right center; text-shadow: 0 1px 1px rgba(0, 0, 0, .1); }
#respond .cancel-comment-reply a:hover { color: #0374de; }
#commentform { margin: 15px 0 0; }
#commentform input[type=text] { width: 206px; margin-right: 5px; }
#commentform label { font-weight: bold; }
#commentform label small { font-weight: normal; }
#commentform textarea { width: 96.5%; height: 140px; }
#commentform input#submit { padding: 7px 20px; font-weight: bold; }
.post-comments { font-size: 125%; font-weight: bold; margin-bottom: 3px; float: left; text-shadow: 0 1px 0 rgba(255, 255, 255, .8); }

/************************************************************************************
ROUND BOX
*************************************************************************************/
.post .roundbox { padding-bottom: 20px; }
.dialog { max-width:1300px; /* max width of tl.png */ position: relative; margin-bottom: 20px; }
.dialog .hd .c, .dialog .ft .c { font-size:1px; /* ensure minimum height */ }
/* top */
.dialog .hd .c { height:10px; }
/* bottom */
.dialog .ft .c { height:12px; }
.dialog .hd { background: url(img/comment-images/tl.png) no-repeat 0px 0px; margin-right:11px; /* space for right corner */ }
.dialog .hd .c { background: url(img/comment-images/tr.png) no-repeat right 0px; margin-right:-11px; /* pull right corner back over "empty" space (from above margin) */ }
.dialog .bd { background: url(img/comment-images/ml.png) repeat-y 0px 0px; margin-right:6px; }
.dialog .bd .c { background: url(img/comment-images/mr.png) repeat-y right 0px; margin-right:-6px; }
.dialog .bd .c .s { margin:0px 2px 0px 2px; background: #fff url(img/comment-images/ms.png) repeat-x 0px 0px; padding: 1px 16px; }
.dialog .ft { background: url(img/comment-images/bl.png) no-repeat 0px 0px; margin-right:11px; }
.dialog .ft .c { background: url(img/comment-images/br.png) no-repeat right 0px; margin-right:-11px; }
/* post roundbox */
/* top */
.post .dialog .hd { background: url(img/comment-images/content-tl.png) no-repeat 0px 0px; }
.post .dialog .hd .c { background: url(img/comment-images/content-tr.png) no-repeat right 0px; }
/* middle */
.post .dialog .bd .c .s { background: #fff url(img/comment-images/content-ms.png) repeat-x 0px 0px; padding: 5px 20px; }
/* bottom */
.post .dialog .ft .c { height: 62px; display: block; }
.post .dialog .ft { background: url(img/comment-images/content-bl.png) no-repeat 0px 0px; }
.post .dialog .ft .c { background: url(img/comment-images/content-br.png) no-repeat right 0px; }
/* sidebar roundbox */
/* top */
#sidebar .dialog { margin-bottom: 10px; }
#sidebar .dialog .hd .c { height:32px; }
#sidebar .dialog .hd { background: url(img/comment-images/sidebar-tl.png) no-repeat 0px 0px; }
#sidebar .dialog .hd .c { background: url(img/comment-images/sidebar-tr.png) no-repeat right 0px; }
/* middle */
#sidebar .dialog .bd .c .s { background-image: none; padding: 10px 13px 0; }
#sidebar .roundbox { margin: 0; }

.social { height: 40px; }
.social ul { list-style: none; margin: 0; padding: 0; }
.social ul li { margin: 0 14px 0 0; float: left; width: 28px;  }
.social ul li.last { margin: 0 0 0 0; }

#search-form input {
	background: url("img/large-icons.png") no-repeat scroll 8px -857px transparent;
    border: 1px solid #DFDFDF;
    color: #5C5D5D;
    font-size: 13px;
    line-height: 16px;
    margin: 0;
    min-height: 16px;
    padding: 8px 10px 8px 35px;
    width: 154px;
}

/************************************************************************************
/* Email Signup Form */
/************************************************************************************/
.mc-field-group #mce-EMAIL { 
	background: url("img/email-icon.png") no-repeat scroll 8px 50% transparent;
    border: 1px solid #DFDFDF;
    color: #5C5D5D;
    font-size: 13px;
    line-height: 16px;
    margin: 0;
    min-height: 16px;
    padding: 8px 10px 8px 35px;
    width: 154px;
}
.mc-field-group label { display:none; }
#mc-embedded-subscribe-form input.btn { display:none;}

#mce-success-response {
    background: none repeat scroll 0 0 #E3FBE4;
    color: #529214;
    float: left;
    font-weight: bold;
    margin: 1em 0;
    padding: 10px;
    top: -1.5em;
    width: 179px;
    z-index: 1;
}

.mce_inline_error, #mce-error-response { 
	color: #D12F19;
    float: left;
    font-weight: bold;
    margin: 1em 0;
    padding: 1em 0.5em 0.5em 0;
    top: -1.5em;
    width: 80%;
    z-index: 1;
}
.doubleline, .sidebarcol .doubleline { border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; padding: 2px 0 1px 0; margin: 0 0 15px 0; }
.sidebarcol .doubleline, #homecol .colleft .doubleline { border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; padding: 2px 0 1px 0; margin: 15px 0; }

.trending-image img { margin: 0 0 15px 0; display: block; }
.postmeta { margin: 0 0 15px 0; }

.prev a, .next a { padding: 0; }
.prev a:hover, .next a:hover { text-decoration: none; }
.prev { float: left; }
.next { float: right; }

.wp-tag-cloud { margin: 0 0 10px 0; padding: 0; list-style: none; }
.wp-tag-cloud li { margin: 0; padding: 4px 0; position: relative; line-height: 20px;  }
.wp-tag-cloud li:first-child { padding-top: 0; }
.wp-tag-cloud a { font-size:14px; font-weight: bold; text-decoration: none; color: #4f4e4e; display: block; letter-spacing: .5px; }
.wp-tag-cloud a:hover { color: #9C9C9C; }

.campaign { line-height: 20px; }