/*
	Theme Name: OpenBlue
	Author: Gallivan Media based on designs from Studio:Blackwell
	Author URI: http://gallivanmedia.com
	Description: Theme for openblue.ca (developed by Gallivan Media)
	Version: 1.0
	Created: Aug 01, 2012
	Updated: Aug 08, 2012
*/

/* 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, 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 { margin:0; padding:0; border:0; vertical-align:baseline; }
ol, ul { list-style:none; }
:root { overflow-y:scroll; }
:focus { outline:0; -moz-outline-style:none; }

/* MAIN STYLES
-------------------------------------------*/
* { margin:0; padding:0; }
html { height:100%; font-family:"Georgia", "Times New Roman", Times, serif; color:#000; }
body { height:100%; background:#fff; font-size:.9em; }
body:before { content:""; height:100%; float:left; width:0; margin-top:-32767px; }
a { text-decoration:none; color:#000; }
a:hover { color:#009ac7; }
em { font-style:italic; }
blockquote { padding-left:30px; padding-right:30px; }
h1 { width:400px; margin:30px 0 30px 0; background:url('/wp-content/themes/openblue/images/h1.png') 0 10px repeat-x; }
h1 strong { background:#fff; padding:0 5px; font-family:"OBC-Heavy"; font-weight:normal; font-size:.4em; color:#000; }
h2 { margin:30px 0 30px 0; font-weight:bold; font-size:.9em; color:#009ac7; }
h3 { margin:30px 0 30px 0; font-weight:bold; font-size:.9em; color:#000; }
input[type=text], input[type=password] { width:110px; height:15px; padding:5px; font-size:.8em; line-height:15px; color:#333; }
li { display:inline; list-style-type:none; }
p { margin:0 0 22px 0; }
strong { font-family:"OBC-Black"; font-weight:normal; color:#009ac7; letter-spacing:1px; text-transform:uppercase; }
.clear { clear:both; }
	
/* LAYOUT STRUCTURE
--------------------------------------------------*/
#wrap { position:relative; width:900px; min-height:100%; margin:0 auto; padding:0; line-height:1; text-align:center; }
#header { position:relative; width:900px; text-align:center; }
#search-form { display:none; position:absolute; z-index:700; top:29px; margin-left:678px; }
#navigation { position:relative; width:900px; text-align:center; }
#content { position:relative; width:900px; min-height:400px; margin:45px 0 0 0; padding:0; }
#footer { position:relative; width:900px; text-align:center; }

/* HEADER
------------------------------------------*/
#header #logo { margin-top:38px; }
#search-form input { width:270px; border-color:#ccc; font-family:"OBC-Roman", Arial, Helvetica, sans-serif; }

/* NAVIGATION
------------------------------------------*/
#navigation { margin:35px 0 0 0; padding:0; }
#navigation ul { margin:0; padding:0; }
#navigation li { margin:0; padding:0 7px 0 12px; font-family:"OBC-Roman"; font-size:1.05em; text-transform:uppercase; letter-spacing:1px; background:url('/wp-content/themes/openblue/images/pipe.png') 0 -1px no-repeat; }
#navigation li:first-child { background:none; }
#navigation li a { text-decoration:none; }
#navigation li a:hover { color:#009ac7; }
#navigation li.current_page_item a, #navigation li.current-menu-item a { color:#009ac7; }
#navigation li.current_page_item a:hover, #navigation li.current-menu-item a:hover { color:#009ac7; }
#navigation li.current-page-ancestor a, #navigation li.current_page_ancestor a { }
#navigation li.current-page-ancestor a:hover, #navigation li.current_page_ancestor a:hover { color:#009ac7; }

/* CONTENT
----------------------------------------------*/
#content { font-size:14px; text-align:center; }
#content #title, #content .title { position:relative; width:100%; font-family:"OBC-Roman"; font-size:1.4em; text-transform:uppercase; letter-spacing:2px; }
#content #title strong, #content .title strong { font-family:"OBC-Black"; font-weight:normal; color:#009ac7; }
#content .title { padding-bottom:10px; font-size:1.1em; }
#content .service #title { margin-top:50px; width:100%; text-align:center; font-size:1em; }
#content #title strong.error { color:#b00; }
#content .copy { position:relative; width:900px; overflow:hidden; margin:28px 0 0 0; text-align:left; font-size:1.1em; font-weight:normal; line-height:1.5em; color:#333; }
#content .copy a { color:#009ac7; }
#content .copy a:hover { text-decoration:underline; }
#content .copy p { padding-right:30px; }
#content .copy ul, #content .copy ol { margin:0 0 25px 0; }
#content .copy li { display:block; list-style-type:disc; list-style-position:outside; margin-left:25px; padding-left:25px; margin-bottom:0; background-image: url('./images/bullet.gif'); background-repeat:no-repeat; background-position:0 .5em; }
#content .copy li ul { list-style-type:circle; }
#content .alignright { float:right; padding-left:15px; padding-bottom:15px; overflow:auto; }
#content .alignleft { float:left; padding-right:15px; padding-right:15px; overflow:auto; }
.service h1 { margin-bottom:7px; }
.service h3 { margin:0 0 15px 0; text-transform:uppercase; text-align:center; }
.service-image { width:700px; padding-bottom:20px; padding-left:100px; }
.service-description { width:720px; padding-left:100px; }
#testimonials { text-align:center; }
.testimonial { font-weight:bold; font-style:italic; }
.testimonial-meta { margin:0 0 50px 0; font-weight:normal; font-style:normal; }
.client { overflow:auto; padding-bottom:30px; }
.client-heading { text-align:center; }
.client-meta { font-weight:bold; font-style:italic; font-size:.9em; }
.client-meta span { color:#009ac7; }
#blog-listing { margin-top:-25px; }
.blogpost h3 { margin:0; margin-top:-25px; text-transform:uppercase; }
.blogpost .blog-content { margin-top:7px; }
.addthis_toolbox { margin:20px 0; }

/* SEARCH
--------------------------------------------*/
#search-header { padding:15px 0 10px 0; font-size:1.2em; letter-spacing:1px; text-transform:uppercase; }
#search-meta { margin:0 0 5px 0; padding:15px 0 10px 0; font-size:.9em; }
.wp-pagenavi { width:680px; margin-top:15px; font-size:.8em; color:#000; text-align:right; }
.wp-pagenavi .pages { margin:0; padding:0 7px 0 0; float:left; color:#231f20; }
.wp-pagenavi .current { text-decoration:underline; }
.wp-pagenavi span { padding:0 5px; }
.wp-pagenavi .nextpostslink, .wp-pagenavi .first { padding-left:10px; text-transform:uppercase; }
.wp-pagenavi .previouspostslink, .wp-pagenavi .last { padding-right:8px; text-transform:uppercase; }
.copy .wp-pagenavi a { padding:0 5px; text-decoration:none; }
.copy .wp-pagenavi a.search-button-right { float:right; margin:0 0 0 5px; padding:0 19px 0 0; font-size:1em; color:#000; text-transform:uppercase; text-align:right; background:url('./images/but-arrow.png') 6px right no-repeat; }
#content-search { margin:20px 0 0 18px; }
#content-search #search-label { font-size:.9em; letter-spacing:1px; }
#content-search input { width:373px; height:25px; margin:0 0 10px 1px; border-color:#000; font-size:1em; }
#content-search input.submit { width:140px; height:35px; margin:0 0 10px 1px; border-color:#000; font-size:.9em; cursor:pointer; background:#000; color:#fff; border:0; padding:0 10px; }
.did-you-mean { padding-top:30px; font-size:.9em; margin-bottom:15px; }

/* GENERAL SEARCH RESULTS
--------------------------------------------*/
.general-search { margin-bottom:25px; }
.general-search #content-search { margin:20px 0 20px 70px; }
.general-search .list-result a { display:block; height:28px; margin:0 0 5px 0; padding:5px 0 0 0; border-bottom:1px solid #ccc; font-size:.9em; text-decoration:none; }
.general-search .list-result a:hover { height:25px; }
.general-search .archive-title { margin:0 0 15px 0; font-size:1em; color:#000; }
.general-search #content-search div.button { float:none; }

/* FOOTER
--------------------------------------------*/
#footer { clear:both; padding:50px 0 0 0; text-align:center; }
#footer a { text-decoration:none; }
#footer a:hover { color:#009ac7; }
#footer-copy { padding-bottom:30px; font-family:"OBC-Roman"; font-size:1em; color:#222; }
#company-title { display:inline; padding-right:8px; font-family:"OBC-Heavy"; letter-spacing:1px; color:#009ac7; }
#company-address { display:inline; padding-right:8px; }
#company-telephone { display:inline; padding-right:8px; }
#company-email { display:inline; }

/* HOMEPAGE
--------------------------------------------*/
.slide-details { position:absolute; z-index:9999; margin-top:-123px; width:900px; padding:20px 0; background:#fff; }
.slide-text { font-size:1.1em; }
.slide-text a { padding-left:7px; font-size:.9em; text-transform:uppercase; text-decoration:none; color:#009ac7; font-family:"OBC-Black"; }
#slideshow-prev { position:absolute; z-index:99999; margin-top:160px; left:0; width:23px; height:83px; background:url('./images/bg_slideshow-prev.png') 0 30px no-repeat; padding:20px; margin-left:40px; }
#slideshow-prev:hover { background-position:0 -74px; }
#slideshow-next { position:absolute; z-index:99999; margin-top:160px; width:23px; height:83px; right:0; background:url('./images/bg_slideshow-next.png') 0 30px no-repeat; padding:20px; }
#slideshow-next:hover { background-position:0 -74px; }

/* FONTS
------------------------------------------------------*/
@font-face {
    font-family: 'OBC-Black';
    src: url('./fonts/OBC-Black.eot');
    src: url('./fonts/OBC-Black.eot?#iefix') format('embedded-opentype'),
         url('./fonts/OBC-Black.woff') format('woff'),
         url('./fonts/OBC-Black.otf') format('truetype'),
         url('./fonts/OBC-Black.svg#OBC-Black') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OBC-Book';
    src: url('./fonts/OBC-Book.eot');
    src: url('./fonts/OBC-Book.eot?#iefix') format('embedded-opentype'),
         url('./fonts/OBC-Book.woff') format('woff'),
         url('./fonts/OBC-Book.otf') format('truetype'),
         url('./fonts/OBC-Book.svg#OBC-Book') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OBC-BookOblique';
    src: url('./fonts/OBC-BookOblique.eot');
    src: url('./fonts/OBC-BookOblique.eot?#iefix') format('embedded-opentype'),
         url('./fonts/OBC-BookOblique.woff') format('woff'),
         url('./fonts/OBC-BookOblique.otf') format('truetype'),
         url('./fonts/OBC-BookOblique.svg#OBC-BookOblique') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OBC-Heavy';
    src: url('./fonts/OBC-Heavy.eot');
    src: url('./fonts/OBC-Heavy.eot?#iefix') format('embedded-opentype'),
         url('./fonts/OBC-Heavy.woff') format('woff'),
         url('./fonts/OBC-Heavy.otf') format('truetype'),
         url('./fonts/OBC-Heavy.svg#OBC-Heavy') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OBC-Roman';
    src: url('./fonts/OBC-Roman.eot');
    src: url('./fonts/OBC-Roman.eot?#iefix') format('embedded-opentype'),
         url('./fonts/OBC-Roman.woff') format('woff'),
         url('./fonts/OBC-Roman.otf') format('truetype'),
         url('./fonts/OBC-Roman.svg#OBC-Roman') format('svg');
    font-weight: normal;
    font-style: normal;
}