/*
Theme Name: Edinburgh Designs 2013
Description: Theme for Edinburgh Designs project
Author: Border Crossing Media (<a href="http://www.bordercrossingmedia.com">http://www.bordercrossingmedia.com</a>)
Version: 1.0
Template: twentytwelve
*/

/* @import url("../twentytwelve/style.css"); */



/* Enabling Blueprint CSS framework */
@import url("css/blueprint/screen.css");
@import url("css/blueprint/print.css");
/* @import url("css/blueprint/ie.css"); */
/* END: Enabling Blueprint CSS framework */

@import url("css/blueprint/mobile-fix.css");

body { color: #454545; background-image: url(./images/backdrop.jpg); background-position: center 124px; background-repeat: no-repeat; background-color: #fff; margin: 10px 0; font-size: 14px; }
p { text-align: left; margin-bottom: 1em; }
a:link, a:visited { font-weight: normal; text-decoration: underline; color: #0cb7cb; }

/* Lists */
ul, ol, dl { margin-bottom: 20px; }
li ul, li ol { margin-top: 10px; }
ul li { background-repeat: no-repeat; padding-left: 0; list-style: none; list-style-image: url(./images/list-portfolio-bullet.png); margin: 0 0 0 0; }
li ul, li ol { margin: 10px 0 10px 0; }
/* Lists */

table tbody tr:nth-child(2n) td, tbody tr.even td {
    background: none repeat scroll 0 0 #E8F4F6;
}

input[type=submit],
input.submit,
input#submit,
form input[type=button],
input.button,
input#button { background-color: #0CB7CB; background-image: url("./images/form-comment-button-header-bg.png"); background-repeat: no-repeat; border-width: 0; color: #FFFFFF; cursor: pointer; height: 27px; padding: 0 10px 0 35px; vertical-align: top; margin-bottom: 20px; }

input[type=submit]:hover,
input.submit:hover,
input#submit:hover,
form input[type=button]:hover,
input.button:hover,
input#button:hover { background-color: #1d9baa; }

select { padding: 5px;  background-color: #E8F4F6; border-width: 0; }

hr { border-bottom: 1px solid #ececec; height: 1px; font-size: 1px; margin: 30px 0; padding: 0; }
h1,
h1 a,
h1 a:link,
h1 a:visited { color: #100f0f; font-size: 30px; margin: 0 0 15px 0; font-family: "Corbel"; font-weight: normal; text-decoration: none; }

h2,
h2 a,
h2 a:link,
h2 a:visited { color: #4ebfcc; font-size: 24px; margin: 0 0 15px 0; font-family: "Corbel"; font-weight: normal; text-decoration: none; }

h3,
h3 a,
h3 a:link,
h3 a:visited { color: #100f0f; font-size: 22px; margin: 0 0 15px 0; font-family: "Corbel"; font-weight: normal; text-decoration: none; }

h4,
h4 a,
h4 a:link,
h4 a:visited { font-size: 20px; margin: 0 0 15px 0; font-family: "Corbel";  text-decoration: none; }

h5,
h5 a,
h5 a:link,
h5 a:visited { font-size: 18px; margin: 0 0 15px 0; font-family: "Corbel";  text-decoration: none; }

h6,
h6 a,
h6 a:link,
h6 a:visited { font-size: 16px; margin: 0 0 15px 0; font-family: "Corbel";  text-decoration: none; }

img.aligntopleft { margin: 0 15px 15px 0; float: left; }

img.alignright {float:right; margin:1em 0 1em 1em}
img.alignleft {float:left; margin:1em 1em 1em 0}
img.alignnone { margin-top:1em; margin-bottom: 1em; }
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}

/* Header */

div#header { height: 114px; }
div#header #search-form { text-align: right; text-align: right; height: 63px; margin-top: 10px; }

form#searchform input#s { background-color: #e8f4f6; border-width: 0; width: 107px; height: 23px; font-size: 12px; padding: 2px 5px 2px 5px; margin-top: 0; }
form#searchform input#searchsubmit { background-image: url(./images/form-search-button-header-bg.png); width: 29px; height: 27px; border-width: 0; cursor: pointer; vertical-align: top; padding: 0; }

div#top-navigation { text-align: right; }
div#top-navigation ul#menu-top-navigation { margin: 0; padding: 0; }
div#top-navigation ul#menu-top-navigation li { float: left; display: block; list-style: none;  margin-right: 1px; font-size: 18px; font-family: Corbel;  }
div#top-navigation ul#menu-top-navigation li a { color: #4ebfcc; text-decoration: none; border-bottom: 3px solid #4ebfcc; display: block; padding-right: 41px; font-weight: 100; line-height: 24px; }
div#top-navigation ul#menu-top-navigation li a:hover { border-bottom: 3px solid #16808c;  }
div#top-navigation ul#menu-top-navigation li.current_page_item a,
div#top-navigation ul#menu-top-navigation li.current-page-ancestor a,
div#top-navigation ul#menu-top-navigation li.current_page_parent a { color: #16808c; border-bottom: 3px solid #16808c; }

/* END: Header */

/* Content */

#content { padding-top: 12px; }

/* END: Content */

/* Homepage three pre-footer sections */

.home-latest-news-thumbnail { float: left; }
.home div.wpcf-field-portfolio-images-value { float: left; width: 97px; }

.home div#wpcf-field-portfolio-images,
.home div#wpcf-field-portfolio-images-2,
.home div#wpcf-field-portfolio-images-3 { float: left; width: 97px; overflow: hidden; }

.home div#wpcf-field-portfolio-images,
.home div#wpcf-field-portfolio-images-2 { margin-right: 8px; }
.home div#wpcf-field-portfolio-images-3 { margin-right: 0; }

div#featured-image { margin-bottom: 20px; }

h2.pre-footer {}
h2.pre-footer a { color: #100f0f; text-decoration: none; }
h3.pre-footer {}
h3.pre-footer a { color: #100f0f; text-decoration: none; }

/* END: Homepage three pre-footer sections */

/* Footer */

footer { margin-top: 40px; }
footer#colophon { background-color: #e8f4f6; padding: 15px; color: #454545; }
footer p.address { margin-bottom: 20px; }
footer p.phone-email { margin-bottom: 0; }
footer p.phone-email a { color: #16808c; }
footer a:hover { color: #1d5157;  }

footer div#footer-navigation {}
footer div#footer-navigation {}
footer div#footer-navigation ul#menu-footer-navigation { margin: 0; padding: 0; }
footer div#footer-navigation ul#menu-footer-navigation li { display: block; list-style: none;  margin: 0 30px 0px 0; padding-left: 0;}
footer div#footer-navigation ul#menu-footer-navigation li a { color: #16808c; display: block; font-weight: normal; }
footer div#footer-navigation ul#menu-footer-navigation li a:hover { color: #1d5157;  }
footer div#footer-navigation ul#menu-footer-navigation li.current_page_item a { color: #1d5157; }

footer .copyright {  }
footer .copyright #footer-logo { margin-right: 10px; padding: 0; vertical-align: middle; }
footer #text { background-image: url(./images/footer-logo.png); padding: 0 0 0 100px; background-repeat: no-repeat; }
footer p#text { margin: 0; }

footer .section-2,
footer .section-3 { border-left: 1px solid #add4d9; padding-left: 10px; }
footer .section-3 { padding-top: 84px; }

/* END: Footer */

/* Side navigation */

#side-navigation-container h2 { color: #100f0f; font-size: 24px; }
#side-navigation-container h3 { color: #100f0f; font-size: 24px; }
#side-navigation-container ul#side-navigation { padding: 0; list-style: none; }
#side-navigation-container ul#side-navigation li { color: #0cb7cb; font-size: 14px; list-style: none; padding: 0; }
#side-navigation-container ul#side-navigation li a { color: #0cb7cb; font-size: 14px; text-decoration: none; display: block; padding: 0 0 0 10px; }
#side-navigation-container ul#side-navigation li a:hover { color: #fff; background-color: #96d9e1;}
#side-navigation-container ul#side-navigation li a.current,
#side-navigation-container ul#side-navigation li.current_page_item a { color: #fff; background-color: #4ebfcc; }

#side-navigation-container aside ul { padding: 0; list-style: none; }
#side-navigation-container aside ul li { color: #0cb7cb; font-size: 14px; list-style: none; padding: 0; }
#side-navigation-container aside ul li a { color: #0cb7cb; font-size: 14px; text-decoration: none; display: block; padding: 0 0 0 10px; }
#side-navigation-container aside ul li a:hover { color: #fff; background-color: #96d9e1;}
#side-navigation-container aside ul li a.current,
#side-navigation-container aside ul li.current_page_item a { color: #fff; background-color: #4ebfcc; }


/* END: Side navigation */

/* Breadcrumbs */

.breadcrumbs { font-size: 12px; margin-bottom: 20px; }
.breadcrumbs a { font-size: 12px; }

/* END: Breadcrumbs */

/* Product listing */

.product-details-container { }
.product-details-container h2,
.product-details-container h2 a { font-size: 17px; color: #2b2b2b; text-decoration: none; margin-bottom: 11px; line-height: 18px; }
.product-details-container div.description { border-left: 3px solid #addfe5; padding-left: 14px; margin-top: 10px; height: 66px; }
.product-details-container .product-details { margin-bottom: 30px; }

/* END: Product listing */

/* Portfolio listing */

.portfolio-details-container { }
.portfolio-details-container h2,
.portfolio-details-container h2 a { font-size: 17px; color: #2b2b2b; text-decoration: none; margin-bottom: 11px; line-height: 18px; }
.portfolio-details-container div.description { border-left: 3px solid #addfe5; padding-left: 14px; margin-top: 10px; height: 66px; }
.portfolio-details-container .portfolio-details { margin-bottom: 30px; }

/* END: Portfolio listing */

/* Product single template */

div.product-single div.free-form-text-top h2,
div.product-single div.free-form-text-bottom h2 { border-top: 1px solid #ececec; margin-top: 40px; padding-top: 25px; }

/* END: Product single template */

/* Portfolio single template */

div.portfolio-single div.free-form-text-top h2,
div.portfolio-single div.free-form-text-bottom h2 { border-top: 1px solid #ececec; margin-top: 40px; padding-top: 25px; }

div#specifications-holder { overflow: auto; }
div#specifications-holder ul { margin: 0; }
ul#specifications-left { float: left; width: 315px; overflow: hidden; padding: 0 0 0 13px; margin: 0 40px 0 0; }
ul#specifications-right { float: left; width: 315px; overflow: hidden; padding: 0 0 0 13px; margin: 0 0 0 25px !important; }

ul#specifications-left li,
ul#specifications-right li { overflow: visible; width: 315px;  background-repeat: no-repeat; padding-left: 0; list-style: none; list-style-image: url(./images/list-portfolio-bullet.png); margin: 0 30px 10px 0; }

/* END: Portfolio single template */

/* Image carousel */

div.content { display: none; float: left; }
div.content a, div.navigation a { text-decoration: none; color: #777; }
div.content a:focus, div.content a:hover, div.content a:active { text-decoration: underline; }
div.controls { margin-top: 5px; height: 23px; }
div.controls a { padding: 5px; }
div.ss-controls { float: left; }
div.nav-controls { float: right; }
div.slideshow-container { position: relative; clear: both; }
div.loader { position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-position: center; width: 550px; height: 502px; }
div.slideshow { }
div.slideshow span.image-wrapper { display: block; top: 0; left: 0; position: absolute;  }
div.slideshow a.advance-link { display: block; text-align: left;  }
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited { text-decoration: none; }
div.slideshow img { vertical-align: middle; width: 550px; max-width: 550px; height: auto; }
div.download { float: right; }
div.caption-container { position: relative; clear: left; height: 75px; }
span.image-caption { display: block; top: 0; left: 0; }
div.caption { padding: 12px; }
div.image-title { font-weight: bold; font-size: 1.4em; }
div.image-desc { line-height: 1.3em; padding-top: 12px; }
div.navigation { }
div#thumbs { width: 127px !important; padding: 0 22px 0 0; border-right: 2px solid #0cb7cb; margin-right: 11px; overflow-y: scroll; overflow-x: hidden; height: 310px; }
ul.thumbs { clear: both; margin: 0; padding: 0; }
ul.thumbs li { float: left; padding: 0; margin: 0 0 6px 0; list-style: none; }
a.thumb { display: block; }
ul.thumbs li.selected a.thumb { background: #000; }
a.thumb:focus { outline: none; }
ul.thumbs img { border: none; display: block; }
div.pagination { clear: both; }
div.navigation { float: left; }
div.navigation div.top { margin-bottom: 12px; height: 11px; }
div.navigation div.bottom { margin-top: 12px; }
div.pagination a, div.pagination span.current, div.pagination span.ellipsis { display: block; float: left; margin-right: 2px; padding: 4px 7px 2px 7px; border: 1px solid #ccc; }
div.pagination a:hover { background-color: #eee; text-decoration: none; }
div.pagination span.current { font-weight: bold; background-color: #000; border-color: #000; color: #fff; }
div.pagination span.ellipsis { border: none; padding: 5px 0 3px 2px; }
div#carousel-container { overflow: hidden; height: 310px; margin-bottom: 40px; }

/* END: Image carousel */

/* Blog */

#side-navigation-container h3.widget-title { margin-top: 6px; }

article { margin-bottom: 10px; }
article header { margin-bottom: 15px; }
article header img.avatar { margin-right: 10px; }
article header h1 { margin-bottom: 5px; }
article header cite { margin-right: 10px; }
article section.comment { background-color: #E8F4F6; padding: 10px 10px 10px 10px; margin-bottom: 10px; }
article section.comment p { margin: 5px 5px; }

ol.commentlist { padding: 0; }
ol.commentlist li { padding: 0; margin: 0 0 20px 0; list-style: none; }

.single-post article footer { border-top: 1px solid #ececec;  margin: 30px 0 0 0; padding: 30px 0 0 0; }
.single-post nav { margin: 10px 0 0 0; padding: 0; }
.single-post div#comments { border-top: 1px solid #ececec;  margin: 30px 0 0 0; padding: 30px 0 0 0; }
.single-post div#comments h2 { line-height: 24px; margin-bottom: 30px; }

form input[type="text"],
form input[type="password"],
form input[type="url"],
form input[type="email"],
form input.text,
form input.title,
form textarea { background-color: #E8F4F6; border-width: 0; font-size: 12px; height: 23px; margin-top: 0; padding: 2px 5px; width: 500px; font-size: 14px; }

form input.short { width: 150px; }
form input.medium { width: 300px; }
form input.wide { width: 500px; }

form textarea { width: 500px; height: 250px; padding: 5px; font-family: "Helvetica Neue", Arial; font-size: 14px; }

form label { width: 90px; font-family: "Corbel"; float: left; display: block; }

form input#submit { background-image: url("./images/form-comment-button-header-bg.png"); background-repeat: no-repeat; background-color: #0cb7cb; border-width: 0; cursor: pointer; height: 27px; vertical-align: top; padding: 0 10px 0 35px; color: #fff; }

form input#submit:hover { background-color: #1d9baa; }
/* END: Blog */

/* Our story */

table.our-story-table { width: 700px; }
table.our-story-table tbody tr:nth-child(2n) td,
table.our-story-table tbody tr.even td { background-color: transparent; }
table.our-story-table td.content { width: 347px; vertical-align: top; }
table.our-story-table td.content.text { background-color: #e8f4f5; }
table.our-story-table td.content.position-left { padding: 0 13px 0 0; }
table.our-story-table td.content.position-left,
table.our-story-table td.content.position-left p { text-align: right;  }
table.our-story-table td.content.position-right { padding: 0 0 0 13px; }
table.our-story-table td.content.position-right,
table.our-story-table td.content.position-right p { text-align: left; }
table.our-story-table td p { margin: 43px 0 7px 0; }
table.our-story-table td.middle { width: 5px; background-color: #4EBFCC !important; padding: 0; }
table.our-story-table td.in-betweener { background-color: transparent; height: 10px; }
table.our-story-table td.in-betweener.middle { width: 5px; background-color: #4EBFCC !important; padding: 0; }
table.our-story-table td.content h4 { font-size:40px; color: #000; margin-top: 0; padding: 0; line-height: 29px; margin-bottom: 20px; font-weight: normal; }
table.our-story-table td img { vertical-align: top; }

/* END: Our story */

/* Hiding images generated by shortcodes of Types plugin */

.wpcf-field-portfolio-images,
.wpcf-field-product-image-carousel,
.wpcf-field-image wpcf-field-portfolio-images { display: none;}

/* END: Hiding images generated by shortcodes of Types plugin */