/*  
Theme Name: Those design Days
Theme URI: http://radioactiu.cat
Description: Radioactiu theme for thosedesigndays.com
Version: 1.0
Author: Radioactiu
*/

/* -- reset this mutha!  -- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* -- end reset  -- */

body{margin:0;padding:6px;text-align:center;font-family: Helvetica, Arial, Verdana, Sans-Serif;background: #fff;}

#wrapper{width:895px;height:auto;margin:0 auto;padding:0;text-align:left;}

#topNav{position:relative;float:left;width:895px;height:90px;margin:0;padding:0;}
#topNav ul{position:relative;float:right;margin:0 0 0 0;}
#topNav ul li{position:relative;float:left;margin:0 0 0 20px;}
#topNav ul li a:link,#topNav ul li a:visited{font-size:12px;color:#000;text-decoration:none;background:#eaeaea;border:0;padding:3px 6px 3px 6px;line-height:18px;}
#topNav ul li a:hover{color:#fff;background:#000;}

#contentHolder{position:relative;float:left;width:895px;height:auto;}

#mastHead{position:relative;float:left;width:395px;height:auto;margin:0 0 0 0;display:inline;}
#mastHead h1, #mastHead h2 {margin:9px 18px 18px 0;}
#mastHead h1 a:link,#mastHead h1 a:visited, #mastHead h2 a:link,#mastHead h2 a:visited {letter-spacing:-2px;font-size:36px;padding:18px;line-height:34px;border:0;text-decoration:none;color:#000;}
#mastHead h1 a:hover, #mastHead h2 a:hover{color:#ffffff;}
#mastHead p{font-family:Georgia, "Times New Roman", Serif;font-family:#000;font-size:11px;padding:9px 36px 9px 18px;line-height:18px;margin:0;}
#mastHead form{padding:9px 18px 9px 18px;}
#mastHead input{padding:0;margin:0;}
#mastHead a:link, #mastHead a:visited{text-decoration:none;color:#666;border-bottom: 1px dotted #999;}
#mastHead a:hover{text-decoration:none;color:#000;border-bottom: 1px dotted #000;}

#mastHead div.categories{padding:9px 36px 0px 18px;}
#mastHead div.categories p {padding:0px; font-weight: bold;}
#mastHead div.categories ul{font-family:Georgia, "Times New Roman", Serif;font-family:#000;font-size:11px;line-height:18px;margin:0; width:100px;}
#mastHead div.categories ul.catLeft{float: left;padding:0px 10px 9px 0px;}
#mastHead div.categories ul.catRight{float:left;}


div.photo img{border:0;}
a.hyperLink:link,a.hyperLink:visited{color:#000;text-decoration:none;font-size:18px;line-height:18px;font-weight:bold;border:0;}
a.hyperLink:hover{color:#999;}
.description{position:relative;float:left;width:100%;height:auto;margin:18px 0 18px 0;}	
.post{position:relative;float:left;border-bottom:1px dotted #ccc;padding:0 0 18px 0;width:100%;height:auto;font-size:11px;line-height:18px;margin:0 0 18px 0;}
.labels{margin:0;padding:0;}
.date{border-bottom:1px dotted #666;float:left;font-size:18px;font-weight:bold;letter-spacing:-1px;margin:0 0 18px 0;padding:0;position:relative;text-transform:uppercase;line-height:18px;width:500px;}
.year{color:#666;letter-spacing:0;}
.month{color:#000;letter-spacing:0;}
.caption{position:relative;float:left;margin:18px 0 18px 0;width:100%;height:auto;}
.regular, .quote, .video, .photo, .audio, .conversation, .link{position:relative;float:left;width:100%;height:auto;}
big{font-size:24px;line-height:18px;padding:0 5px 0 0;}
.source{color:#666;}
.permalink{position:absolute;top:0;left:-18px;height:18px;margin:0;padding:0;line-height:18px;}

#content{position:relative;float:left;width:500px;height:auto;margin:10px 0 0 0;display:inline;}
#content p{font-size:11px;line-height:18px;margin:0 0 18px 0;}
#content h2{position:relative;float:left;width:500px;padding:0 0 0 0;height:auto;line-height:18px;font-size:18px;margin:0 0 18px 0;}
#content h2 a:link,#content h2 a:visited{color:#000;text-decoration:none;border:0;}
#content h2 a:hover{color:#999;}
#content a:link, #content a:visited{text-decoration:none;color:#666;border-bottom: 1px dotted #999;}
#content a:hover{text-decoration:none;color:#000;border-bottom: 1px dotted #000;}

#footer{position:relative;float:left;width:895px;height:auto;border-top:1px dotted #efefef;padding:18px 0 0 0;margin:18px 0 18px 0;}
#footer p{font-size:11px;line-height:18px;margin:0 20px 0 20px;}
#footer a:link, #footer a:visited{text-decoration:none;color:#666;border-bottom: 1px dotted #999;}
#footer a:hover{text-decoration:none;color:#000;border-bottom: 1px dotted #000;}

#navigation {font-size: 11px;font-weight: bold;}
#pages{font-weight:normal;color:#999;padding:0;font-size:11px;margin:10px 0 0 0;}

#content #comentaris {font-size: 11px; }
#content #comentaris h4 {background: #F3F3F3; font-size: 16px; font-style: italic; margin: 10px 0 3px 0; padding: 2px 4px;}
#content #comentaris ul {margin: 10px 0 10px 30px;}
#content #comentaris ul li {border-bottom: 2px solid #F3F3F3; margin: 0px 0px 10px 0px; padding: 0px 0 10px 0px;}
#content #comentaris ul.related-posts {margin: 10px 0 35px 30px;}
#content #comentaris ul.related-posts li {border:none; margin: 0px; padding: 0px;}
#content #comentaris p.rss {margin: 0px 0 35px 30px;}
#content #comentaris p.comentariDades {font-size: 11px; margin: 7px 0; padding: 0 0 5px 0;}

#content form#comenta {font-size: 11px; padding: 10px 0 10px 15px;}
#content form#comenta label {float: left; display: block; margin: 0 10px 10px 0; width: 150px;}
#content form#comenta label input {width: 147px;}
#content form#comenta label.tex {margin: 10px 0 10px 0; width: 480px;}
#content form#comenta label textarea {font-family: Arial; font-size: 11px; height: 80px; width: 480px;}

#comentaris {clear: both; margin: 0; padding: 0;}
#comentaris img.avatar {width: 50px; margin: 0 10px 0 0;}
#comentaris ul#comentarisLlistats {margin: 0; padding: 0;}
#comentaris ul#comentarisLlistats li {margin: 0; padding: 0;}

