/*
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; width: 685px; }

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

a { text-decoration: none;  }

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

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

a:hover { color: #FFF !important; background-color: #F00 !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; }

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

#sidebar div { margin-bottom: 0px; }



/* 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; background-color: #FFF; 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: 0 0 0 20px; float: right;}

.search input { width: 150px; }



/* FLICKR STREAM */

#flickr { width: 668px; padding: 10px 0 10px 3px; border-bottom: 1px solid #CCC; 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 img { width: 58px; margin: 1px 4px; border: 1px solid #666; height: 58px; }

#flickr img:hover { width: 72px; margin: -6px -3px; border: 1px solid #000; height: 72px; }



/* POSTS */

.post { width: 668px; padding-top: 25px; border-bottom: 1px solid #CCC; text-align: left; }

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

.metainfo p { margin: 0; padding: 0; }

.content { margin-left: 177px; width: 480px; text-align: left; }

.content p img { float: right; border: 1px solid #000; margin: 10px 0 10px 10px; }

.content p img.photo { float: none; margin: 0; }

.content p img.nb { border: 0px; }

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; }

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

#sidebar 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; }

/* Lightboxing */

#lightbox{
	display:none;
	position: absolute;
	top:5%;
	left:5%;
	z-index:9999;
	width:85%;
	height:85%;
	margin:00% 0 0 0%;
	border:10px solid #555555;
	background:#FDFCE9;
	text-align:left;
}
#lightbox[id]{
	position:fixed;
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#000;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
#overlay[id]{
	position:fixed;
}

#lightbox.done #lbLoadMessage{
	display:none;
}
#lightbox.done #lbContent{
	display:block;
}
#lightbox.loading #lbContent{
	display:none;
}
#lightbox.loading #lbLoadMessage{
	display:block;
}

#lightbox.done img{
	width:100%;
	height:100%;
}