/* 
Title:		dtott styles
Author: 	dan@dtott.com
Copyright:	2010, Daniel T Ott, LLC. All rights resevered (please don't copy or use).
*/

/* meyer reset */
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; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

body{ background: #c5b8a5 url(/dtTheme/i/texture15.png); color: #333; font-family: Georgia, Times, serif; line-height: 1.3; font-size: 16px; }
#fonttest{ top: -9999px; }

a{ color: #732918; text-decoration: none; font-weight: bold; }
a:hover{ text-decoration: underline; }

.csstransforms a:hover{ text-decoration: none; -moz-transform: scale(1.03); }



.csstransforms3d h2 a, .csstransforms3d h3 a, .csstransforms3d h4 a, .csstransforms3d p a, .csstransforms3d #nav a{ 
    -webkit-transition: -webkit-transform .1s ease-in;
    display: inline-block;
}
.csstransforms3d h2 a:hover, .csstransforms3d h3 a:hover, .csstransforms3d h4 a:hover, .csstransforms3d p a:hover, .csstransforms3d #nav a:hover{ 
    -webkit-transform: scale(1.03);
}



header, nav, article, footer, section {padding:0; margin:0; display:block; }

.callOut{ text-align: right; font-weight: bold; }
.callOut a{ }

h1,h2,#masthead{ font-family: Helvetica, sans-serif; }


#masthead{ 
    vertical-align: text-top; padding: 2% 3% 1%;   margin: 0 -3%; overflow: hidden;
    font-weight: bold; min-width: 700px; width:auto !important; width:700px; height: 140px;
}

    #masthead  a{ 
        position: relative; color:#5d4e4c; text-shadow: 1px 1px 0 rgba(255,255,255,.3); cursor: pointer; display: block; 
        float: left; font-size: 108px;   letter-spacing: -5px; word-spacing: -.23em; 
    }
    
    #masthead a span{ position: relative; z-index: 1; }

    #masthead a:before{
        
        content: url(/dtTheme/i/pound-logo.png); display: block; width: 104px; height: 104px; float: left; margin: 21px 0 0;
    
    }
    
    
    #masthead a:after{
        content: " "; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; 
        background: transparent url(/dtTheme/i/header-noise2.png) 0 0 no-repeat; z-index: 2;
    }


    #masthead a:hover{ text-decoration: none; -moz-transform: none; -webkit-transform: none; }
    
    #masthead em{
        display: block; float: left; margin: 100px 0 0 -301px;
        font-size: 25px; letter-spacing: 2px;  font-style: normal; 
        font-weight: bold; color: #5d4e4c; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); word-spacing: -5px; 
    }
    
    .csstransforms #masthead  em{  
         margin: 102px 0 0 -140px; 
         letter-spacing: 0; word-spacing: 0;
    }
    .csstransforms #masthead  em strong{ 
        display: block; letter-spacing: 0px;  font-size: 25px; 
        -moz-transform: rotate(-90deg); -moz-transform-origin: 66px -73px;
        -webkit-transform: rotate(-90deg); -webkit-transform-origin: 66px -73px;
    }
    
    
    #nav{ text-align: right; opacity: .6; overflow: hidden; position: absolute; top: 10px; left: 3%; }
        #nav h3{ font-style: italic; }
        #nav ul{  float: right; }
        #nav li{  float: left; padding: 0 3px; }
            #nav li a{  }
            #nav li a:hover{ }
    #nav.hover{ opacity: 1; }
    #home #nav{ left: -9999px; top: -9999px; }

p{ margin: 0 0 1em; }



