body {
	font-size: 1.0em;
	line-height: 1.6875em;
  	font-family:"FSElliotWebRegular", Helvetica Neue, Arial;
	font-weight: normal;
	font-style: normal;
  	color: #0a5157;
  	background-color: #ffffff;
	height: 100%; 
    min-height: 100%;
	}
	

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: right;
	font-size: 3.8rem;
	line-height: 3.8rem;
	color: #ffffff;
	font-family: "FSElliotWebRegular";
	font-weight: normal;
	font-style: normal;
	padding: 0;
	margin: 0 0 2.4rem 0;	
	text-transform: uppercase;
	}
h1 a:link, h1 a:visited {
	color:#ffffff;
	text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
	font-family: "FSElliotWebRegular";
	font-weight: normal;
	font-style: normal;
	}	
h1 a:active, h1 a:hover {
	color:#ffffff;
	text-decoration: none;
	background-size: 100% 1px;	
	font-family: "FSElliotWebRegular";
	font-weight: normal;
	font-style: normal;
	}
@media screen and (max-width: 960px) {
  h1 {
	text-align: left;
	font-size: 2.325rem;
	line-height: 2.325rem;
  }
}


h2 {
	text-align: left;
	font-size: 1.875rem;
	line-height: 2.125rem;
	color: #ffffff;
	font-family: "FSElliotWebRegular";
	font-weight: normal;
	font-style: normal;
	margin: 0 0 2.0rem 0;
	padding: 0;
	text-transform: uppercase;
	}
h2 i {
	text-align: left;
	color: #7a8a8f;
	font-family: sans-serif;
	font-weight: normal;
	font-style: normal;
	margin: 0 0.5rem 0 0;
	padding: 0;
	}
h2 a:link, h2 a:visited {
	color:#ffffff;
	text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
	font-family: "FSElliotWebRegular";
	font-weight: normal;
	font-style: normal;
	}	
h2 a:active, h2 a:hover {
	color:#ffffff;
	text-decoration: none;
	background-size: 100% 1px;	
	font-family: "FSElliotWebRegular";
	font-weight: normal;
	font-style: normal;
	}
@media only screen and (max-width: 960px) {
  	 h2 {
    	font-size: 1.575rem;
		line-height: 1.975rem;
  	}
}	

	

	
h3 {
	text-align: left;
	font-size: 0.825rem;
	line-height: 1.125rem;
	color: #68cdb2;
	font-family:"FSElliotWebBold";
	font-weight: normal;
	font-style: normal;
	margin: 0 0 1.4rem 0;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: 0.15rem;
	}
h3 a:link, h3 a:visited {
	color:#68cdb2;
	text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
	font-family:"FSElliotWebBold";
	font-weight: normal;
	font-style: normal;
	}	
h3 a:active, h3 a:hover {
	color:#68cdb2;
	text-decoration: none;
	background-size: 100% 1px;	
	font-family:"FSElliotWebBold";
	font-weight: normal;
	font-style: normal;
	}
h3:after {
    background-color: #68cdb2;
    content: "";
    display: inline-block;
    height: 2px;
    position: relative;
    vertical-align: middle;
    width: 15%;
	}
h3:after {
    left: 1.0em;
    margin-right: 0;
	}


h4 {
	text-align: left;
	font-size: 0.825rem;
	line-height: 1.125rem;
	color: #7a8a8f;
	font-family:"FSElliotWebBold";
	font-weight: normal;
	font-style: normal;
	display: block;
	border-top: 2px solid #7a8a8f;
	margin: 0 0 0.5rem 0;
	padding: 1.0rem 0 1.0rem 0;
	text-transform: uppercase;
	letter-spacing: 0.15rem;
	}
h4 a:link, h4 a:visited {
	color:#7a8a8f;
	text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
	font-family:"FSElliotWebBold";
	font-weight: normal;
	font-style: normal;
	}	
h4 a:active, h4 a:hover {
	color:#7a8a8f;
	background-size: 100% 1px;	
	font-family:"FSElliotWebBold";
	font-weight: normal;
	font-style: normal;
	}



