@charset "UTF-8";
/* CSS Document */

/* --------------------

	BY EMILY OF INDIE SHOPOGRAPHY (/)
	
-------------------- */

body {
	font-size: 12px;
	font-family: Helvetica, Arial, Sans-serif;
	background: #e9e9e9;
	font-weight: lighter;
	color: #252525;
	margin: 0;
}

/* ------------------
		RESETS
-------------------- */

article, aside, figure, footer, header, hgroup, nav, section {
	display: block;
	padding: 0;
	margin: 0;
}

p, h1, h2, h3, h4 {
	padding: 0;
	margin: 0;
	text-align: left;
}

img {
	border: none;
}

img a {
	border: none;
}

input {
	padding: 0;
	margin: 0;
}

* {
	-webkit-text-size-adjust:none;
}
 

/* ------------------
		UNIVERSAL
-------------------- */

hr {
	background: #252525;
	border: none;
	height: 1px;
	clear: both;
	margin: 15px 0;
	padding: 0;
}

p {
	padding: 8px 0 8px 0;
	text-align: left;
	margin: 0;
}

ul {
	padding: 8px 0 8px 20px;
	list-style-type: disc;
	margin: 0;
	text-align: left;
}

li {
	padding: 0;
}

ol {
}

ol p {
}

::selection {
	background: #e9e9e9;
	color: #252525;
}

::-moz-selection {
	background: #e9e9e9;
	color: #252525;
}

.clear {
	clear: both;
	padding: 10px 0;
}

.hidden {
	display: none;
}

.infieldlabel {
	position: absolute;
	top: 6px;
	left: 6px;
	padding: 0;
	margin: 0;
	color: #fff;
	font-size: 10px;
	letter-spacing: 1px;
	font-style: italic;
}

.center {
	text-align: center;
}

.content {
	text-align: left;
}

.right {
	text-align: right;
}

.button {
	background: #e9e9e9;
	color: #fff;
	padding: 6px 10px;
	font-size: 9px;
	font-weight: bold;
	border: none;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.button:hover {
	text-decoration: none;
	background: #252525;
}
	

/* -------------------
		TYPOGRAPHY
-------------------- */

h1 {
	font-size: 21px;
	color: #231f20;
	letter-spacing: 2px;
	padding: 0 0 5px 0;
	text-transform: uppercase;
	font-weight: normal; 
	font-family: Didot, Times, serif;
}

h2 {
	font-size: 19px;
	padding: 15px 0 5px 0;
	color: #E05206;
	text-transform: uppercase;
	font-weight: normal; 
	letter-spacing: 3px;
}

h3 {
	padding: 10px 0 8px 0;
	font-size: 17px;
	color: #252525;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: normal; 
}

h4 {
	font-size: 15px;
	padding: 10px 0 8px 0;
	text-transform: uppercase;
	font-weight: normal; 
	color: #231f20;
}

h5 {
	font-size: 13px;
	color: #231f20;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	padding: 10px 0 8px 0;
}

strong {
	font-weight: bold;
}

b {
	font-weight: bolder;
}

a {
	color: #5bc4c1;
	text-decoration: none;
}

a:hover {
	color: #9d9d9d;
	text-decoration: none;
}

.large {
	font-size: 17px;
	letter-spacing: 2px;
}

.largeitalic {
	font-size: 17px;
	font-style: italic;
}

.justify {
	text-align: justify;
}

.quote {
    font-size: 16px;
    font-style: italic;
    padding: 5px 0 10px 10px;
    color: #E05206;
}

.blue {
    color: #63CECA;
}

.orange {
    color: #E05206;
}


/* -------------------
	MOBILE RESETS
-------------------- */

.mobileshow {
    display: none;
}


@media screen and (max-width: 759px) {
    .mobilehide {
        display: none;
    }
    
    .mobileshow {
        display: block;
    }
}

@media screen and (min-width: 760px) and (max-width: 980px) {
    .mobilehide {
        display: none;
    }
    
    .mobileshow {
        display: block;
    }
}   


/* -------------------
		STRUCTURE
-------------------- */

#headerbarwrapper {
	width: 100%;
	height: 100px;
	background: #fff;
}

