/*
Theme Name:   DePo Clean Mod
Theme URI:    WordPress: http://powazek.com - ExpressionEngine: http://www.throughbrokenglass.com/depoclean
Description:  A clean, organized theme by Derek Powazek.
Version:      0.5
Author:       WordPress: Derek Powazek - ExpressionEngine: Chris Piciullo
Author URI:    WordPress: http://powazek.com - ExpressionEngine: http://www.throughbrokenglass.com
*/

* { 
  margin: 0; 
  padding: 0;
}
body {
  margin: 5px 10px;
  background: #ff3300;
  color: black;
  text-align: center;
  font-size: 13px;
  line-height: 18px;
	font-family: Helvetica Neue, Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;
}

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

a {color:#000; text-decoration: none; border-bottom:1px dotted; }
a:hover { color:#fff; text-decoration: none; border-bottom:1px dotted; }
h2 a { color:#000 ; text-decoration: none; border-bottom: none; }
h2 a:hover { color:#fff; text-decoration: none; border-bottom:none; }
h1 a { color:#000 ; text-decoration: none; border-bottom: none; }
h1 a:hover { color:#fff; text-decoration: none; border-bottom:none; }

p, ul, ol, li { 
  margin-bottom: 18px; 
}
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: 12px; 
}
h2 { 
  font-size: 36px; 
  line-height: 60px;
  margin-top: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid black;
}
h3 { 
  font-size: 24px; 
  line-height: 24px;
  margin-bottom: 20px;
  border-bottom: none;
}
h4 { 
  font-size: 18px; 
  line-height: 18px;
  margin-bottom: 10px;
}

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

h1, h2, h3, h4 {   font-family: "Courier New", Courier, Monaco, fixed; }

/* HEADER */
.header {
  background: ;
  padding: 10px 0 10px 0;
  border-bottom: 1px solid black;
  text-align:left;
}
.header h1 {
  font-size: 26px;
  color: #000;
  font-weight: bold;
}
.header span {
  font-size: 12px;
  color: #666;
  font-weight: normal;
}
.search {
 margin: 0 0 10px 0;
  padding:11px 0 0 20px;
  float:right;
}
.search input {
  width:150px;
}
/* POSTS */
.flickr {
  text-align:left;
  width: 668px;
  padding: 10px 0 10px 3px;
  border-bottom: 1px solid black;
}

img {border: 1px solid black; margin: 4px 2px;}

.flickr img {
  width: 58px;
  height: 58px;
  margin: 1px 4px;
  border: 1px solid black;
}
.flickr img:hover {
  width: 72px;
  height: 72px;
  margin: -6px -3px;
  border: 1px solid #fff;
}
.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; }
.blogads {
  padding: 31px 0 18px 0;
  width: 152px;
  font-size: 12px;
  color: #666;
  float:right;
  text-align:left;
}
.blogads a { font-weight:bold }
.firstpost {
  text-align:left;
  width: 668px;
  padding: 28px 0 18px 0;
}
.edit {
 float:left;
}
.post {
  text-align:left;
  width: 668px;
  padding: 27px 0 7px 0;
  border-bottom: 1px solid black;
}
.postnoline {
  text-align:left;
  width: 668px;
  padding: 22px 0 22px 0;
}
.posttopline {
  border-top: 1px solid black;
  text-align:left;
  width: 668px;
  padding: 22px 0 22px 0;
}
span.previous { padding: 0 20px 0 0; float: left; }
span.next { float: right; }
span.edit a { 
  float:right;
  font-weight:normal; 
  font-size:11px; 
  border:1px solid black; 
  padding:0 4px; 
}
.metainfo {
  float:left;
  width: 152px;
  font-size: 12px;
  color: black;
  text-decoration: none;
  padding: 3px 0;
}
.metainfo a { font-weight:bold }
.content {
  margin-left:177px;
  width: 480px;
  text-align:left;
}
.content a, .post a { font-weight:bold }
.previously {
  text-align:left;
  width: 668px;
  padding: 20px 0 3px 0;
  border-top: 1px solid black;
  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 */
.footer {
  padding: 22px 0 10px 5px;
  border-top: 1px solid black;
  text-align:left;
  font-size: 12px;
  color: black;
}
.footer div {
  width:152px;
  margin: 0 20px 0 0;
  float:left;
}

.footer img {
  border:0;
}
.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 black;
  text-align:right;
  font-size: 12px;
}
ul.nav li { margin: 0 }
/*EE Search Stuff*/
.searchSubmit {
  font-size: 1em; 
  color: #000; 
  text-align: center; 
  padding: 6px 10px 6px 6px;
}
.fieldset {
  border: 1px solid black; 
  padding: 0.9em;
}
.default, .defaultBold {
  font-size: 0.95em; 
  color: #000; 
  padding: 3px 0 3px 0; 
  background-color: transparent;
}
.defaultBold {font-weight: bold;}
.tablePad {
  padding: 3px 3px 5px 3px; 
  background-color: #fff;
}
.hidden {
  margin: 0; 
  padding: 0; 
  border: 0;
}
.input {
  border: 1px solid black; 
  background-color: #fff; 
  color: #000; 
  font-size: 1em; 
  height: 1.6em; 
  padding: .3em 0 0 2px; 
  margin-top: 6px; 
  margin-bottom: 3px;
}
.textarea {
  border: 1px solid black; 
  background-color: #fff; 
  color: #000; 
  font-size: 1em; 
  margin-top: 3px; 
  margin-bottom: 3px;
}
.select {
  background-color: #fff; 
  font-size: 10px; 
  font-weight: normal; 
  letter-spacing: .1em; 
  color: #000; 
  margin-top: 6px; 
  margin-bottom: 3px;
}
.multiselect {
  border: 1px solid black; 
  background-color: #fff; 
  color: #000; 
  font-size: 1em; 
  margin-top: 3px; 
  margin-bottom: 3px;
}
.radio {
  color: #000; 
  margin-top: 7px; 
  margin-bottom: 4px; 
  padding: 0; 
  border: 0; 
  background-color: transparent;
}
.checkbox {
  background-color: transparent; 
  margin: 3px; 
  padding: 0; 
  border: 0;
}

input, input.text, input.title, textarea, select {margin:0.1em 0;border:1px solid #333;}
input, input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #333;}
input, submit { border: 1px solid #333; }
input:hover, textarea:hover, submit:hover { color: #000; border: 1px solid #000; }

.list-col2 {
	width: 45%;
	float: left;
	display: block;
}

.center {
	text-align: center;
	}

.right {
	float: right;
	}
	
.left {
	float: left
	}

img.center, img[align="center"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.right, img[align="right"] {
	padding: 0;
	margin: 0 0 4px 7px;
	display: inline;
	}

img.left, img[align="left"] {
	padding: 0;
	margin: 0 7px 4px 0;
	display: inline;
	}