/*
Theme Name: Giraffe Incognito	
Theme URI: http://www.giraffeincognito.com
Description: A slick, dark grey & black theme for awesome 1920s style music web pages!
Version: 1.0
Author: William Rainbird
Author URI: http://www.william.rainbird.me
*/

/***------------------------------------
ALL
------------------------------------***/

body {
 font-family: Palatino,Georgia,'Times New Roman',serif;
 font-size: 100%;
 line-height: 1.3;
 color: #acacac;
 padding: 0;
 margin: 0 auto;
 text-align: left;
 vertical-align: top;
 border: 0;
 background-color: #222222;
background-repeat: no-repeat;
background-position: top left;
}

img {
 border: 0;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...);
}

a, a:link, a:visited {
 color: #f4f4f4;
 text-decoration: none;
 border: 0;
}

a:hover {
 color: #49a0d8;
 text-decoration: none;
 border: 0;
}

ul {
 margin: 0;
 padding: 0px 0px 10px 0px;
 list-style: none;
 border: 0;
 -moz-padding-start:40px;
}

li {
 list-style: square;

}

p {

 /*padding-bottom: 10px;*/
 margin: 0;
 margin-bottom:1.5em;


}

ol li {
 list-style-type: decimal;
}

/***------------------------------------
body styles
------------------------------------***/

#container {
 width: 990px;
 margin: 0 auto;
 padding: 0;
}

#header {
 width: 990px;
 float: left;
 margin: 0;
 padding: 0;
}

#logo {
 float: left;
 margin: 17px 0px 0px 0px;
 padding: 0;
}

#nav {
 float: right;
 margin: 18px 0 0 0;
 padding: 0;
}

#nav li {
 float: left;
 margin-left: 30px;
 list-style-type: none;
}

#headerBar {
	margin-top:67px;
   }
   
#headerBarFooter{
	margin-top: 8px;
   }

#main {
 float: left;
 width: 1000px;
 margin: 0;
 padding: 0px;
 margin-top: 11px;
background-color: #222222;
}

#left {
 float: left;
 width: 700px;
 margin: 0;
 padding: 0;
}

#left img {
padding-top: 5px;
padding-bottom: 5px;
}

.post-footer {
 float: left;
 padding: 0px 0px 30px 0px;
 width: 700px;
 font-size: 13px;
  border-bottom:3px solid #2a2929;
  margin-bottom: 30px;
color: #7D7D7D;;
}

.post-footer-left {
 float: left;
 width: 400px;
}

.post-footer-right {
 float: right;
}

.post-footer-last {
 float: left;
 padding: 0px 0px 30px 0px;
 width: 700px;
 font-size: 13px;
  margin-bottom: 30px;
color: #7D7D7D;;
}

#right {
 float: left;
 width: 274px;
 margin: 0px 0px 0px 16px;
 padding: 0;
}

#sidebar {
 float: left;
 width: 250px;
 margin-left: 4px;
 padding: 10px;
 background-color: #2a2929;
}

#sidebar ul {
 -moz-padding-start:0px;
}

#sidebar li {
 font-size: 13px;
 line-height: 22px;
 list-style-type: none;
}

#footer ul {
 -moz-padding-start:0px;
}

#footer li {
 font-size: 13px;
 line-height: 22px;
 list-style-type: none;
}

#ads {
 float: left;
 width: 125px;
 margin: 0px 0px 0px 40px;a
 padding: 0;
}

#footer {
 float: left;

 width: 1000px;
 margin: 10px 0px 0px 0px;
 clear: both;
 font-size: 10px;
 height: 400px;

}

#footer #pals {
width: 200px;
}

#footer #cool{
width: 200px;
}

#mp3Post {
  font-size: 13px;
  margin-bottom: 12px;
}

#footer #disc{
padding-right:20px;
}

#footer #resources{
width: 200px;
}

#footer .col {
float:left;
}

#footer .col2 {
float:right;
}



blockquote {
 padding: 20px;
 background-color: #ebebeb;
}

blockquote p {
 padding: 0;
}

.alignright {
 margin: 0px 0px 20px 20px;
}

.alignleft {
 margin: 0px 20px 20px 0px;
}

#next {
 float: left;
 clear: both;
}