#headerbarcontent {
	width: 975px;
	margin: 0 auto;
	text-align: center;
}

.headerbarleft {
	float: left;
	width: 150px;
	text-align: left;
	letter-spacing: 4px;
	font-size: 10px;
}

.headerbarright {
	float: right;
	text-align: right;
	width: 500px;
	letter-spacing: 4px;
	font-size: 10px;
}

#headerbarlogo {
	padding-top: 5px;
}

#headerbarmenu {
	padding: 82px 0 5px 0;
}

#headerbarmenu a {
	color: #252525;
}

#headersubbar {
	padding-bottom: 40px;
}

#headersubbarname {
	padding-top: 5px;
	letter-spacing: 6px;
	text-align: center;
}

#headerbarsocial {
	color: #ffffff;
	padding-top: 5px;
}

#headerbarsocial a {
	color: #ffffff;
}

.contentwrapper {
	width: 975px;
	margin: 0 auto;
	text-align: center;
	clear: both;
	display: table;
}

#footerwrapper {
	width: 100%;
	background: #fff;
	margin-bottom: 25px;
}

#footercontent {
	padding: 25px 0;
	width: 975px;
	text-align: center;
	margin: 0 auto;
	font-size: 10px;
	letter-spacing: 2px;
	text-transform: uppercase;
	line-height: 18px;
}

#footercontent a {
	color: #252525;
}

#footercontent a:hover {
}


@media screen and (max-width: 759px) {
    #mobileheadermenu {
        line-height: 25px;
        padding: 10px 0px;
        background-color: #fff;
    }
    
    #headerbarcontent {
		width: 100%;
    }
    
    .headerbarleft {
        width: 100%;
        text-align: center;
    }
    
    .headerbarright {
        width: 100%;
        text-align: center;
        letter-spacing: 0px;
        padding-top: 15px;
        font-size: 12px;
    }
    
    #headerbarmenu {
        display: none;
    }
    
    .contentwrapper {
		width: 90%;
    }
    
    #footercontent {
        width: 100%;
    }
}

@media screen and (min-width: 760px) and (max-width: 980px) {
    #mobileheadermenu {
        display: none;
    }
    
    #headerbarcontent {
		width: 90%;
    }
    
    .headerbarleft {
        width: 35%;
    }
    
    .headerbarright {
        width: 60%;
    }
    
    #headerbarmenu {
        display: table;
    }
    
    #headersubbarname {
        text-align: left;
    }
    
    .contentwrapper {
		width: 90%;
    }
    
    #footercontent {
        width: 100%;
    }
}   


/* -------------------
		SUBSCRIBE
-------------------- */

#homesidebarsubscribe {
	width: 100%;
	background: #fff;
	padding: 25px 0;
}

#homesidebarsubscribe h4 {
	padding: 0 25px 8px 25px;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 4px;
	text-align: center;
}

#homesidebarsubscribe p {
	padding: 5px 25px 13px 25px;
	letter-spacing: 4px;
	text-align: center;
}

#homesidebarsubscribe .item {
	padding: 0 25px 10px 25px;
	letter-spacing: 4px;
	position: relative;
}

#homesidebarsubscribe .item .infieldlabel {
	left: 30px;
}

#homesidebarsubscribe .item input {
	background: #5bc4c1;
	border: none;
	width: 300px;
	height: 25px;
}

#homesidebarsubscribe .submit {
	text-align: right;
	padding: 0 25px 0 0;
}

/* HOME ABOUT */

#aboutsubscribe {
	padding: 25px 0;
	margin: 0 auto;
	text-align: center;
	width: 625px;
	display: table;
}

#aboutsubscribeleft {
	width: 300px;
	float: left;
	text-align: left;
}

#aboutsubscriberight {
	width: 300px;
	float: right;
	text-align: right;
	padding-top: 10px;
}

