/*
Theme Name: Webstrong Template.
Theme URI: http://wordpress.org/
Description: Brim Brothers website.
Version: 1.1
Author: www.brimbrothers.com
Author URI: www.brimbrothers.com
*/

/* Blue=#5d86c4 Green=#99d261 Orange=#ff8656 Grey =#bcbdbf */
/* Darker green (better on white) #89c251 */



/* Defaults for various types of element */
body {
  margin:0;
  padding:0;
  line-height: 1.5em;
  background:#ffffff;
  font-family:arial, verdana, sans-serif;
  font-size:9pt;
  background-image:url(/wp-content/themes/webstrongTemplate/images/bgbike2.jpg);
  background-position:bottom right;
  background-repeat:no-repeat;
}

img {
  margin: 0;
  padding: 0;
  border: 0 none;
}

p, ul, ol, dl {
  color:#404040;
  font-family:arial, verdana, sans-serif;
  font-size:9pt;
  margin:5px 0 5px 0;
}
b {
  font-size: 110%;
}
dt {
  font-style:italic;
}
dd {
  padding-bottom:6px;
}

h1 {
  color:#5d86c4;
  background-image:url(/wp-content/themes/webstrongTemplate/images/h1.png);
  background-repeat:no-repeat;
  font-size:16pt; 
  margin:25px 0 0 0;
  padding:0 25px 10px 25px;
}
h2 {
  color:#99D261;
  font-size:14pt;
  margin:0;
  padding:8px 10px 8px 10px;
}
h3 {
  color:#bcbdbf;
  font-size:12pt;
  margin:0 0 6px 15px;
  padding:3px 0 0 0;
}
a:link, a:visited {
  text-decoration:none;
  color:#5d86c4;
  font-weight:bold;
}
a:active {
}
a:hover {
  color:#ff8656;
}


/* Principal structural containers */
/* We have a top section of full width, 2 columns below that, and a footer full width at the bottom. */
#maincontainer {
  width:100%;
  margin:0;
  padding:0;
  background:transparent;
  background-image:url(/wp-content/themes/webstrongTemplate/images/rhcolumnbg.gif);
  background-position:top right;
  background-repeat:repeat-y;
}

#topsection {
  background: #ffffff;
  margin:0;
  padding:0 0 5px 0;
}

#rhsidebar {
  float:right;
  width:230px;
  background:transparent;
  margin:5px 5px 0 0;
  padding:0 0 0 0;
  height:100%;
}

#maincolumn {
  width: auto;
  margin-right:250px; /* Leave room for rh sidebar */
  background:transparent;
  padding:0 5px 0 20px;
}

/* The page footer */
#footer {
  clear:both;
  width:100%;
  background:#bcbdbf;
  text-align:left;
  margin:0;
  padding:0;
}
div#footer p {
  margin:0;
  padding:0 5px 0 5px;
  color:#e0e0e0;
  font-size:8pt;
}

.innertube {
  margin:0; /*Margins for inner DIV inside each column (to provide padding)*/
}



/* The navigation bar across the top */
#mb {
  width:100%;
  background:#bcbdbf;
  padding:1px 0 1px 0;
  border-top:solid 2px #e0e0e0;
  border-bottom:solid 2px #707070;
}
.mattblacktabs {
  width:auto;
  overflow: hidden;
}

.mattblacktabs ul {
  margin: 0;
  padding: 0;
  padding-left: 10px; /*offset of tabs relative to browser left edge*/
  font: bold 14px arial, verdana, sans-serif;
  list-style-type: none;
}

.mattblacktabs li {
  display: inline;
  margin: 0;
}

.mattblacktabs li a {
  float: left;
  display: block;
  text-decoration: none;
  margin: 0;
  padding: 3px 8px 3px 8px; /*7px 8px;*/ /*padding inside each tab*/
  color: white;
  background: #bcbdbf; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited {
  color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a {
  background:#5D86C4; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

/* Elements in blog posts */
div.post p.byline {	/* The byline (usually date & author etc) */
  margin:0 0 0 1em;
  font-style:italic;
  color:#a0a0a0;
}

/* Captions & aligment for images embedded in text of posts & pages */
.aligncenter,
a .aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignleft, 
a .alignleft {
  float: left;
  margin:0 1em 1em 0;
}

.alignright,
a .alignright {
  float: right;
  margin:0 0 1em 1em;
}


.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: 11px;
  line-height: 17px;
  padding: 0 4px 5px;
  margin: 0;
}

/* The sidebar of a blog post and captioned images in it */
div.postsidebar {
  float:left; 
  margin:5px 0 0 0; 
  width:115px;
}
div.postsidebar div.imagebox {
  border: 1px solid #c0c0c0;
  text-align: center;
  background-color: #e0e0e0;
  margin:15px 0 15px 0;
  padding:0;
  width:105px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
div.postsidebar div.imagebox img {
  clear:left;
  margin: 0;
  padding: 0;
  border: 0 none;
}
div.postsidebar div.imagebox p {
  color:#808080;
  font-size: 11px;
  line-height: 12px;
  padding: 2px;
  margin: 0;
}


/* End captions & aligment */

/* The faq page */
div.faq {
  margin-top:15px;
}
div.faq dt {
  color:#89c251; /* #99d261;*/
  font-weight:bold;
}

/* Miscellaneous small elements on a page */
/* The text phrase at the top right of the page */
.tag {	
  float:right;
  color:#cccccc;
  font-size:16pt;
  font-weight:lighter;
  margin-right:20px;
  margin-top:10px;
}
/* The Brim Bros logo at the top of each page */
.logo {
  margin:10px 30px 10px 30px;
  padding:0;
  border:none;
}

/* The highlight boxes on the main page */
#b1 {
  width:180px;
  margin:2px 10px 5px 10px;
  float:right;
  background:#0C4B8A;
  padding:2px;
}
#b2 {
  width:180px;
  margin:2px 10px 5px 10px;
  float:right;
  background:#0C4B8A;
  padding:2px;
}
#b3 {
  width:180px;
  margin:2px 10px 5px 10px;
  float:right;
  background:#0C4B8A;
  padding:2px;
}
#b1a {
  background:#5D86C4;
  background-image:url('images/bgshape7.gif');
  background-repeat:no-repeat;
  background-position:bottom right;
  padding:5px 5px 5px 5px;
}
#b2a {
  background:#5D86C4;
  background-image:url('images/bgshape5.gif');
  background-repeat:no-repeat;
  background-position:right;
  padding:5px 5px 5px 5px;
}
#b3a {
  background:#5D86C4;
  background-image:url('images/bgshape6.gif');
  background-repeat:no-repeat;
  background-position:bottom;
  padding:5px 5px 5px 5px;
}
#rss {
  background:#5D86C4;
  margin:0 0 0 10px;
  width:213px;
  padding:5px 0 15px 5px;
}
.rss {
  margin:0 0 0 70px;
  padding:0;
  border-collapse:collapse;
}

#sidebar {	/* The sidebar content is structured as a list */
  list-style-type: none;
  padding:0;
  margin:0;
}
#splashbox {  /* Splash text in the sidebar */
  background-color:transparent;
  /* height:280px; */	/* Just bigger than bg image */
  margin:0;
  padding:0;
  text-align:center;
}
#splashbox p {
  color:#ff8656;
  font-size:14pt;
  font-weight:bold;
  padding:55px 0 0 0;	/* Push text down a bit */
}

#subscribe {  /* The email subscription form */
  text-align:center;
  padding:0 0 3px 0;
  margin:3px;
  border:solid 2px #5d86c4;
  background:#D9E3F1;
}
#subscribe form p {
  margin:0;
  padding:0;
}
#subscribe form p, #subscribe form input {
  font-size:7.5pt;
}
#subscribe h2 {
  color:#a0a0a0;
  font-size:10pt;
  margin:0;
  padding:2px 2px 0 2px;
  /*background:#5d86c4;*/
}
#sidebar .notebox {	/* A text box in the sidebar */
  background:#b0d0f8;
  border:1px solid #5d86c4;
  margin:0 3px 0 3px;
  padding:0 3px 0 3px;
}
#sidebar .notebox h2 {	/* A text box in the sidebar */
  color:white;
  text-align:center;
  margin:0;
  padding:3px 1px 1px 1px;
}

