/* @override http://anneschitchat.com/wp/wp-content/themes/anneschitchat/css/screen.css */

/* Colors 

Orangish Red: e5592c
New Red: e5502b

*/

* {margin:0;padding:0;} 

html, body, #wrap, #page {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
body > #page {height: auto; min-height: 100%;}

#main {
	padding-bottom: 120px;
}

#footer {
  position: relative;
  margin-top: -120px; /* negative value of footer height */
  height: 120px;
  clear:both;
  background: #3f2d23;
  color: #fff;
}

html {
  font-family: Georgia, "Times New Roman", Times, serif;
  background: #f9f5ed url('img/body-bg.gif') no-repeat center 50px;
  font-size: 14px;
  color: #3f2d23;
}

a {
  color: #e5502b;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

#header {
  height: 100px;
}

#headerimg {
  text-align: right;
}
#headerimg h1 a {
  display: block;
  width: 200px;
  height: 40px;
  float: right;
  position: relative;
  top: 40px;
  background: transparent url('img/logo-bg.gif') no-repeat right center;
}

#nav ul {
  position: relative;
  top: 56px;
}
#nav ul li {
  display: inline;
}
#nav ul li a {
  color: #3f2d23;
  font-size: 14px;
  padding: 5px 12px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  text-decoration: none;
}
#nav ul li a:hover,
body.home #nav ul li.home a,
body.page-id-2 #nav ul li.about a,
body.page-id-654 #nav ul li.judy a,
body.page-id-655 #nav ul li.work a,
body.page-id-648 #nav ul li.archives a,
body.single #nav ul li.archives a {
  color: #f9f6ec;
  background: #3f2d23;
}

#content {
  background: #f9f6ec;
  margin-top: 26px;
  margin-bottom: 20px;
}
#panel {
  margin-top: 26px;
}
body.single #content,
body.archive #content {
  margin-top: 0;
}
#content .post,
#content .page,
.page #panel {
  background: #fff;
  margin-bottom: 20px;
  border-top: 4px solid #e5502b;
  color: #3f2d23;
}
body.page #panel .guts {
  border: 1px solid #e5e3d9;
  border-width: 0 1px 1px 1px;
  padding: 30px;
}
body.page #panel h2 {
  color: #5ea2c0;
  /*text-align: center;*/
  font-size: 20px;
  font-weight: normal;
  line-height: 46px;
  border-bottom: 1px dashed #d1c0aa;
  border-top: 3px double #d1c0aa;
  font-style: italic;
  margin-bottom: 15px;
  /*text-transform: lowercase;*/
}
body.page #panel #searchform {
  padding: 0 0 20px 0;
}

#content .post-header {
  border: 1px solid #e5e3d9;
  border-width: 0 1px 0 1px;
  padding: 30px;
  background: #fff;
}
#content .post-header h2,
#content .post-header h3 {
  font-size: 20px;
  font-weight: normal;
  color: #5ea2c0;
}
#content .post-header h2 a,
#content .post-header h3 a {
  color: #5ea2c0;
}
#content .post-header p,
#content .post-header small {
  color: #a49a8f;
  font-size: 12px;
  margin-top: 5px;
}
#content .postmetadata {
  font-style: italic;
  padding: 0 30px 20px;
  text-align: right;
  font-size: 12px;
  border: 1px solid #e5e3d9;
  border-width: 0 1px 1px 1px;
}

#content .entry {
  padding: 0 30px 1px;
  line-height: 18px;
  border: 1px solid #e5e3d9;
  border-width: 0 1px 0 1px;
}
body.page #content .entry {
  border-bottom: 1px solid #e5e3d9;
}
#content .entry p {
  margin-bottom: 18px;
}

#content .entry-share {
	border: 1px solid #e5e3d9;
  	border-width: 0 1px 0 1px;
  	padding-left: 30px;
  	width: 548px;
  	padding-bottom: 10px;
}
#content .entry-share .share-link {
	float: left;
}
#content .entry-share .share-link.facebook {
	width: 200px;
}

#content .post-navigation {
  height: 26px;
  line-height: 30px;
  background: #e5502b;
}
#content .post-navigation .alignleft,
#content .post-navigation .alignright {
  display: block;
  float: left;
  padding: 0 10px;
  color: #fff;
}
#content .post-navigation .alignright {
  float: right;
}
#content .post-navigation a {
  color: #fff;
}

.archive-list li {
  padding: 5px 0;
}
#archives-by-month {
  margin-bottom: 20px;
}

h2.pagetitle {
  height: 26px;
  line-height: 26px;
  text-align: center;
  font-weight: normal;
}


h3#comments,
#respond h3 {
  /*text-align: center;*/
  font-size: 20px;
  font-weight: normal;
  line-height: 56px;
  border-bottom: 1px dashed #d1c0aa;
  border-top: 3px double #d1c0aa;
  font-style: italic;
  margin-bottom: 15px;
}