#aboutsubscribe h4 {
	padding: 0;
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 4px;
	line-height: 28px;
}

#aboutsubscribe p {
	padding: 0;
	letter-spacing: 4px;
	text-transform: uppercase;
	line-height: 28px;
}

#aboutsubscribe .item {
	padding: 0 0 16px 0;
	letter-spacing: 4px;
	position: relative;
	text-align: left;
}

#aboutsubscribe .item:last-child {
	padding: 0;
}

#aboutsubscribe .item .infieldlabel {
}

#aboutsubscribe .item input {
	background: #252525;
	border: none;
	width: 300px;
	height: 25px;
    color: #fff;
}

#aboutsubscribe .submit {
	text-align: right;
	padding: 0;
}

#aboutsubscribe .button {
    background: #252525;
}

#aboutsubscribe .button:hover {
    background: #e9e9e9;
}


/* BLOG POST FOOTER */

.blogsubscribe {
	width: 550px;
	background: #5bc4c1;
	display: table;
}

.blogsubscribecontent {
	padding: 20px 25px;
	display: table;
}

.blogsubscribeleft {
	width: 325px;
	float: left;
	text-align: left;
}

.blogsubscribecontent h3 {
	color: #fff;
	padding: 0;
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 4px;
	line-height: 28px;
}

.blogsubscribecontent p {
	padding: 0;
	letter-spacing: 4px;
	text-transform: uppercase;
	line-height: 28px;
	color: #fff;
}

.blogsubscriberight {
	width: 175px;
	float: right;
	text-align: right;
	padding-top: 8px;
}

.blogsubscriberight .item {
	position: relative;
	text-align: left;
}

.blogsubscriberight .item:first-child {
	padding-bottom: 10px;
}

.blogsubscriberight .infieldlabel {
	color: #252525;
}

.blogsubscriberight .item input {
	width: 175px;
	background: #fff;
	border: none;
	height: 28px;
}


@media screen and (max-width: 759px) {
    #aboutsubscribe {
        width: 90%;
    }
    
    #aboutsubscribe .item input {
        width: 100%;
    }
    
    #aboutsubscribeleft {
        width: 100%;
    }
    
    #aboutsubscribeleft h4, #aboutsubscribeleft p {
        text-align: center;
        color: #fff;
    }
    
    #aboutsubscriberight {
        width: 100%;
    }
    
    #homesidebarsubscribe .item input {
    	width: 100%;
    }
    
    .blogsubscribe {
        width: 100%;
    }
    
    .blogsubscribeleft {
        width: 100%;
    }
    
    .blogsubscriberight {
        width: 100%;
    }
    
    .blogsubscriberight .item input {
    	width: 100%;
    }
}

@media screen and (min-width: 760px) and (max-width: 980px) {
    #aboutsubscribe {
        width: 90%;
    }
    
    #aboutsubscribeleft {
        width: 45%;
    }
    
    #aboutsubscribeleft h4, #aboutsubscribeleft p {
        text-align: center;
        color: #fff;
    }
    
    #aboutsubscriberight {
        width: 45%;
    }
    
    #homesidebarsubscribe .item input {
    	width: 100%;
    }
    
    .blogsubscribe {
        width: 100%;
    }
    
    .blogsubscribeleft {
        width: 100%;
    }
    
    .blogsubscriberight {
        width: 100%;
    }
    
    .blogsubscriberight .item input {
    	width: 100%;
    }
}  


/* -------------------
		PAGES
-------------------- */

.pagecontent {
	padding: 25px 0;
}

#pageback {
	width: 600px;
	float: left;
	text-align: left;
	background: #fff;
}

#pagebackcontent {
	padding: 20px 25px;
	line-height: 22px;
	letter-spacing: 1px;
}

/* HOME */

#hometopwrapper {
	width: 975px;
	padding-bottom: 25px;
	display: table;
	margin: 0 auto;
	text-align: center;
}

#homeblogwrapper {
	width: 600px;
	float: left;
	text-align: left;
}

