/*
Theme Name: Edna Mavis
Theme URI: http://pakitsolutions.net/
Author: the Pakitsolutions team
Author URI: http://pakitsolutions.net/
Description: Customized theme for Edna Mavis
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white,
Text Domain: ednamavis
*/

@font-face {
    font-family: 'brandon_grotesque_regularRg';
    src: url('fonts/brandon_reg-webfont.eot');
    src: url('fonts/brandon_reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/brandon_reg-webfont.woff') format('woff'),
         url('fonts/brandon_reg-webfont.ttf') format('truetype'),
         url('fonts/brandon_reg-webfont.svg#brandon_grotesque_regularRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'eras_medium_itcregular';
    src: url('fonts/erasmd-webfont.eot');
    src: url('fonts/erasmd-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/erasmd-webfont.woff') format('woff'),
         url('fonts/erasmd-webfont.ttf') format('truetype'),
         url('fonts/erasmd-webfont.svg#eras_medium_itcregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'Calibri Regular';
	font-style: normal;
	font-weight: normal;
	src: local('Calibri Regular'), url('fonts/CALIBRI.woff') format('woff');
}
@font-face {
	font-family: 'Calibri Bold Italic';
	font-style: normal;
	font-weight: normal;
	src: local('Calibri Bold Italic'), url('fonts/CALIBRIZ.woff') format('woff');
}
@font-face {
	font-family: 'Calibri Italic';
	font-style: normal;
	font-weight: normal;
	src: local('Calibri Italic'), url('fonts/CALIBRII.woff') format('woff');
}
@font-face {
	font-family: 'Calibri Bold';
	font-style: normal;
	font-weight: normal;
	src: local('Calibri Bold'), url('fonts/CALIBRIB.woff') format('woff');
}

body {
	margin: 30px 0px;
	padding: 0px;
	font-family: 'brandon_grotesque_regularRg', Arial;
}
a {
    text-decoration: none;
    color: #6b625b;
}
h1.entry-title {
	color: #666666;
}
#wrapper {
	width: 995px;
	margin: auto;
	padding-left: 14px;
	padding-right: 14px;
	border: solid 3px #e8e8e8;
	border-radius: 65px;
}

#header {
	margin-bottom: 14px;
}

#header .logo {
	margin-top: 24px;
	margin-left: 35px;
}

#header .logo a:hover {
	opacity: 0.8;
	cursor: pointer;
}

#header .account-info {
	float: right;
	margin-top: -77px;
	margin-right: 12px;
	text-align: right;
}

#header .account-info a {
	text-transform: uppercase;
	color: #6b625b;
	text-decoration: none;
}

#header .main-nav {
	height: 50px;
	width: 100%;
	margin-top: 24px;
	border-bottom: solid 13px #6b625b;;
	margin-bottom: 14px;
}
#header .main-nav ul {
	margin: 0px;
	padding: 0;
	margin-left: 60px;
}
#header .main-nav ul li {
	list-style: none;
}

#header .main-nav ul li a {
	text-decoration: none;
	float: left;
	color: #6b625b;
	margin-left: 38px;
	margin-top: 8px;
	margin-bottom: 28px;
	font-size: 21px;
	font-family: 'eras_medium_itcregular'; 
}

#header .main-nav ul li a:hover {
	opacity: 0.8;
	cursor: pointer;
}

#slider {
	height: 479px;
	clear: both;
}