h2{ font-size: 32px;  text-transform: lowercase; line-height: 1; vertical-align: middle; color: #615f54; text-shadow: 1px 1px 0 rgba(255,255,255,.3); }

#home h2 a{ color: #5b1d0f; }


h2 em{ color: #7F776A; font-size: 50%; }
.rgba h2 em{ color: rgba(0, 0, 0, 0.35); }
h3{ font-size: 20px; font-weight: bold; text-shadow: 1px 1px 0 rgba(255,255,255,.2); }

#wrap{ padding: 0 2%; overflow: hidden; min-width: 300px; position: relative; }

#thoughts h2, #work h2, #meta h2{ padding: 0 2%;  }



    


#thoughts, #work, #meta, #what-i-do{ padding: 1%; margin: 1%; overflow: hidden; float: left;  }

#home #thoughts{ width: 38%; }
#thoughts .w{ overflow: hidden; }
#thoughts.loading{ height: 400px; background: url(/dtTheme/i/loading.gif) center center no-repeat; }

    
    #thoughts article{ padding: 10px 2% 50px;  clear: left; background: url(/dtTheme/i/h_divider.png) center bottom no-repeat; }
        #thoughts article.alt{ clear: none; }
        #thoughts .timestamp{  display: block; font-style: italic; }
        #thoughts .timestamp time{ display: inline; padding: 0; }
    #thoughts .callOut{ clear: both; overflow: hidden; padding: 0 2%; }
    #thoughts .callOut .newer{ float: left; }
    #thoughts .callOut .older{ float: right;  }
    #thoughts time{ font-size: 12px; font-style: italic; }
    
    #work > section{ padding: 10px 2%; }
    #home #work{ width: 28%; }
    
    #home #portfolio{ overflow: hidden; position: relative; padding: 10% 0; }
    #home #portfolio li{
        width: 25%; float: right; margin-right: -15%; border: 1px solid #bbb;
    }
    #home #portfolio li.p0{ margin-right: 0;}
    #home #portfolio li.p1{ margin-top: 4%;}
    #home #portfolio li.p2{ margin-top: 0%;}
    #home #portfolio li.p3{ margin-top: 4%;}
    #home #portfolio li.p4{ margin-top: 0%;}
    #home #portfolio li.p5{ margin-top: 4%;}
    #home #portfolio li.p6{ margin-top: 0%;}
    #home #portfolio li.p7{ margin-top: 4%;}
    
    #home #portfolio li a:hover{ -moz-transform: none; -webkit-transform: none;}
    #home #portfolio li img{ width: 100%; display: block; }

    .csstransforms #portfolio{ position: relative;  }
    
    
        .csstransforms #portfolio li{ 
            width: 34%; position: absolute; left: 47%; bottom: 15%; border: 0 none; float: none; margin: 0;
            -moz-transform-origin: 7% 97%; -webkit-transform-origin: 7% 97%; text-indent: 0;
        }
    
    
    .csstransitions #porfolio li{ 
        -webkit-transition-property: -webkit-transform;
        -webkit-transition-timing-function: ease-out;
        -moz-transition-property: -moz-transform;
        -moz-transition-timing-function: ease-out;
        transition-property: transform;
        transition-timing-function: ease-out;
    }
    
    
    .csstransforms #portfolio li .w{ 
        display: block; padding: 3% 2% 2%; 
        background: #fff; border: 1px solid rgba(115, 109, 81, 0.3); border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
        -webkit-box-shadow: -2px -2px 2px rgba(115, 109, 81, 0.3); -moz-box-shadow: -2px -2px 2px rgba(115, 109, 81, 0.3);
        
    }
    
        .csstransforms #portfolio li img{ width: 100%; display: block; }
         

.csstransforms #home #portfolio{ height: 250px; cursor: pointer; }
    .csstransforms #home #portfolio li{ width: 40%; border: 0 none; }


    #meta{ width: 16%; }
        #meta > section{ margin: 0; padding: 10px 2%; }

            
            #meta ul{  }
                #meta li{  background: url(/dtTheme/i/vert_divider.png) right bottom no-repeat; margin: 0 0 0 -10px; padding: 0 0 0 10px; }
                    #meta li a{ display: block; padding: 6px 0 5px 10px; margin: 0 0 0 -10px; font-weight: normal; }
                    #meta li a:hover{ background: url(/dtTheme/i/vert_divider.png) right 0 repeat-y; text-shadow: none;}
                    

            
            
            
       #post-page #thoughts{ max-width: 600px; }     
            