#homeblogwrapper #webapp24995pagination {
	display: none;
}

#homeblogsidebar {
	width: 350px;
	float: right;
	text-align: right;
}

#homesidebarrecent {
	padding-top: 25px;
	width: 350px;
	overflow: hidden;
}

#homesidebarrecent tr {
}

#homesidebarrecent td:last-child {
	padding-left: 25px;
}

#homesidebarrecent .recentitem {
	width: 162px;
	margin-bottom: 25px;
	background: #fff;
}

#homesidebarrecent .recentitemimage {
	width: 162px;
	height: 108px;
	overflow: hidden;
}

#homesidebarrecent .recentitemimage img {
	width: 162px;
	display: block;
}

#homesidebarrecent .recentitemlink {
	padding: 6px 12px 6px 0;
	text-align: right;
	letter-spacing: 1px;
	font-size: 10px;
}

#homesidebarrecent a {
	color: #252525;
}

#homesidebarrecent a:hover {
	color: #5bc4c1;
}

#homesidebarrecent .pagination {
	display: none;
}

#aboutwrapper {
	width: 100%;
	background-image: url(/img/skin/EMT_HeadshotLarge.jpg);
	background-size: cover;
	background-position: top center;
	height: 768px;
}

#aboutcontent {
	text-align: left;
	width: 500px;
	padding: 30px 0 40px 0;
	letter-spacing: 4px;
	line-height: 28px;
	text-transform: uppercase;
}

#aboutsubscribewrapper {
	width: 100%;
	background: rgba(255,255,255,0.7);
	display: table;
}

#servicesection {
	width: 100%;
	clear: both;
	display: table;
	padding-bottom: 25px;
}

.servicecolumn {
	width: 333px;
	float: left;
	letter-spacing: 2px;
	line-height: 25px;
	text-align: justify;
}

.servicecolumn:last-child {
	width: 308px;
}

.servicecolumn .content {
	width: 308px;
}

.servicecolumn h3 {
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 4px;
	text-align: center;
}

#servicelink {
	width: 975px;
	background: #5bc4c1;
	padding: 15px 0;
	text-align: center;
	text-transform: uppercase;
	clear: both;
	display: table;
	letter-spacing: 4px;
	font-weight: bold;
}

#servicelink a {
	color: #fff;
}

#servicelink a:hover {
	color: #252525;
}

.linkrow {
	padding: 25px 0 0 0;
	clear: both;
	width: 975px;
	display: table;
}

.linkleft {
	width: 475px;
	float: left;
}

.linkright {
	width: 475px;
	float: right;
	text-align: right;
}


@media screen and (max-width: 759px) {
    #pageback {
		width: 100%;
    }
    
    #pagebackcontent img {
        width: 100%;
    }
    
    #hometopwrapper {
		width: 100%;
    }
    
    #homeblogwrapper {
        width: 100%;
    }
    
    #homeblogsidebar {
        width: 100%;
    }
    
    #homesidebarrecent {
        width: 100%;
    }
    
    #homesidebarrecent td:last-child {
        padding-left: 0px;
    }
    
    #homesidebarrecent .recentitem {
        width: 95%;
        margin: 10px auto;
    }
    
    #homesidebarrecent .recentitemimage {
        width: 100%;
        height: auto;
    }
    
    #homesidebarrecent .recentitemimage img {
    	width: 100%;
    }
    
    #aboutwrapper {
        height: auto;
        background-image: none;
        background-color: #fff;
    }
    
    #aboutcontent {
        width: 100%;
    }
    
    #aboutcontent img {
        width: 100%;
    }
    
    #aboutsubscribewrapper {
        background-color: #5BC4C1;
    }   
    
    #servicesection {
        padding: 25px 0px;
    }
    
    #servicesection img {
        width: 90%;
    }
    
    .servicecolumn {
		width: 100%;
    }
    
    .servicecolumn:last-child {
        width: 100%;
    }
    
    .servicecolumn .content {
        width: 100%;
    }
    
    #servicelink {
 		width: 100%;
    }
    
    .linkrow, .linkleft, .linkright {
        width: 100%;
    }
    
    .linkleft img, .linkright img {
        width: 100%;
    }
}

@media screen and (min-width: 760px) and (max-width: 980px) {
     #pageback {
		width: 60%;
    }
    
    #pagebackcontent img {
        width: 100%;
    }
    
    #hometopwrapper {
		width: 100%;
    }
    
    #homeblogwrapper {
        width: 60%;
    }
    
    #homeblogsidebar {
        width: 35%;
    }
    
    #homesidebarrecent {
        width: 100%;
    }
    
    #homesidebarrecent td:last-child {
        padding-left: 0px;
    }
    
    #homesidebarrecent .recentitem {
        width: 95%;
        margin: 10px auto;
    }
    
    #homesidebarrecent .recentitemimage {
        width: 100%;
        height: auto;
    }
    
    #homesidebarrecent .recentitemimage img {
    	width: 100%;
    }
    
    #aboutwrapper {
        height: auto;
        background-color: #fff;
    }
    
    #aboutcontent {
        width: 75%;
        background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.7);
    }
    
    #aboutcontent p {
        padding: 8px 15px;
    }
    
    #aboutsubscribewrapper {
        background-color: #5BC4C1;
    }   
    
    #servicesection {
        padding: 25px 0px;
    }
    
    #servicesection img {
        width: 90%;
    }
    
    .servicecolumn {
		width: 33%;
    }
    
    .servicecolumn:last-child {
        width: 33%;
    }
    
    .servicecolumn .content {
        width: 92%;
    }
    
    #servicelink {
 		width: 100%;
    }
    
    .linkrow {
        width: 100%;
    }
    
    .linkleft, .linkright {
        width: 48%;
    }
    
    .linkleft img, .linkright img {
        width: 100%;
    }
}  


/* -------------------
		BLOG
-------------------- */

#blogleft {
	width: 600px;
	float: left;
	text-align: left;
}

#blogright {
	width: 350px;
	float: right;
	text-align: right;
	margin-bottom: 25px;
	display: table;
}

.sidebarsection {
	padding-top: 25px;
}

.sidebarsection hr {
	margin: 0;
	padding: 0;
}

/* BLOG POST */

.blogpostwrapper {
	width: 600px;
	background: #fff;
	margin-bottom: 25px;
}

.blogpostheader {
	padding: 25px 0;
	width: 550px;
	margin: 0 auto;
	text-align: center;
}

.blogpostheader h2 {
	padding: 0;
	margin: 0;
	text-align: center;
	color: #252525;
	font-weight: lighter;
	font-size: 12px;
	letter-spacing: 4px;
}

.blogpostheader h2 a {
	color: #252525;
	text-decoration: none;
}

.blogpostheader h2 a:hover {
	color: #5bc4c1;
}

.blogpostimage {
}

.blogpostimage img {
	width: 600px;
	display: block;
}

.homeblogpostlink {
	text-align: right;
	padding: 25px;
	letter-spacing: 4px;
}

.homeblogpostlink a {
	color: #252525;
}

.blogpostlink a:hover {
	color: #5bc4c1;
	text-decoration: none;
}

.blogpostcontent {
	padding: 25px 0;
	text-align: center;
	width: 550px;
	margin: 0 auto;
	line-height: 22px;
	letter-spacing: 1px;
}

.blogpostcontent p {
}

.blogpostcontent p:first-child {
	display: none;
}

.blogpostcontent img {
	width: 550px;
}

.blogpostdiv {
	padding: 25px 0;
}

.blogpostlinkwrapper {
	width: 100%;
	background: #e9e9e9;
	color: #fff;
	font-size: 10px;
	text-transform: uppercase;
}

.blogpostlink {
	padding: 5px 25px;
	text-align: center;
}

.blogpostlink a {
	color: #fff;
}

#comments {
	margin-top: 50px;
}

