/*
Theme Name: Lugada
Theme URI: http://www.illuminatheme.com/lugada
Author: Illumina Theme
Author URI: http://www.illuminatheme.com/about-illumina-theme/
Description: Simple minimalist responsive two column theme with built in slider. Suitable for a blog-based website with custom menu, custom header, custom widget, social share button (facebook like, twitter share, google +1) to make your blog more dazzling. Lugada comes with amazing image attachment gallery, featured image, theme option, sticky post support, styles for print and for the admin editor. HTML 5, CSS 3, and responsive technology.
Version: 1.4
License: GNU General Public License
License URI: license.txt
Tags: light, white, two-columns, left-sidebar, flexible-width, microformats, custom-header, custom-menu, editor-style, featured-images, sticky-post, theme-options, threaded-comments
*/



/* CSS Reset */
html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,address,cite,code,del,dfn,em,
img,ins,q,small,strong,sub,sup,dl,dt,
dd,ol,ul,li,fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{
	border:0;
	margin:0;
	padding:0
}
article,aside,figure,figure img,figcaption,
hgroup,footer,header,nav,section,video,object{
	display:block
}
a img{
	border:0
}
figure{
	position:relative
}
figure img{
	width:100%
} 
audio, canvas, video { 
	display: inline-block; 
	*display: inline; 
	*zoom: 1; 
}
audio:not([controls]) { 
	display: none; 
}
[hidden] { 
	display: none;
}

/* =============================================================================
   Global
   ========================================================================== */
html { 
	background-color: #d4ecf1;
	background-image: url("images/TideAndThyme_BG.jpg");
	background-repeat: repeat;
	font-size: 100%; 
	-webkit-text-size-adjust: 100%; 
	-ms-text-size-adjust: 100%; 
	}
html, 
button, 
input, 
select, 
textarea { 
	font-family: 'Lucida Grande', 'Lucida Sans', Arial, Helvetica, sans-serif; 
	color: #808080; 
}
body {
	background-color: #ffffff;
	margin: 0 auto; 
	max-width: 1020px;
	font-size: 14px;
	line-height: 18px; 
	-moz-box-shadow:0px 0px 9px 2px #99d4dd;
	-webkit-box-shadow:0px 0px 9px 2px #99d4dd;
	box-shadow:0px 0px 9px 2px #99d4dd;
}


.chromeframe { 
	margin: 0.2em 0; 
	background: #FF3300; 
	color: #FFF; 
	padding: 10px 0; 
}

.chromeframe a { 
	color: #FFF; 
	border-bottom: 1px solid #FFF; 
}

/* =============================================================================
   Links
   ========================================================================== */
a { 
	color: #0c98af; 
	text-decoration: none;
}
a:visited { 
	color: #0c98af;
	text-decoration: none; 
}
a:hover { 
	color: #036B70;
	text-decoration: none; 
}


/* =============================================================================
   Headings
   ========================================================================== */
h1,
h2,
h3,
h4,
h5 { 
	color: #333;   
	font-weight: 400; 
	line-height: 110% 
}
h1 {
	font-size: 20px;
	color: #333;
	margin: 10px 0;
}
h2 {
	font-size: 16px;
	color: #333;
	margin: 10px 0;
}
h3 {
    color: #369965;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 24px;
    font-style: italic;
    font-weight: normal;
    margin: 3px 0;
    padding: 7.5px 0;
} 

h4 {
    color: #808080;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 5px;
}

h5, 
h6 { 
	font-size: 11px; 
	line-height: 200%;
}

h5 {
    color: #ffffff;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 18px;
    font-style: italic;
    font-weight: normal;
    line-height: 22px;
    margin: 3px 0;
    padding: 0;
}

h6 {
    color: #ffffff;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    line-height: 18px;
    margin: 3px 0;
    padding: 0;
}

/* =============================================================================
   Typography
   ========================================================================== */