#mainFooter{ font-size: 11px; color: #897E71; padding: 50px 10px 10px;  }
.csstransforms #mainFooter{
    position: absolute; left: 5px; top: 0; font-size: 11px; color: #897E71; text-indent: 232px; width: 750px; padding: 0;
    -moz-transform: rotate(90deg);
    -moz-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -webkit-transform-origin: left bottom;

}

.rgba #mainFooter{ color: rgba(0,0,0,.3); }
#about-section #about h1{
    font-size: 32px; text-transform: lowercase; line-height: 1; vertical-align: middle; 
    color: #615f54; text-shadow: 1px 1px 0 rgba(255,255,255,.2); 
}

#about-section #about{ overflow: hidden; }
#about-section #about article{  margin: 1.5%; position: relative; overflow: hidden; }

#about-section #about img.dan, #about-section #about img.whatido{
    width: 43%; float: left; margin: 5px 10px 0 0; 
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); 
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

/*thoughts section styles */



#thoughts-section #wrap{ min-width: 600px; width:auto !important; width:600px;}
#thoughts-section #thoughts{ width: 76%; }




#thoughts-section #thoughts article{ background: none; position: relative; width: 46%; float: left; }
#thoughts-section #thoughts article.bg:after{
    content: " ";
    position: absolute;
    width: 189px;
    height: 43px;
    bottom: 0;
    right: -94px;
    background: url(/dtTheme/i/h_divider.png) center bottom no-repeat;
}

#thoughts-section #thoughts article.alt.bg:after{
    right: auto;
    left: -94px;
}

.errorMessage{ padding: 0 2%; }

#searchForm{ padding: 10px 0; }

#searchForm legend{ font-size: 18px; font-weight: bold; text-shadow: 1px 1px 0 rgba(255,255,255,.2); font-style: italic; }

#searchForm input, #searchForm button{
    padding: 2px 4px; font-size: 12px; border: 1px solid #A69E92; color: #333; 
    font-family: "goudy-bookletter-1911-1","goudy-bookletter-1911-2","Georgia","Times",serif; background: #CFC5B6;
    -moz-border-radius: 3px; -webkit-border-radius: 3px; color: rgba(0,0,0,.2); font-style: italic;
}
.rgba #searchForm input, .rgba #searchForm button{ border: 1px solid rgba(0,0,0, 0.2); background: rgba(255,255,255,.2);  }

#searchForm button{ padding: 1px 4px; }
#searchForm.inFocus input, #searchForm.inFocus button{  color: #333; font-style: normal; }

#searchForm input{  width: 75px; }
#searchForm .placeholder{ color: #A39B8F; font-style: italic; }
.rgba #searchForm .placeholder{ color: rgba(0,0,0,.2); }

#rssLink{ font-size: 16px; margin: 5px 0; }
#rssLink a{ display: block; padding: 0 0 0 14px; background: url(/dtTheme/i/rss.png) left 3px no-repeat; }

#thoughts-entry #wrap{ max-width: 960px; }
#thoughts-entry #thoughts{ width: 76%;  }

#thoughts-entry .insetRight{ float:right; margin:0 0 2% 2%; width:30%; }

#thoughts-entry h1{ font-size: 32px; text-transform: lowercase; line-height: 1; vertical-align: middle; color: #615f54; text-shadow: 1px 1px 0 rgba(255,255,255,.2); }
#thoughts-entry h2{ font-size: 22px; padding: 0; }

#thoughts-entry #thoughts article{ float: none;}

#thoughts-entry #wrap{ min-width: 538px; width:auto !important; width:538px;}

#thoughts-entry #entry footer{ 
    background: #C79A86; padding: 10px; font-size: 14px; margin: 60px 0 20px;
    -moz-border-radius: 2px;
}

#thoughts-entry .entry-body p:first-child:first-letter{ float: left; font-size:50px; display:block; margin:4px 0 0; font-weight:bold; }
#thoughts-entry .entry-body p{ clear: left; }