#blogleft .pagination {
	width: 400px;
	text-align: right;
	padding-bottom: 50px;
}

#blogleft .pagination li {
	float: left;
	list-style: none;
}

#blogleft .pagination li {
	padding: 0 10px;
	font-weight: bold;
}

#blogleft .pagination li a {
	font-weight: bold;
}


/* RECIPE */

.recipe {
	padding: 20px;
	background: #EAEAEA;
	text-align: left;
}

.recipe > h3 {
	color: #000;
	text-align: center;
}

.recipeleft {
	width: 225px;
	float: left;
}

.reciperight {
	float: right;
	text-align: right;
	width: 300px;
}

.recipe > h4 {
	color: #000;
}

.recipelink {
	text-align: right;
}

.recipelink a {
	color: #000;
}

.recipelink a:hover {
	text-decoration: underline;
}

@media screen and (max-width: 759px) {
    
    #blogleft, #blogright {
		width: 100%;
    }
    
    #blogleft .pagination {
    	width: 90%;
        margin: 0px auto;
    }
    
    .blogpostwrapper {
        width: 100%;
    }
    
    .blogpostheader {
        width: 90%;
    }
    
    .blogpostimage img {
      	width: 100%;
    }
    
    .blogpostcontent {
        width: 90%;
    }
    
    .sidebarsection img {
        width: 100%;
    }
       
}

@media screen and (min-width: 760px) and (max-width: 980px) {
    #blogleft {
        width: 60%;
    }
    
    #blogright {
		width: 35%;
    }
    
    #blogleft .pagination {
    	width: 90%;
        margin: 0px auto;
    }
    
    .blogpostwrapper {
        width: 100%;
    }
    
    .blogpostheader {
        width: 90%;
    }
    
    .blogpostimage img {
      	width: 100%;
    }
    
    .blogpostcontent {
        width: 90%;
    }
    
    .sidebarsection img {
        width: 100%;
    }
}  


/* --------------------
		SEARCH
-------------------- */

#searchresultswrapper {
    padding: 25px 0px;
    text-align: center;
    width: 550px;
    margin: 0px auto;
    line-height: 22px;
    letter-spacing: 1px;
}

.search-result {
    width: 90%;
}

.search-result p {
    word-wrap: break-word;
}

/* Search form */

#sidebarsearch {
	width: 100%;
	background: #fff;
	padding: 25px 0;
}

#sidebarsearch h4 {
	padding: 0 25px 8px 25px;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 4px;
	text-align: center;
}

#sidebarsearch p {
	padding: 5px 25px 13px 25px;
	letter-spacing: 4px;
	text-align: center;
}

#sidebarsearch .item {
	padding: 0 25px 10px 25px;
	letter-spacing: 4px;
	position: relative;
}

#sidebarsearch .item .infieldlabel {
	left: 30px;
}

#sidebarsearch .item input {
	background: #5bc4c1;
	border: none;
	width: 300px;
	height: 25px;
}

#sidebarsearch .submit {
	text-align: right;
	padding: 0 25px 0 0;
}

@media screen and (max-width: 759px) {
    
    #searchresultswrapper {
        width: 90%;
    }
    
    #sidebarsearch .item input {
        width: 100%;
    }
}

@media screen and (min-width: 760px) and (max-width: 980px) {
    #searchresultswrapper {
        width: 90%;
    }
    
    #sidebarsearch .item input {
        width: 100%;
    }
}  


/* --------------------
		ARCHIVES
-------------------- */

.archivewrapper {
	padding-top: 15px;
}

.archivepost img {
	max-width: 550px;
}

.archiveheader {
}

.archiveheader h2 {
	color: #252525;
}

.archiveheader h2 a:link, .archiveheader h2 a:active, .archiveheader h2 a:visited {
	color: #252525;
	text-transform: uppercase;
	padding: 0;
	font-style: normal;
	font-size: 22px;
}

.archiveheader h2 a:hover {
	color: #63CECA;
}

.archiveinfo {
	font-size: 10px;
	text-transform: uppercase;
}