/**
 * css file for Block Brown Skin
 *
 * This is the css file for the block brown skin
 * 
 *
 * @package		Expressions WordPress Theme
 * @copyright	Copyright (c) 2013, Kevin Archibald
 * @license		http://www.gnu.org/licenses/quick-guide-gplv3.html  GNU Public License
 * @author		Kevin Archibald <www.kevinsspace.ca/contact/>
 *
 * ====================================================================================== */

/* -------------------- Main Body color and font- size ---------------------------------- */
body {
	color: #51300E; /* This is the basic font color */
	font-size: 100%; /* all theme fonts are scaled from this size - 100% is 16px */
	background-color: #FFF4EA;
	background-image: -webkit-linear-gradient(top, #FFF4EA, #DDBB9D);
	background-image: -moz-linear-gradient(top, #FFF4EA, #DDBB9D);
	background-image: linear-gradient(top, #FFF4EA, #DDBB9D);
	height: 100%;
	background-attachment: fixed;
}

/* ================================================================== *
 *                   Layout Styles                                    *
 * ================================================================== */

/* ------------- Header Styles -------------------------------------- */

header {background-color: transparent;}

#header-wrap {background-color: transparent;}

.blog-title-center-2 h1 a {color: #51300E;}

.blog-title-center-2 h1 a:hover {color: #540909;}

.blog-title-center h1 a {color: #51300E;}

.blog-title-center h1 a:hover {color: #540909;}

/* ------------- Nav Styles -------------------------------------- */
#header-wrap .thin-border {border-top: 1px solid #E5C8AF;}

#main-menu-center-border {
	border-top: 1px solid #AE8051;
	border-bottom:	1px solid #AE8051;
}

/* ------------- Superfish Nav Styles ----------------------------- */
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#51300E;
}
.sf-menu li {
	background:		none;
}
.sf-menu li li {
	background:		#EAC5A6;
}
.sf-menu li li li {
	background:		#E8B892;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#ECD4BE;
}

/* -------------------- Footer Styles ------------------------------ */
footer {background-color: transparent;}

#footer-wrap {
	background: #51300E;
	color: #F9E8D6;
}

footer a {color: #A6E0B9;}

footer a:hover {
	font-weight: bold;
	color: #F9E8D6;
}

#copyright {
	background-color: transparent;
}

#copyright-wrap {
	background-color: #4C2C0C;
	color: #F9E8D6;
}

#copyright a {
	color: #ffffff;
}

/*  ----------- Main area styling ----------------------- */

#main-section {
	background-color: transparent;
}

#content-wrap {
	background-color: transparent;
}

#widecolumn-left {}

#widecolumn-right {}

/* ------------- Sidebar Styles -------------------------------------- */
#sidebar-right {
	border-left: 2px solid #FAECE0;
	border-left: 2px solid rgba(255,255,255,0.20);
}

#sidebar-left {
	border-right: 2px solid #FAECE0;
	border-right: 2px solid rgba(255,255,255,0.20);
}

/*  ======================================================= *                   
 *                    Page Styles                           *
 * ======================================================== */

.page-title-wide {
	background-color: transparent;
}

