body {
	font-family: "brandon-grotesque";
	font-weight: 300;
	font-style: normal;
	font-size: 1em;
	line-height:1.6875;
	text-align: left;
	color: #1d1d1d;
	margin: 0 auto;
	-webkit-font-smoothing: antialiased;	
	height: 100%; 
    min-height: 100%;
	background: #1d1d1d; 
	}
	

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none;   }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration:none;  }


a {
	text-decoration: none;
	-moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
	}	



h1 {
 	text-align: left;
	font-size: 3.125rem;
	line-height: 3.425rem;
	color: #515348;
	font-family: "adobe-garamond-pro";
	font-weight: 400;
	font-style: normal;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
	}
@media (max-width: 768px) {
	h1 {	
	font-size: 2.75rem;
	line-height: 3.15rem;
	}
}


h2 {
 	text-align: left;
	font-size: 1.875rem;
	line-height: 2.25rem;
	color: #515348;
	font-family: "adobe-garamond-pro";
	font-style: normal;
	font-weight: 400;
	margin: 0 0 1.6rem 0;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
	}
@media (max-width: 768px) {
	h2 {	
	font-size: 1.675rem;
	line-height: 1.975rem;
	}
}	


h3 {
 	text-align: left;
	font-size: 1.375rem;
	line-height: 1.675rem;
	color: #515348;
	font-family: "adobe-garamond-pro";
	font-style: normal;
	font-weight: 400;
	margin: 0 0 1.4rem 0;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
	}
@media (max-width: 768px) {
	h3 {	
	font-size: 1.225rem;
	line-height: 1.555rem;
	}
}	


h4 {
 	text-align: left;
	font-size: 1.225rem;
	line-height: 1.555rem;
	color: #515348;
	font-family: "adobe-garamond-pro";
	font-style: normal;
	font-weight: 400;
	margin: 0 0 0.7rem 0;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: 0.025rem;
	}
@media (max-width: 768px) {
	h4 {	
	font-size: 1.105rem;
	line-height: 1.325rem;
	margin: 0 0 0.7rem 0;
	}
}	


h5 {
 	text-align: left;
	font-size: 1.1rem;
	line-height: 1.35rem;
	color: #a7aca0;
	font-family: "brandon-grotesque";
	font-style: normal;
	font-weight: 700;
	margin: 0 0 0.7rem 0;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: 0.05rem;
	}
@media (max-width: 768px) {
	h5 {	
	font-size: 0.95rem;
	line-height: 1.15rem;
	margin: 0 0 0.7rem 0;
	}
}	


 
::-moz-selection { 
	background: #515348; 
	color: #ffffff; 
	text-shadow: none; 
	}

::selection { 
	background: #515348; 
	color: #ffffff; 
	text-shadow: none; 
	}


img::-moz-selection	{ background: transparent; }
img::selection      { background: transparent; }

.clear, .cleaner { clear: both; height: 0; overflow: hidden; }
 

p {
	margin: 0 0 1.35rem 0; 
	text-align: left;
	color: #1d1d1d;
	font-size: 1.15rem;
	line-height: 1.4rem;	
	font-family: "brandon-grotesque";
	font-weight: 300;
	font-style: normal;
	}
 