#thoughts-entry .entry-body ul{ margin: 0 0 1em; }
#thoughts-entry .entry-body ul li{ margin: 0 0 .6em; padding: 0 0 0 30px; background: url("/dtTheme/i/bullet.png") no-repeat scroll 11px 7px transparent; }

#thoughts-entry .entry-body pre{ margin: 0 0 1em; font-size: 13px; }

.rgba #thoughts-entry #entry footer{ background: rgba(155,41,24,.2); }

#comment_form{ overflow: hidden; position: relative; }

#thoughts-entry #thoughts article{ padding: 10px 0 50px; }

#entry-comments h2, #comment-form h2{ border-top:5px dotted #A98977; margin:15px 0 0; padding:15px 0 0; }
.rgba #entry-comments h2, .rgba #comment-form h2{ border-top: 5px dotted rgba(115, 41, 24, .3); }

#thoughts-entry #entry-comments article{ background: url("/dtTheme/i/vert_divider.png") no-repeat left bottom; padding: 10px 0; }
#entry-comments article header{ font-size: 14px; padding: 0 0 20px; color: #7E6961; }
.rgba #entry-comments article header{ color: rgba(51,51,51,.6); }
#entry-comments article header .name{ font-size: 18px; }

#entry-comments article header .name a{ color: #8A5240; }
.rgba #entry-comments article header .name a{ color: rgba(115,41,24,.7); }
#entry-comments article header .permalink{ color: #8B5342;  font-weight: normal; }
.rgba #entry-comments article header .permalink{ color: rgba(115,41,24,.7); }
#entry-comments article p{ margin: 0 0 .5em; }


#comment-form{ padding: 30px 0; }

#comment_form label{ 
    display: block; font-weight: bold; padding: 15px 0 5px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); 
    font-family: "liberation-sans-1","liberation-sans-2","Helvetica",sans-serif; 
}

#comment_form .text-input, #comment_form textarea{ 
    padding: 2px 4px; font-size: 16px; border: 1px solid #732918; color: #333; 
    font-family: "goudy-bookletter-1911-1","goudy-bookletter-1911-2","Georgia","Times",serif; background: #DBD3C8;
    -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
.rgba #comment_form .text-input, .rgba #comment_form textarea{ background: rgba(255,255,255,.4); }

#comment_form textarea{ padding: 5px; }

#comment_form .text-input:focus, #comment_form textarea:focus{ background: #f1efeb; }
.rgba #comment_form .text-input:focus, .rgba #comment_form textarea:focus{ background: rgba(255,255,255,.8); }


#comment_form .info{ width: 48%; padding: 1%; float: left; }
    #comment_form .info .text-input{ width: 80%; }
    
#comment_form .comment{ width: 48%; padding: 1%; float: left; }
    #comment_form .comment textarea{ width: 95%; }

#comment_form .footer{ clear: both; text-align: right; padding: 20px 1.6%; }

#comment_form .footer .submit{ 
    padding: 8px; font-size: 18px; color: #575552;
    font-family: "liberation-sans-1","liberation-sans-2","Helvetica",sans-serif; font-weight: bold; 
    border: 1px solid #732918; background: #dbd3cb;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    cursor: pointer;
    text-shadow: 1px 1px 0 rgba(255,255,255,.2);
}
.cssgradients #comment_form .footer .submit{
    background:  -moz-linear-gradient(0, rgba(255,255,255,.5), rgba(255,255,255,.2));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.5)), to(rgba(255,255,255,.2)));
    color: rgba(0,0,0,.6);
}
     
#comment_form .footer .submit:hover{
    color: #333;
    border:1px solid #333;
}

.cssgradients #comment_form .footer .submit:hover{
    background:  -moz-linear-gradient(top, rgba(255,255,255,.5), rgba(255,255,255,.2));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.5)), to(rgba(255,255,255,.2)));
}

.csstransitions .text-input, .csstransitions textarea{
    -webkit-transition: background .2s ease-in;
}


/* work section styles */

#work-section{}

#work-section #wrap{ width: 960px; }


.csstransforms #work-section #wrap{ min-width: 900px; width:auto !important; width:900px; margin: 0;  }
.csstransforms #work-section #masthead{ margin: 0 -3%; padding: 2% 3% 1%; }

#work-section #work{ float: none; margin: 0; padding: 0;  }
#work-section #work h2{  padding: 0; text-indent: 50px; }

#work-section #portfolio-stage{ float: left; width: 40%; margin: 2% 3%; }

#portfolio-stage .screenshot{ float: right; margin: 0 20px 20px 20px; 
    -moz-box-shadow: 0 5px 18px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 5px 18px rgba(0, 0, 0, 0.5);
}

#portfolio-stage h3{ 
    line-height: 1; vertical-align: middle;  
    text-shadow: 1px 1px 0 rgba(255,255,255,.2); font-size: 20px; 
    padding: 0 0 15px;
}


#portfolio-stage .card{ display: none; }

.csstransforms3d.csstransitions #portfolio-stage{ -webkit-perspective: 1000; position: relative; }

.csstransforms3d.csstransitions #portfolio-stage .flipper{
    -webkit-transition: -webkit-transform .7s ease-in;
    -webkit-transform-style: preserve-3d;
     -webkit-backface-visibility: visible;
     position: relative; width: 100%; 
}
.csstransforms3d.csstransitions #portfolio-stage .flipper.flipped{
    -webkit-transform: rotateY(180deg);
}
.csstransforms3d.csstransitions #portfolio-stage .card{ 
    position: absolute; top: 0; left: 0; width: 100%; 
    -webkit-transform-style: preserve-3d;
     -webkit-backface-visibility: hidden;
     -webkit-transform: rotateY(180deg);
     background: #c5b8a5 url(/dtTheme/i/texture15.png);
     z-index: 1;
}
.csstransforms3d.csstransitions #portfolio-stage .card.faceB{ 
    -webkit-transform: rotateY(180deg); height: 100%;
}

.csstransforms3d.csstransitions #portfolio-stage .card.faceA{ 
    -webkit-transform: rotateY(0deg); height: 100%;
    z-index: 2;
}

.csstransforms3d.csstransitions  #portfolio-stage .flipped .faceB{ z-index: 3; }


#work-section #portfolio-stage p{ text-align: left; }


.ui-effects-transfer{ border: 1px solid rgba(0,0,0,.5); }


#work-section #work article .desc{ display: none; }




.hidden-in-plain-site{ display: block; opacity: 0; }

 .roundabout-holder { padding: 0; height: 400px; width: 40%; float: left; }
   .roundabout-moveable-item {

      width: 100px;
      cursor: pointer;
    height: 100px;
        
      border: 1px solid #999;
      text-align: center;
   }
   .roundabout-moveable-item img{ width: 100%; }
   .roundabout-in-focus { cursor: auto; }
   
   .roundabout-moveable-item:hover{ -moz-transform: scale(1.05); -webkit-transform: scale(1.05); }
   .roundabout-in-focus:hover{ -moz-transform: scale(1.0); -webkit-transform: scale(1.0); }
   
   
   
   
#portfolio2 li{ 
    width: 200px; height: 200px;
    -moz-transform: translate(5px,5px);
}

#portfolio2 img{ width: 100%; }
   
   
.js #work-section #portfolio li h3, .js #work-section #portfolio li .more{ display: none; }

.csstransforms #work-section #portfolio{ width: 40%; height: 500px; float: left; padding: 0 0 100px; }
.csstransforms #work-section #portfolio li{ bottom: 40%; }
.csstransitions #work-section #portfolio a{  -webkit-transition: top .2s ease-out, -webkit-transform .2s ease-out;}
    .csstransforms #work-section #portfolio li a:hover{ top: -20px }
    .csstransforms #work-section #portfolio li.active a{ top: -30px; border: 2px solid rgba(100, 0, 0, 0.7); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); }

.nocsstransforms #work-section #portfolio{ width: 275px; float: left; }
   
   
#work-section #portfolio a{ cursor: pointer; position: relative; }