#blog-panel {
	margin: 24px 0px;
}
.posts {
	float: left;
	width: 644px;
	padding-right: 24px;
}
#blog-panel .posts .pagination {
	margin: 14px 0px;
	width: 100%;
	height: 24px;
	float: left;
}
#blog-panel .posts .pagination nav a { 
	font-weight: bold; 
}
#blog-panel .posts .pagination nav span.nav-previous {
	width: 50%;
	float: left;
	text-align: left;
}
#blog-panel .posts .pagination nav span.nav-next {
	width: 50%;
	float: right;
	text-align: right;
}
#blog-panel .posts .post {
	width: 100%;
	float: left;
	margin-top: 14px;
}
#blog-panel .posts .post .header-info {
    height: 124px;
}
#blog-panel .posts .post .header-info .date-info {
    width: 74px;
    height: 64px;
    padding-top: 11px;
    background: #6b625b;
    border-radius: 500px;
    color: #f8f8f8;
    /* font-weight: bold; */
	font-style: italic;
    text-align: center;
    float: left;
    margin-right: 24px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
}
#blog-panel .posts .post .header-info .date-info span.month {
	padding-bottom: 4px;
	display: inline-block;
}
#blog-panel .posts .post .header-info .date-info span.year {
	border-top: solid 2px #f8f8f8;
	width: 70%;
	padding-top: 4px;
	display: inline-block;
}
#blog-panel .posts .post .header-info .post-info {
    float: right;
    width: 540px;
}
#blog-panel .posts .post .header-info .post-info h1 {
	padding-bottom: 4px;
	padding-left: 12px;
	margin-bottom: 4px;
	border-bottom: dashed 1px #a5a4a4;
	color: #676767;
	font-size: 18px;
}
#blog-panel .posts .post .header-info .post-info p { 
	color: #a5a4a4; 
	padding-left: 12px; 
	font-size: 12px; 
	padding-top: 3px;
	margin-top: 0px;
	font-style: italic; 
}
#blog-panel .posts .post .header-info .post-info p span.comment-icon {
	float: right;
	padding-right: 12px;
	font-size: 12px;
	background: url(img/comment-icon.png) no-repeat left center;
	padding-left: 14px;
}
#blog-panel .posts .post .header-info .post-info p a { 
	color: #a5a4a4; 
}
#blog-panel .posts .post h1 {
	font-weight: normal;
	font-size: 24px;
	margin-bottom: 14px;
	color: #58585B;
}
#blog-panel .posts .post h1 a {
	color: #676767;
	letter-spacing: 1px;
}
#blog-panel .posts .post h1 a:hover {
	text-decoration: underline;
}
.sidebar {
	float: right;
	width: 230px;
	padding: 0px 7px;
	font-size: 16px;
	margin: 24px 0px;
	background: #f8f8f8;
}
.sidebar ul li {
	float: none;
	margin: 8px 0px 0px 34px;
	list-style-type: disc;
}
.sidebar ul li a {
	color: #666;
	text-decoration: none;	
}
.sidebar ul li a:hover {
	text-decoration: underline;
}
.widget {
	margin-bottom: 14px;
	height: auto;
	margin-top: 4px;
	width: 100%;
	float: left;
}
/* comment box */
p.comment-form-comment label {
	vertical-align: top;
}
p.comment-form-comment textarea {
	width: 704px;
}
p.form-allowed-tags {
	display: none;
}
vcard img {
	margin-right: 14px;
}
#submit {
	background: #666;
	color: #fff;
	border: none;
	padding: 4px 8px;
}
#submit:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
/* pagination */
div.pagination a {
	color: #666;		
}
div.pagination a:hover {
	text-decoration: underline;
}
.sidebar img.welcome {
	width: 230px;
}
.sidebar p.welcome {
	text-align: center;
	font-size: 14px;
	font-style: italic;
	margin-top: -8px;
}
.sidebar select {
	width: 99%;
	font-style: italic;
	padding: 2px 5px;
	margin-top: 14px;
}
.sidebar h3 {
	background: #6b625b;
	text-align: center;
	margin: 7px 0px;
	/* margin-bottom: 4px; */
	font-weight: normal;
	padding: 6px 0px;
	text-transform: uppercase;
	font-size: 18px;
	color: #fff;
	letter-spacing: 1px;
}
#sidebar-social {
	margin: 0px;
  padding: 0px;
  text-align: center;
  list-style-type: none;
}
#sidebar-social li {
  display: inline;
  width: 32px;
  height: 32px;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  margin-right: 24px;
}
#sidebar-social li:last-child {
	margin-right: 0px;
}
#sidebar-social li a img {
	display: inline;
}
#searchform {
	margin-top: 40px;
}
#searchform label {
	display: none;
}
#searchform input[type=text]{
	width: 130px;
	height: 20px;
	border: none;
	text-transform: uppercase;
	padding: 6px;
	background: #929291;
	color: #fff;
	letter-spacing: 1px;
	font-size: 14px;
}
#searchform input[type=submit]{
	border: none;
	text-transform: uppercase;
	padding: 8px;
	background: #929291;
	color: #fff;
	letter-spacing: 1px;
	font-size: 13px;
}

#footer {
	height: 77px;
	margin-top: 14px;
	border-top: solid 13px #6b625b;
	clear: both;
}

#footer .footer-nav {
	float: left;
	margin-left: 240px;
}

#footer .footer-nav ul li {
	list-style: none;
	float: left;
}

#footer .footer-nav ul li a {
	text-decoration: none;
	float: left;
	color: #6b625b;
	margin-left: 36px;
	font-size: 20px;
	font-family: 'eras_medium_itcregular';
}

#footer .footer-nav ul li a:hover {
	opacity: 0.8;
	cursor: pointer;
}

#footer .social-links {
	float: right;
}

#footer .social-links ul li {
	list-style-type: none;
	margin-right: 22px;	
	float: left;
}

#footer .social-links ul li a:hover {
	opacity: 0.8;
	cursor: pointer;
} 

p.copyright {
	text-align: center;
	color: #A7978B;
	font-size: 12px;
}
p.copyright a {
    color: #6b625b;
}