#form {
  margin:0;
  padding:0;
}


.news {
  margin:0 3px 0 0;
  color:#fff;
  font-size:12px;
  float:right;
  width:150px;
  padding:0;
}
.boxtxt {	/* Blue text boxes */
  color:#fff;
  font-size:12px;
  padding:0;
  margin:0;
}
.boxtxt a:link,.boxtxt a:visited {
  color:white;
  font-weight:bold;
}
.boxtxt a:hover {
  color:#ff8656;
}
#mailbox {
  margin:6px 0 0 0;
}
#search {  /* Container for the search form. NB:Too high can cause rh sidebar shift on some browsers */
  float:right;
  padding:0;
  margin:2px 10px 0 10px;
}
#search form input {
  font-size:8pt;
  color:#808080;
  margin:0;
  padding:0;
}
#search form input.typetext { /* typetext is a class */
  background:#e0e0e0;
}
#search form input.typesubmit { /* typesubmit is a class */
  margin:0;
  padding:0;
}

#searchform { /* The search form */
  /*margin:0 0 0 10px; */
}
#cat {	/* The list of blog categories */
  background:#5D86C4;
  color:white;
  margin:20px 0 20px 10px;
  /*width:213px;*/
  padding:5px 0 5px 5px;
  background-image:url('images/bgshape6.gif');
  background-repeat:no-repeat;
}
#arch {	/* The list of blog archives */
  background:#5D86C4;
  margin:10px 0 0 10px;
  /*width:213px;*/
  padding:5px 0 5px 5px;
  background-image:url('images/bgshape5.gif');
  background-repeat:no-repeat;
}
#cat ul, #arch ul {
  color:white;
}
#cat h3, #arch ul {
}
#cat a:link, #cat a:visited, #arch a:link, #arch a:visited {
  color:white;
  font-weight:bold;
}
#cat a:hover, #arch a:hover {
  color:#ff8656;
}
#commentform {
  margin:0 0 0 10px;
}
#commentform textarea {
  width:500px;
}
.feedback {
  padding:20px 0 90px 10px;
}
.meta {
  margin:0 10px 10px 10px;
  padding:3px;
  border-style:solid;
  border-color:#5D86C4;
  background:#D4DDED;
  border-width:1px;
}
.commentbutton {
  margin:0 0 0 10px;
  width:300px;
  border:none;
}
.postMetaData {
  margin:10px 10px 35px 10px;
  padding:3px;
  border-style:dashed;
  border-color:#5D86C4;
  border-width:1px;
}
.commentlist {
  /*background:#EEF9E3;*/
  padding:0 20px 0 20px;
  /*border-style:solid;*/
  /*border-width:1px;*/
  /*border-color:#FFCC33;*/
  margin:0 10px 0 10px;
}
.commentlist li {
  background:#EEF9E3;
  padding:10px 10px 5px 10px;
  border:solid 1px #FFCC33;
  margin:10px 0 10px 0;
}
.alt, .commentlist li.alt {
  background:#E2EAF6;
  padding:10px 10px 5px 10px;
  border:solid 1px #FFCC33;
  margin:10px 0 10px 0;
}
.navigation {
  margin:0 0 0 10px;
}
#pado, .entry, .storycontent {
  padding:0 10px 0 10px;
}

/* Style changes for the WPML language switcher (base css is in plugin directory res/css/language-selector.css).*/
#lang_sel {
  height:20px;
  margin-top:3px;
  float:right;
}
#lang_sel ul {
  margin:0;
}
#lang_sel ul ul, 
#lang_sel li {
  width:70px;
}
#lang_sel ul ul {
  border-top:1px solid #808080;
  top:16px;
}
#lang_sel a, 
#lang_sel a:visited {
  border:1px solid #808080;
  line-height:15px;
}
#lang_sel ul li ul li a {
  font-size:8pt !important;
  font-weight:normal;
}
#lang_sel a.lang_sel_sel {
  font-size:8pt;
  font-weight:normal;
  color:#303030;
  background-color:#e0e0e0;
  border:1px solid #808080;
}