/*

3/2008: logo changed to Novak font, orange
3/2008: subtitle: mandarin schizophnic sound art not for sale...POST-CONCRETE PRiCELESS SERiES
3/7/2008: added border-bottom to all posts to separate better


best orange: ff9922
ff9933  light orange
ff9900  orangeyellow
ff7d00  deep orange
    pinkyanghong

"Arial Rounded MT Bold", "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro W4",
*/

* { margin: 0; padding: 0; }
img { float: right; background-color:#FFFFFF;margin: 4px 0 10px 10px;padding:0px; }
/* bg color also affects pic border, so careful header pic might show black border*/

body { font-size: 62.5%; background: #222222; font-family:  "Arial Rounded MT Bold", Arial, "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro W4", Helvetica, sans-serif; }
#right { float: right; }

#wrap { width: 100%; background: #222222; margin: 0 auto; overflow: hidden;  }



body.single { background: #FFF; }
.single #wrap { background: #FFF; }

.single .primary { margin: 30px 0 0; font-size: 1.5em; line-height: 1.5; color:#555555; border-bottom: 25px solid #CCC; }/*affects pages each entry */

.single .primary .updated { font-size: 2em; font-weight: bold; letter-spacing: -0.07em; line-height: 0.8; color: #BBBBBB;  }  /*affects date each post*/

.clear  {clear: both;}

.primary h1, .primary a { font-size: 2.4em; letter-spacing: -0.05em; line-height: 0.8; color: #444444; text-decoration: none; } /*affects headings of each post;  */
.primary a:hover { color: #999999; text-decoration: none;}

.primary .post-content { font-size: 1.2em; line-height: -0.3em; margin: 80px 150px; color: #555555; }/*affects main content in each post; orig margin: 25px 130px; now taller*/


.post-content .teaser { margin: 0 -130px 30px; padding: 0 30px 30px; border-bottom: 1px solid #CCC; font-size: 1.3em; line-height: 1; letter-spacing: -0.03em; color: #000000; }
.post-content h2,
.post-content h3,
.post-content h4 { font-size: 0.9em; letter-spacing: -0.05em; margin: 0 0 0.3em -20px; }
.post-content img { padding: 0px; border: 1px solid #BBB; }


.post-content a { font-size: 1.0em; font-weight:300; color: #000000; text-decoration: none;}/*affects each hyperlink*/
.post-content a:hover { solid #666666;}

a { color:#CCCCCC; margin-bottom:5px; font-size:2em; text-decoration: none;}
.comments {font-size:1.5em; color:#CCCCCC; text-decoration:none; font-weight:200; margin: 0 -10px 30px; }
.commentstext{ font-size:1.3em; color:#555555; font-weight:100; margin-left:20px;}
.bottom { background:#666666; font-size:1em;margin-bottom:5px; padding-left:2px;}

#header{ border-bottom: 25px solid #ff9922;; background: #ffffff; font-size:4.2em; margin-bottom:5px; font-weight:900; letter-spacing:-7px; margin-right:0px;}
.description{font-weight:400; font-size:0.5em; color:#555; letter-spacing:-0.03em;margin-right:1px;}

#footer{background:#ff9922; height:60px; font-weight:100;} 
#footer img{background-color: #ff9922; margin:0px 0 0px 0px; padding:0px;}
#footer a{ font-size:1.8em; font-weight:100;}

.format a{ color: #ff9922; }
.format h1 {color:#ff9922; font-weight:900; margin-bottom:5px; padding-left:2px; letter-spacing:-3px; font-size:3em; background: #ffffff; text-decoration: none; border-bottom: 25px solid #CCC;}
.format h1 span, .format a:hover{ color: #444444; background: #eaeaea; text-decoration: none;}   /*  bars color on bottom  */




p { margin-bottom: 1em; }
blockquote, ul, ol, pre, table { margin: 2em 0; }
ul, ol { margin-left: 2em; }
blockquote { font-family: Arial, Helvetica, sans-serif;  font-size: 1.2em; width: 80%; margin: 1.5em auto; }
.post-content blockquote p:first-letter { font-size: 3em; line-height: 1; float: left; margin-top: 7px; }
blockquote cite { display: block; text-align: right; }

.primary pre {
  overflow: auto;
  cursor:pointer;
  position:relative; /* make IE work correctly */
}

.primary pre code {	
  display: block;
  margin:10px;
  padding:4px;
  border:1px solid #ddd;
  background:#F5F5F5;
  font:10px Lucida Sans Typewriter, Courier, monospace;
}

ul, ul li, ul li li, li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}