.design { background-color: #f5f5f5; }

body { background-color: #ffffff; }

#header {}
#logo { padding: 10px 0 10px 10px; }
#logo img { border: 0; }
#slogan { color: #E63C19;
      font-family: Verdana, Tahoma, Geneva, sans-serif;
      font-size: 1.2em;
      font-weight: bold;
      text-shadow: 1px 1px 1px #cccccc; }

#post { margin: 15px 0 30px 0; }

#post-info { margin-top: 30px;
             border-top: 1px dotted #cccccc;}
#post-date { text-align: right;
             margin: 0;
             line-height: 1.5em;
             color: #aaaaaa; }

#post-date a { color: #aaaaaa;
               margin-right: 5px;
               text-decoration: none; }

#post-date a:hover { color: #E63C19; }

#post.quote span.quote { text-align: justify;
                         font-size: 1.8em;
                         font-style: italic;
                         font-weight: normal;
                         text-transform: normal;
                         letter-spacing: normal;
                         line-height: 1.6em; }

#post.quote div.source { text-align: right;
                         padding-right: 35px;
                         font-size: 1.2em; }

#post.photo div.caption { background-color: #000000;
                          color: #d1d1d1;
                          font-style: italic;
                          font-size: 1.0em;
                          padding: 0 8px 0 8px; 
                          margin: 0 12px 0 12px; }
                                                   
#post.photo img { border: 8px solid #000000;
                  margin: 0 12px 0 12px; }

#post.photoset div.caption {  background-color: #000000;
                              color: #d1d1d1;
                              font-style: italic;
                              font-size: 1.0em;
                              padding: 0 8px 0 8px; 
                              margin: 0 12px 0 12px; }

#post.photoset div.set {  border: 8px solid #000000;
                          margin: 0 12px 0 12px; }

#post.link a.link { color: #E63C19;
                    font-size: 1.8em;
                    text-decoration: none;
                    text-shadow: 1px 1px 1px #aaaaaa; }

#post.link a.link:hover { border-bottom: 2px dotted; }

#post.link div.description { font-size: 1.2em;
                             text-align: justify;
                             margin: 10px 5px 0 15px;
                             border-left: 4px solid #dddddd;
                             padding-left: 10px; }

#post.text div.title { color: #E63C19;
                       font-size: 1.8em;
                       font-weight: bold;
                       margin: 0 0 10px 0; }
                       
#post.text div.copy { font-size: 1.2em;
                      line-height: 1.4em;
                      text-align: justify;}


#post.text div.copy p:first-child:first-letter { font-size: 3.5em;
                                                 font-weight: bold;
                                                 float: left;
                                                 margin-right: 0.1em;
                                                 line-height: 0.68em;
                                                 display:block;
                                                 color: #000000; }



#post.text div.copy blockquote { color: #333333;
                 font-style: italic;
                 border-left: 4px solid #dddddd;
                 padding: 5px 0 5px 10px;
                 margin: 10px 0 10px 20px; }

#post.text div.copy a { color: #E63C19;
                        text-decoration: none;
                        text-shadow: 1px 1px 1px #aaaaaa; }

#post.text div.copy a:visited { color: #444444; }

#post.text div.copy a:hover { border-bottom: 2px dotted; } 

#post.chat div.title { color: #E63C19;
                       font-size: 1.8em;
                       font-weight: bold;
                       margin: 0 0 10px 0; }

#post.chat span.label { font-weight: bold;
                        padding: 0 5px 0 5px;}
                        
#post.chat ul.chat { list-style-type: none;
                     font-size: 1.2em; }
                     
#post.chat li { margin: 1px 0;
                padding: 2px 0; }
                                     
#post.chat li.even { background-color: #f1f1f1;  }

#post.video div.embed { border: 8px solid #000000;
                        margin: 0 12px 0 12px;}

#post.video div.caption { background-color: #000000;
                          color: #d1d1d1;
                          font-style: italic;
                          font-size: 1.0em;
                          padding: 0 8px 0 8px;
                          margin: 0 12px 0 12px; }

#post.mix div.copy div.mix { height: 354px;
                             overflow: hidden; }
                      
#post.mix div.copy { font-size: 1.2em;
                     margin: 0 12px 0 12px; }

#post.text .type { background-position: 0 0px; }
#post.photo .type { background-position: 0 -39px; }
#post.photoset .type { background-position: 0 -39px; }
#post.quote .type { background-position: 0 -78px; }
#post.link .type { background-position: 0 -117px; }
#post.chat .type { background-position: 0 -156px; }
#post.mix .type { background-position: 0 -195px; }
#post.video .type { background-position: 0 -234px; }

.type {
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    background: transparent url(../images/post-icons.png) no-repeat scroll left top;
    display:block;
    height:39px;
    margin-bottom:4px;
    text-indent:-99999px;
    width:44px;
    float: right; }

#search { float: right;
          margin: 15px 0 10px 0;}
          
#search input.searchbox { -moz-border-radius-bottomleft:3px;
                          -moz-border-radius-bottomright:3px;
                          -moz-border-radius-topleft:3px;
                          -moz-border-radius-topright:3px;
                          border:1px solid #555555;
                          display:inline;
                          padding:5px;
                          width:160px;
                          font-family: Georgia, Times, Times New Roman, serif;
                          font-size: 1.1em; }
                          
#search input.searchbutton {  -moz-border-radius-bottomleft:3px;
                              -moz-border-radius-bottomright:3px;
                              -moz-border-radius-topleft:3px;
                              -moz-border-radius-topright:3px;
                              background-color:#ffffff;
                              border:1px solid #E63C19;
                              color:#555555;
                              display:inline;
                              font-family: Georgia, Times, Times New Roman, serif;
                              font-size: 1.1em;
                              font-weight:bold;
                              margin:-14px 0 0;
                              padding:4px; }

#menu { list-style-type: none;
        font-size: 1.8em;
        font-weight: bold;
        float: right;
        margin: 20px 0;
        padding-right: 10px;
        border-right: 2px solid #aaaaaa; }

#menu li { text-align: right; }

#menu li a { color: #E63C19;
             text-decoration: none;
             text-shadow: 1px 1px 1px #aaaaaa; }

#menu li a:hover { border-bottom: 2px dotted; }

#credits { float: right;
           margin: 200px 0 0 0; }

#credits div.author { text-align: right;
                       font-size: 1em;
                       color: #aaaaaa; }
#credits div.author a { color: #aaaaaa;
                        text-decoration: none; }
                        
#credits div.author a:hover { color: #E63C19; }

#navigation { text-align: center;
              font-size: 4em;
              margin: 10px 0 40px 0;}
              
#navigation a { color: #000000;
                text-decoration: none;
                text-shadow: 1px 1px 1px #aaaaaa; }
                
#navigation a:hover { color: #E63C19; }

#navigation #date { font-size: 0.7em;
                    padding-top: 15px; }
                    
#search-info div.results { text-align: center;
                           font-size: 2em;
                           margin: 12px 0 12px 0;
                           color: #666666; }

span.highlight { color: #E63C19;
                 font-weight: bold;}