/*
Theme Name:   DePo Clean
Theme URI:    http://powazek.com/posts/516
Description:  A clean, organized theme by <a href="http://powazek.com">Derek Powazek</a>.
Version:      0.5
Author:       Derek Powazek
Author URI:   http://powazek.com
*/

* { 
    margin: 0; 
    padding: 0;
}

body {
    background: #fff url(/images/sky_template/grey_bkg_gradient.jpg)repeat-x;
    color: black;
    text-align: center;
    font-size: 13px;
    line-height: 15px;
    font-family: "Lucida Grande", Verdana, Arial, sans-serif;
}

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

a { color:#000; text-decoration: none }
a:hover { color:#1299FE; text-decoration: underline }

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

blockquote { 
    margin: 0 18px 18px 18px;
    font-size:12px;
    font-color:#333;
}

ul {
    list-style-type: square;
    margin-left: 2em;
}

ol {
    margin-left: 2em;
}

h1 { 
    font-size: 24px; 
    line-height: 36px;
    margin-bottom: 18px; 
}

h2 { 
    font-size: 22px; 
    line-height: 36px;
    margin-bottom: 18px;
}

h3 { 
    font-size: 18px; 
    line-height: 18px;
    margin-bottom: 20px;
}
#wrapper {
	width:940px;
	margin: 0 auto;
	background: #fff url('/images/sky_template/white_shadow_left.gif')repeat-y left;
}
.container {
	width:940px;
	background: transparent url('/images/sky_template/white_shadow_right.gif')repeat-y right;
}
.left {
	float:left;
}
.right {
	float:right;
}
/* HEADER */

.header {
	background: #fff url(/images/sky_template/banner_blue_sky_new.jpg)repeat-x;
	height:120px;
    text-align:left;
	position:relative;
	width:910px;
	margin-left:15px;
}

.header h1 {
    font-size: 26px;
    color: #000;
    font-weight: normal;
}

.header span {
    font-size: 12px;
    color: #666;
    font-weight: normal;
}

.header a {    color: #333; }
.header a:hover { color: #066; }

.search {
    padding:11px 20px 0 0px;
    background:url('/wp-content/themes/depo-clean/images/search.gif') 0 14px no-repeat;
    float:right;
}

.search input {
    width:150px;
}
#logo {
	background: #fff url('/images/sky_template/skyblue_logo.gif')no-repeat;
	width:245px;
	height:87px;
}

#phone
	{ 
	position:absolute; 
	top:0; 
	right:200px; 
}
#top_nav
	{
	padding-right: 17px;
	padding-left: 10px;
	position:absolute;
	bottom:4px;
	right:0px;
	color: #fff;
	width: 645px;
	height: 25px;
	line-height: 23px;
	background: url(/images/under_nav.gif) no-repeat top left;
	}
	
#top_nav a
	{
	color:#fff;
	font-size:12px;
	text-decoration:none;
	/*font-weight:bolder;*/
	font-family: Arial, Helvetica, sans-serif;
	text-transform: lowercase;
	}
#top_nav a:visited
	{
	color:#fff;
	}
	
#top_nav a:hover{ text-decoration:underline; color: #FFB400;}	
	
/* POSTS */

#content {
	width:940px;
	margin:0 auto;
}
.flickr {
    text-align:left;
    width: 668px;
    padding: 10px 0 10px 3px;
    border-bottom: 1px solid #ccc;
}
img {
	border:0;
}
.flickr img {
    width: 58px;
    height: 58px;
    margin: 1px 4px;
    border: 1px solid #666;
}

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

.flickr span {
    float:left;
    width: 56px;
    font-size: 14px;
    color: #666;
}

.flickr span a { color: #666; }

.flickr small {
    font-size:9px;
}

small.fey { color: #ccc; }

#rightblock {
	float: right;
	width: 310px;
}

.blogads {
    padding: 31px 0 18px 0;
    width: 152px;
    font-size: 12px;
    color: #666;
    float:right;
    text-align:left;
}

.blogads a { font-weight:bold }

.leftads {
	float: left;
	width: 150px;
	text-align: left;
	margin-top: 30px;
}
.firstpost {
    text-align:left;
    width: 668px;
    padding: 28px 0 18px 0;
}

.post {
    text-align:left;
    width: 668px;
    padding: 27px 0 7px 0;
	margin-left: 20px;
}

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

.posttopline {
    border-top: 1px solid #ccc;
    text-align:left;
    width: 668px;
    padding: 22px 0 22px 0;
	margin-left: 30px;
}

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

span.edit a { 
    float:right;
    font-weight:normal; 
    font-size:11px; 
    color:#666; 
    border:1px solid #ccc; 
    padding:0 4px; 
}

.metainfo {
    float:left;
    width: 152px;
    font-size: 12px;
    color: #666;
    padding: 3px 0 0 8px;
}

.metainfo a { font-weight:bold }

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

.content a { font-weight:bold }

.previously {
   text-align:left;
    width: 668px;
    padding: 20px 0 3px 0;
    border-top: 1px solid #ccc;
    font-size: 12px;
}

.previously a { font-weight:bold }

.text_area { width: 480px !important; }

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

.delicious-tags { font-size:11px; color:#666 }
.delicious-tags a { font-weight:normal; color:#333 }


/* FOOTER */
.left_float {
	float: left;
}
.right_float {
	float: right;
}
#footer 
	{
	background: url(/images/sky_template/footer_blue_repeat.gif) repeat-x;
	height:41px;
	text-align:center;
	color: white;
	}
	
#footer_nav{padding-top:5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
#footer a, #footer a:visited {text-decoration:none; color: white;}
#footer a:hover {text-decoration:underline; color: white;}

#copyright{color: black; font-size: 0.9em; text-align:center;}
#copyright a{color: black; font-size: 0.9em; text-decoration:none;}
#copyright a:visited{color: black; font-size: 0.9em; text-decoration:none;}
#copyright a:hover{color: #7895b3; font-size: 0.9em; text-decoration:underline;}


#testimonial_wrapper
	{
	background: url(/images/sky_template/footer_dirt_repeat.jpg) repeat-x bottom;
	text-align:center;
	margin:30px 16px 0px 16px;
	height:243px; 
	
	}
	
#testimonial
	{
	background:url(../images/sky_template/get_the_dirt.jpg) no-repeat;
	color:#fff;
	margin:65px 15px 0px 20px;
	padding-left:90px;
	height:75px;
	text-align:left;
	position:relative;
	overflow:hidden;
	}
.guarantee 
	{
	background-color: #FFFFCC;
	margin: 5px;
	padding: 5px;
	border: medium solid #F17F00;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	width: 500px;
	
}
.guarantee a {
	font-size:10px;
	font-weight:normal;
}
.more_testimonial a, .more_testimonial a:visited{ bottom:2px; right:0px; color:#F17F00; font-weight:bold; position:absolute;}
.more_testimonial a:hover{ color:#fff;}