/*   
Theme Name: a Strange Bird v3
Theme URI: http://www.astrangebird.net 
Description: a personal theme.
Author: Jessica DeWitt
Author URI: http://www.astrangebird.net 
Version: 3.0 
.
This is probably going to get ugly
.
*/

/* Basic Elements: Colors and Typography */

body {
	background-color: #fff;
	color: #5d594f;
	font-family: Verdana, Verdana, Geneva, sans-serif;
	font-size: 1em;
	}
	
h1, h2, h3, h4 {		
	margin: 1em 0 0 0;
	line-height:1em;
	}

h1 {
	font-size: 2.5em;
	}

h2 {
	font-size: 2.25em;	
	}

h3 {
	font-size: 2em;
	}

h4 {
	font-size: 1.5em;
	}

p {
	padding: 1.4em 0 0 .31em; 
	}

a {
	color: #95c9b8;
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	}

a:visited {
	color: #d2bd8f;
	}

small {
	color: #908f8e;
	font-family: Verdana, Geneva, sans-serif;
	font-size: .8em;
	}

ul {
	margin: 1.25em 2.5em 0 3em;	
	list-style-type: disc;
	}

ul li{
	margin-top: .94em; 	
	}

ol {
	margin: 1.25em 2.5em 0 3em;
	list-style: lower-alpha outside;
	}

ol li{
	margin-top: .94em; 
	}

blockquote {
	border-top: 1px solid #dbd9cf;
	border-bottom: 1px solid #dbd9cf;
	color: #86837b;
	margin:1.5em 6.5em 2em 3em;
	padding: 0 1.5em 1.5em 1.5em;
	}
	

/* Wordpress Specific: Colors and Typography */

#header {
	background: #f9f8f4;
	}

#container {
	max-width: 62.5em;
	margin: auto;
	}

#content {
	font-size: .88em;
	padding: 0 0 2.13em 1em;
	float:left;
	margin-top: -5.5em;
	max-width:42.5em;
	}

#content h2 a{
	color: #8bc1af;
	display: inline;
	}
	
#content>h2{
	padding:0;
	margin: .1em 0 0 1.75em;
	}

.post {	
	border-bottom: .13em solid #a19d93;
	padding: 0 0 1.56em 0;
	line-height: 1.2em;
	margin: 1em 0 0 4em;
	}

.post img{	
	margin: 0 0 1em 1em;
	}

.post h1 img,.post h2 img,.post h3 img,.post h4 img{
	margin:0;
	}

.post>ol li{
	margin: 1.25em 2.5em 0 1em;
	list-style: lower-alpha outside;
	}
	
.post>ul li{
	margin: 1.25em 2.5em 0 1em;	
	list-style-type: disc;
	}

.postmetadata {
	font-size: .9em;
	margin: 0.31em 0 5em 4.5em;
	padding-top: 0.31em;
	}

.postmetadata .rss{
	color:#949391;
	}

.commentlink {
	float:right;
	}
	
#right{
	background-image: url('images/topborder.jpg');	
	background-repeat: repeat-x;
	float:right;
	width:100%;	
	}

.date {
	color: #dfccae;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	float:left;
	display:inline;
	}

.month	{
	font-size: 1.2em;
	text-transform: uppercase;
	margin-bottom: -.4em;
	}	

.day	{
	font-size: 2em;	
	margin-bottom: -.12em;
	
	}

.year	{
	font-size: 1.1em;
	}

#nav {
	text-align: center;
	}

#footer {
	text-align: center;
	font-size: .8em;
	margin: 2em 0;
	clear:both
	}

.sidebar h2{
	font-size:1.8em;
	padding: 0 0 0 0;
	color: #99c2ba;
	margin:0 0 0 0;
	}


.tagcloud {
	width: 20em;
	padding-top: 2.5em;
	}

.pagetitle {
	margin-bottom: 1.5em;
	}


#sidebar1 {
	margin: -2.5em 0 0 0;
	float:right;	
	font-size:.8em;
	}

#sidebar2 {
	float:right;
	background-color: #f8f8d2;	
	font-size:.8em;
	}
	
.about {
	width: 23em;
	color: #b18a55;
	}

.about img{
	margin: 0 .5em .2em 0;
	}

 #sidebar1 ul{
	margin: 0 0 0 0;
	}

/*Search Form*/


#s {
	width:80%;
	margin: 0;
	padding: .15em;
	border: 1px solid #f4efc3;
	color: #b18a55;
	}

#s:focus {
	color: #000;
	}

#searchsubmit {
	margin:1.25em 0 0 -.4em;
	padding: .1em;
	border: 1px solid #f4efc3;
	background-color: #fff;
	color: #b18a55;
	font-size: 1em;
	}

/*Comment list*/

.comment {
	font-family: Verdana, Geneva, sans-serif;
	font-size: .9em;
	color: #636363;
	width: 90%;	
	margin: 4em 0 0 0;
	}

 .depth-2, .depth-3, .depth-4, .depth-5{
	font-size: 1em;
	width: 90%;	
	margin: -2em 0 0 .5em;
	padding-left: 3.6em;
	}

.pingback {
	font-family: Verdana, Geneva, sans-serif;
	font-size: .8em;
	color: #636363;
	width: 75%;	
	margin: 0;
	padding:0;
	}


 .commenttext{ 
	padding:0 1.5em 0 1.5em;
	margin: 0 0 3em 4.5em;	
	line-height: 1.3em;
	}

 .commenttext p{ 
	margin-top: 0;
	padding-top:0;
	padding-bottom: 1.1em;
	}


 .pingback .commenttext{ 
	background-color:#ebe9df;
	padding:0 1.5em 0 1.5em;
	margin: 0 0 3em 0;	
	line-height: 1.25em;
	}

 .commentmetadata{ 
	float:right;
	margin-top: -1.25em;
	}

