/*
Theme Name: things&people
Version: 1.0
*/


body {
	margin: 0;
	padding-left:20px;
	padding: 0;
	/*text-align: center;*/
	background: #000; /*url('images/background-dark.png') repeat-x top;*/
	color: #a7a9ac;
	font-family:Helvetica, Arial, sans-serif;	
	font-size:0.9em;
}

#wrapper {
	text-align: left;
	width: 960px;
	margin: 0 auto;
	padding: 0;
	}


a {
	color: #a7a9ac;
}

a:hover {
	color: #fff;
}

a:active, a:focus {
 outline: 0;
}

h1, h2, h3, h4 {
	font-family: Helvetica, Arial, sans-serif;
}

p {
	margin: 0;
	padding: 0;
	}

.clearfix {clear: both}

/*------------- HEADER -------------*/

#header { 
margin-top: 60px;

}

img {
	border: 0px;
}

#logo {
	float: left;
	width: 200px;
	height: 28px;
	
}

.ampersand {color: #808285;}

#style {
	position: absolute;
	top: 10px;
	right: 10px;
}


h1, h1 a {
	text-decoration: none;
	color: #a7a9ac;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	text-transform:uppercase;
	font-size:1.5em;


}

h1 a:hover {
	color: #fff;
}

/*
h2, h2 a{
	text-decoration: none;
	color: #a7a9ac;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	text-transform:uppercase;
	font-size:1.5em;
}

h2 a:hover {
	color: #fff;
}



#logo h2 {
	margin: 40px 0 0 5px;
	text-transform:none;
	font-family:"Times New Roman", Times, serif;	
}
*/




/*------------- CONTENT -------------*/

#content {
	margin: 0;
	margin-bottom: 30px;	
	margin-top: 0px;
	
}


.left {
	float: left;
}

.left img {
	width: 700px;
	width: expression(this.width > 500 ? 500: true);
	height: auto;
	margin: 12px 2px 0px -12px;
}

.right {
	width: 200px;
	float: right;
	margin-top: 30px;
	margin-left: -20px;
}


/*
.right h2 {

}


.right h2 a {
	color: #a7a9ac;
}

*/


.pageleft {
	width: 700px;
	float: left;	
}


.pageright {
	width: 200px;
	float: right;	
}



.post {
	padding-top: 10px;
	padding-bottom: 30px;
	float: left;
	width: 900px;	
	}
	
	
.post h3 {width: 672px;}	

.post p {	
font-family:"Times New Roman", Times, serif;
font-size: 0.9em; 
line-height: 1.1em;
margin-bottom: 10px;
}

.post h2 {	
margin-top:-8px;
}

.post h3 {	
font-family:"Times New Roman", Times, serif;
font-weight:normal;
}

.post li {
	list-style: none;
}

.alignleft {
	margin: 5px 10px 5px 0;
}

.alignright  {
	margin: 5px 0 5px 10px;
}


#content h2 {
	/*font-size: 2em;*/
	line-height: 32px;
	margin-bottom: 10px;
	font-family: Impact, Arial, Helvetica, sans-serif;
	color: #a7a9ac;	
	text-transform:uppercase;
	font-size:2.26em;
}


#content h2 a {
	text-decoration: none;	
}

#content h2 a:hover {
	color: #fff;
}




#content img {
	/*border: 5px solid #a2987b;*/
}



#post .meta a, .meta {
	color: #a7a9ac;
	text-decoration: none;
	margin: 30px 0 10px 0;

}

.meta a:hover  {
	color: #fff;
	text-decoration: underline;
}


#browse {
	width: 930px;	
}

#browse a {
	font-size: 0.6em;
}

#browse a:hover  {
	
	color: #fff;
	text-decoration: underline;
	
}
div.alignleft,  div.alignright{
	display: block;

}

div.alignleft {
	float: left;
	text-align: left;
	
}

div.alignright {
	float: left;
	text-align: right;
	margin-left: 636px;
	
	
}
div.alignleft a, div.alignright a {
	text-decoration: none;
	text-transform: uppercase;
	color: #000;
	
}

div.alignleft a {
	color: #a7a9ac;
}

div.alignleft a:hover {
	color: #fff;
}

div.alignright a {
	color: #a7a9ac;
}

div.alignright a:hover {
	color: #fff;
}

/*------------- NAVIGATION -------------*/


/*------------- RIGHT -------------*/

#nav {
	padding: 7px 30px 8px 18px;
	float: left;
	margin-top: 0px;	
	 }

#nav  ul {
	margin: 0px;
	padding: 0px;
}

#nav li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: inline;
}

