/*
Theme Name: Mary Barnetts
Theme URI: http://midaswebtech.com
Author: the Midas team
Author URI: http://midaswebtech.com
Description: The theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: marybarnetts

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/


/* =Reset
-------------------------------------------------------------- */

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

body {
	font-family:Arial, Helvetica, sans-serif;
	background:#f9edd0 url(images/body_bg.jpg) top left repeat-x;
	font-size: 14px;
	color: #000;
	margin: 0px;
	padding: 0px;
}
img, form, h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	border:0;
}
a {
	color:#84c4c0;
	text-decoration:none;
}
a:hover {
	color:#84c4c0;
	text-decoration:underline;
}
/*===================clearfix starts====================*/


.clearfix:before, .clearfix:after {
	clear: both;
	content: ".";
	font-size: 0;
	height: 0;
	line-height:0;
	visibility: hidden;
	display: block;
}
.clearfix {
	display:inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
* html .tabs {
	position:static;
}
/*=======================clearfix ends======================*/


.clear {
	width:100%;
	clear:both;
}
.container {
	width:960px;
	margin:0 auto;
}
#header {
	background:url(images/header_bg.jpg) repeat-x top left;
	height:300px;
}
 @media (max-width: 1024px) {
#header .container{
	background:url(images/header_bg.jpg) repeat-x top left;
}
 }
.header_top {
	height:255px;
}
.header_left {
	float: left;
	padding:25px 0px 0 0;
	width:565px;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#fff;
	line-height:25px;
}
.header_left h1 {
	padding:0 0 8px 0;
}
.header_left h3 {
	font-size:22px;
}
.header_left h4 {
	font-size:20px;
	font-weight:normal;
}
.header_left h4 span {
	padding:0 10px;
}
.header_right {
	float: right;
	width:395px;
}
.link1 {
	margin:67px 0 0 0;
}
.header_right img {
	margin-right:15px;
}
/*#menu {
	clear:both;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 14.5px;
}
#menu ul {
	padding:0;
	margin:0;
	float:left;
}
#menu ul li {
	display:inline;
	float:left;
	list-style:none;
}
#menu ul li.divider {
	border-right: 1px solid #6e9694;
	margin: 17px 0 0;
	height:14px;
	width:1px;
}
#menu ul li a {
	color:#222;
	padding: 19px 16px 0;
	line-height:12px;
	float:left;
}
#menu ul li a:hover, #menu ul li a.selected {
	color:#222;
}
#main_page {
	clear:both;
	padding:30px 0;
}*/
#menu {
	clear:both;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 13.5px;
	font-weight:bold
}
#menu ul {
	padding:0;
	margin:0;
	float:left;
}
#menu ul li {
	display:inline;
	float:left;
	list-style:none;
}
#menu ul li.divider {
	border-right: 1px solid #fff;
	margin: 12px 0 0;
	height:14px;
	width:0px;
}
#menu ul li a {
	color:#fff;
	padding: 14px 16px 13px;
	line-height:12px;		
	display: block; 
}

/*#menu > ul > li:hover > a {
	border:solid 1px #6e9694;
	padding: 18px 15px 13px;
	border-bottom:none;
}*/
#menu ul li a:hover, #menu ul li a.selected {
	color:#fff;
	text-decoration:none;
}

#menu li ul { 
	position: absolute;  
	display: none; 
	margin:0px 0 0 0 ;
} 
#menu > ul > li:hover{
	/*background:#b69641;*/
	text-decoration:underline;	
}
#menu li:hover ul { 
	display: block; 
} 
#menu li ul li { 
	float: none; 
	display: inline; 
}
#menu li ul li a { 
	width: auto; 
	position: relative; 
	border-left: 1px solid #6e9694; 
	border-right: 1px solid #6e9694; 
	border-bottom: 1px solid #6e9694; 
	background: #83c4c0; 
	color: #fff; 
        z-index:2000;
}
#menu li ul li a:hover { 
	background: #83c4c0; 
	color: #222;
	text-decoration:underline;	
}


#main_page {
	clear:both;
	padding:30px 0;
}

.slide {
	border:solid 0px #d8caa7;
}
.welcome_text {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22.5px;
	color:#2f2f2f;
	line-height:33px;
	font-style:italic;
	padding:22px 0;
	border-top:solid 1px #a5a5a5;
	border-bottom:solid 1px #a5a5a5;
	margin:22px 0;
	text-align:center;
}
.image_box {
	float:left;
	margin:0 21px 0 0;
	width:219px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22.5px;
	color:#2f2f2f;
	text-transform:uppercase;
	text-align:center;
}
.image_box img {
	border: solid 5px #d8caa7;
	margin:0 0 10px 0;
}
.content{
	background:#fff;
	padding:15px;
}

#footer {
	clear:both;
	background:#d0ae48;
	font-family:Georgia, "Times New Roman", Times, serif;

}
#footer .container{
		padding:20px 0 20px 0;
		background:#d0ae48;
}