address { 
	display: block; 
	margin: 10px 0; 
	font-style: normal; 
	color: #666; 
}
abbr[title] { 
	border-bottom: 1px dotted; 
}
b, 
strong { 
	font-weight: bold; 
}
blockquote { 
	margin: 1em 40px; 
	font-size: 13px; 
	font-family: Georgia, serif; 
	font-style: italic; 
}
cite { 
	color: #666; 
	font-size: 12px; 
	font-weight: 400; 
	letter-spacing: 0.05em; 
	text-transform: uppercase;
	font-style: normal;  
}
dfn { 
	font-style: italic; 
}
hr { 
	display: block;
	height: 1px; 
	border: 0; 
	border-top: 1px solid #ccc; 
	margin: 1em 0; 
	padding: 0;
}
ins { 
	background: #ff9; 
	color: #000; 
	text-decoration: none; 
}
mark { 
	background: #ff0; 
	color: #000; 
	font-style: italic; 
	font-weight: bold; 
}
pre, 
code, 
kbd, 
samp { 
	font-family: monospace, monospace; _font-family: 'courier new', monospace; 
	font-size: 1em; 
}
pre { 
	white-space: pre; 
	white-space: pre-wrap; 
	word-wrap: break-word; 
}
p { 
	padding: 0 0 20px 0; 
	margin: 0; 
}
q {
	quotes: none; 
}
q:before, q:after { 
	content: ""; 
	content: none; 
}
small { 
	font-size: 85%; 
}
sub, 
sup { 
	font-size: 75%; 
	line-height: 0; 
	position: relative; 
	vertical-align: baseline; 
}
sup { 
	top: -0.5em; 
}
sub { 
	bottom: -0.25em; 
}

/* =============================================================================
   List
   ========================================================================== */
ul { 
	list-style: square ; 
}
ol ol { 
	list-style: upper-alpha; 
}
ol ol ol { 
	list-style: lower-alpha; 
}
ul, 
ol { 
	margin: 1em 0; 
	padding: 0 0 0 20px;
}
dl.gallery-item { 
	margin: 0;
}
dt { 
	color: #000; 
}
dd { 
	margin: 0 0 15px 10px;
}
nav ul, 
nav ol { 
	list-style: none; 
	list-style-image: none; 
	margin: 0; 
	padding: 0; 
}

/* =============================================================================
   Form, button
   ========================================================================== */
form { 
	margin: 0; 
}
fieldset { 
	border: 0;
	margin: 0; 
	padding: 0; 
}
label { 
	cursor: pointer; 
}
legend { 
	border: 0; 
	*margin-left: -7px; 
	padding: 0; 
	white-space: normal; 
}
button, 
input, 
select, 
textarea { 
	font-size: 100%; 
	margin: 0; 
	vertical-align: baseline; *vertical-align: middle; 
}
button, 
input { 
	line-height: normal;   
}

input {
    background-color: #E5F4F6;
    border: 0;
    margin-bottom: 15px;
    margin-right: 5px;
    padding: 6px;
}

input.button {
	background-color: #0C98AF;
	color: #FFFFFF;
	font-weight: bold;
	margin-bottom: 15px;
	padding: 6px;
	text-transform: uppercase;
        width: 80px; 
}

input.button:hover {
	background-color: #036B70;
	color: #FFFFFF;
	font-weight: bold;
	padding: 6px;
	text-transform: uppercase;
        width: 80px; 
}

input[type="submit"] { 
    background-color: #0C98AF;
    color: #FFFFFF;
    font-weight: bold;
    margin-bottom: 15px;
    padding: 6px 14px;
    text-transform: uppercase;
}

input[type="submit"]:hover { 
    background-color: #036B70;
    color: #FFFFFF;
    font-weight: bold;
    margin-bottom: 15px;
    padding: 6px 14px;
    text-transform: uppercase;
}

button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] { 
	cursor: pointer; 
	-webkit-appearance: button; 
	*overflow: visible;
	
}
button[disabled], 
input[disabled] { 
	cursor: default; 
}
input[type="checkbox"], 
input[type="radio"] { 
	box-sizing: border-box; 
	padding: 0; 
	*width: 13px; 
	*height: 13px; 
}
input[type="search"] { 
	-webkit-appearance: textfield; 
	-moz-box-sizing: content-box; 
	-webkit-box-sizing: content-box; 
	box-sizing: content-box; 
}
input[type="search"]::-webkit-search-decoration, 
input[type="search"]::-webkit-search-cancel-button { 
	-webkit-appearance: none; 
}
button::-moz-focus-inner, 
input::-moz-focus-inner { 
	border: 0; 
	padding: 0; 
}
textarea { 
	border: 0px;
	background-color: #E5F4F6;
	overflow: auto; 
	padding: 6px;
	vertical-align: top; 
	resize: vertical; 
	width: 500px;

}
input:valid, 
textarea:valid {}
input:invalid, 
textarea:invalid { 
	background-color: #E5F4F6; 
}

/* =============================================================================
   Table
   ========================================================================== */
