/*  
Theme Name: Better Than Faith
Theme URI: http://www.betterthanfaith.com
Description: TwentyEleven child theme for betterthanfaith.com.
Version: 2.0
Author: Kazz
Author URI: http://www.betterthanfaith.com/
Template: twentyeleven
*/

@import url("../twentyeleven/style.css");

#contentsub1 { float: right; width: 40%; margin-left: 1em; padding-left: 1em; margin-right: -1em; padding-right: 1em; border: 1px dotted #b4b4ff; border-width: 0 0 1px 1px; }
#contentsub1 ul li { padding-bottom: 0.5em; }

div.as200x200floatleft { float: left; margin-left: -1em; margin-right: 1em; padding: 0.5em 0.5em 0.5em 1em;  }
div.as200x200floatright { float: right; margin-right: -1em; margin-left: 1em; padding: 0.5em 1em 0.5em 0.5em; }

.adboxes img { border: 1px black solid; padding: 0px; margin: 0px; }


#branding {
    border: none;
}

#page {
    background: none;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

#access {
    background-color: #666;
    background: -moz-linear-gradient(-90deg, rgba(96, 96, 96, 0.75), rgba(16, 16, 16, 0.75));
    background: -webkit-linear-gradient(-90deg, rgba(96, 96, 96, 0.75), rgba(16, 16, 16, 0.75));
    background: -o-linear-gradient(-90deg, rgba(96, 96, 96, 0.75), rgba(16, 16, 16, 0.75));
    background: -ms-linear-gradient(-90deg, rgba(96, 96, 96, 0.75), rgba(16, 16, 16, 0.75));
    background: linear-gradient(-90deg, rgba(96, 96, 96, 0.75), rgba(16, 16, 16, 0.75));
    border-radius: 20px 5px;
    width: 103%;
    margin-left: -1.5%;
    margin-bottom: 0;
}
#access div {
	margin: 0 3.6%;
}




#access ul ul a {
	background: #f9f9f9;
	border-bottom: 1px dotted #ddd;
	color: #444;
	font-size: 13px;
	font-weight: normal;
	height: auto;
	line-height: 1.4em;
	padding: 10px 10px;
	width: 168px;
}
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
	background: #efefef;
}
#access li:hover > a,
#access a:focus {
	background: #777; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.1), rgba(192, 192, 192, 0.1));
	background: -o-linear-gradient(-90deg, rgba(255, 255, 255, 0.1), rgba(192, 192, 192, 0.1));
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.1)), to(rgba(192, 192, 192, 0.1))); /* Older webkit syntax */
	background: -webkit-linear-gradient(-90deg, rgba(255, 255, 255, 0.1), rgba(192, 192, 192, 0.1));
    background: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.1), rgba(192, 192, 192, 0.1));
    border-radius: 4px;
    color: #aaaaff;
}




