/*
Theme Name: Kristen Weaver
Theme URI: <a href="http://www.kristenweaverblog.com">http://www.kristenweaverblog.com</a>
Version: 1.0
Description: Designed for Kristen Weaver Photography Blog.
Author: <a href="http://www.kristenweaver.com">Kristen Weaver</a>

*/


html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

body{
  background: #fcf6fa;
  color: #8f8c8e;
  font: 12px Arial, Helvetica, sans-serif;
}

#commentarea {
  margin: 50px auto 0;
  padding-bottom: 50px;
  width: 800px;
  height: 100px;
}

#sharethis {
  margin: 0;
  padding: 8px;
  float:left;
  width: 120px;
  height: 100%;
  border-right: 1px dotted black;
  text-align: center;
  line-height: 22px;
  background: #eeeeee;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
}

#sharethis img {
  padding: 5px;
}

#recent-comment {
  overflow: auto;
  padding: 8px;
  height: 100%;
  background: #f9f9f9;
}

#recent-comment li {
  padding-bottom: 8px;
}

#recent-comment .user {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
}


a{
color:#110;
text-decoration:none;
}

a img{
  border: none;
}

a:hover{
color:#666;
text-decoration:none;
}

blockquote {
padding:0 0 0 20px;
color:#000;
}

blockquote a{
color:#999;
}

cite{
font-size:inherit;
font-style:normal;
}

code{
background:#efefef;
color:#000;
}

ul {
  margin: 0;
  padding: 0;
  list-style: square;
}

/* Headers */

h1{
font-size:43px;
color:#888;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
text-transform:lowercase;
}

h1 a, h1 a:hover{
color:#888;
text-decoration:none;
}


h2{
font-size:20px;
text-align:justify;
margin: 0;
}

h2 a{
color:#222;
text-decoration:none;
}

h2 a:hover{
color:#c00;
}

h3{
text-align:justify;
font-size:12px;
color:#000;
}

h4{
text-align:center;
font-size:12px;
color:#000;
}

/* Blog Contents */
#wrapper {
  width: 1026px;
  margin: 20px auto 0;
  position: relative;
}

.blocked {
  display: block;
}

#headerimg {
  height: 385px;
}

#headernav {
  height: 30px;
  background: #c53aa0;
}

#headerabout {
  height: 40px;
  width: 100%;
  margin: 10px 40px 10px 30px;
  padding-bottom: 5px;
}

#headerlinks {
  width: 600px;
  height: 40px;
  margin: 0 30px;
  text-align: justify;
}

#headerabout .hello {
  width: 600px;
  margin: 20px 0 10px;
  padding-bottom: 10px;
  float: left;
  font-size: 12px;
  border-bottom: 1px solid #bbbbbb;
}

#headerabout .hello .links{
  float: right;
}

#headerabout .twitterfeed {
  float: right;
  width: 290px;
  height: 120px;
  background: #fcf6fa;
  border-left: 1px dotted black;
  overflow: auto;
  margin-right: 60px;
  padding: 8px;
}

#header {
  background: url('images/content-bg.png') repeat-y;
  height: 570px;
  padding: 0 13px;
}


#searchform {
	float: right;
	padding: 2px 20px 0 0; 
	text-align: left;
	}

#searchform #s {
	width: 150px;
	padding: 2px;
        background-color: #c53aa0;
        color: #f9f9f9;
        border: none;
        border-bottom: 1px solid #f9f9f9;
	}

#searchsubmit {
	padding: 5px 0 0 10px;
	background-color: #c53aa0;
        color: #f9f9f9;
        border: none;
	}

input, textarea {
        padding-left:2px;
        color: #333;
	}	

#posthdr {
  background: url('images/post-hdr.png');
  height: 36px;
  line-height: 36px;
  text-transform: uppercase;
}

#posthdr a.title {
  color: #ffffff;
  padding-left: 40px;
  font-size: 24px;
  float: left;
}

#posthdr a.title:hover {
  color: #666666;
}

#posthdr .right {
  color: #666666;
  font-size: 14px;
  float: right;
  padding-right: 40px;
}

#posthdr .right a {
  color: #666666;
}

#posthdr .right a:hover {
  color: #ffffff;
}

#content {
  background: url('images/content-bg.png');
  padding: 38px;
  padding-bottom: 5px;
}

#pagenav {
  background: url('images/content-bg.png');
  padding: 0 38px;
}

#pagenav a {
  font-size: 16px;
}

/* Navigation */


#nav{
padding:3px;
}

ul.nav{
width:500px;
list-style:none;
margin:0;
}

ul.nav li {
display:inline;  
}

ul.nav li a {
display:inline;
padding:20px 4px 20px 4px; 
width:92px;
height:auto;
color:#aa2812; 
text-align:center; 
font-family:Helvetica;
font-size:12px;
text-transform:lowercase;
text-decoration:none;
}

ul.nav li a:hover {
color:#000; 
text-decoration:none;
}





/* Posts */

#main{
float:left;
width:685px;
}

.post {
  background-color: white;
  text-align: justify;
}

.main{
text-align:justify;
border-bottom:1px solid #bbb;
}

.main p{
line-height:18px;
margin:0 0 15px 0;
}

.main ol{
line-height:18px;
margin:0 0 15px 30px;
}

.main ul{
line-height:18px;
margin:0 0 15px 30px;
}

.main li{
margin:0 0 5px 0;
}


.main img{
padding:5px;
border:1px solid #999;
}

.main img:hover{
padding:5px;
border:1px solid #444;
background:#666;
}

img.wp-smiley{
padding:0px;
border:0px;
}

img.wp-smiley:hover{
padding:0px;
border:0px;
}


.meta{
font-size:9px;
line-height:15px;
display:inline;
color:#333;
padding:5px;
margin:0 0 30px 0;
}

.navigation{
font-size:11px;
}

/* Comments */

.gravatar{
float:left;
padding:2px;
border:1px solid #999;
margin:5px;
}

.gravatar:hover{
padding:2px;
border:1px solid #444;
}

.alt{
color:#777;
}

ol#comments{
text-align:justify;
}

.gravatar{
float:right;
border:1px solid #222;
}


/* Forms */

input, textarea, select, button{
background:#fafafa;
border:1px solid #efefef;
color:#666;
padding:2px;
margin:3px 0 5px 0;
font:10px Arial, Helvetica, sans-serif;
}

input:focus{
border:1px solid #555;
}

/* Footer */

#footer{
  margin: 15px auto;
  padding-bottom: 20px;
  font-size: 12px;
  text-align: center;
  width: 1006px;
}

#footer-content {
  background: #ffffff;
}

#footer ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#footer span {
  margin-left: 20px;
}

#footer a {
  color:#999999;
  margin-left: 20px;
}

#footer a:hover{
color:#777;
}

#disclaimer {
  margin: 0 auto;
  padding: 10px;
  text-align: justify;
  line-height: 11px;
  font-size: 9px;
}

#disclaimer a {
  color:#999999;
  margin-left: 0;
}

/* Others */

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

.wpcf7-submit {
  margin-left: 50px;
  width: 70px;
  height: 35px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}