table { 
	border-collapse: collapse; 
	border-spacing: 0; 
}
.entry-content table { 
	border-bottom: margin: 0 0 15px ; 
	width: 100%; 
}
th, 
td { 
	text-align: left;  
}
td { 
	vertical-align: top; 
	border-top: 1px solid #DDD; 
	padding: 5px 10px 5px 0; 
}
th { 
	font-weight: 400; 
	font-size: 13px; 
	color: #666; 
	text-transform: uppercase; 
}

/* =============================================================================
   WordPress generated css
   ========================================================================== */
.page-link{ 
	font-size: 11px; 
	font-weight: 400;  
	text-transform: uppercase; 
	color: #AAA; 
	letter-spacing: 5px; 
	margin: 10px 0; 
}
.page-link span { 
	letter-spacing: 1px; 
}
.wp-caption {
	max-width: 96%;
}
.wp-caption-text, 
.gallery-caption { 
	font-size: 11px; 
	font-weight: 400;  
	text-transform: uppercase; 
	color: #AAA; 
	letter-spacing: 1px;  
	margin: 0 5px 5px 5px; 
	text-align: center; 
}
.bypostauthor {}
.sticky {}
article.sticky  .sticky-label{ 
	width: 82px; 
	height: 83px; 
	position: absolute; 
	right: -5px; 
	top: -5px; 
	background: url(images/featured.png) no-repeat;
}
.alignright { 
	display: inline; 
	float: right; 
	margin-left: 15px;
}
.alignleft { 
	display: inline; 
	float: left; 
	margin-right: 15px;
}
.aligncenter { 
	clear: both; 
	display: block; 
	margin-left: auto;
	margin-right: auto; 
}

/* =============================================================================
   Images
   ========================================================================== */
img { 
	border: 0; 
	-ms-interpolation-mode: 
	bicubic;  
}

.entry-content img {
}

svg:not(:root) { 
	overflow: hidden; 
}
figure { 
	margin: 0; 
}
img.size-full, 
img.size-large { 
	max-width: 95.5%;  
	height: auto; 
}
img[class*="align"], 
img[class*="wp-image-"]{ 
	padding: 6px; 
	margin: auto; 
}
img.alignnone { 
	margin: 7.5px 0; 
}
img.alignright { 
	display: inline; 
	float: right; 
	margin: 5px 0 15px 15px;
}
img.alignleft { 
	display: inline; 
	float: left; 
	margin: 5px 15px 15px 0 ;
}
img.aligncenter { 
	clear: both; 
	display: block; 
	margin: 10px auto; 
}

/* =============================================================================
   Theme Backbone
   ========================================================================== */
.container { 
	padding-left: 20px; 
	padding-right: 20px; 
}
.row { 
	width: 100%; 
	max-width: 1020px; 
	min-width: 755px; 
	margin: 0 auto; 
	overflow: hidden;
}
.rowheader { 
	width: 100%; 
	margin: 0 auto;  
	min-height: 50px;
}
.column-sidebar, 
.column-half { 
	margin-right: 3.8%; 
	float: left; 
	min-height: 1px;
}
.column-content {  
	float: left; 
	min-height: 1px; 
}
.row .column-sidebar { 
	border-left: 4px solid #EEF8F9;
    padding-left: 2%;
    width: 34%;
}
.row .column-half { 
	width: 48%; 
}

.row .column-content {
    	width: 63%;
}
.row .column-full { 
	width: 100%; 
	float: left;
}
.nomargin { 
	margin-right: 0px;
}
/* =============================================================================
   Flexslider by Woothemes
   ========================================================================== */
.sliderarea { 
	margin: 0; 
}

.sliderarea .row {
    max-width: 320px;
    min-width: 0px;
    margin: 0px;
}

.flexcontainer {
	width: 100%; 
	max-width: 320px; 
	margin: 0 auto; 
	padding: 0 0 25px 0
}

/* =============================================================================
   Header area
   ========================================================================== */
.headerarea { 
	background-image: url("images/TideAndThyme_headerBG.jpg");
	background-position: right top;
	background-repeat: no-repeat;
	margin: 0px 0 10px 0; 
	padding-top: 15px;
}
.headerarea h1 {
	font-size: 33px; 
	font-weight: 400; 
	margin: 0;
}
.headerarea h1 a {}
.headerarea h2 { 
	font-size: 13px; 
	color: #AAA;
}

.headerarea .column-content img {
	max-width: 100%;
}

.headerarea .row .column-content {
	border-right: none;
    	width: 64%;
}

#searchbox  { 
    margin: 5px 18px 0 0;
    text-align: right;
}

#searchbox  input[type="text"] { 
	background-color: #E5F4F6;
    	border: 0 none;
    	font-size: 13px;
	margin: 0px;
    	padding: 6px 35px 6px 6px;
    	width: 220px;
}