a { color: #1d1d1d; text-decoration:none; }
a:hover { color: #1d1d1d; text-decoration:none; border-bottom: 1px solid #1d1d1d;}
a:focus { outline: none; }
a:hover, a:active { outline: none; }


.floatleft { float: left; }
.floatright { float: right; }






/********************************************************************************************* 

3. Homepage -------------------------  index.php

*********************************************************************************************/   

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

	
.home_widgets .widget { 
   	margin: 0 0 1.3rem 0;
	}
	
.part-block {    
    margin-bottom:30px;
	}

.home_widgets .widget_container,  
.fullwidth_col .widget_container { 
	width:100%;
	font-size: 1.0rem;
	line-height: 1.3rem;	
    margin: 1.6rem 0;
	}
 
h3.title {
 	text-align: left !important;
	font-size: 1.375rem;
	line-height: 1.675rem;
	color: #515348;
	font-family: "adobe-garamond-pro";
	font-style: normal;
	font-weight: 400;
	margin: 0 0 1.4rem 0;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
	}
@media (max-width: 768px) {
	h3.title {	
	font-size: 1.225rem;
	line-height: 1.555rem;
	}
}	





/* Recent Posts */

.recent-post {
	margin: 0 0 2.0rem 0;
	padding: 0 0 2.0rem 0;
	border-bottom: #e3e3e3 solid 1px;
	color: #ffffff; 
	text-align: left !important;
	}
	
.recent-post .post-meta {	
 	text-align: left;
	color: #515348;
	font-size: 0.95rem;
	line-height: 1.25rem;	
	font-family: "brandon-grotesque";
	font-weight: 300;
	font-style: normal;	
	padding: 0;
	margin: 0 0 2.0rem 0;
	}
.recent-post .post-meta a {
	color:#1d1d1d;
	text-decoration:none;
	font-family: "brandon-grotesque";
	font-weight: 500;
	font-style: normal;	
	}
.recent-post .post-meta a:hover {
	color:#1d1d1d;
	text-decoration:none;
	font-family: "brandon-grotesque";
	font-weight: 500;
	font-style: normal;
	border-bottom: 1px solid #1d1d1d;
	}	
	
	
.recent-post .post-content {
	padding: 0;
 	font-size: 1.25rem;
	line-height: 1.65rem;	
	color: #ffffff; 
	text-align: left !important;
	}
.recent-post .post-thumb {
	margin: 0;
	}
.recent-post .post-content h2   {
	text-align: left;
	font-size: 1.875rem;
	line-height: 2.25rem;
	color: #515348;
	font-family: "adobe-garamond-pro";
	font-style: normal;
	font-weight: 400;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
	}	
.recent-post .post-content h2 a {
	text-align: left;
	font-size: 1.875rem;
	line-height: 2.25rem;
	color: #515348;
	font-family: "adobe-garamond-pro";
	font-style: normal;
	font-weight: 400;
	margin: 0 0 1.6rem 0;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
	}
.recent-post .post-content h2 a:hover {
   text-align: left;
	font-size: 1.875rem;
	line-height: 2.25rem;
	color: #515348;
	font-family: "adobe-garamond-pro";
	font-style: normal;
	font-weight: 400;
	margin: 0 0 1.6rem 0;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
	border-bottom: 1px solid #1d1d1d;
	}





/********************************************************************************************* 

5. Blog posts  -------------------------  index.php, archive.php, search.php

*********************************************************************************************/   

.post {
 	text-align: left !important;
	color: #1d1d1d;
	font-size: 1.15rem;
	line-height: 1.4rem;
	font-family: "brandon-grotesque";
	font-weight: 300;
	font-style: normal;
	margin: 0 0 1.35rem 0; 
	}

.post_header {
	position:relative;
	margin: 1.6rem 0;
	}
	
h1.title {
	text-align: center;
	font-size: 3.125rem;
	line-height: 3.425rem;
	color: #515348;
	font-family: "adobe-garamond-pro";
	font-weight: 400;
	font-style: normal;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
	}
h1.title a {
	text-align: center;
	font-size: 3.125rem;
	line-height: 3.425rem;
	color: #515348;
	font-family: "adobe-garamond-pro";
	font-weight: 400;
	font-style: normal;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
	}
h1.title a:hover {
	text-align: center;
	font-size: 3.125rem;
	line-height: 3.425rem;
	color: #515348;
	font-family: "adobe-garamond-pro";
	font-weight: 400;
	font-style: normal;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
	border-bottom: 1px solid #1d1d1d;
	}

	
.header_meta {
	text-align: center !important;
	color: #515348;
	font-size: 0.95rem;
	line-height: 1.45rem;	
	font-family: "brandon-grotesque";
	font-weight: 300;
	font-style: normal;	
	padding: 0 0 1.6rem 0;
	border-bottom: #e3e3e3 solid 1px;
	margin: 0 0 1.0rem 0;
	text-transform: uppercase;
	}
.header_meta a {
	color:#1d1d1d;
	text-decoration:none;
	font-family: "brandon-grotesque";
	font-weight: 500;
	font-style: normal;
	}
.header_meta a:hover {
	color:#515348;
	text-decoration:none;
	font-family: "brandon-grotesque";
	font-weight: 500;
	font-style: normal;
	border-bottom: 1px solid #1d1d1d;
	}
 	

.post h2 a {
    text-align: left;
	font-size: 1.875rem;
	line-height: 2.25rem;
	color: #515348;
	font-family: "adobe-garamond-pro";
	font-style: normal;
	font-weight: 400;
	margin: 0 0 1.6rem 0;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
	}
.post h2 a:hover {
	text-align: left;
	font-size: 1.875rem;
	line-height: 2.25rem;
	color: #515348;
	font-family: "adobe-garamond-pro";
	font-style: normal;
	font-weight: 400;
	margin: 0 0 1.6rem 0;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
	border-bottom: 1px solid #1d1d1d;
	}

.post .thumbnail {
	margin: 0 auto; 
	}

.post .heading {
    font-size: 1.25rem;
	line-height: 1.65rem;		
	padding: 0;
	color:#1d1d1d;
	}
.post .heading a {
    color: #1d1d1d;
	}
.post .heading a:hover {
    text-decoration: none;
	border-bottom: 1px solid #1d1d1d;
	}

.post .postcontent {
	color: #1d1d1d;
    font-size: 1.25rem !important;
	line-height: 1.65rem !important;	
	padding: 0 0 1.35rem 0;
	}






/********************************************************************************************* 

6. Single Posts Styling  ---------------------------------	 single.php, page.php

*********************************************************************************************/   
 
.entry { 	
	text-align: left !important;
	color: #1d1d1d;
	font-size: 1.15rem !important;
	line-height: 1.4rem !important;	
	font-family: "brandon-grotesque";
	font-weight: 300;
	font-style: normal;
	}

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
 	margin: 0 0 1.0rem 0; 
	color:#515348 !important;
	}

.entry p { 
	text-align: left !important;
	color: #1d1d1d;
	font-size: 1.15rem !important;
	line-height: 1.4rem !important;
	font-family: "brandon-grotesque";
	font-weight: 300;
	font-style: normal;
	padding: 0;
	margin: 0 0 1.35rem 0; 
	}

.entry a:hover { text-decoration: none; border-bottom: 1px solid #1d1d1d; }

.entry img {
	margin: 2.0rem auto;
	max-width: 100%;
	height: auto;	
	}

.entry ul, .entry ol { margin: 0 auto 15px auto; width: 90%; }
.entry li ul, .entry li ol { margin-bottom: 0; }
.entry li { list-style-position: inside; }
.entry ul li { list-style-type: square; }
.entry ol li { list-style-type: decimal; }
.entry blockquote {
	font-style: italic;
	font-size: 1.0rem;
	line-height: 1.3rem;	
  	border: solid 1px #e3e3e3;
	border-left: solid 5px #e3e3e3;
  	padding: 15px;
	margin: 10px; 
	}
.side-left .post {
	float: right;
	display: inline;
 	margin: 0 0 20px 20px; 
	}	
.side-left #sidebar {
	float:left;
	}
.side-left .header_meta {
	left:0;
	}
.side-left h1.title {
	float:right;
	}
.full-width .post {
	margin-right: 0;
	width: 100%;
}
.full-width .entry, .page .entry {
	float: none;
	display: block;
 	padding-right: 0;
	}
.full-width .entry img {
	max-width:100%;
	margin: 2.0rem 0;
	}




/* Images align */
.entry .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft, .entry .alignleft { float: left; margin: 5px 15px 5px 3px; }
.alignright, .entry .alignright { float: right; margin: 5px 4px 5px 15px; }


/* POSTS PAGINATION */
.navigation { margin: 15px 0 10px 0;  }
.navigation .previous { float: left;  }
.navigation .previous a { text-align:left;  }
.navigation .next a { text-align:left; }
.navigation .next { float: right; }
.navigation a { padding: 0; }
.navigation span { font-size:1.0em; padding:3px 3px; overflow:hidden; }
.navigation .previous span { float:left; font-size:1.0rem; }
.navigation .next span { float:right; font-size:1.0rem;}





/********************************************************************************************* 

7. Sidebar & Footer Widgets -------------------------  sidebar.php, footer.php

*********************************************************************************************/   

#sidebar {
	width: 100%;
	margin: 0;
	overflow:hidden;
	}