.csstransforms #portfolio li{ 
        width: 34%; position: absolute; left: 50%; bottom: 15%;
        -moz-transform-origin: 7% 97%; -webkit-transform-origin: 7% 97%; text-indent: 0;
        
       
    }
    .csstransforms #portfolio li .w{ 
        display: block; padding: 3% 2% 2%; 
        background: #fff; border: 1px solid rgba(115, 109, 81, 0.3); border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
        -webkit-box-shadow: -2px -2px 2px rgba(115, 109, 81, 0.3); -moz-box-shadow: -2px -2px 2px rgba(115, 109, 81, 0.3);
        
    }
    



.csstransforms3d #work-section #portfolio{ -webkit-perspective: 800; -webkit-transform-style: preserve-3d; }
.csstransforms3d #work-section #portfolio li{ }




















.ui-widget-overlay{ position: absolute; top: 0; left: 0; background: transparent url(/dtTheme/i/modal_back.gif);  }
.rgba .ui-widget-overlay{ background: rgba(0, 0, 0, .8);}
.ui-dialog{ 
    background: #c5b8a5 url(/dtTheme/i/texture15.png); padding: 20px; 
    -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;
    
}

.ui-dialog-titlebar{ display: none; }

#contactForm{ display: none; }
.ui-dialog #contactForm, #wrap #contactForm{ display: block; }

#contactForm legend{ position: absolute; left: -9999px; top: -9999px; }

#contactForm label{ 
    display: block; font-weight: bold; padding: 15px 0 5px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); 
    font-family: "liberation-sans-1","liberation-sans-2","Helvetica",sans-serif; 
}

#contactForm .text-input, #contactForm textarea{ 
    padding: 2px 4px; font-size: 16px; border: 1px solid #732918; color: #333; 
    font-family: "goudy-bookletter-1911-1","goudy-bookletter-1911-2","Georgia","Times",serif; background: #DBD3C8;
    -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
.rgba #contactForm .text-input, .rgba #contactForm textarea{ background: rgba(255,255,255,.4); }
#contactForm textarea{ padding: 5px; }
#contactForm .text-input:focus, #contactForm textarea:focus{ background: #f1efeb; }
.rgba #contactForm .text-input:focus, .rgba #contactForm textarea:focus{ background: rgba(255,255,255,.8); }

#contactForm .info{ width: 48%; padding: 1%; float: left; }
    #contactForm .info .text-input{ width: 80%; }
    
#contactForm .message{ width: 48%; padding: 1%; float: left; }
    #contactForm .message textarea{ width: 95%; }

#contactForm .footer{ clear: both; text-align: left; padding: 20px 0 20px 51%; }

#contactForm .footer .submit{ 
    padding: 8px; font-size: 18px; color: #575552;
    font-family: "liberation-sans-1","liberation-sans-2","Helvetica",sans-serif; font-weight: bold; 
    border: 1px solid #732918; background: #dbd3cb;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    cursor: pointer;
    text-shadow: 1px 1px 0 rgba(255,255,255,.2);
}
.cssgradients #contactForm .footer .submit{ 
    background:  -moz-linear-gradient(0, rgba(255,255,255,.5), rgba(255,255,255,.2));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.5)), to(rgba(255,255,255,.2)));
    color: rgba(0,0,0,.6);
}
     
#contactForm .footer .submit:hover{
    color: #333;
    border:1px solid #333;
}
.cssgradients #contactForm .footer .submit:hover{ 
    background:  -moz-linear-gradient(top, rgba(255,255,255,.5), rgba(255,255,255,.2));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.5)), to(rgba(255,255,255,.2)));
}

#contactForm .errors{ font-style: italic; }
#contactForm .errors h3{ font-size: 18px; }
#contactForm.loading{ background: url(/dtTheme/i/loading.gif) center center no-repeat; }
/* sizeStopWide STYLES */