#searchbox input[type="submit"] { 
	background: url("images/TideAndThyme_searchIcon.png") no-repeat scroll 0 4px transparent;
    	border: 0px solid #FFFFFF;
   	margin-bottom: 0;
        margin-left: -30px;
        text-indent: -9999px;
        width: 16px;
        height: 26px;
        display: inline-block !important;
}

#searchbox input[type="submit"]:hover { 
	background: url("images/TideAndThyme_searchIcon_hover.png") no-repeat scroll 0 4px transparent;
    	border: 0px solid #FFFFFF;
	margin-left: -30px;
	margin-bottom: 0px;
   	text-indent: -9999px;
    	width: 16px;
        height: 26px;
        display: inline-block !important;
}

label.screen-reader-text { 
	clip: rect(1px, 1px, 1px, 1px); 
	position: absolute !important; 
}

#socialButtons {
    float: right;
    margin: 100px 0px 0 0px;
    padding-right: 15px;
}

#socialButtons .preloads {
     display:none;
}

#socialButtons a {
    height: 30px;
    width: 30px;
    display: inline-block;
    zoom:1;
    *display:inline;
}


#socialButtons .Facebook {
	background: url("images/TideAndThyme_Social_Facebook.png") no-repeat scroll 0 0 transparent;
	}

#socialButtons .Facebook:hover {
	background: url("images/TideAndThyme_Social_Facebook_hover.png") no-repeat scroll 0 0 transparent;
}

#socialButtons .Twitter {
	background: url("images/TideAndThyme_Social_Twitter.png") no-repeat scroll 0 0 transparent;
	}


#socialButtons .Twitter:hover {
	background: url("images/TideAndThyme_Social_Twitter_hover.png") no-repeat scroll 0 0 transparent;
}

#socialButtons .GooglePlus {
	background: url("images/TideAndThyme_Social_GooglePlus.png") no-repeat scroll 0 0 transparent;
}

#socialButtons .GooglePlus:hover {
	background: url("images/TideAndThyme_Social_GooglePlus_hover.png") no-repeat scroll 0 0 transparent;
}

#socialButtons .Pinterest {
	background: url("images/TideAndThyme_Social_Pinterest.png") no-repeat scroll 0 0 transparent;
}


#socialButtons .Pinterest:hover {
	background: url("images/TideAndThyme_Social_Pinterest_hover.png") no-repeat scroll 0 0 transparent;
}

#socialButtons .Instagram {
	background: url("images/TideAndThyme_Social_Instagram.png") no-repeat scroll 0 0 transparent;
	}


#socialButtons .Instagram:hover {
	background: url("images/TideAndThyme_Social_Instagram_hover.png") no-repeat scroll 0 0 transparent;
}

#socialButtons .EmailMe {
	background: url("images/TideAndThyme_Social_Email.png") no-repeat scroll 0 0 transparent;
}

#socialButtons .EmailMe:hover {
	background: url("images/TideAndThyme_Social_Email_hover.png") no-repeat scroll 0 0 transparent;
}

#socialButtons .RSSFeed {
	background: url("images/TideAndThyme_Social_RSS.png") no-repeat scroll 0 0 transparent;
}

#socialButtons .RSSFeed:hover {
	background: url("images/TideAndThyme_Social_RSS_hover.png") no-repeat scroll 0 0 transparent;
}


/* =============================================================================
   Top menu area
   ========================================================================== */
.topmenuarea { 
	margin: 15px 0 20px 0; 
	padding: 0px 25px; 
}
#topmenu {
	border-bottom: 2px dotted #388c90;
	border-top: 2px dotted #388c90;
	float: left;
	padding: 5px 0 5px 0; 
	width: 100%;
}
#topmenu ul {}
#topmenu ul li { 
	float: left; 
	position: relative; 
	font-size: 13px; 
	font-weight: 400; 
	letter-spacing: 1px;
	text-transform: uppercase; 
	margin: 0px 20px 0px 20px; 
	color: #333; 
}
#topmenu ul ul { 
	display: none; 
	float: left; 
	position: absolute; 
	top: 2em; 
	left: -5px; 
	z-index: 99999; 
	padding: 5px 0 0 5px; 
	margin: 14px 0 0 0; 
	background: #fff; 
	border: 1px dashed #c1c1c1; 
	border-top: none; 
}
#topmenu ul ul ul { 
	left: 100%; 
	top: -20px; 
	border: 1px dashed #c1c1c1;
}
#topmenu ul ul li, 
#topmenu ul ul ul li { 
	min-width: 130px; 
	margin: 0; 
	padding: 0; 
	border: none; 
	background: #fff; 
}
#topmenu u ul a { 
	line-height: 1.5em; 
	padding: .5em .5em .5em 1em;
	width: 10em; 
	height: auto;
}
#topmenu ul li a { 
	text-decoration: none; 
	color: #0b98af; 
	display: block; 
	line-height: 3.1em;
}
#topmenu ul li:hover > ul { 
	display: block;
}
#topmenu ul ul a:hover { 
	color: #036b70;
}
#topmenu ul li:hover > a, 
#topmenu ul ul :hover > a {
	color: #036b70; 
}
#topmenu ul li.current_page_item a { 
	color: #036b70;
}
#topmenu select { 
	display: none;
}

