/*   
Theme Name: TJ Clean
Theme URI: http://theojones.net/tj-clean-wordpress-theme
Description: Clean-cut, single column theme thats valid XHTML & CSS with integration of Flickr, Last.FM, AddThis and Twitter/Facebook. Inspired by Derek Powazek's Depo Clean.
Author: Theo Jones
Author URI: http://theojones.net
Version: 1.0
.
Creative Commons - Attribution-Noncommercial-Share Alike 3.0 
http://creativecommons.org/licenses/by-nc-sa/3.0/
*/

* {
margin : 0;
padding : 0;
}
body {
background : #fff;
color : #000;
text-align : center;
font-size : 13px;
line-height : 18px;
font-family : "Lucida Grande", Verdana, Arial, sans-serif;
}
a {
color : #000;
text-decoration : none;
}
a:hover {
background : #FF6600;
padding : 0;
color : #fff;
border : none;
}
p, ul, ol, li {
margin-bottom : 18px;
}
blockquote {
margin : 0 18px 18px;
font-size : 12px;
}
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;
}
.container {
margin : 0 auto;
padding : 0;
width : 710px;
}
.header {
padding : 30px 0 10px;
border-bottom : 0 solid #666;
text-align : left;
}
.header h1 {
font-size : 26px;
color : #000;
font-weight : 400;
}
.header span {
font-size : 12px;
font-weight : 400;
}
.header a {
color : #333;
}
.header a:hover {
color : #fff;
}
.search {
padding : 11px 0 0 20px;
background : url('/wp-content/themes/tj-clean/images/search.gif') no-repeat 0 14px;
float : right;
}
.search input {
width : 120px;
}
.status ul {
list-style : disc;
}
.flickr {
text-align : center;
width : 690px;
padding : 10px 10pt 10px 10px;
border-bottom : 1px solid #ccc;
}
.flickr img {
width : 75px;
height : 75px;
margin : 0 3px;
border : 0 solid #666;
}
.flickr span {
float : none;
width : 60px;
font-size : 14px;
}
.flickr a:hover {
background : #fff;
padding : 0;
color : #FF6600;
border : none;
}
small.fey {
color : #ccc;
}
.firstpost {
text-align : left;
width : 710px;
padding : 28px 0 18px;
}
.post {
text-align : left;
width : 690px;
padding : 27px 10px 7px;
border-bottom : 1px solid #ccc;
}
.postnoline {
text-align : left;
width : 685px;
padding : 5px 10pt;
}
.posttopline {
border-top : 1px solid #ccc;
text-align : left;
width : 685px;
padding : 5px 10pt;
}
span.previous {
padding : 0 20px 0 0;
float : left;
}
span.next {
float : right;
}
span.edit a {
float : right;
font-weight : 400;
font-size : 11px;
color : #666;
border : 1px solid #ccc;
padding : 0 4px;
}
.content {
margin-left : 30px;
width : 630px;
text-align : left;
}
.contentpage {
margin-left : 10px;
width : 690px;
text-align : left;
}
.previously {
text-align : left;
width : 710px;
padding : 20px 0 3px;
border-top : 1px solid #ccc;
font-size : 12px;
}
.previously a, .contentpage a, .content a {
font-weight : 700;
}
.text_area {
width : 480px !important ;
}
.nav {
display : none;
}
.footer {
padding : 22px 0 120px 5px;
border-top : 1px solid #666;
text-align : left;
font-size : 12px;
}
.footer div {
width : 160px;
margin : 0 10px 0 10pt;
float : left;
}
.footer img {
border : 0;
}
.footer div.last, .postform {
width : 150px;
margin : 0;
}
.copyright {
margin : 10px 0 0;
padding : 15px 0 0;
border-top : 1px solid #666;
text-align : center;
font-size : 12px;
color : #666;
}
ul.nav li {
margin : 0;
}
.archive {
text-align : left;
padding : 10px 10px;
}
.small {
font-size : 10px;
}
#lastfmrecords {
padding : 0;
padding-bottom : 0px;
padding-right : 27px;
}
#lastfmrecords li {
list-style-type : none;
margin : 0;
padding : 0;
display : inline;
}
img.cdcover {
height : 75px;
margin : 0px 0px 0px 2px;
width : 75px;
border : 0;
}
.lastfm {
text-align : center;
width : 710px;
padding : 0 0 0 0;
border-top : 1px solid #666;
}
.lastfm a:hover {
background : #fff;
padding : 0;
color : #FF6600;
border : none;
}
.status {
text-align : left;
width : 690px;
padding : 10px 10pt 10px 10px;
border-bottom : 1px solid #ccc;
}
.status a:hover {
background : #fff;
padding : 0;
color : #FF6600;
border : none;
}
.status span {
float : none;
width : 60px;
font-size : 14px;
}