/*   
Theme Name: Yorb Theme
Theme URI: http://www.yorb.co.au/
Description: Uses Thematic theme as base.
Author: Tory Grice 
Author URI: http://www.yorb.com.au
Template: thematic
Version: 1.0
Tags: custom, yorb, environmental solutions, thematic child theme
License: GNU General Public License v2.0 
License URI: http://www.gnu.org/licenses/gpl-2.0.html
     
/*Apply styles that will be common across all templates*/
@import url('style/style-common.css');
 
/* =Header
-------------------------------------------------------------- */

#header {
	display: block;
	width: 100%;
	color:#ffffff;	
	background-color:#3e964c;
	clear:both;
}

#main {
   
    width:1024px;
    margin-top:30px;
	overflow:visible;    
}
#branding {
	background-color:#3e964c;
	height:280px;
	width:100%;
}


.black-gradient {
  background: -webkit-linear-gradient(#7f7f7f, #404040); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#7f7f7f, #404040); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#7f7f7f, #404040); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#7f7f7f, #404040); /* Standard syntax */
} 


#branding.wrap {
	width:1024px;	
	background:url(../Media/banner.jpg) no-repeat #3e964c;	
}

#blog-title, #blog-title a, #blog-description {
     font-family: 'Century Gothic', 'Futura', Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-weight:400;
	text-decoration: none;	
	text-align:left;
	visibility:hidden;
}
#blog-title a:active,
#blog-title a:hover {
    color: #FFFFFF;
}
#blog-title {
	position: relative;
	font-size: 38px;
	line-height:0.5em;
	text-align:right;
	visibility:hidden;
}
#blog-description {
	font-size:24px;
	padding-bottom:20px;
	padding-top:0px;
}
#blog-title:hover span:before {
	content: 'Home';
	position: absolute;
	left: -40px;
	font-size: 14px;
	
}

	
/* =Content
-------------------------------------------------------------- */



#footer {
	overflow:visible;	
	clear:both;
	/*margin-top:-90px;*/
	
}

.push {
	clear:both;
	overflow:visible;
}

.page-title {
	
    font-size:13px;
    line-height:18px;
    padding:0 0 44px 0;
}

.attachment .page-title {
    font-style:italic;
}

.page-title a {
    color:#666;
    text-decoration:none;
}

.page-title a:active,
.page-title a:hover {
    color: #FF4B33;
}

.page-title span {
    font-style:italic;
}

.page-title .meta-nav {
    font-style:normal;
   
}

.hentry {
    padding:0 0 22px 0;
}

.single .hentry {
    padding:0;
}

.home #content .sticky {
    border:1px solid #ccc;
    margin:0 0 6px 0;
    padding:22px 20px 0 20px;
}


.entry-title {
    font-family: 'Century Gothic', 'Futura', Arial, Helvetica, sans-serif;
    padding:0.1em 0em 0em 0em;
    /*visibility:hidden;*/
}

.entry-title a {
    color:#000;
    text-decoration:none;
}

.entry-title a:active,
.entry-title a:hover {
    color: #FF4B33;
}

h1.entry-title {
	 color:#ee7602;
	 font-size:22px;
}

.entry-meta {
    color:#666;
    font-size:13px;
    font-style:italic;
    line-height:18px;
}

.entry-meta .n, .entry-meta .nickname {
    font-size:11px;
    font-style:normal;
    letter-spacing:0.05em;
    text-transform:uppercase;
}

.entry-meta a {
    color:#666;
    text-decoration:none;
}

.entry-meta a:active,
.entry-meta a:hover {
    color: #FF4B33;
}

.entry-meta abbr {
    border:none;
    cursor:text;
    font-size:11px;
    font-style:normal;
    letter-spacing:0.05em;
    text-transform:uppercase;
}

.entry-content {
    padding:22px 0 0 0;
}