.footer_top {
	background:url(images/???.gif) top left repeat-x;
	height:8px;
	margin-bottom:17px;
}
.footer_box1 {
	float:left;
	width:33.33%;
}
.footer_box2 {
	float:left;
	width:33.33%;
	text-align:center;
}
.footer_address {
	font-size:14px;
	color:#2f2f2f;
	line-height:24px;
	margin:10px 0 0 0;
}
.best_logo {
	margin:36px 0 0 0;
}
.content_left {
	float:left;
	width:615px;
	
}
.content_right {
	float:right;
	width:280px;
	margin:0 0 0 35px;
	
}
.main_heading{
	font-size:35px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#720008;
	font-weight:normal;
    line-height: 31px;
     margin: 0px 0 6px;
}
.inner_image{
	background:url(images/image_bottom.jpg) bottom left no-repeat;
	padding:0 0 7px 0;
	
	margin:17px auto 0;
	width: 441px;
}
.inner_image img{
	border: solid 9px #ededed ;
	
	
}
.inner_text p{
	
	line-height:19px;
	 padding: 4px 0;
	margin:0;
}
	
	.address_box{
		background:#f8f4e3;
		padding:10px;
		-webkit-box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.2);
	font-weight:bold;
	line-height:25px;
	}
/*IE hacks*/

    .element {
	margin-bottom: 20px;
}
.ie7 .element {
	margin-bottom: 10px;
}
.ie8 .element {
	margin-bottom: 15px;
}

.blog_outer{
	margin:0 0 15px 0;
	clear:both;	
}
.blog_outer .link_text{
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	padding:10px 0;
	margin:0 0 15px 0;
	line-height:20px;
}

.blog_outer h3{
	color:#223a22;
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	font-size:20px;
	line-height: 20px;
    margin:0 0 19px 0;	
}

.blog_outer .blog_image{	
    margin:0 12px 5px 0;
	padding:2px;
	background:#fff;
	border:solid 1px #ccc;
	float:left;
	
}

.blog_outer p{	
	line-height: 23px;
    margin:0 0 10px 0;	
}
.blog_outer .read_more{
	color:#222;	
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	font-size:12px;
	float:right;
	padding:5px 11px;
    margin:0 0 15px 0;
	font-style:italic;
	background:#64BB46;
	border-radius:25px;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;	
}
.blog_outer .read_more:hover{
	text-decoration:underline;
}

/* =Comments
-------------------------------------------------------------- */

.comments-title {
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
	font-size: 16px;
	font-size: 1.142857143rem;
	line-height: 1.5;
	font-weight: normal;
}
.comments-area article {
	margin: 24px 0;
	margin: 1.714285714rem 0;
}
.comments-area article header {
	margin: 0 0 48px;
	margin: 0 0 3.428571429rem;
	overflow: hidden;
	position: relative;
}
.comments-area article header img {
	float: left;
	padding: 0;
	line-height: 0;
}
.comments-area article header cite,
.comments-area article header time {
	display: block;
	margin-left: 85px;
	margin-left: 6.071428571rem;
}
.comments-area article header cite {
	font-style: normal;
	font-size: 15px;
	font-size: 1.071428571rem;
	line-height: 1.42857143;
}
.comments-area cite b {
	font-weight: normal;
}
.comments-area article header time {
	line-height: 1.714285714;
	text-decoration: none;
	font-size: 12px;
	font-size: 0.857142857rem;
	color: #5e5e5e;
}
.comments-area article header a {
	text-decoration: none;
	color: #5e5e5e;
}
.comments-area article header a:hover {
	color: #21759b;
}
.comments-area article header cite a {
	color: #444;
}
.comments-area article header cite a:hover {
	text-decoration: underline;
}
.comments-area article header h4 {
	position: absolute;
	top: 0;
	right: 0;
	padding: 6px 12px;
	padding: 0.428571429rem 0.857142857rem;
	font-size: 12px;
	font-size: 0.857142857rem;
	font-weight: normal;
	color: #fff;
	background-color: #0088d0;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #009cee, #0088d0);
	background-image: -ms-linear-gradient(top, #009cee, #0088d0);
	background-image: -webkit-linear-gradient(top, #009cee, #0088d0);
	background-image: -o-linear-gradient(top, #009cee, #0088d0);
	background-image: linear-gradient(top, #009cee, #0088d0);
	border-radius: 3px;
	border: 1px solid #007cbd;
}
.comments-area .bypostauthor cite span {
	position: absolute;
	margin-left: 5px;
	margin-left: 0.357142857rem;
	padding: 2px 5px;
	padding: 0.142857143rem 0.357142857rem;
	font-size: 10px;
	font-size: 0.714285714rem;
}
.comments-area .bypostauthor cite b {
	font-weight: bold;
}
a.comment-reply-link,
a.comment-edit-link {
	color: #686868;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
a.comment-reply-link:hover,
a.comment-edit-link:hover {
	color: #21759b;
}
.commentlist .pingback {
	line-height: 1.714285714;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}

/* Comment form */
#respond {
	margin-top: 48px;
	margin-top: 3.428571429rem;
}
#respond h3#reply-title {
	font-size: 16px;
	font-size: 1.142857143rem;
	line-height: 1.5;
}
#respond h3#reply-title #cancel-comment-reply-link {
	margin-left: 10px;
	margin-left: 0.714285714rem;
	font-weight: normal;
	font-size: 12px;
	font-size: 0.857142857rem;
}
#respond form {
	margin: 24px 0;
	margin: 1.714285714rem 0;
}
#respond form p {
	margin: 11px 0;
	margin: 0.785714286rem 0;
}
#respond form p.logged-in-as {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
#respond form label {
	display: block;
	line-height: 1.714285714;
}
#respond form input[type="text"],
#respond form textarea {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.714285714;
	padding: 10px;
	padding: 0.714285714rem;
	width: 100%;
}
#respond form p.form-allowed-tags {
	margin: 0;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #5e5e5e;
}
.required {
	color: red;
}