/* =============================================================================
   Content
   ========================================================================== */
.contentarea{ 
clear: both;
margin: 0 0 20px 0; 
}
#content { 
	margin: 0 0 15px 0; 
	padding: 0 0 10px 0;
}

#breadcrumbs { 
	border-bottom: 1px solid #E9EFE8;
	color: #808080;
	font-size: 11px;  
	text-transform: uppercase; 
	font-weight: 400; 
	margin-right: 20px; 
	padding: 0 0 5px 10px; 
}
#breadcrumbs a { 
	color: #0C98AF; 
}
#breadcrumbs a:hover { 
	color: #036B70; 
}
#breadcrumbs .current span {  
	color: #808080; 
}
	
.content-box { 
	width: 95%; 
	padding: 10px; 
	margin: 0 0 15px 0; 
	position: relative;  
}

.content-box article {
	border-bottom: 2px dotted #388C90; 
}

article {
	width: 95%; 
	padding: 10px; 
	margin: 0 0 15px 0; 
	position: relative; 
}

.entry-title {
	color: #369965; 
	font-family: Georgia, "Times New Roman", Times, serif;	
	font-size: 20px;
	font-style: italic;
	font-weight: bold;
	margin: 2px 0 10px 0px;
}

.entry-posted-date {
	float: left; 
	margin: 0px 0px 10px 0; 
	padding: 0px; 
}

.entry-date {
	font-size: 11px; 
	font-weight: bold; 
	text-transform: uppercase;
}

.entry-author { 
	float: left; 
	margin: 0px 0px 10px 0; 
	padding: 0px;
	font-size: 11px; 
	font-weight: 400; 
}
.entry-comments { 
	float: left; 
	margin: 0px 0 10px 0; 
	padding: 0px; 
	font-size: 11px; 
	font-weight: 400;
}

.entry-divider { 
	float: left; 
	margin: 0px 7px; 
	font-size: 11px; 
	font-weight: 400;
}

.entry-author a, 
.entry-comments a { 
	color: #0c98af 
}
.entry-author a:hover, 
.entry-comments a:hover { 
	color: #036B70 
}
.more-link {
	width: 125px; 
	display: block; 
	background: #8fc73e; 
	padding: 2.5px 15px; 
	margin: 10px 0; 
	font-size: 11px; 
	font-weight: 400; 
	letter-spacing: 1px; 
	text-transform: uppercase; 
	color: #FFF; 
}
.more-link :hover,
.more-link:visited{ 
	color: #FFF; 
}
.cat-links, 
.tag-links, 
{ 
	font-size: 11px; 
	font-weight: 400; 
	text-transform: uppercase;   
}
.content-box .post h3 { 
	color: #369965;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 24px;
	font-style: italic;
	font-weight: normal;
	margin: 30px 0 10px 0;
}

.content-box .post h3 span {
text-decoration: none !important;
}
	
footer.entry-meta { 
	margin: 10px 0 0 0; 
}
footer.entry-meta span.cat-links, footer.entry-meta span.edit-link {
font-size: 11px;
}

footer.entry-meta span.cat-links span {
font-style: italic;
}

.single #content , 
.archive #content, 
.search #content { 
	margin: 20px 0 0 0;
	padding: 0 0 10px 0;  
}
.attachment #content { 
	margin: 20px 0 0 5px; 
}

.page .entry-title, 
.error404 .entry-title, 
.search-no-results .entry-title{ 
	margin: 0 0 20px 0; 
}
.search-results .entry-title { 
	margin: 2px 0 10px 0px;
}

.socialshareboxsingle {  
	font-size: 11px; 
	font-weight: 400; 
	letter-spacing: 1px; 
	text-transform: uppercase; 
	color: #666; 
	margin: 10px 0 0 0; 
}
.socialshareboxsingle ul { 
	list-style: none;
}
.socialshareboxsingle ul li { 
	float: left;
	margin: 0 -10px;
 }
