/*
Theme Name: emtheme
Description: Custom design theme
Author:
Version: 1.0
*/

/* General reset */
html { min-height: 100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display:block;}
html, body, div, span, object, iframe,  h1, h2, h3, h4, h5, h6, p, blockquote, pre,  abbr, address, cite, code,  del, dfn, em, img, ins, kbd, q, samp,  small, strong, sub, sup, var,  b, i,  dl, dt, dd, ol, ul, li,  fieldset, form, label, legend,  table, caption, tbody, tfoot, thead, tr, th, td,  article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, menu, nav, section, summary,  time, mark, audio, video { 
	margin:0; 
	padding:0; 
	border:0; 
	outline:0; 
	font-size:100%; 
	vertical-align:baseline; 
	background:transparent; 
}
ol, ul {list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,  q:before, q:after {content:'';content:none;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted; cursor: help;}
table {border-collapse:collapse; border-spacing:0;}
input, select {vertical-align:middle;}
img {display: block;}
address {display:inline;}
::-moz-selection {background: #bb0000; color: #000;}
::selection { background: #bb0000; color: #000;}
body a, a:hover {text-decoration: none;}
body a:active {color: #999;}
body a:visited {text-decoration: none;}

.alignleft {float: left; margin: 0 15px 0 0; height: auto;}
.alignright {float: right; margin: 0 0 0 15px; height: auto;}
.aligncenter {display: block; margin: 15px auto; height: auto;}

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

body {
	font: 14px/1.5 "Lucida Sans", Helvetica, Arial, sans-serif;  
	background-color: #fff;
	color: #635e56;
	overflow-x: hidden;
}

header {
  width: 960px;
  margin: 0 auto;
  position: relative;
}
header:before {
  display: block;
  content: url(images/left-bg.jpg);
  width: 280px;
  height: 500px;
  position: absolute;
  top: 0;
  left: -280px;
  z-index: 390;
}
header:after {
  display: block;
  content: url(images/right-bg.jpg);
  width: 100px;
  height: 960px;
  position: absolute;
  top: 134px;
  right: -100px;
  z-index: 390;
}
header .divBefore {
  background: url(images/left-bg.jpg);
  width: 280px;
  height: 500px;
  position: absolute;
  top: 0;
  left: -280px;
  z-index: 390;
}
header .divAfter {
  background: url(images/right-bg.jpg);
  width: 100px;
  height: 960px;
  position: absolute;
  top: 134px;
  right: -100px;
  z-index: 390;
}

@media all and (max-width: 1280px) {
  header:before {
    content: url(images/left-bg-small.jpg);
    width: 175px;
    height: 365px;
    left: -175px;
  } 
  .divBefore {
    background: url(images/left-bg-small.jpg);
    width: 175px;
    height: 365px;
    left: -175px;
  }
}

header h1 {
  width: 960px;
  height: 170px;
  background: url(images/logo.png) no-repeat scroll;
  position: relative;
  left: -20px;
}
header h1 a {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
  outline: none;
}
header nav {
  width: 960px;
  height: 110px;
  background: url(images/top-nav_bg.png) no-repeat scroll;
  margin: -40px 0 0 0;
}
header nav a {font-size: 22px; color: #fff; text-decoration: none; font-family: "OvertheRainbowRegular", Georgia, serif;}
header nav a:hover {text-decoration: none; color: #c0afdb;}
header nav ul {padding: 70px 0 0 0;}
header nav li {
  margin: 0 15px 0 10px;
  padding: 0 0 0 35px;
  background: url(images/nav-separator.jpg) no-repeat left center scroll;
  float: left;
}
header nav li:first-child {
  margin: 0 15px;
  padding: 0;
  background: none;
}
#featuredArticles {
  width: 960px;
  background: #8e9c7a;
  margin: 0 auto;
  padding: 8px 0;
  -webkit-box-shadow: 0px 0px 5px 0px #d7d7d7;
  -moz-box-shadow: 0px 0px 5px 0px #d7d7d7;
  box-shadow: 0px 0px 5px 0px #d7d7d7; 
  position: relative;
  z-index: 400;
}
#featuredArticles li {
  width: 216px;
  min-height: 250px;
  margin: 0 5px;
  padding: 5px;
  float: left;
  border: 2px dotted #fff;
}
#featuredArticles li .entryTitle {
  display: block;
  color: #fff;
  font-size: 22px;
  line-height: 26px;
  font-style: italic;
  font-family: "Georgia", Times New Roman, serif;
  outline: none;
  margin: 5px 5px 0 5px;
}
#featuredArticles li .entryTitle:hover {text-decoration: none; color: #d3e8b5;}
#page {
  width: 920px;
  background-color: #FFF;
  margin: 0 auto;
  padding: 20px;
  -webkit-box-shadow: 0px 0px 5px 0px #d7d7d7;
  -moz-box-shadow: 0px 0px 5px 0px #d7d7d7;
  box-shadow: 0px 0px 5px 0px #d7d7d7; 
  position: relative;
  z-index: 400;
}
#page .content {
  float: left;
  width: 599px;
  border-right: 1px solid #eae9e5;
  padding-right: 20px;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
}

.userName {font-size: 22px; margin: 0 0 20px 0;}
.content .ads {
  margin: 20px 0;
  padding: 18px 0;
  border-top: 2px dotted #aaa;
  border-bottom: 2px dotted #aaa;
}
.content .ads li {float: left; width: 125px; margin: 0 12px;}
.content article {position: relative; margin: 0 0 10px 0; padding: 0 0 15px 0;}
.content article .social {
  position: absolute;
  top: 0; 
  right: 0;
}
.content article .social iframe {vertical-align: top;}
.content article h1 {
  font-weight: normal;
  font-size: 24px;
  color: #8e9c7a;
  font-family: "Georgia", Times New Roman, serif;
  width: 80%;
}
.content article h1 a {color: #8e9c7a; text-decoration: none;}
.content article h1 a:hover {color: #8e9c7a; text-decoration: underline;}
.content article .entryInfo {
  font-size: 12px;
  color: #9c9c9c;
  margin-bottom: 15px;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
}
.content article .entryInfo a {color: #8b740e; text-decoration: none;}
.content article .entryInfo a:hover {text-decoration: underline;}
.content article .entryInfo .comments {color: #9c9c9c; background: url(images/comments-bubble.jpg) no-repeat left center scroll; padding-left: 20px;}
.content article .entryHeader {padding: 0 0 10px 0;}
.content article .entryHeader img {float: left; margin-right: 15px;}
.content article .readMore, .content article .more-link {
  display: block;
  float: right;
  width: 92px;
  height: 25px;
  line-height: 25px;
  background: url(images/read-more_btn.jpg) no-repeat scroll;
  color: #fff;
  text-decoration: none;
  font-size: 13px;
  text-align: center;
  margin: 10px 0 0 0;
}
.content article .readMore:hover {color: #b1b1b1;}

.content .singlePage, .content .singleEntry {font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;}
.content .singlePage h1, .content .singlePage h2, .content .singlePage h3, .content .singlePage h4, .content .singleEntry h2, .content .singleEntry h3, .content .singleEntry h4 {margin-bottom: 15px;}
.content .singlePage h2, .content .singleEntry h2 {font-size: 18px;}
.content .singlePage h3, .content .singleEntry h3 {font-size: 16px;}
#homePageEntry article p, .content .singlePage p, .content .singleEntry p {margin-bottom: 15px;}
#homePageEntry article a, .content .singlePage a, .content .singleEntry a {color: #8b740e; text-decoration: underline;}
#homePageEntry article a:hover, .content .singlePage a:hover, .content .singleEntry a:hover {color: #d8b970; text-decoration: none;}
blockquote {
  padding: 18px 18px 18px 30px;
  border: 2px dotted #AAAAAA;
  margin-bottom: 15px;
  background: url(images/quote-a_bg.jpg) no-repeat 15px 15px scroll;
  font-size: 22px;
  color: #574f63;
  font-style: italic;
  font-family: "Georgia", serif;
  text-align: center;
  position: relative;
}
blockquote:after{
  display: block;
  content: "";
  background: url(images/quote-b_bg.jpg) no-repeat scroll;
  width: 14px;
  height: 12px;
  position: absolute;
  right: 15px;
  bottom: 15px;
}
blockquote p {margin: 0;}
#homePageEntry article ul, .content .singlePage ul, .content .singleEntry ul {
  list-style-type: disc;
  list-style-position: outside;
  color: #635e56;
  margin: 0 0 15px 30px;
}
#homePageEntry article .wp-caption, .content .singleEntry .wp-caption {background-color: #ececec; max-width: 100%;}
#homePageEntry article .wp-caption img, .content .singleEntry .wp-caption img { height: auto !important;}
#homePageEntry article .wp-caption p, .content .singleEntry .wp-caption p {padding: 10px; color: #a8a5a5; font-size: 13px;}
.content .singleEntry .fbLike {padding: 8px 8px 0 8px; margin: 0 0 15px 0; border: 1px solid #f4f4f0;}
.content .postAuthorInfo {background-color: #eceae3; padding: 10px;}
.content .postAuthorInfo img {
  float: left;
  border: 1px solid #9a8c82;
  margin-right: 15px;
}
.content .postAuthorInfo h2 {
  font-size: 18px;
  color: #574f63;
  font-family: "Georgia", serif;
  font-weight: normal;
  margin: 0 0 5px 0;
}
.content .postAuthorInfo p {
  color: #635e56;
  font-size: 12px;
  margin: 0;
}

.content #comments {padding: 20px 0 0 0;}
.content #comments h3 {
  font-size: 24px;
  font-weight: normal;
  color: #574f63;
  border-bottom: 2px dotted #AAAAAA;
  padding-bottom: 5px;
  margin-bottom: 20px;
}
.content #comments ul, .content #comments ol {list-style-type: none; margin: 0;}
.content #comments li img {float: left; width: 58px; border: 1px solid #dad8cf; margin-right: 19px;}
.content #comments li .commentColumn {float: left; width: 520px;}
.content #comments li .commentColumn p {margin-bottom: 0;}
.content #comments li .commentColumn a {color: #567825; text-decoration: none;}
.content #comments li .commentColumn a:hover {color: #567825; text-decoration: underline;}
.content #comments li.bypostauthor .commentColumn .commentAuthor {font-weight: bold; color: #574f63;}
.content #comments li.bypostauthor .commentColumn .commentAuthor a {color: #574f63;}
.content #comments li .commentColumn .commentInfo {
  color: #adadad;
  font-size: 11px;
  margin-bottom: 15px;
}
.content #comments .commentBody {font-size: 13px;}
.content #comments #respond h3 {border-bottom: 0; padding-bottom: 0;}
.content #comments li {border-bottom: 2px dotted #AAAAAA; padding-bottom: 18px; margin-bottom: 20px; position: relative;}
.content #comments li li {
  border-bottom: 0;
  border-top: 2px dotted #AAAAAA;
  padding-bottom: 0;
  padding-top: 18px;
  margin-bottom: 0;
  margin-top: 20px;
}
.content #comments li ul {clear: both; margin-left: 78px;}
.content #comments li ul li .commentColumn {width: 442px;}
.content #comments .reply {
  position: absolute;
  top: 10px;
  right: 0;
  font-size: 11px;
}
.content #comments .reply a {color: #8e9c7a; text-decoration: none;}
.content #comments .reply a:hover {color: #8e9c7a; text-decoration: underline;}
.content #comments #userLogedIn {font-size: 12px; color: #bb0000;}
.content #comments label {
  display: block;
  float: left;
  width: 270px;
  font-size: 12px;
  color: #717171;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
  margin: 0 0 0 15px;
}
.content #comments input[type=text] {
  display: block;
  float: left;
  width: 218px;
  border: 1px solid #c5bdb;
  padding: 5px;
  font-size: 12px;
  color: #717171;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
  outline: none;
}
.content #comments textarea {
  display: block;
  width: 480px;
  border: 1px solid #c5bdb;
  padding: 5px;
  resize: none;
  font-size: 12px;
  color: #717171;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
  outline: none;
}
.content #comments input[type=submit] {
  display: block;
  width: 112px;
  height: 25px;
  margin: 15px 0 0 376px;
  background: url(images/comment-submit_btn.jpg) no-repeat scroll;
  border: 0;
  outline: none;
  text-align: center;
  color: #fff;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
  cursor: pointer;
}

