/*
Theme Name:   DePo Clean (Remix)
Theme URI:    http://themin.us/2007/07/23/depo-clean-remix/
Description:  Reworked version of the DePo Clean theme by <a href="http://powazek.com">Derek Powazek</a>.
Version:      0.9
Author:       Thomas Gay
Author URI:   http://themin.us
*/

* { margin: 0; padding: 0; }

body { background: #FFF; color: #000; font: small/18px Arial, Helvetica, sans-serif; text-align: center; }

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

#leftCol { float: left; }

#rightCol { padding: 31px 0 18px 0; width: 152px; float: right; color: #666; text-align: left; }

a { text-decoration: none;  }

#leftCol a, #rightCol .tagCloud a, .copyright a { color: #000; font-weight: bold; text-decoration: none; }

#footer a, #rightCol ul li a, .twitter a { color: #666; }

a:hover { color: #000 !important; }

.normal { font-weight: normal; }

h1, h2, h3, h4, h5 { margin-bottom: 18px; font-weight: bold; }

h1 { font-size: xx-large; line-height: 36px; }

h2 { font-size: x-large; line-height: 36px; }

h3 { font-size: large; line-height: 18px; }

h4 { font-size: medium; }

h5 { font-size: small; }

blockquote { margin: 0 18px 18px 18px; border-left: 1px solid #CCC; padding-left: 10px; color: #666; font-size: small; }

p, ul, ol, li { margin-bottom: 18px; }

ul, ol { margin-left: 2em; }

#rightCol ul, #rightCol li, #footer ul, #footer li { margin: 0; list-style: none; }

#rightCol div { margin-bottom: 36px; }



/* HEADER */

#header { padding: 30px 0 10px 0; border-bottom: 1px solid #666; text-align: left; }

#header h1 { letter-spacing: -2px; }

#header h1 a { color: #000; padding: 0 2px 0 2px; }

#header h1 span, #header h1 span a { color: #666; background-color: White; font-size: small; font-weight: normal; letter-spacing: normal; }

.search { padding: 11px 0 0 20px; float: right; background: 0 14px no-repeat; }

.search input { width: 150px; }



/* FLICKR STREAM */

#flickr { width: 668px; padding: 10px 0 10px 3px; border-bottom: 1px solid #CCC; text-align: left; }

#flickr-meta { float: left; width: 152px; color: #666; font-size: small; line-height: normal; }

#flickr-photos { margin-left: 177px; width: 480px; text-align: left; }

/*#flickr p { float: left; width: 56px; color: #666; font-size: medium; }*/

#flickr p a { color: #666; }

#flickr p small { color: #CCC; font-size: xx-small; }

#flickr-photos img { width: 58px; height: 58px; border: none; }
#flickr-photos a { padding:0; padding-right: 2px; }
#flickr img:hover {  }



/* POSTS */

.post { width: 668px; padding-top: 30px; text-align: left; }

.post h3 span.post-date {
	font-size: x-small; 
	color: #666;
}

.content { width: 630px; text-align: left; }

.content p img { 
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 6px;
	border: 1px solid #dadada;
}
.content p img.photo { float: none; margin: 0; }

span.edit a { float: right; border: 1px solid #CCC; padding: 0 4px; color: #666666; font-weight: normal; font-size: x-small; }

p.clear { clear: both; margin: 0; padding: 0; }



/* MISCELLANEOUS */

textarea#comment { width: 480px !important; }

.adjacentPosts { width: 668px; padding: 22px 0 22px 0; text-align: left; }

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

span.next { float: right; }

/* #rightCol img { vertical-align: top; } */

#rightCol a img { border: 0; vertical-align: top; }



/* FOOTER */

#footer { padding: 22px 0 10px 5px; border-top: 1px solid #666; color: #666; font-size: small; text-align: left; }

#footer div { width: 152px; margin: 0 20px 0 0; float: left; }

#footer .albumArt img { padding: 2px; border: 1px solid #CCC; margin: 2px 2px 0 0; vertical-align: bottom; }

#footer div.last { width: 142px; margin: 0 0 0 0; }

.copyright { margin: 12px 0 0 0; padding: 18px 0 10px 0; border-top: 1px solid #666; color: #666; font-size: small; text-align: right; }