#nav li a {
	font-family: Arial, helvetica, sans-serif;
	text-decoration: none;
	color: #a7a9ac;
	font-size: 0.75em;
	text-transform: uppercase;
	margin: 0 8px 0 9px;
}

#nav li a:hover {
	color: #fff;
	text-decoration: underline;
}


#nav .home {
	margin-right:5px;
}





/*------------- COMMENTS -------------*/

#comments , #commentform{
	width:500px;
	padding: 0;
	margin: 0;
	float: left;
	clear: both;
}

#comments h3 {
	font-size: 1.7em;
	color: #a2987b;	
	margin: 30px 0 10px 0;
}


div.avatar {
	width: 50px;
	float: left;
}

div.comment {
	width: 450px;
	float: left;
	margin-bottom: 40px;
}
.comment span{
	font-weight: bold;
	padding: 0;
	margin: 0;
	font-size: 1.2em;
}

ul.commentlist {
	padding: 0;
	margin: 0;
	float: left;
	
}

.commentlist li {
	padding: 10px 0 0;
	list-style: none;
}

form textarea {
	margin: 5px 0 0 0;
	width: 450px;
	padding: 5px;
	font-size: 1em;
}

form input {
	margin: 5px 5px 0 0;
	padding-left: 5px;
}

/*----------- Search form ---------*/
#searchform { }

/*input[type="submit"] {
    -webkit-appearance: none;
	margin-top: -1px !important;	
	 }*/

input[type="submit"] { 
	-webkit-appearance: none;
	/*margin-top: 0.5px !important;/*/}


@media handheld {
.button { 
/*margin-top: 0.5px !important;*/
	font-size: 0.75em;}
}


/*----------------- FORM CSS----------------*/

#searchform { 
float:left;
position: relative; 
}


#header form { 
width:200px; 
display:block; 
color:#A7A9AC; 
margin:8px 0px 0px 0px;
padding:0px;
}
/*#header form label{ float:left; display:block; font:bold 12px/24px "Times New Roman", Times, serif; text-transform:uppercase; margin:0 5px 0 0; }*/
#header .input{ width:125px; display:block; border:#7a7b7e 1px solid; float:left; font-size:11px; margin:0; padding:0; background-color:#000; color:#a7a9ac; }
/*.searchsubmit { margin: 0px; width: 40px; height: 14px; border:0; }*/
/*.field { width:450px; height: 35px; border: 1px solid #fff; background-color: #000; color: #6d6f71; font-size: 100%;}*/

.button { 
font-family: Arial, helvetica, sans-serif;
text-decoration: none;
font-size: 0.75em;
text-transform: uppercase;	
color: #A7A9AC; 
border:0;	
margin:0px;
display:block; 
padding-left: 4px;
background: none;
}

.button:hover {
	color: #fff;
	}


/*------------- FOOTER -------------*/

#footer {
	width: 960px;
	margin: 0 auto;
	display: block;
	float: left;
	margin: 60px 0 50px 0;
	color: #a7a9ac;
}

#copyright {
	float: left;
	font-size: 0.7em;
}
#copyright a{
	color: #6d6f71;
}
#copyright a:hover {
	color: #fff;
	text-decoration: underline;
}

/*#newsletter {color: #c5c6c8; font-size: 11px; height: 90px; padding: 22px 0px 0px 0px; position: relative; float: right; width: 230px; border-top: #333333 solid 1px; clear:both}*/

/*#newsletter h2 { color: #c5c6c8; font-family: Times, 'Times New Roman', serif; font-size: 18px; font-style: italic; font-weight: normal; margin-bottom: 10px; }*/

/*#newsletter p { font-size: 13px; line-height: 16px; margin-bottom: 10px; }*/

/*#newsletter form { position: relative; float: left; width: 200px; }*/

/*#newsletter form submit { position: relative; float: right; margin: 0px;  border: 1px solid red;}*/


/*.post p { font-size: 12px; line-height: 16px; margin-bottom: 10px; font-family:"Times New Roman", Times, serif;}*/

.post form { position: relative; float: left; width: 400px;}

.post form input { font: "Times New Roman", Times, serif; font-size: 12px;}

.post form submit { position: relative; float: right; margin: 0px;}


#icons {
	text-transform: uppercase;
	float: right;
	font-size: 0.7em;
	margin-right: 80px;
}

#icons a:hover {
	color: #e1e2c7;
}

#icons img {
	float: right;
	padding-left: 10px;
	}


#footer a {
	color: #6d6f71;
	text-decoration: none;
}


#footer img {
	border: none;
	margin: 0 5px 0 0;
}