h5 {
	text-align: left;
	font-size: 1.1875rem;
	line-height: 1.1875rem;
	color: #0a5157;
	font-family:"FSElliotWebBold";
	font-weight: normal;
	font-style: normal;
	margin: 0 0 1.5rem 0;
	padding: 0;
	text-transform: uppercase;
	}
h5 span {
	text-align: left;
	font-size: 0.875rem !important;
	color: #0a5157;
	font-family:"FSElliotWebRegular";
	font-weight: normal;
	font-style: normal;
	margin: 0 0 1.0rem 0;
	padding: 0 0 1.0rem 0;
	text-transform: none !important;
	}

h6 {
	text-align: left;
	font-size: 1.0rem;
	line-height: 1.3rem;
	color: #0a5157;
	font-family:"FSElliotWebBold";
	font-weight: normal;
	font-style: normal;
	margin: 1.2rem 0 1.0rem 0;
	padding: 1.2rem 0 0 0;
	text-transform: uppercase;
	border-top: #dae4e6 solid 1px;
	}


 
::-moz-selection { 
	background: rgba(104, 205, 178, 1.0);
	color: #ffffff; 
	text-shadow: none; 
	}

::selection { 
	background: rgba(104, 205, 178, 1.0);
	color: #ffffff; 
	text-shadow: none; 
	}

img::-moz-selection	{ 
	background: transparent; 
	}
	
img::selection { 
	background: transparent; 
	}
	
a:active {
	outline: none;
	}

a:focus	{
	-moz-outline-style: none;
	}	


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

p {
	margin: 0 0 1.0em 0; 
	text-align: left;
	color: #0a5157;
	font-size: 1.125rem;
	line-height: 1.425rem;	
	font-family:"FSElliotWebRegular", Helvetica Neue, Arial;
	font-weight: normal;
	font-style: normal;
	}
 

a {
	color:#26988a;
	background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
	font-family:"FSElliotWebBold";
	font-weight: normal;
	font-style: normal;
	}	
a:active, a:hover {
	color:#26988a;
	background-size: 100% 1px;	
	text-decoration: none;
	font-family:"FSElliotWebBold";
	font-weight: normal;
	font-style: normal;
	}


.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;
	font-size: 0.825rem;
	line-height: 1.125rem;
	color: #68cdb2;
	font-family:"FSElliotWebBold";
	font-weight: normal;
	font-style: normal;
	margin: 0 0 1.4rem 0;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: 0.15rem;
	}
h3.title:after {
    background-color: #68cdb2;
    content: "";
    display: inline-block;
    height: 2px;
    position: relative;
    vertical-align: middle;
    width: 15%;
	}
h3.title:after {
    left: 1.0em;
    margin-right: 0;
	}






/* Recent Posts */

.recent-post {
	margin: 0 0 2.0rem 0;
	padding: 0 0 2.0rem 0;
	border-bottom: #dae4e6 solid 1px;
	color: #0a5157; 
	text-align: left !important;
	}


.recent-post .post-meta {
	text-align: left;
	color: #0a5157;
	font-size: 0.825rem;
	line-height: 1.125rem;
	font-family: "FSElliotWebRegular";
	font-weight: normal;
	font-style: normal;
	}
.recent-post .post-meta a:link, .recent-post .post-meta a:visited {
	color:#26988a;
	background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
	font-family:"FSElliotWebBold";
	font-weight: normal;
	font-style: normal;
	}	
.recent-post .post-meta a:active, .recent-post .post-meta a:hover {
	color:#26988a;
	background-size: 100% 1px;	
	text-decoration: none;
	font-family:"FSElliotWebBold";
	font-weight: normal;
	font-style: normal;
	}



.recent-post .post-content {
	text-align: left !important;
	color: #0a5157;
	font-size: 1.0rem;
	line-height: 1.3rem;
	font-family: "FSElliotWebRegular";
	font-weight: normal;
	font-style: normal;
	}
.recent-post .post-content a:link, .recent-post .post-content a:visited {
	color:#26988a;
	background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
	font-family:"FSElliotWebBold";
	font-weight: normal;
	font-style: normal;
	}	