.socialshareboxsingle ul li:first-child { 
	margin: 0 -10px 0 -20px;
}
.attachment .socialshareboxsingle { 
	margin: 20px 0 0 0; 
}

.pagination {  
	font-size: 11px; 
	font-weight: 400; 
	margin: 10px 0 0 10px;
}
.pagination span, 
.pagination a {
	margin: 0px 2px; 
}

.pagination a {
	color: #808080;
	border: 1px solid #e9efe8;
	padding: 2px 5px;
}

.pagination a:hover {
	color: #FFFFFF;
	background-color: #0C98AF;
	border: 1px solid #0C98AF;
	padding: 2px 5px;
	text-decoration: none;
}

.pagination .current { 
	color: #FFFFFF;
	background-color: #0C98AF;
	border: 1px solid #0C98AF;
	padding: 2px 5px; 
}

#singlenav{ 
	margin: 25px 0 0 0;
	padding: 10px 0 10px 0;
	border-top: 1px solid #E9EFE8; 
	overflow: hidden;
}

#singlenav a:link {
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
}

.previousnav{
	float: left;
}
.nextnav{
	float: right;
}

#nav-below {
	font-size: 11px;
	padding: 0px 10px;
}

.error404 {}
.error404 .bigfont { 
	font-size: 37px; 
	font-weight: 400; 
	letter-spacing: 1px; 
	text-transform: uppercase; 
	color: #AAA; 
	line-height: 40px; 
	color: #FF2222; 
}
.error404 .widget { 
	margin: 20px 0 0 0;
}

#author-info { 
	margin: 0 0 10px 0; 
}

#author-description h2 {
    color: #369965;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 24px;
    font-style: italic;
    font-weight: normal;
    margin: 0 0 3px 0;
    padding: 0 0 7.5px 0;
}
#author-avatar { 
	float: left; 
	margin: 0 10px 5px 0; 
}
#author-avatar img { 
	padding: 5px; 
	border: 1px dashed #DDD;
}
#author-link { 
	color: #333; 
	font-weight: 400; 
	letter-spacing: 1px; 
	text-transform: uppercase;
}
	
/* =============================================================================
   Comments
   ========================================================================== */
#comments { 
	margin: 20px 0 ;
	padding: 10px;
}
#comments ol { 
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 13px; 
	font-weight: bold; 
	color: #808080;
}
#comments ol li {
	font-family: 'Lucida Grande', 'Lucida Sans',Arial,Helvetica,sans-serif;
	font-weight: normal;
	font-size: 12px;
	margin: 10px 0 ;
}
.comment-author { 
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 13px; 
	font-weight: bold; 
	color: #808080;
}
.comment-author a { 
	color: #0C98AF; 
}
.comment-author a:hover { 
	color: #036B70; 
}
.comment-content { 
	color: #808080; 
}
.comment-meta { 
	color: #808080;
	font-size: 11px; 
	margin-bottom: 15px;
}
ul.children  { 
	list-style: none; 
}
ul.children li { 
	border-left: 1px solid #E6E6E6; 
	padding: 5px 5px 5px 10px; 
}
	
#respond {
	margin: 20px 0; 
}
#respond p {}
#respond label { 
	margin: 5px 10px 5px 0; 
	font-weight: 400; 
	color: #808080;}

#respond textarea { 
	border: 0px; 
	padding: 6px;
}
#respond  .comment-form-author input[type="text"]{ 
	margin: 0 0 0 17px;
}
#respond  .comment-form-email input[type="text"]{ 
	margin: 0 0 0 16px;
}
#respond  .comment-form-url input[type="text"]{ 
	margin: 0 0 0 12px;
}

#cancel-comment-reply-link {
	font-family: 'Lucida Grande','Lucida Sans',Arial,Helvetica,sans-serif; 
	font-size: 11px;
	font-style: normal;
}

	
/* =============================================================================
   Attachment image
   ========================================================================== */
.attachment-image, .entry-attachment .aligncenter { 
	text-align: center; 
}
.entry-attachment .attachment-attachment-large { 
	width: 900px; 
}
.attachment-thumbnail-bottom { 
	width: 98%; 
	margin: 0 auto; 
	text-align: center;  
}
.attachment-thumbnail-bottom img { 
	width: 80px; 
	margin: 2.5px 1px; 
	-webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out; 
	-o-transition: all 0.3s ease-in-out; 
	-ms-transition: all 0.3s ease-in-out; 
	transition: all 0.3s ease-in-out; 
	opacity: 0.5;  
}
.attachment-thumbnail-bottom img:hover { 
	opacity: 1; 
}
.attachment .content-box { 
	width: 97%;
}