#home #thoughts{ width: 39%; }
    #home #thoughts article{ width: 46%; float: left; }

    #home #thoughts article{ background: none; position: relative; }
    #home #thoughts article.bg:after{
        content: " ";
        position: absolute;
        width: 189px;
        height: 43px;
        bottom: 0;
        right: -94px;
        background: url(/dtTheme/i/h_divider.png) center bottom no-repeat;
    }
    
    #home #thoughts article.alt.bg:after{
        right: auto;
        left: -94px;
    }


        
#home #work{ width: 33%; }
    #home #work article{ width: 27.33%;  }

#home #portfolio{ height: 350px; }
        

#thoughts-section #thoughts{ max-width: 1300px; }
/*
    #thoughts-section #thoughts article{ width: 46%; }
*/

#work-section #work article{ width: 19%; margin: 3%; }
    
#about-section #about article{ width: 30%; float: left; }

/* sizeStop1440 STYLES */




#home #thoughts{  width: 39%; }
        
        
#home #work{ width: 33%;  }
    #home #work article{ width: 27.33%; }
        #home #portfolio{ height: 300px; }
        
/*      #thoughts-section #thoughts article{ width: 46%; } */


#about-section #about article{ width: 30%; float: left; }
/* sizeStop1280 STYLES */




#home #thoughts{  width: 38%; }
        
        
#home #work{ width: 28%; }
    #home #work article{ width: 42%; }
    
#home #meta{ width: 22%; }
        

/*     #thoughts-section #thoughts article{ width: 46%; } */


#about-section #about article{ width: 30%; float: left; }

.csstransforms #work-section #portfolio{ width: 50%; }
#work-section #portfolio-stage img{ width: 44%; }

/* sizeStop1024 STYLES */



/*
#home #thoughts{ width: 52%; }
        
        
#home #work{ float: right; width: 40%;  }
    #home #work article{ width: 27.33%; }
 

#home #meta{ float: right; width: 40%}
*/


#home #thoughts{  width: 38%; }
        
        
#home #work{ width: 28%; }
    #home #work article{ width: 42%; }
    
#home #meta{ width: 22%; }

.csstransforms #home #portfolio{ height: 200px; }
        
/*
       
    #thoughts-section #thoughts{ width: 60%; }
        #thoughts-section #thoughts article{ width: 92%; }
    #thoughts-section #meta{ width: 32%; }
*/

#about-section #about article{ width: 30%; float: left; }
#about-section #about img.dan, #about-section #about img.whatido { width: 45%;  }

.csstransforms #work-section #portfolio{ width: 50%; height: 400px;  }
#work-section #portfolio-stage img{ width: 44%; }

/* sizeStop800 STYLES */




#home #thoughts{  width: 52%; }
        
        
#home #work{ float: right; width: 40%; }


#home #meta{  width: 40%; float: right; }

 #nav{ right: auto; left: 3%; }


    
/*
    #thoughts-section #thoughts{ width: 96%; }
        #thoughts-section #thoughts article{ width: 46%; }
    #thoughts-section #meta{ width: 96%; }
        #thoughts-section #meta section{ width: 42%; float: left; margin: 2%; }
*/


#about-section #about article{ width: 60%;  }

.csstransforms #work-section #portfolio{ width: 50%; height: 300px; }
#work-section #portfolio-stage img{ width: 44%; }
/* sizeStopNarrow STYLES */
body#home{ font-size: 14px; }
#home h2{ font-size: 24px; }
#home h3{ font-size: 16px; }

#wrap{ padding: 0; }

.csstransforms #mainFooter{
    position: relative; left: auto; top: auto; text-indent: 0; width: auto; padding: 0;
    -moz-transform: none;
    -webkit-transform: none;

}

#masthead{ 
    min-width: 0; width: auto;
    height: auto;
}

    #masthead  a{ 
        float: none; font-size: 40px; letter-spacing: -1px; word-spacing: 0; text-align: center; padding: 105px 0 0; background: url(/dtTheme/i/pound-logo.png) center top no-repeat;
    }
    
    
    #masthead a:before{
        display: none; 
    }
    
    #masthead a span{ position: relative; z-index: 1; }
    #masthead a:after{
        display: none;
    }

    #masthead a:hover{ text-decoration: none; -moz-transform: none; -webkit-transform: none; }
    
    #masthead em{
       float: none; margin: 0; font-size: 18px; text-align: center;
    }
    
    .csstransforms #masthead  em{  
         margin: 0;
    }
    .csstransforms #masthead  em strong{ 
        display: inline; font-size: 18px; -moz-transform: none; -webkit-transform: none;
    }