.entry-content h1,
.entry-content h2 {
    font-family: 'Century Gothic', 'Futura', Arial, Helvetica, sans-serif;    
    font-size:16px;
    padding:0px 0 14px 0;
    color: #006fda;
}

.entry-content h3 {
    font-size:15px;
    padding:28px 0 14px 0;
}

.entry-content h4 {
    font-size:11px;
    font-family: 'Century Gothic', 'Futura', Arial, Helvetica, sans-serif;
    letter-spacing:0.05em;
}

.entry-content table {
    margin-left:1px;
}

.entry-content embed {
    margin:0 0 22px 0;
}

.entry-utility {
	clear:both;
    color:#666;
    font-size:13px;
    line-height:18px;
    margin:0 0 44px 0;
}

.entry-utility a {
    color:#666;
    font-style:italic;
    text-decoration:none;
}

.entry-utility a:active,
.entry-utility a:hover {
    color: #FF4B33;
}

.page .edit-link {
	clear:both;
	display:block;
}

.page-link {
	clear:both;
    font-size:13px;
    font-weight:bold;
    line-height:18px;
    margin:0 0 22px 0;
    padding:22px 0 0 0;
    word-spacing:0.5em;
}

.page-link a {
    border:1px solid #ccc;
    color:#666;
    font-weight:normal;
    padding:0.5em 0.75em;
    text-decoration:none;
}

.page-link a:active,
.page-link a:hover {
    color: #FF4B33;
}

ul#links-page,
ul#archives-page {
    list-style:none;
    margin-left:0;
    overflow:hidden;
}

li.content-column {
    float:left;
    margin-right:20px;
    width:45%;
}

#author-info {
    margin:0 0 44px 0;
    overflow:hidden;
}

#author-info .avatar {
    float:left;
    margin:.3em 1em 0 0;
}


/* = home page div styles
-------------------------------------------------------------- */


.home #content {
	width:1024px;
	margin:0 auto;	
	font-size:14px;
}

.home #content ul {
	line-height:1.6em;	
}

.home #left-col h1, .home #mid-col h1 {
	color:#ee7602;
	padding-top:0px;
	font-size:22px;
}

.home #right-col h1 {
	color:#ffffff;
	padding-top:0px;
	font-size:22px;
	text-shadow:#c86301 1px 1px 1px;
}
.home #left-col h2, .home #mid-col h2, .home #right-col h2 {
	color:#444444;
	text-shadow:#333333 1px 1px 1px;
	padding-top:0px;
}

.home #left-col img, .home #mid-col img {
	border: #999999 1px solid;
	
}
.home #left-col ul{
 	margin:0;	
}
.home #left-col li,  .home #right-col li{
	list-style-position:inside;
	padding-left:20px;
}

.home #right-col p {
	color:#444444;	
}



.home #left-col, .home #mid-col, .home #right-col {
	background-size:100% 100%;	
	min-height:430px;
	width:318px;
	float:left;
	box-sizing:border-box;
}

.home #left-col, .home #mid-col { /* LIGHT GRAY GRADIENT */
	background-color:#f3f3f3;
	background: -webkit-linear-gradient(#ffffff, #e3e3e3 90%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffffff, #e3e3e3 90%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ffffff, #e3e3e3 90%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffffff, #e3e3e3 90%); /* Standard syntax */
	background-size:cover;
	margin: 0 32px 0 0;
}  

.home #right-col { /* ORANGE GRADIENT */
	background: -webkit-linear-gradient(#fea957 ,#ee7602  90%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fea957 ,#ee7602  90%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fea957 ,#ee7602  90%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fea957 ,#ee7602  90%); /* Standard syntax */
	background-size:cover;		
}

.home #left-col div, .home #mid-col div, .home #right-col div {
	width:298px;
	margin:0 auto;	
	padding:20px;
	margin:0;
}
	
.home #content h1 {
	padding:0px 0px 20px 0px;
}