.commentmetadata a{
	color: #dbd9cf;
	}

.comment-author {
	margin: 0 0 1em 0;
	}


 .avatar {
	float:left;
	}

.name{
	font-size: 1.9em;
	}


.comment-author-admin .name{
	color:#d71635;
	}

.reply {	
	border-top: 1px solid #dbd9cf;
	margin: 1.5em 0 0 0;
	padding-bottom: .5em;
	text-align:right;
	}

.commentform hr{
	color:#858687;
	background-color:#858687;
	height:.13em;
	border: none;
	padding:0;
	margin:0;
	}

#comment {
	width: 100%;
	font-family: Verdana, Verdana, Geneva, sans-serif;
	font-size: .9em;
	}

/*Image Handling*/


.aligncenter img{
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

.alignright img{
	padding: 0.25em;
	margin: 0 0 0.13em 0.44em;
	display: inline;
	}

.alignleft img{
	padding: 0.25em;
	margin: 0em 0.5em 0.2em 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

 #right img.alignright{
	margin:0;
	padding:0;
	}


/*Plugin styles*/


.flickrss {
	width: 20em;
	margin: 0 0 .5em 2em;
	}

#flickrsstitle	{
	margin : 1.5em 0 0 1em;
	}


.flickrss img{
	margin: .15em;
	border: .2em solid white;
	}

#flir-image {
	}

div.ad {
	margin: 2em 0 2em 2em;
	}

/* comment editing styles edit-comments.css */
div.edit-comment-admin-links-no-icon {
	float:right;
	margin-top: 20px;
	margin-left: .5em;
	}


/* 
Coldskin #3 for Contact Coldform WordPress Plugin
@ http://perishablepress.com/press/2008/01/08/contact-coldform/ 
@ http://perishablepress.com/press/2008/01/15/contact-coldskins/ 
*/

div#coldform * {
	padding: 0;
	margin: 0;
}
div#coldform {
	font-family: Verdana, sans-serif;
	font-size: .8em;
	margin: .8em 0;
	width: 100%;
	color: #b18a55;
}
div#coldform fieldset {
	border: 0 none;
	display: block;
	clear: both;

}
div#coldform legend.hide {
	display: none;
}
div#coldform label.label {
	margin: .8em 0 .4em 0;
	text-align: left;
	display: block;
	border: 0 none;
	float: left;
	clear: both;
} 
div#coldform input.input {
	padding: .2em;
	float: left;
	clear: both;
	width: 80%;
	border: 1px solid #f4efc3;
	background-color: #fff;
	color: #b18a55;
}
input#coldform_carbon {
	float: left;
	clear: both;
}
div#coldform textarea#coldform_message {
	font-family: Verdana, sans-serif;
	line-height: 1.5em;
	font-size: .8em;
	padding: .2em;
	float: left;
	clear: both;
	width: 90%;
	border: 1px solid #f4efc3;
	background-color: #fff;
	color: #b18a55;
}
div#coldform input.submit {
	margin: .4em 0 .8em 0;
	padding: .2em;
	width: 25%;
	border: 1px solid #f4efc3;
	background-color: #fff;
	color: #b18a55;
}



/* tabber styles */
#sidebar1 li	{	 	
	list-style:none;
	}

#tabbed_box_1 {margin: 0px auto 0px auto;width:auto;}

.tabbed_box h4
{
  color:#000;
  font-weight:normal;
  font-size:9px;
  text-transform:uppercase;
	margin:10px 0;
	text-align:center
}
.tabbed_area
{
	border:none;
	background-color:#f1e8b7;
	padding:.6em .3em .3em .3em;
	width:26.5em;
}
ul.tabs
{
	margin:0px; 
	margin-top:2px;
	margin-bottom:8px;
}
  ul.tabs li
  {
    list-style:none;
    display:inline;
  }
    ul.tabs li a
    {
      background-color:#f1e8b7;
      color:#8b6b3e;
      padding:5px 5px;
      text-decoration:none;
      font-size:1.5em;
      font-weight:bold;
      border:none;
    }
    ul.tabs li a:hover
    {
      background:#f1e8b7;
    }
    ul.tabs li a.active
    {
      background:#f8f8d2;
      border-bottom:none;
    }
.tabcontent
{
	background:#f8f8d2;
	padding:10px;
	margin-top:7px;
}

#tabcontent_2, #tabcontent_3, #tabcontent_4, #tabcontent_5{ display:none; }

  .tabcontent ul
  {
    margin:0;
    padding:0 5px;
  }
    .tabcontent ul li
    {
      list-style:none;
      border:none;
      padding:.1em 0;
      font-size:13px;
      font-weight:bold;
      white-space:nowrap;
      overflow:hidden;
    }
    .tabcontent ul li:last-child
    {
      border-bottom:none;
    }
      .tabcontent ul li a
      {
        text-decoration:none;
        font-weight:normal;
        color:#b18a55;
      }

 .tabcontent ul li a:hover {
        color:#8bc1af;
      }

 #tabcontent_2 ul li a:hover:after  {
        color:#8bc1af;
		content: "\00A0""\2665";
      }


 #tabcontent_3 ul li a:hover:before, #tabcontent_3 ul{
		text-align:center;
        color:#8bc1af;
		content: "\203A""\00A0";
      }

 #tabcontent_3 ul li a:hover:after{
        color:#8bc1af;
		content: "\00A0""\2039";
      }


#tabcontent_5 {
	padding: 1em 0 2.5em 1em;
	}


/* ALL YOUR CODE ARE BELONG TO POETRY */