.recent-post .post-content a:active, .recent-post .post-content a:hover {
	color:#26988a;
	background-size: 100% 1px;	
	text-decoration: none;
	font-family:"FSElliotWebBold";
	font-weight: normal;
	font-style: normal;
	}


.recent-post .post-thumb {
	margin: 0;
	}


.recent-post .post-content h2   {
	text-align: left;
	font-size: 1.875rem;
	line-height: 2.125rem;
	color: #ffffff;
	font-family: "FSElliotWebRegular";
	font-weight: normal;
	font-style: normal;
	margin: 0 0 2.0rem 0;
	padding: 0;
	text-transform: uppercase;
	}	
.recent-post .post-content h2 a {
	color:#ffffff;
	text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
	font-family: "FSElliotWebRegular";
	font-weight: normal;
	font-style: normal;
	}
.recent-post .post-content h2 a:hover {
   	color:#ffffff;
	text-decoration: none;
	background-size: 100% 1px;	
	font-family: "FSElliotWebRegular";
	font-weight: normal;
	font-style: normal;
	}







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

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

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

.post {
 	text-align: left;
	color: #0a5157;
	font-size: 1.0rem;
	line-height: 1.3rem;
	font-family: "FSElliotWebRegular";
	font-weight: normal;
	font-style: normal;
	margin: 0 0 1.35rem 0; 
	}

.post_header {
	position:relative;
	margin: 1.6rem 0;
	}
	
h1.title {
	text-align: right;
	font-size: 3.8rem;
	line-height: 3.8rem;
	color: #ffffff;
	font-family: "FSElliotWebRegular";
	font-weight: normal;
	font-style: normal;
	padding: 0;
	margin: 0 0 2.4rem 0;	
	text-transform: uppercase;
	}
h1.title a {
	color:#ffffff;
	text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
	font-family: "FSElliotWebRegular";
	font-weight: normal;
	font-style: normal;
	}
h1.title a:hover {
	color:#ffffff;
	text-decoration: none;
	background-size: 100% 1px;	
	font-family: "FSElliotWebRegular";
	font-weight: normal;
	font-style: normal;
	}
@media screen and (max-width: 960px) {
  h1.title {
	text-align: left;
	font-size: 2.325rem;
	line-height: 2.325rem;
  }
}


	
.header_meta {
	text-align: left;
	color: #0a5157;
	font-size: 0.825rem;
	line-height: 1.125rem;
	font-family: "FSElliotWebRegular";
	font-weight: normal;
	font-style: normal;
	text-transform: none;
	}
.header_meta a {
	color:#26988a;
	background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
	font-family:"FSElliotWebBold";
	font-weight: normal;
	font-style: normal;
	}
.header_meta a:hover {
	color:#26988a;
	background-size: 100% 1px;	
	text-decoration: none;
	font-family:"FSElliotWebBold";
	font-weight: normal;
	font-style: normal;
	}
 	


.post h2 a {
    text-align: left;
	font-size: 1.875rem;
	line-height: 2.125rem;
	color: #0a5157 !important;
	font-family: "FSElliotWebRegular";
	font-weight: normal;
	font-style: normal;
	margin: 0 0 2.0rem 0;
	padding: 0;
	text-transform: uppercase;
	}
.post h2 a:link, .post h2 a:visited {
	color:#26988a ;
	text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
	font-family: "FSElliotWebRegular";
	font-weight: normal;
	font-style: normal;
	}	
.post h2 a:active, .post h2 a:hover {
	color:#26988a;
	text-decoration: none;
	background-size: 100% 1px;	
	font-family: "FSElliotWebRegular";
	font-weight: normal;
	font-style: normal;
	}
@media only screen and (max-width: 960px) {
  	 .post h2 {
    	font-size: 1.575rem;
		line-height: 1.975rem;
  	}
}	



.post .thumbnail {
	margin: 0 auto; 
	}

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

.post .postcontent {
	color: #0a5157;
    font-size: 1.0rem !important;
	line-height: 1.35rem !important;	
	padding: 0 0 1.35rem 0;
	}






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

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

*********************************************************************************************/   
 
.entry { 	
	text-align: left;
	color: #0a5157;
	font-size: 1.0rem;
	line-height: 1.3rem;
	font-family: "FSElliotWebRegular";
	font-weight: normal;
	font-style: normal;
	}

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