#home #nav{ position: relative; top: auto; left: auto; text-align: center; opacity: 1; }
#home #nav strong{ display: none; }

#home #thoughts{ width: 96%; float: none;}
#home #work{ width: 96%; float: none; }


#home #meta{  width: 96%}
.csstransforms #home #portfolio{  height: 200px; }
    #home #meta section{  }

 #nav{ right: auto; left: 3%; }



#thoughts-section #masthead a{ padding: 0; background: none;  }
#thoughts-section #masthead em{ display: none; }
#thoughts-section #thoughts, #thoughts-section #meta{ width: 96%; float: none; }

#thoughts-section #nav{ position: relative; text-align: center; left: auto; top: auto; right: auto; margin: 0 0 10px; }
#thoughts-section #nav strong{ display: block; }

#thoughts-section #wrap { min-width: 0;}
#thoughts-section #thoughts article{ width: 92%; background: url(/dtTheme/i/h_divider.png) center bottom no-repeat; }
#thoughts-section #thoughts article.bg:after{ content: none; }


#thoughts-entry #comment_form .info { float: none; width: 98%; }
#thoughts-entry #comment_form .comment { float: none; width: 98%; }
#thoughts-entry #comment_form .info .text-input{ width: 95%; }

/*
    #thoughts-section #thoughts{ width: 96%; }

    #thoughts-section #meta{ width: 96%; }
*/


.csstransforms #work-section #wrap{ min-width: 0; }
.csstransforms #work-section #portfolio{ width: 100%; height: 250px; float: none; }
.csstransforms #portfolio li{ width: 30%; }
#work-section #portfolio-stage{ width: 100%; float: none; }

#work-section #portfolio-stage img{ width: 44%; }


#contactForm .info, #contactForm .message  { float: none; padding: 0 2%; width: 96%; }
#contactForm label{ padding: 5px 0; }
#contactForm .footer{ padding: 20px 2%; }
#contactForm .message textarea { height: 181px; }


#about-section #masthead a{ padding: 0; background: none;  }
#about-section #masthead em{ display: none; }
#about-section #about{ width: 96%; float: none; padding: 2%; }

#about-section #nav{ position: relative; text-align: center; left: auto; top: auto; right: auto; margin: 0 0 10px; }
#about-section #nav strong{ display: block; }

#about-section #about article{ width: 100%; margin: 0; }



#work-section #masthead a{ padding: 0; background: none;  }
#work-section #masthead em{ display: none; }
#work-section #work{ width: 96%; float: none; padding: 2%; }

#work-section #work h2{ text-indent: 0; }

#work-section #nav{ position: relative; text-align: center; left: auto; top: auto; right: auto; margin: 0 0 10px; }
#work-section #nav strong{ display: block; }

#work-section #about article{ width: 100%; margin: 0; }





#home #masthead{ margin: 43px 0; }
.navPinned #home #masthead{ margin: 10px 0 218px; }

#masthead  a{ clear: both; }

#home #nav{ 
width: 100%; margin: 0 0 150px;
background: rgba(0,0,0,.6);
    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6c5a58), color-stop(0.5, #594845));
        background: -webkit-linear-gradient(center top , #6c5a58, #594845);
        background: -o-linear-gradient(center top , #6c5a58, #594845);
        background: -moz-linear-gradient(center top , #6c5a58, #594845);
        background: linear-gradient(center top , #6c5a58, #594845);
    
}
#home #nav a{ color: rgba(255,255,255,.7); display: inline-block; padding: 4px; }
.navPinned #home #nav{ position: fixed; top: 0; left: 0; z-index: 999; }

#home #work, #home #meta, #home #thoughts{ min-height: 480px; padding-top: 30px; }