#sidebar h3.title {
	text-align: left;
	font-size: 1.375rem;
	line-height: 1.675rem;
	color: #515348;
	font-family: "adobe-garamond-pro";
	font-style: normal;
	font-weight: 400;
	margin: 0 0 1.4rem 0;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
	}

#sidebar .widget {
	border-bottom: 1px solid #edeeec;
	margin-bottom: 20px;
	padding-bottom: 10px;
	}

#sidebar .widget .widget_content {
    padding: 10px 20px 0;
	}	

#sidebar .tags {
	text-align: left;
	color: #d2d2d2;
	font-size: 1.0rem;
	line-height: 1.35rem;	
	font-family: "brandon-grotesque";
	font-weight: 300;
	font-style: normal;
	margin: 0 0.3rem 0 0;
	text-transform: uppercase;
}

#sidebar .tags a {
	color:#1d1d1d;
	text-decoration:none;
	font-family: "brandon-grotesque";
	font-weight: 400;
	font-style: normal;
	margin: 0 0.3rem 0 0;
}

#sidebar .tags a:hover {
	color:#c82a2a; 
	text-decoration:none;
	font-family: "brandon-grotesque";
	font-weight: 400;
	font-style: normal;
	margin: 0 0.3rem 0 0; 
}

#sidebar .widget a:hover { 
	text-decoration: underline; 
}



#sidebar .author img { margin: 0 10px 5px 0; float: left; }

#sidebar .author p { 
	text-align: left;
	color: #515348;
	font-size: 0.95rem;
	line-height: 1.25rem;	
	font-family: "brandon-grotesque";
	font-weight: 300;
	font-style: normal;
	}

#sidebar .author_info {overflow:hidden;}