.page-title-wrap {
	background-color: #51300E;
	background-image: -webkit-linear-gradient(left, #51300E, #AF8152 50%, #51300E);
	background-image: -moz-linear-gradient(left, #51300E, #AF8152 50%, #51300E);
	background-image: linear-gradient(left, #51300E, #AF8152 50%, #51300E);
	color: #F9E8D6;
}

.page-title-wrap h2.left-title {}

#page-post-wide {background:  none;}

#page-post-wrap {background:  none;}

#fullwidth-blog-wide{background-color: transparent;}

#fullwidth-blog-wrap{background-color: transparent;}

/* ------------- Full Width Blog Styles ----------------- */
.fullwidth-blog-title-wide {
	background-color: #51300E;
	background-image: -webkit-linear-gradient(left, #51300E, #AF8152 50%, #51300E);
	background-image: -moz-linear-gradient(left, #51300E, #AF8152 50%, #51300E);
	background-image: linear-gradient(left, #51300E, #AF8152 50%, #51300E);
	color: #F9E8D6;
}


/* -------------- Author Page Styling ---------------------------------- */
.author-bio,.category-page,.search-page {
	border: 5px solid white;
	background: #DDDDDD;
}

.author-border {
	border-bottom: 3px solid white;
}

/* -------------- Portfolio Page Styling ------------------------------- */
.portfolio_one_column .left_col img {border: 8px solid white;}

.portfolio_two_column .image_container img {border: 7px solid white;}

.portfolio_three_column .image_container img {border: 6px solid white;}

.portfolio_four_column .image_container img {border: 5px solid white;}

/* -------------------- HTML tags ---------------------------------- */ 
ins {
    background-color:#ff9;
    color:#000;
}

mark {
    background-color:#ff9;
    color:#000; 
}

hr {border-top:1px solid #DDDDDD;}



pre {
	border: solid 5px gray; /* 8px/16px */
    color: blue;
    background: #F7F4F4;
}

/* -------------------- links default ------------------------------- */ 
a {color: #408457;} /* #447BCE */

a:hover {color: #51300E;}

/* --------------------- table styles ------------------------------- */
th {
	border: 1px solid #7F7F7F;
	background-color: #E3E3E3;
	background-color: rgba(165,149,149,0.2);
}

tfoot {
	background-color: #E3E3E3;
	background-color: rgba(165,149,149,0.3);
}
td {border: 1px solid #7F7F7F;}

/* ---------- WrdPress Calender Widget Style ------------------------ */
	
#wp-calendar th {
	border: 1px solid #F9F9F9;
	border: 1px solid rgba(255,255,255,0.4);
	background-color: #E3E3E3;
	background-color: rgba(165,149,149,0.2);
}

#calendar_wrap td#today {
	background-color: #E3E3E3;
	background-color: rgba(165,149,149,0.2);
}

/* ------------- Searchbar Styles -------------------------------------- */
#searchform .button {
	background: #4C2C0C;
	color : #FCFCFC;
	font-size: 1em;
	border: 1px solid #DDDDDD;
	border-radius: 5px;
	padding: 0;
}

#searchform .button:hover {
	background: #FCFCFC;
	color : #4C2C0C;
	cursor:pointer;
}

/* -------------------- Responsive imaging ------------------------- */
img {border: 8px solid white;}

img.addborder {border: 8px solid white;}

/*        Feature Set Up Styles
-------------------------------------------------------- */

.feature {
	background-color: transparent;
	color: #F9E8D6;
}

.feature-wrap {
	background-color: #51300E;
	background-image: -webkit-linear-gradient(left, #51300E, #AF8152 50%, #51300E);
	background-image: -moz-linear-gradient(left, #51300E, #AF8152 50%, #51300E);
	background-image: linear-gradient(left, #51300E, #AF8152 50%, #51300E);
	/* CSS3 rounded corners */
   	-webkit-border-radius: 3px;
   	-moz-border-radius: 3px;
   	border-radius: 3px;
   	/* CSS3 shadow */
	-webkit-box-shadow: 1px 2px 2px 0 rgba(72,72,72,0.8);
	-moz-box-shadow: 1px 2px 2px 0 rgba(72,72,72,0.8);
	box-shadow: 1px 2px 2px 0 rgba(72,72,72,0.8);
	margin-bottom: 5px;
}

.theme-default .nivoSlider {
	background: transparent url(loading.gif) no-repeat 50% 50%;
}

.theme-default .nivo-controlNav a {
	background:url(../js/nivo-slider/themes/default/bullets_brown.png) no-repeat;
}

/* ----------------------- static home styles ----------------------- */
.home-section-type-A {
	/* background-color: #FFFFFF; */
	background: url(#AF8152);
	background: rgba(255,244,234,0.9);
	/* CSS3 rounded corners */
   	-webkit-border-radius: 3px;
   	-moz-border-radius: 3px;
   	border-radius: 3px;
   	/* CSS3 shadow */
	-webkit-box-shadow: 1px 2px 2px 0 rgba(72,72,72,0.8);
	-moz-box-shadow: 1px 2px 2px 0 rgba(72,72,72,0.8);
	box-shadow: 1px 2px 2px 0 rgba(72,72,72,0.8);
}

.home-section-type-A-button a.button1 {
	background: #4C2C0C;
	color : #FCFCFC;
}

.home-section-2-wrap {
	/* background-color: #FFFFFF; */
	background: url(#AF8152);
	background: rgba(255,244,234,0.9);
	/* CSS3 rounded corners */
   	-webkit-border-radius: 3px;
   	-moz-border-radius: 3px;
   	border-radius: 3px;
   	/* CSS3 shadow */
	-webkit-box-shadow: 1px 2px 2px 0 rgba(72,72,72,0.8);
	-moz-box-shadow: 1px 2px 2px 0 rgba(72,72,72,0.8);
	box-shadow: 1px 2px 2px 0 rgba(72,72,72,0.8);
}

.servicebox-type-A {

}

.servicebox-type-A  a.button1,
.home-section-type-B-html-image a.button1,
.home-section-type-B-html-noimage a.button1 {
	background: #4C2C0C;
	color : #FCFCFC;
}

.home-section-type-B-wrap {
	/* background-color: #FFFFFF; */
	background: url(#AF8152);
	background: rgba(255,244,234,0.9);
	/* CSS3 rounded corners */
   	-webkit-border-radius: 3px;
   	-moz-border-radius: 3px;
   	border-radius: 3px;
   	/* CSS3 shadow */
	-webkit-box-shadow: 1px 2px 2px 0 rgba(72,72,72,0.8);
	-moz-box-shadow: 1px 2px 2px 0 rgba(72,72,72,0.8);
	box-shadow: 1px 2px 2px 0 rgba(72,72,72,0.8);
}

/* --------------- post styles ------------------------------------ */
/* --------------- post general------------------------------------ */
.post-title a:hover {color: #7F7F7F;}

.post-wrap .comments,.post-wrap-no-icons .comments {color: #7F7F7F;}

a.comments-button {
	border: 1px solid #FEF2E7;
	background-color: #FEF2E7;
	color: #408457;
}

a:hover.comments-button {
	background-color: #408457;
	color: #FEF2E7;
}

/* --------------- post format content : standard ----------------- */
.entry img {border: 8px solid white;}

.entry .wp-caption {background: white;}

/* --------------- post format content : aside --------------------- */
.aside-entry {
	background-color: #E3E3E3;
	background-color: rgba(165,149,149,0.3);
}

/* --------------- post format content : status -------------------- */
.status-entry {
	background-color: #FBFF8E;
	background-color: rgba(251,255,142,0.3);
}

.status-entry .comments {color: #7F7F7F;}

/* --------------- post format content : video ---------------------- */
.video-entry {
	background: black;
	border: 3px solid silver;
}

.video-entry p {color: #EAEAEA;}

.video-entry a {color: #EAEAEA;}

.video-entry a:hover {color: white;}

/* --------------- post format content : quote ----------------------- */
.quote-entry blockquote {
	border: 5px solid white;
	background: #D1F2A9;
}

/* --------------- post format content : image ----------------------- */
.image-entry .wp-caption {background: white;}

.image-entry img {border: 8px solid white}

/* --------------- post format content : audio ----------------------- */
.audio-entry cite {background-color: #D4E6F7;}

/* --------------- Bottom line after every post ---------------------- */
.bottom-line-1 {
	border-top: 1px solid #AE8051;
	border-right: 2px solid rgba(255,255,255,0.20);
	border-bottom: 3px solid #F9E8D6;
	border-bottom: 3px solid rgba(255,255,255,0.40);
}

.thin-border {border-top: 1px solid #F6E4D4;}

/* -------------- Galleries ------------------------------------------ */

#content-wrap .gallery-item img{border: 5px solid white;}

/* -------------- Comments Styling ----------------------------------- */

.comment {
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
}

.commentlist .bypostauthor {
	background: url(images/shade.png);
	background: rgba(226,226,226,0.25);
}

.blog_comment_click a {
	border: 1px solid #DDBC9E;
	background-color: #F9E8D6;
}

.author-bio,.category-page,.search-page {
	border: 5px solid white;
	background: #DDDDDD;
}

.author-border {
	border-bottom: 3px solid white;
}

/* -------------- Error Styling ---------------------------------------- */
.error {	
	color: red;
	background-color: white;
}