.entry p { 
	text-align: left;
	color: #0a5157;
	font-size: 1.0rem;
	line-height: 1.3rem;
	font-family: "FSElliotWebRegular";
	font-weight: normal;
	font-style: normal;
	margin: 0 0 1.0em 0; 
	}
.entry a:link, .entry a:visited {
	color:#26988a !important;
	background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
	font-family:"FSElliotWebBold";
	font-weight: normal;
	font-style: normal;
	}	
.entry a:active, .entry a:hover {
	color:#26988a !important;
	background-size: 100% 1px;	
	text-decoration: none;
	font-family:"FSElliotWebBold";
	font-weight: normal;
	font-style: normal;
	}



.entry img {
	margin: 0 0 2.0rem 0;
	width: 100% !important;
	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-bottom: 1px solid #dae4e6; 
	border-left: solid 5px #68cdb2;
  	padding: 1.0rem;
	margin: 0.65rem; 
	}
.side-left .post {
	float: right;
	display: inline;
 	margin: 0 0 0.85rem 0.85rem; 
	}	
.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: 0 0 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% !important;
	margin: 0;
	overflow: hidden;
	}

#sidebar h3.title {
	text-align: left;
	font-size: 0.825rem;
	line-height: 1.125rem;
	color: #68cdb2;
	font-family:"FSElliotWebBold";
	font-weight: normal;
	font-style: normal;
	margin: 0 0 1.4rem 0;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: 0.15rem;
	}
#sidebar h3:after {
    background-color: #68cdb2;
    content: "";
    display: inline-block;
    height: 2px;
    position: relative;
    vertical-align: middle;
    width: 15%;
	}
#sidebar h3:after {
    left: 1.0em;
    margin-right: 0;
	}



#sidebar .widget {
	margin: 1.0rem 0;
	padding: 1.0rem 0;
	}

#sidebar .widget .widget_content {
    padding: 0.85rem;
	}	

#sidebar .tags {
	text-align: left;
	color: #0a5157;
	font-size: 1.0rem;
	line-height: 1.3rem;
	font-family: "FSElliotWebRegular";
	font-weight: normal;
	font-style: normal;
	display: block;
	}

#sidebar .tags a {
	color:#26988a;
	background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
	font-family:"FSElliotWebBold";
	font-weight: normal;
	font-style: normal;
	margin: 0 0 1.0rem 0;
	}

#sidebar .tags a:hover {
	color:#26988a;
	background-size: 100% 1px;	
	text-decoration: none;
	font-family:"FSElliotWebBold";
	font-weight: normal;
	font-style: normal;
	}

#sidebar .widget a:hover { 
	text-decoration: none; 
	border-bottom: 1px solid #dae4e6;
	}



#sidebar .author img { 
	margin: 0 0.65rem 0.3rem 0; 
	float: left; 
	}

#sidebar .author p { 
	text-align: left;
	color: #0a5157;
	font-size: 0.825rem;
	line-height: 1.125rem;
	font-family: "FSElliotWebRegular";
	font-weight: normal;
	font-style: normal;
	}

#sidebar .author_info {
	overflow: hidden;
	}



.widget {
	margin: 0.5rem 0 1.0rem 0;
	padding: 0;
	list-style: none;
	color: #0a5157;
	}	
.widget ul {	
	list-style: none;
	margin: 0;
	border: 0;
	padding: 0;
	text-align: left;
	}
.widget li {
	list-style-type: none;
	text-align: left;
	color: #0a5157;
	font-size: 1.0rem;
	line-height: 1.3rem;
	font-family: "FSElliotWebRegular";
	font-weight: normal;
	font-style: normal;
	padding: 0 0 1.0rem 0;
	overflow: hidden;
	}				
.widget a:link, .widget a:visited {
	color:#26988a;
	background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
	font-family:"FSElliotWebBold";
	font-weight: normal;
	font-style: normal;
	}
.widget a:active, .widget a:hover  {
	color:#26988a;
	background-size: 100% 1px;	
	text-decoration: none !important;
	font-family:"FSElliotWebBold";
	font-weight: normal;
	font-style: normal;
	}