.blog-description {
 font-size: 10px;
 line-height: 18px;
 height: 105px;
 _height: 500px;
 margin: 0;
 background:transparent url(/images/sidebar_top.jpg) no-repeat scroll left bottom;
 padding-left: 25px;
 padding-top: 15px;
white-space:nowrap;
}


#sidebar_tile{
background:transparent url(/images/sidebar_bg.jpg) repeat-y scroll left top;
padding-left: 25px;
color: #333333;
margin-top:-20px;
padding-top:15px;
}

.headerText{
font-family: 'Trebuchet MS', Helvetica, sans-serif;
font-size: 20px;
color: #f4f4f4;
margin-bottom: 5px;

}

.headerTextTop{
font-family: 'Trebuchet MS', Helvetica, sans-serif;
font-size: 20px;
color: #f4f4f4;
margin-bottom: 5px;
margin-top: 5px !important;

}

#sidebar_bottom{
 height: 94px;
background:transparent url(/images/sidebar_bottom.jpg) no-repeat scroll left top;
 padding-left: 25px;
}

#twitter_update_list li {
 list-style-type: none;
 line-height:18px;
}

.sideLinks p {
padding-bottom: 20px;
}

.commentlist ul {
 -moz-padding-start: 0;
 margin: 0;
 padding: 0;
}

.commentlist li {
 width: 520px;
 list-style-type: none;
 padding: 0px 20px 0px 20px;
 margin: 0px 0px 20px 0px;
}

.comment-text {
 font-size: 12px;
}

#commentform{
   color: 333333;

}

.page-header-bg {
 padding: 10px 10px 40px 10px;
 background-color: #ebebeb;
 margin-bottom: 20px;
}



/***------------------------------------
Type
------------------------------------***/

h1 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
font-size: 16px;
color: #c2c2c2;
 font-weight: bold;
 margin: 20px 0px 0px 0px;
 padding: 0;
 line-height: 18px;
 margin-bottom:10px;
}

h2 {
 font-size: 26px;
 color: #F4F4F4;
 font-weight: bold;
 margin: 0;
 padding: 0;
 line-height: 36px;
 font-family:"Lucida Grande",Lucida,Verdana,sans-serif;
margin-bottom: 10px;
}

h3 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
font-size: 20px;
color: #f4f4f4;
 font-weight: bold;
 margin: 20px 0px 0px 0px;
 padding: 0;
 line-height: 18px;
 margin-bottom:10px;
}

h4 {
 font-size: 12px;
 color: #acacac;
 margin: 0px 0px 0px 0px;

 

}

h5 {
 font-size:12px;
 font-family: helvetica, arial, sans-serif;
 color: #603913;
 margin: 0px 0px 10px 0px;
 padding: 0;
}

#sidebar p {
 font-size: 10px;
 line-height: 18px;
 margin: 0;
}

#nav a, #nav a:link, #nav a:visited, #nav a:hover {
 text-decoration: none;
 font-weight: bold;
}

#nav a img:hover {
filter:alpha(opacity=50); ..-opacity:0.5; opacity:0.5; -khtml-opacity:0.5;
}


h1 a, h1 a:link, h1 a:visited, h1 a:hover {
 text-decoration: none;
}

h2 a, h2 a:link, h2 a:visited, h2 a:hover {
 text-decoration: none;
}

#gravitar {
 width: 120px;
}

#commentMain {
 width: 650px;
}

#commentInner {
 width: 770px;
}

#wordle textarea {

	width: 500px;

        height: 400px;

	padding: 5px;

}

#wordle{
margin-left: 20px;
margin-top: 20px;
}

#sidebar .tumblr li {
 font-size: 13px;
 line-height: 18px;
 list-style-type: none;
}

		.tumblr {
			list-style: none;
			margin-bottom: 1em;
			padding: 0;
font-size: 
		}
		.tumblr li {
			margin-bottom: 1em;
		}
		.tumblr p {
			margin: 0;
		}
		.tumblr img {
			display: block;
		}
		.tumblr em {
			display: block;
			margin-top: 0.2em;
		}
		.tumblr .tumblr-post-date{
			display: block;
			font-size: 0.9em;
			margin-top: 0.5em;
		}

#tumblr-badge img {
   max-width: 200px;
}