.comment-body .comment-author {
}
.comment-body .avatar {
  display: none;
}
.comment-body cite.fn {
  line-height: 28px;
  padding: 0 10px;
  background: #3f2d23;
  color: #fff;
  float: left;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.comment-body cite.fn a.url {
  color: #fff09f;
}
.comment-body .says {
  display: none;
}
.comment-body .commentmetadata {
  float: left;
  line-height: 28px;
  padding: 0 10px;
  font-style: italic;
  margin-bottom: 12px;
  font-size: 12px;
}
.comment-body .commentmetadata a {
  text-decoration: none;
}
.comment-body .commentmetadata a:hover {
  text-decoration: underline;
}
.comment-body p {
  /*border-top: 1px solid #d1c0aa;*/
  float: left;
  width: 550px;
  padding: 0 15px;
  line-height: 18px;
  margin-bottom: 14px;
}
li.comment {
  float: left;
  border-bottom: 1px dashed #d1c0aa;
  margin-bottom: 15px;
  padding-bottom: 15px;
}

#respond #commentform p {
  margin: 15px 0;
}
#respond textarea#comment {
  width: 580px;
}

#respond #recaptcha_widget_div {
	margin-bottom: 10px;
}

#sidebar {
  margin-bottom: 20px;
}
#sidebar h2 {
  line-height: 26px;
  border-bottom: 4px solid;
  margin-bottom: 13px;
  font-weight: normal;
  text-transform: lowercase;
}
#sidebar h2 a {
  text-decoration: none;
}
#sidebar h2 a:hover {
  text-decoration: underline;
}

#twitter-2 {
  margin-bottom: 20px;
}
#twitter-2 h2 {
  padding-top: 12px;
  background: transparent url('img/twitter-bg.png') no-repeat right 3px;
  color: #5ea2c0;
  border-color: #90c4db;
  margin: 0;
}
#twitter-2 h2 a {
  color: #5ea2c0;
}

#twitter-2 li {
  line-height: 18px;
  padding: 12px 0 12px 0;
  border-bottom: 1px dashed #90c4db;
  font-style: italic;
  color: #3f6b7f;
}
#twitter-2 li span.entry-meta,
#twitter-2 li span.entry-meta a {
  /*float: right;*/
  font-size: 12px;
  /*display: block;*/
  /*text-align: right;*/
  /*margin-top: 7px;*/
  /*padding: 2px 5px;*/
  /*background: #f2ecd2;*/
  color: #a49c77;
  text-decoration: none;
}
#twitter-2 li a:hover,
#twitter-2 li span.time-meta a:hover,
#twitter-2 li span.in-reply-to-meta a:hover {
  text-decoration: underline;
}
#twitter-2 span.from-meta {
  display: none;
}

#flickr h2 {
  color: #76a239;
  border-color: #A4CC6D;
}
#flickr h2 a {
  color: #76a239;
}
#flickr ul {
  margin: 0;
  padding: 0;
}
/*#flickr ul li {
  display: block;
  padding: 10px;
  float: left;
  background: #ccc;
  margin-bottom: 7px;
}
#flickr ul li.mid {
  margin: 0 7px;
}*/
#flickr ul li {
  display: block;
  float: left;
  background: #ccc;
  margin: 0 0 13px 13px;
}
#flickr ul li.ledge {
  margin: 0 0 13px 0;
}

.widget_links h2.widgettitle {
  color: #3f2d23;
  border-bottom-color: #6e5b51 !important;
}
ul.blogroll li {
  width: 50%;
  display: block;
  float: left;
  margin: 5px 0;
}
ul.blogroll li a {
  text-decoration: none;
  color: #3f2d23;
}
ul.blogroll li a:hover {
  text-decoration: underline;
}

#footer p {
  text-align: center;
  margin: 20px 0 16px 0;
}
#footer #social-links {
  width: 252px;
  margin: 0 auto;
}
#footer #social-links a {
  width: 32px;
  height: 32px;
  display: block;
  float: left;
  margin: 0 5px;
  background: red;
  position: relative;
}
#footer #social-links a:hover {
  top: -3px;
}
#footer #social-links li.facebook a {
  background: transparent url('img/icons/facebook_32.png') no-repeat;
}
#footer #social-links li.rss a {
  background: transparent url('img/icons/rss_32.png') no-repeat;
}
#footer #social-links li.flickr a {
  background: transparent url('img/icons/flickr_32.png') no-repeat;
}
#footer #social-links li.twitter a {
  background: transparent url('img/icons/twitter_32.png') no-repeat;
}
#footer #social-links li.vimeo a {
  background: transparent url('img/icons/vimeo_32.png') no-repeat;
}
#footer #social-links li.youtube a {
  background: transparent url('img/icons/youtube_32.png') no-repeat;
}
#footer .attribute {
  float: left;
  width: 100%;
  text-align: center;
  margin-top: 10px;
  font-size: 10px;
  opacity: .5;
}
#footer .attribute:hover {
  opacity: 1;
}

.alignleft, .alignright {
}
.alignleft {
  float: left;
}
.alignright {
  float: right;
  text-align: right;
}

span.offleft {
  position: absolute;
  left: -999999px;
  width: 999px;
}

/* CLEAR FIX */
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */