/*



Theme Name:   DePo Skinny



Theme URI:    http://powazek.com



Description:  A slender theme for WP by <a href="http://powazek.com">Derek Powazek</a>



Version:      1



Author:       Derek Powazek



Author URI:   http://powazek.com



*/





Cufon.set('fontFamily', 'rockwell.js').replace('h1')('h2')("body");



* { 



    margin: 0; 



    padding: 0;



}







body {



    background: #000;



    color: white;



    text-align: center;



    font-size: 16px;



    line-height: 18px;



    font-family: rockwell;



}







img#wpstats { width:0px; height:0px; overflow:hidden; }







a { color:#fff; text-decoration: none }



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







p, ul, ol, li { 



    margin-bottom: 18px; 



}







blockquote { 



    margin: 0 18px 18px 18px;



    font-size:15px;



    color:#fff;



    padding-left:10px;



    border-left:1px solid #fff;



}







ul {



    list-style-type: square;



    margin-left: 2em;



}







ol {



    margin-left: 2em;



}







h1 { 



    font-size: 36px; 



    line-height: 36px;



    margin-bottom: 18px; 



}







h2 { 



    font-size: 30px; 



    line-height: 36px;



    margin-bottom: 18px;



}







h3 { 



    font-size: 22px; 



    line-height: 18px;



    margin-bottom: 20px;



}







h4 { 



    font-size: 17px; 



    line-height: 18px;



    margin-bottom: 20px;



}







.container {



	text-align:center;



    margin: 0 auto;



    padding: 0;



    width: 1024px;



}







/* HEADER */







.header {



    padding: 50px 0 0;



    text-align:left;



    border-bottom: 10px solid #fff;



}







.header h1 {

	font-size: 46px;

	color: #fff;

	font-weight: normal;



}







.header span {



    margin-left: 10px;



    font-size: 16px;



    color: #fff;



    font-weight: normal;



}







.header a { color: #fff; }



.header a:hover { color: #fff; }







.search {



    padding:11px 0 0 20px;



    background:url('/home/wp-content/themes/hpc/images/search.gif') 0 14px no-repeat;



    float:right;



}







.search input {



    width:120px;



}







/* FLICKR */







.flickr {



    border-bottom: 1px solid #fff;



    text-align:center;



    padding: 22px 0;



    margin-bottom:9px;



    width:1024px;



}







.flickr img {



    width: 60px;



    height: 60px;



    margin: 1px 1px;



    border: 1px solid #fff;



}







.flickr img:hover {



    width: 75px;



    height: 75px;



    margin: -7px -3px;



    border: 1px solid #fff;



}







.flickr span a { color: #fff; }







/* POSTS */







.post p a { font-weight:bold }







.post {



    border-bottom: 1px solid #fff;



	padding:18px 0 0 0;



	text-align:left;



    width:800px;



}







.postnoline {



	padding:18px 0 0 0;



	text-align:left;



    width:1024px;



}







.postcomment {



	padding:18px 0 0 0;



	text-align:left;



    width:700px;



    font-size:11px;



    color:#fff;



}







.commentslnk {



    font-size:17px;



	text-align:center;



}







p.byline {



	margin-top:-13px;



    font-size:15px;



    color: #fff;



}







.post IMG {



	border:1px solid #fff;



}







.post IMG.noline {



	border:0;



}







span.previous { padding: 0 20px 0 0; float: left; }



    



span.next { float: right; }







span.edit a { 



    float:right;



    font-weight:normal; 



    font-size:15px; 



    color:#fff; 



    border:1px solid #ccc; 



    padding:0 4px; 



}







.metainfo {



    float:left;



    width: 152px;



    font-size: 15px;



    color: #666;



    padding: 3px 0;



}







.previously {



	text-align:left;



    width: 1024px;



    padding: 20px 0 3px 0;



    border-top: 1px solid #ccc;



    font-size: 16px;



}







.previously a { font-weight:bold }







.text_area { width: 480px !important; }







.postform { width:150px; margin: 0;} 







.delicious-tags { font-size:15px; color:#fff }



.delicious-tags a { font-weight:normal; color:#fff }



ul.delicious { color:#555 }











/* FOOTER */







.footer {



    font-size: 21px;



    padding: 22px 20px 10px 5px;



    margin-top: 18px;



    border-top: 1px solid #fff;



    text-align:left;



    color: #fff;



}







.footer div {



    width:1024px;



    margin: 0 20px 0 0;



    float:left;



}







.footer img {



    border:0;



}







.footer div.last {



    width:1024px;



    margin: 0 0 0 0;



}







.copyright {



    font-size: 14px;



    margin:12px 0 0 0;



    padding: 18px 0 10px 0;



    border-top: 1px solid #666;



    text-align:right;



    color: #666;



}







ul.nav li { margin: 0 }