/*   
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 : #FF0066;
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 : #FF0066;
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 : #FF0066;
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 : #FF0066;
border : none;
}
.status span {
float : none;
width : 60px;
font-size : 14px;
}

.delicious-tags a{font-size:10px}

dl#bannerMap{background:transparent url(header.jpg) no-repeat scroll left top;height:500px;margin:0pt;padding:0pt;position:relative;width:720px}dt{display:none;font-size:85%;margin:0pt;padding:0pt;position:absolute}


dd{font-size:85%;margin:0pt;padding:0pt;position:absolute}

dd#homeDef{left:201px;top:240px}

dd#homeDef a{height:90px;position:absolute;text-decoration:none;width:220px}

dd#homeDef a:hover{background:transparent url(header.jpg) no-repeat scroll -195px -730px;left:-5px;position:absolute;top:-10px}

dd#homeDef a:hover span{display:block;text-indent:0;vertical-align:top;color:#000;background-color:#F4F4F4;font-weight:700;position:absolute;border:1px solid #BCBCBC;bottom:100%;margin:0;padding:5px;width:250%}

dd#contactDef{left:353px;top:350px}

dd#contactDef a{height:60px;position:absolute;text-decoration:none;width:120px}

dd#contactDef a:hover{background:transparent url(header.jpg) no-repeat scroll -347px -840px;left:-5px;position:absolute;top:-10px}

dd#aboutDef{left:220px;top:350px}

dd#aboutDef a{height:60px;position:absolute;text-decoration:none;width:134px}

dd#aboutDef a:hover{background:transparent url(header.jpg) no-repeat scroll -214px -840px;left:-5px;position:absolute;top:-10px}

dd#architectureDef{left:170px;top:80px}

dd#architectureDef a{height:60px;position:absolute;text-decoration:none;width:230px}

dd#architectureDef a:hover{background:transparent url(header.jpg) no-repeat scroll -164px -570px;left:-5px;position:absolute;top:-10px}

dd#ceramicsDef{left:250px;top:18px}

dd#ceramicsDef a{height:60px;position:absolute;text-decoration:none;width:190px}

dd#ceramicsDef a:hover{background:transparent url(header.jpg) no-repeat scroll -244px -508px;left:-5px;position:absolute;top:-10px}

dd#friendsDef{left:620px;top:19px}

dd#friendsDef a{height:100px;position:absolute;text-decoration:none;width:100px}

dd#friendsDef a:hover{background:transparent url(header.jpg) no-repeat scroll -614px -509px;left:-5px;position:absolute;top:-10px}

dd#hvmDef{left:590px;top:210px}

dd#hvmDef a{height:102px;position:absolute;text-decoration:none;width:110px}

dd#hvmDef a span,

dd#friendsDef a span,

dd#ceramicsDef a span,

dd#architectureDef a span,

dd#aboutDef a span,

dd#contactDef a span,

dd#homeDef a span{display:none}

dd#hvmDef a:hover{background:transparent url(header.jpg) no-repeat scroll -584px -700px;left:-5px;position:absolute;top:-10px}

dd#hvmDef a:hover span,

dd#friendsDef a:hover span,

dd#ceramicsDef a:hover span,

dd#architectureDef a:hover span,

dd#aboutDef a:hover span,

dd#contactDef a:hover span{background-color:#F4F4F4;border:1px solid #BCBCBC;bottom:100%;color:#000;display:block;font-weight:700;margin:0pt;padding:5px;position:absolute;text-indent:0pt;vertical-align:top;width:250%}

ul.commentlist { list-style:none; margin:0; padding:0; text-indent:0; }
ul.commentlist li { border:1px solid #ccc; height:1%; margin:0 0 10px; padding:5px 7px 5px 80px; position:relative; }
ul.commentlist li.alt { }
ul.commentlist li.bypostauthor {}
ul.commentlist li.byuser {}
ul.commentlist li.comment-author-admin {}
ul.commentlist li.comment {}
ul.commentlist li div.comment-author { padding:0 170px 0 0; }
ul.commentlist li div.vcard { font:bold 14px/1.4 "Lucida Grande",arial,sans-serif; }
ul.commentlist li div.vcard cite.fn { font-style:normal; }
ul.commentlist li div.vcard cite.fn a.url { color:#000; text-decoration:none; }
ul.commentlist li div.vcard cite.fn a.url:hover { color:#fff; }
ul.commentlist li div.vcard img.avatar { border:1px solid #ccc; left:3px; position:absolute; top:3px; }
ul.commentlist li div.vcard img.avatar-32 {}
ul.commentlist li div.vcard img.photo {}
ul.commentlist li div.vcard span.says {}
ul.commentlist li div.commentmetadata {}
ul.commentlist li div.comment-meta { font:bold 10px/1.4 "Lucida Grande",arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; }
ul.commentlist li div.comment-meta a { color:#ccc; text-decoration:none; }
ul.commentlist li div.comment-meta a:hover { color:#fff; }
ul.commentlist li p { font:normal 12px/1.4 "Lucida Grande",arial,sans-serif; margin:0 0 1em; }
ul.commentlist li ul { font:normal 12px/1.4 "Lucida Grande",arial,sans-serif; list-style:square; margin:0 0 1em; padding:0; text-indent:0; }
ul.commentlist li div.reply {  color:#000; font:bold 13px/1 "Lucida Grande",arial,sans-serif; padding:3px 0px;  text-align:center; width:20px; }
ul.commentlist li div.reply:hover { color:#fff; }
ul.commentlist li div.reply a { color:#000; text-decoration:none; }
ul.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ul.commentlist li ul.children li {  }
ul.commentlist li ul.children li.alt {}
ul.commentlist li ul.children li.bypostauthor {}
ul.commentlist li ul.children li.byuser {}
ul.commentlist li ul.children li.comment {}
ul.commentlist li ul.children li.comment-author-admin {}
ul.commentlist li ul.children li.depth-2 { margin:0 0 .25em; }
ul.commentlist li ul.children li.depth-3 { margin:0 0 .25em; }
ul.commentlist li ul.children li.depth-4 { margin:0 0 .25em; }
ul.commentlist li ul.children li.depth-5 {}
ul.commentlist li ul.children li.odd {}
ul.commentlist li.even { background:#f7f7f7; }
ul.commentlist li.odd { background:#fff; }
ul.commentlist li.parent { }
ul.commentlist li.pingback { }
ul.commentlist li.pingback.parent { }
ul.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
ul.commentlist li.thread-alt { }
ul.commentlist li.thread-even {}
ul.commentlist li.thread-odd {}

.says {display:none;}

img.alignleft, div.alignleft {
float:left;
margin:0 0.5em 0.5em 0;
}
img.alignright, div.alignright {
float:right;
margin:0 0 0.5em 0.5em;
}
img.aligncenter, div.aligncenter {
text-align:center;
margin:0 auto;
}