/*
Theme Name: BC Strategies
Theme URI: http://www.bcstrategies.co.uk/
Description: Theme design for BC Strategies.
Version: 1.0
Author: Brom Sulaiman
*/

body{margin:0;background-color:#2a2a2a;font-family:Helvetica,Arial,sans-serif;color:#323232;}

.inner-wrapper{width:795px;margin:auto;}
#header{background-color:#FFF;padding:0 0 15px 0;}
#logo{float:left;}
#logo a{display:block;background:url(images/logo.jpg) no-repeat;height:81px;width:310px;}
#logo h1{margin:0;text-indent:-9999px;}

/* Style */
h1, h2, h3, h4, h5{letter-spacing:-0.07em;}
a{color:#1597d3;}
a:hover{text-decoration:none;}
.clear{clear:both;}
.red{color:#F00;}

/* Search facility */
#search-box{margin-bottom:20px;}
form#searchform{width:250px;margin-bottom:20px;}
form#searchform input#s {font-size:12px;width:170px;outline:0 !important;}
input#searchsubmit{float:right;}

/* Main navigation */
#navigation{float:right;font-size:15px;margin-top:45px;}
#navigation ul{margin:0;padding:0;}
#navigation ul li{list-style:none;display:inline;text-align:center;}
#navigation ul a{color:#323232;text-decoration:none;padding:10px 10px 20px 10px;}
#navigation ul a:hover, #navigation ul .current_page_item a, #navigation ul .current_page_ancestor a, #navigation ul .current_page_parent a{background:#1597d3 url(images/nav-btm.png) bottom center no-repeat;color:#FFF;}

/* Captions */
.aligncenter,
div.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.wp-caption {border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 4px;margin: 10px;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.wp-caption img {margin: 0;padding: 0;border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 10px;padding: 5px;margin: 0;}

/* Banner */
#banner{background:#2a2a2a url(images/banner-bg.png) top repeat-x;color:#FFF;padding:20px 0;}
#banner h1{margin:0;font-size:35px;text-transform:uppercase;line-height:normal;}
#banner h1 a{text-decoration:none;color:#FFF;}
#banner h1 a:hover{text-decoration:underline;}
#banner .light-grey a {color:#c0c0c0;}
#banner .dark-grey a{color:#898989;}
#banner-home-left{width:480px;float:left;}
#banner-home-middle{color:#1597d3;font-size:100px;float:left;text-align:center;width:80px;line-height:normal;}
#banner-home-right{float:right;width:215px;font-size:14px;line-height:18px;}
#banner-home-right a, #content-home-left a, #content-home-right a{color:#ffa800;}
#banner-home-right a:hover, #content-home-left a:hover, #content-home-right a:hover{text-decoration:none;}

/* Contact page */
input.contact-input, textarea.contact-input {background-color:#dddddd;border:none;padding:10px;width:95%;}
.contact-submit{color:#FFF;height:40px;width:122px;text-align:center;background:url(images/contact-submit.png) no-repeat;border:none;font-size:20px;letter-spacing:-0.09em;float:right;}

/* Content */
#content{background:#000 url(images/content-bg.jpg) bottom left no-repeat;padding-bottom:120px;font-size:14px;}
#content-home-left, #content-home-right{background-color:#3f3f3f;margin-top:25px;padding:20px 15px;color:#FFF;}
#content-home-left h2, #content-home-right h2{color:#FFF;font-size:28px;margin:0 0 15px 0;}
#content-home-left p, #content-home-right p{margin-bottom:0;}
#content-home-left{width:397px;float:left;line-height:normal;}
#content-home-right{width:313px;float:right;line-height:normal;}
.bluetext{color:#1597d3;}
#content-left{float:left;width:485px;background-color:#FFF;margin-top:13px;}
#content-left h5{margin-bottom:0;}
#content-right{float:right;width:298px;background:#9e9e9e url(images/rightcol-bg.png) top center no-repeat;}
#content-left h2, #content-right h2{margin:0 0 10px 0;font-size:30px;} 
#content-right ul{margin:0;padding:0;list-style:none;font-size:18px;font-weight:bold;letter-spacing:-0.09em;text-transform:uppercase;}
#content-right ul a{text-decoration:none;color:#323232;padding:8px 10px;display:block;margin-bottom:10px;}
#content-right ul a:hover, #content-right ul .current_page_item a, #content-right ul .current_page_ancestor a, #content-right ul .current_page_parent a{color:#FFF;background-color:#1597d3;}
#content-left-inner{padding:20px 15px;}
#content-left-inner li{list-style:url(images/bullet.png);}
#content-right-inner{padding:50px 15px 5px 15px;}

/* Blog */
.blog-date{color:#666;}
textarea#comment{border:none;background-color:#cecece;padding:10px;width:95%;}
.blog-title{font-size:22px;margin:10px 0;}
#content-right h2.widgettitle{font-size:14px;margin:10px 0;}
#commentlist ul{margin:0;padding:0;}
#commentlist ul li{list-style:none;}
.comment-main{background-color:#ccc;padding:20px;}
.avatar-wrap{margin-right:10px;float:left;}
.comment-name{font-size:15px;font-weight:bold;}
.comment-date{font-size:11px;font-weight:bold;margin-top:4px;}
.comment-content{font-size:13px;}

/* Sidebars */
#search-3{margin-top:15px;}
#text-3 h2{font-size:20px;text-align:center;}
.home-tel, .mobile-tel{font-size:22px;font-weight:bold;margin-top:30px;}
.home-tel{height:26px;padding:10px 0 0 45px;background:url(images/icon-telephone.png) left no-repeat;}
.mobile-tel{height:26px;padding:10px 0 0 45px;background:url(images/icon-mobile.png) left no-repeat;}
.email-contact{font-size:16px;font-weight:bold;margin:30px 0;height:26px;padding:10px 0 0 45px;background:url(images/icon-email.png) left no-repeat;}
.email-contact a{color:#323232;}
#content-right h2.widgettitle{font-size:14px;margin:20px 0 0 0;}
#content-right #recent-posts-3 ul, #content-right #categories-3 ul, #content-right #recent-comments-4 ul{font-size:12px;color:#FFF; text-transform:none;list-style:}
#content-right #recent-posts-3 ul a, #content-right #categories-3 ul a, #content-right #recent-comments-4 ul a{color:#FFF;background-color:#4d4d4d;margin-bottom:2px;font-weight:normal; letter-spacing:normal;}
#content-right #recent-posts-3 ul a:hover, #content-right #categories-3 ul a:hover, #content-right #recent-comments-4 ul a:hover{background-color:#333;}

/* Footer */
#footer{padding:30px 0;color:#FFF;font-size:12px;background:#2a2a2a url(images/banner-bg.png) top repeat-x;line-height:normal;}
#footer-links{float:left;}
#footer-links ul{margin:0;padding:0;list-style:none;}
#footer-links ul li{display:inline;margin-right:5px;}
#footer-links ul a{color:#FFF;text-decoration:underline;}
#footer-links ul a:hover{text-decoration:none;}
#copyright{font-size:11px;padding-top:10px;}
#linkedin{color:#FFF;float:right;adding:5px 30px 0 0;font-size:10px;}
#linkedin a{display:block;width:87px;height:33px;background:url(images/linkedin.png) no-repeat;text-indent:-9999px;}
#iambrom{text-align:center;margin-top:50px;font-size:10px;}
#iambrom a{height:35px;width:87px;display:block;background:url(images/iambrom.png) top no-repeat;text-indent:-9999px;margin:auto;}
#iambrom a:hover{background:url(images/iambrom.png) bottom no-repeat;}

/* Begin Images */
p img {padding: 0;max-width: 100%;}
img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;}
img.alignleft {padding: 4px;margin: 0 7px 2px 0;display: inline;}
.alignright {float: right;}
.alignleft {float: left;}