/* =============================================================================
   Post Index
   ========================================================================== */

p.postIndex {
	padding: 15px 0;
	border-bottom: 1px solid #E9EFE8;
	border-top: 1px solid #E9EFE8;
	margin-bottom: 15px;
}
	
/* =============================================================================
   Sidebar and widget
   ========================================================================== */
.widget { 
	font-size: 11px;
	line-height: 16px;
}
.widget ul { 
	padding: 0; 
}
.widget ul li { 
	list-style: none outside none;
    	padding: 3px 0;
}
.widget ul li a { 
	 
}
.widget ul li a:hover { 
	 
}

.column-sidebar .widget { 
	border-bottom: 2px dotted #388c90;
	margin-bottom: 12px;
   	 padding-bottom: 15px;
}

/* FEATURED RECIPES WIDGET  */

.featured-recipes ul li {
	padding: 0px;
}

/* BLOGHER ADS WIDGET */
#text-4 {
	padding-top: 15px;
}

/* BOTTOM ADS WIDGET */
#text-8 {
	border-bottom: 0px;
}

/* BLOGROLL WIDGET */
#linkcat-2 {
	border-bottom: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

/* TAGS WIDGET */
#categories-3 {
	border-bottom: 0px;
	float: left;
	width: 48%;
}

#categories-3 select {
	background-color: #FFFFFF;
	border: 1px solid #E9EFE8;
	padding: 4px;
	width: 90%;
}

/* ARCHIVES WIDGET */
#archives-3 {
	border-bottom: 0px;
	float: left;
	width: 48%;
}

#archives-3 select {
	background-color: #FFFFFF;
	border: 1px solid #E9EFE8;
	padding: 4px;
	width: 90%;
}

/* CONNECT WIDGET  */
#text-7 {
	border-top: 2px dotted #388C90;
	clear: both;
	padding-bottom: 30px;
}

/* NEWSLETTER WIDGET */
#text-5 input {
    width: 220px;
}

#text-5 input.button {
    width: 80px;
}


	
.footerarea .widget {}
.footerarea  .widget ul { 
	padding: 0 0 0 20px; 
}
.footerarea .widget ul li { 
	color: #EEE; 
	border: none; 
	list-style: square; 
	padding: 2px 0;  
}
.footerarea .widget a { 
	color: #FFFFFF; 
	text-decoration: none; 
}
.footerarea .widget a:hover { 
	color: #fff; 
	text-decoration: underline;  
}

.widget-title, 
.eror404 .widgettitle {  
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 24px; 
	font-style: italic;
	font-weight: normal; 
	padding: 7.5px 0; 
	margin: 7.5px 0; 
	color: #369965; 
	} 

.footerarea .widget_recentpost_widget ul  { 
	padding: 0;
} 
.footerarea .widget_recentpost_widget ul li{
	list-style:none;
}

.footerarea .widget-title { 
	background: none; 
	padding: 7.5px 0; 
	color: #FFF;
} 

#blogherads li, .bhaheadlines {width: 300px !important;}
#left-split {width: 160px;float: left; margin-right: 5px;}
#right-split {width: 160px;float: left;margin-top: 32px;}


/* =============================================================================
   Footer
   ========================================================================== */
.footerarea { 
	background: #0C98AF; 
	color: #fff; 
	padding: 10px 20px; 
} 

/* =============================================================================
   Copyright
   ========================================================================== */
.copyrightarea { 
	border-top: 1px solid #64c8d9;
	margin-top: 10px; 
	padding: 20px 0 0 0; 
	color: #FFFFFF; 
	font-size: 11px;
	text-align: center; 
}

.copyrightarea span {
	color: #64c8d9;
}

.copyrightarea a{
	color: #FFFFFF;
	text-decoration: none; 
}
.copyrightarea a:hover { 
	color: #FFFFFF; 	
	text-decoration: underline;
}