#main {
    background-color: #ffffff;
    background: rgba(255, 255, 255, 0.85);
}
#secondary {
    margin-right: 5%;
    width: 25%;
}
#primary {
    background-color: #ffffff;
    background: -moz-linear-gradient(50% 75% -90deg, rgba(255, 255, 255, 0.85), rgba(192, 192, 192, 0.85)), url('images/plant_background.png') bottom right no-repeat scroll;
    background: -webkit-gradient(linear, -90deg, from(rgba(255, 255, 255, 0.85) 50%), to(rgba(192, 192, 192, 0.85) 75%)), url('images/plant_background.png') bottom right no-repeat scroll;
    background: -webkit-linear-gradient(-90deg, rgba(255, 255, 255, 0.85) 50%, rgba(192, 192, 192, 0.85) 75%), url('images/plant_background.png') bottom right no-repeat scroll;
    background: -o-linear-gradient(-90deg, rgba(255, 255, 255, 0.85) 50%, rgba(192, 192, 192, 0.85) 75%), url('images/plant_background.png') bottom right no-repeat scroll;
    background: -ms-linear-gradient(-90deg, rgba(255, 255, 255, 0.85) 50%, rgba(192, 192, 192, 0.85) 75%), url('images/plant_background.png') bottom right no-repeat scroll;
    background: linear-gradient(-90deg, rgba(255, 255, 255, 0.85) 50%, rgba(192, 192, 192, 0.85) 75%), url('images/plant_background.png') bottom right no-repeat scroll;
    margin: 0 -30% 0 0;
    width: 100%;
}
#content {
    margin: 0 35% 0 5%;
    width: 60%;
}
#colophon {
    background: none;
}
#supplementary {
    background: #666;
    background: -moz-linear-gradient(-90deg, rgba(96, 96, 96, 0.75), rgba(16, 16, 16, 0.75));
    background: -webkit-linear-gradient(-90deg, rgba(96, 96, 96, 0.75), rgba(16, 16, 16, 0.75));
    background: -o-linear-gradient(-90deg, rgba(96, 96, 96, 0.75), rgba(16, 16, 16, 0.75));
    background: -ms-linear-gradient(-90deg, rgba(96, 96, 96, 0.75), rgba(16, 16, 16, 0.75));
    background: linear-gradient(-90deg, rgba(96, 96, 96, 0.75), rgba(16, 16, 16, 0.75));
    border-radius: 20px 5px;
    margin-left: -1.5%;
    width: 90%;
    padding: 1.625em 9.1%;
}
#site-generator {
    background: ffffff;
    background: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.85), rgba(223, 223, 223, 0.85));
    background: -webkit-linear-gradient(-90deg, rgba(255, 255, 255, 0.85), rgba(223, 223, 223, 0.85));
    background: -o-linear-gradient(-90deg, rgba(255, 255, 255, 0.85), rgba(223, 223, 223, 0.85));
    background: -ms-linear-gradient(-90deg, rgba(255, 255, 255, 0.85), rgba(223, 223, 223, 0.85));
    background: linear-gradient(-90deg, rgba(255, 255, 255, 0.85), rgba(223, 223, 223, 0.85));
    border-top: 1px solid rgba(63, 63, 63, 0.85);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
 .entry-title {
}
.entry-header .comments-link a {
    background: transparent url(images/comment-bubble.png) no-repeat;
}
.entry-header .comments-link a:hover,
.entry-header .comments-link a:focus,
.entry-header .comments-link a:active {
    background: transparent url(images/comment-bubble-active.png) no-repeat;
    color: #fff;
    color: rgba(255,255,255,0.8);
}
.widget {
    padding: 0.5em 1em;
    border: 1px solid rgba(192, 192, 192, 0.75);
    border-radius: 10px;
    background: #eee;
    background: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.75) 50%, rgba(238, 238, 238, 0.75) 85%);
    background: -webkit-linear-gradient(-90deg, rgba(255, 255, 255, 0.75) 50%, rgba(223, 223, 223, 0.75) 75%);
    background: -o-linear-gradient(-90deg, rgba(255, 255, 255, 0.75) 50%, rgba(223, 223, 223, 0.85) 75%);
    background: -ms-linear-gradient(-90deg, rgba(255, 255, 255, 0.75) 50%, rgba(223, 223, 223, 0.85) 75%);
    background: linear-gradient(-90deg, rgba(255, 255, 255, 0.75) 50%, rgba(223, 223, 223, 0.85) 75%);
}
.widget li {
    list-style-type: none;
}
#text-3 {
    background: #ffffff;
}
#text-4 {
    background: none;
    border: none;
    padding: 0 0 1em 0;
    margin: 0;
}
#text-4 table {
    max-width: 125px;
}
#text-4 img {
    display: none;
}
#text-4 a>img {
    display: block;
    border: 1px solid rgba(96, 96, 96, 0.25);
}
#text-5 {
    background: #ffffff;
    padding-left: 0;
    padding-right: 0;
}
#text-5 h3 {
    padding-left: 1em;
    padding-right: 1em;
}
.hentry {
    border-bottom: 1px solid rgba(96, 96, 96, 0.25);
}
#content li {
    margin-bottom: 1em;
}

.wp-caption {
    background: rgba(238, 238, 238, 0.5);
    border-radius: 6px;
}
.wp-caption img {
    border-color: #eee;
}

.wp-caption a:focus img,
.wp-caption a:active img,
.wp-caption a:hover img {/* ... including captioned images! */
    background: rgba(255, 255, 255, 0.65);
    border-color: rgba(96, 96, 96, 0.25);
    border-radius: 3px;
}

img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon {
    border-radius: 3px;
}