#pagination {font-size: 13px;}
#pagination .navTitle {
  font-weight: bold;
  padding: 3px 6px;
  margin: 0 5px 0 0;
  background-color: #e2e2e2;
  border: 1px solid #b5b5b5;
}
#pagination .current, #pagination a {
  padding: 3px 6px;
  margin: 0 5px 0 0;
  background-color: #e2e2e2;
  border: 1px solid #b5b5b5;
}
#pagination .current {color: #000; border-color: #a3a3a3; background-color: #d1d1d1;}
#pagination a {color: #939393; text-decoration: none;}
#pagination a:hover {color: #797979; text-decoration: none;}

#page aside {
  float: left;
  width: 290px;
  margin: 0 0 0 10px;
}
aside h2, aside h3 {
  font-family: "OvertheRainbowRegular", Georgia, serif;
  font-size: 22px;
  font-weight: normal;
  color: #584f63;
}
aside h3 {
  padding: 6px 10px;
  border: 2px dotted #584f63;
  background: url(images/aside-butterfly.jpg) no-repeat 230px center scroll;
  width: 250px;
}
aside .a {
  margin: 20px 10px;
  padding-bottom: 18px;
  border-bottom: 2px dotted #aaa;
}
aside .b {
  margin: 20px 10px;
  padding-top: 18px;
  border-top: 2px dotted #aaa;
}
aside form {border: 2px dotted #584f63; padding: 10px; width: 250px;}
aside form label {
  display: block;
  font-family: "OvertheRainbowRegular", Georgia, serif;
  font-size: 22px;
  font-weight: normal;
  color: #584f63;
}
aside input[type=text] {
  display: block;
  float: left;
  background: #e8e8e4;
  border: 0;
  outline: none;
  padding: 0 10px;
  width: 160px;
  height: 25px;
  line-height: 25px;
  color: #a1a19e; 
  font-family: "Georgia", Times New Roman, serif;
  
}
aside input[type=submit]#searchsubmit {
  display: block;
  float: left;
  background: #f8c17b;
  border: 0;
  outline: none;
  font-size: 13px;
  color: #7c603d;
  font-family: "helvetica", Arial, sans-serif;
  text-transform: uppercase;
  width: 70px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  cursor: pointer;
}
aside .ads {margin: 15px 0;}
aside .ads li {float: left; margin: 0 10px;}
aside .latest {border: 2px dotted #584f63; padding: 10px; width: 250px; margin: 0 0 0 10px;}
aside .latest a {
  display: block;
  width: 48px;
  height: 48px;
  text-indent: -9999px;
  outline: none;
  float: left;
  margin: 0 0 0 10px;
}
aside .latest .tw {
  margin: 0;
  background: url(images/tw-icon.jpg) no-repeat scroll;
}
aside .latest .fb {background: url(images/fb-icon.jpg) no-repeat scroll;}
aside .latest .rss {background: url(images/rss-icon.jpg) no-repeat scroll;}
aside .popularArticles {padding: 10px 20px 0 10px;}
aside .popularArticles li {margin-bottom: 5px;}
aside .popularArticles a {
  font-size: 14px;
  color: #777370;
  font-family: "Georgia", Times New Roman, serif;
  text-decoration: none;
}
aside .popularArticles a:hover {color: #d8b970; text-decoration: none;}

footer {
  width: 920px;
  margin: 0 auto;
  padding: 30px 0;
  font-size: 12px;
}
footer li {
  float: left;
  color: #7f7f7f;
  padding: 0 0 0 10px;
  margin: 0 10px 0 0;
  border-left: 1px solid #7f7f7f;
  line-height: 12px;
}
footer li:first-child {padding: 0; border-left: 0;}
footer a {color: #7f7f7f; text-decoration: none;}
footer a:hover {color: #7f7f7f; text-decoration: underline;}
footer p {color: #7f7f7f; padding: 5px 0 0 0;}

/* clearfix */
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}