/* ============= Responsive CSS ============= */
@media only screen and (min-width: 240px) and ( max-width: 768px) {

/* Theme Backbone */
.row, 
body, 
.container { 
	width: 100%; 
	min-width: 0; 
	margin-left: 0px; 
	margin-right: 0px; 
	padding-left: 0px; 
	padding-right: 0px; 
}
.row .column-sidebar, 
.row .column-half, 
.row .column-full { 
	width: auto; 
	float: none; 
	margin-left: 0px; 
	margin-right: 0px; 
	padding-left: 20px; 
	padding-right: 20px; 
}
.row .column-content { 
	width: auto; 
	float: none; 
	margin-left: 0px; 
	margin-right: 0px; 
	padding-left: 20px; 
	padding-right: 20px; 
}

.row .column-sidebar {
border-left: none;
}

/* Logo and Header*/
.headerarea .row .column-content {
    border-right: medium none;
    text-align: center;
    width: 80%;
}



/* Breadcrumbs */
#breadcrumbs {
	margin-top: 15px;
}

/* Searchbox */
#searchbox { 
    margin: 5px 0 20px 20px;
    text-align: left;
}

/* Top Menu */
#topmenu { 
	margin-bottom: 10px;
	padding: 5px 0 0 0; 
}

#socialButtons {
    float: none;
    display: block;
    margin: 20px 0px;
    padding-right: 0;
    text-align: center;
    width: 100%;
}

/* Widgets in right column */

.column-sidebar {
	border-top: 5px solid #EEF8F9;
	padding-top:15px;
}

.column-sidebar .sliderarea .column-full {
	padding-left: 0px;
}

/* Footer widget */
.footerarea { 
	padding: 10px 0px; 
}
}

@media only screen and (min-width: 240px) and ( max-width: 480px) {

#topmenu ul { 
	text-align: center;
}

#topmenu ul li {
	float: none;
}

#topmenu select { 
	display: none; 
	padding: 10px 0; 
	background: #FFF; 
	border:none; 
	font-size: 13px; 
	color: #333;  
	font-weight: 400; 
	letter-spacing: 1px; 
	text-transform: uppercase; 
} 
#topmenu option { 
	border: none;
}

.headerarea { 
	background-image: none;
}

#searchbox {
	margin: 5px 0 20px 0;
	text-align: center;
	width: 100%;
}


}
/* =============================================================================
   Help class
   ========================================================================== */
.clearfix:before, 
.clearfix:after { 
	content: ""; 
	display: table; 
}
.clearfix:after { 
	clear: both; 
}
.clearfix { 
	*zoom: 1; 
}

/* =============================================================================
   Print CSS
   ========================================================================== */
@media print {
* { 
	background: transparent !important; 
	box-shadow:none !important; 
	text-shadow: none !important; 
	filter:none !important; 
	-ms-filter: none !important; 
} 
a, 
a:visited { 
	border-bottom: 1px dotted #000; 
	padding: 0 0 2px 0;
}
abbr[title]:after { 
	content: " (" attr(title) ")"; 
}
.ir a:after, 
a[href^="javascript:"]:after, 
a[href^="#"]:after { 
	content: ""; 
} 
pre, 
blockquote { 
	border: 1px solid #999; 
	page-break-inside: avoid; 
}
thead { 
	display: table-header-group; 
} 
tr, 
img { 
	page-break-inside: avoid; 
}
img { 
	max-width: 100% !important; 
}
@page { 
	margin: 0.5cm; 
}
p, 
h2, 
h3 { 
	orphans: 3; 
	widows: 3; 
}
h2, 
h3 { 
	page-break-after: avoid; 
}
  
/* Make sense */
.row, 
.rowheader, 
body, 
.container { 
	width: 100%; 
	min-width: 0; 
	margin-left: 0px; 
	margin-right: 0px; 
	padding-left: 0px; 
	padding-right: 0px; 
}
 .row .column-sidebar, 
 .row .column-half, 
 .row .column-content, 
 .row .column-full { 
	width: 100%; 
	float: none; 
	margin-left: 0px; 
	margin-right: 0px; 
	padding-left: 10px; 
	padding-right: 10px; 
}

 /* Hide this */
#searchbox, .topmenuarea, .sliderarea, .footerarea, .widget, .pagination { 
	display: none 
}

/* Edit style */
.content-box { 
	border: none;
}
.entry-date  { 
	position: relative; 
	padding: 0; 
	margin: 0; 
	left: 0; 
	top: 0; 
	font-family: 'Verdana',sans-serif; 
	letter-spacing: 0px; 
	text-transform: capitalize; 
	font-size: 11px; 
}
a[rel=bookmark]:after { 
	content: " (" attr(href) ")"; 
}
a[rel=bookmark] { 
	border: none; 
}
.entry-title { 
	margin: 10px 0 0 0; 
	padding: 0;
}
.entry-title a { 
	border: none; 
	color: #8fc73e;
}
.entry-author, 
.entry-author { 
	padding: 0;
}