/*
Theme Name: Ninnypants
Theme URI: http://ninnypants.com/
Description: The theme for Ninnypants.com
Version: 2
Author: Tyrel Kelsey
Author URI: http://ninnypants.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/*
* This Section has been generated by fontsquirrel.com and is based on the work of Paul Irish. 
* 
*/

@font-face {
	font-family: 'Futura';
	src: url('fonts/ftramd_.eot');
	src: local('Futura Md'), local('Futura-Medium'), url('fonts/ftramd_.woff') format('woff'), url('fonts/ftramd_.ttf') format('truetype'), url('fonts/ftramd_.svg#Futura-Medium') format('svg');
}

body{
	margin:0;
	background: #1f1f1f url('./img/bg.png') no-repeat center top fixed;
}
a{
	text-decoration: none;
}

#copy{
	color: rgb(175, 175, 175);
	width: 1020px;
	margin: 0 auto;
	font-family: georgia;
	font-size: 16px;
	padding-bottom: 40px;
}

#copy h1, #copy h2, #copy h3,
#copy h4, #copy h5, #copy h6{
	font-family: Futura;
}

#header{
	width: 1020px;
}

#header h1{
	float: left;
	margin: 36px 0 0 30px;
	padding: 0;
	width: 490px;
	height: 68px;
	overflow: hidden;
}

#header h1 a{
	display: block;
	text-indent: -9999px;
	width: 490px;
	height: 68px;
	background: url('./img/logo.png');
}

#header ul.nav{
	float: left;
	font-family: Futura;
	height: 68px;
	list-style-type: none;
	margin: 36px 0 0 0;
}

#header ul.nav li{
	float: left;
	margin: 39px 20px 0 0;
}

#header ul.nav li a{
	display: block;
	font-size: 24px;
}

#header #search{
	clear: both;
}

#header #search input#q{
	float: right;
	margin: 20px 38px 20px 0;
	
}
.input{
	display: block;
	width: 220px;
	height: 30px;
	border: 1px solid #9b9b9b;
	background-color: rgba(175, 175, 175, .38);
	font-family: Futura;
	font-size: 23px;
	color: #fff;
}

.textarea{
	display: block;
	border: 1px solid #9b9b9b;
	background-color: rgba(175, 175, 175, .38);
	font-family: Futura;
	font-size: 18px;
	color: #fff;
}

#footer #text-2{
	float: left;
}

#footer #text-2 textarea{
	width: 220px;
	height: 138px;
}

#footer #text-2 .section{
	float: left;
	margin: 0;
	width: 220px;
	height: 160px;
}
#footer #text-2 #section2{
	margin:-1px 0 0 10px;
	
}

.button{
	background: rgb(155,155,155);
	border: none;
	padding: 0;
	color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 3px double rgb(175,175,175);
	font-family: Futura;
	height: 30px;
	font-size: 19px;
	padding-bottom: 28px
}

#footer #text-2 button{
	width: 450px;
	height: 27px;
}

#home{
	color: rgb(0, 244, 255);
}

#blog{
	color: rgb(0, 255, 24);
}

#portfolio{
	color: rgb(172, 27, 204);
}

#content, #post{
	float: left;
	margin: 0 60px 0 30px;
	padding: 0 20px 0 10px;
	width: 620px;
}

#folio_thumb1{
	display: block;
	float: left;
	margin-right: 10px;
}

#folio_thumb2{
	display: block;
	float: left;
	margin-left: 10px;
}

#posts{
	padding-top: 60px;
	margin-top: 1px;
}

#posts .post{
	margin-bottom: 60px;
}

#posts .post .post_thumbnail{
	display: block;
	float: left;
	margin:  0 20px 0 10px;
	width: 150px;
	height: 160px;
}

#posts .post .post_thumbnail img{
	border: 5px solid rgb(155, 155, 155);
}

#posts .post .content h3 a{
	color: rgb(175, 175, 175);
}

#posts .post .content{
	float: left;
	width: 420px;
	margin: 0;
}

#posts .post .content h3{
	font-size: 29px;
	margin: 0;
}
#posts .post .content p{
	margin-top:0;
}

#content .about{
	line-height: 20px;
}

.about .author_avatar{
	display: block;
	float: left;
	margin: 5px;
}

#sidebar{
	float: left;
	margin: 0 30px 0 0;
	padding: 0 10px 0 20px; 
	width: 220px;
}

#sidebar > ul{
	list-style-type: none;
	padding: 0;
}

#sidebar h4, #footer h4{
	font-size: 29px;
	margin: 0;
}

#categories-2 ul, #twitter-tools ul{
	list-style-type: none;
	padding-left: 5px;
}

#categories-2 ul li{
	font-size: 20px;
}

#twitter-tools ul li{
	margin: 12px 0;
}

#twitter-tools ul li a:last-child{
	display: block;
}

#footer{
	clear: both;
	width: 1020px;
	padding: 0 60px 0 40px;
}
.clearfix{
	width: 100%;
	height: 1px;
	visibility:hidden;
	clear: both;
}

#commentform div{
	margin: 5px 0;
}

.attachment-post-head{
	display: block;
	margin: 0 auto;
}

#post img{
	border: 10px solid rgb(155, 155, 155);
}
#post h2.title{
	font-size: 38px;
	margin: 5px;
}