/**
 *
 * Enhance the site
 * Progressively enhancing the experience, escpecially with CSS3
 *
 */
 
/*      TEXT-SHADOW     */
h1 { text-shadow:rgba(0,0,0,0) 0px 0px 1px; }
#intro { text-shadow:rgba(0,0,0,0.1) 0px 1px 1px; }


/*		TEXT-STROKE		*/
/* h1, #homeLeft .intro, #nav li { -webkit-text-stroke:1px transparent; }
 */


/*		BORDER-RADIUS		*/
.comment .avatar, .profilePic img, #twitter .wrapper, #followme, .searchContainer, #s, .note, .go {
    border-radius:        5px;
    -moz-border-radius:   5px;
    -webkit-border-radius:5px;
}
#tagcloud a, .cat-item a, ins {
    border-radius:        11px;
    -moz-border-radius:   11px;
    -webkit-border-radius:11px;
}
.link .title a.permalink {
    border-radius:        3px;
    -moz-border-radius:   3px;
    -webkit-border-radius:3px;
}
.menuitem a:hover, .menuitem.act a, #homelink.act, .more-link {
    border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
}
.post.link .title a {
    border-radius:7px;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
}
.postnav a {
    border-radius:        12px;
    -moz-border-radius:   12px;
    -webkit-border-radius:12px;
}

/*		RGBA      */
.gradBtn { border:1px solid rgba(0,0,0, 0.25); border-bottom: 1px solid #222; text-shadow:rgba(0, 0, 0, 0.5) 0px -1px 0px; -webkit-box-shadow:rgba(0,0,0, 0.24) 0px 1px 3px; }
.go { border:1px solid rgba(0,0,0, 0.25); border-bottom: 1px solid rgba(0,0,0, 0.4); }
.comment .avatar, .profilePic img { background:#dcd8d1; background:rgba(0,0,0, 0.07); border:1px solid #c8c4be; border-color:rgba(0,0,0, 0.07) }
.profilePic img:hover { background-color:rgba(0,0,0, 0.05); }
.comment .avatar:hover, #workGallery a:hover img { background:#fbfbfb; background:rgba(255,255,255, 0.9); }
#s { border:1px solid rgba(0,0,0, 0.3); }
.menuitem a { color:rgba(0,0,0, 0.4); }
.menuitem a:hover, .act, .act a { color:rgba(0,0,0, 0.7); }


/*		BOX-SHADOW		*/
.gradBtn {
    box-shadow:rgba(0,0,0, 0.24) 0px 1px 3px;
    -moz-box-shadow:rgba(0,0,0, 0.24) 0px 1px 3px;
    -webkit-box-shadow:rgba(0,0,0, 0.24) 0px 1px 3px;
}
.flickrPic {
    box-shadow:rgb(220, 198, 156) 0px 0px 3px;
    -moz-box-shadow:rgb(220, 198, 156) 0px 0px 3px;
    -webkit-box-shadow:rgb(220, 198, 156) 0px 0px 3px;
}
.flickrPic:hover {
    box-shadow:rgb(200, 178, 136) 0px 0px 8px;
    -moz-box-shadow:rgb(200, 178, 136) 0px 0px 8px;
    -webkit-box-shadow:rgb(200, 178, 136) 0px 0px 8px;
}
.post .content img {
    box-shadow:rgba(0,0,0, 0.3) 0 0 10px;
    -moz-box-shadow:rgba(0,0,0, 0.3) 0 010px;
    -webkit-box-shadow:rgba(0,0,0, 0.3) 0 0 10px;
}
.workitem .images img {
    box-shadow:rgba(0,0,0, 0.3) 0 1px 7px;
    -moz-box-shadow:rgba(0,0,0, 0.3) 0 1px 7px;
    -webkit-box-shadow:rgba(0,0,0, 0.3) 0 1px 7px;
}
.content img.nostyle, .content img.wp-smiley {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
.comment .avatar:hover {
    box-shadow:rgb(190, 168, 126) 0px 0px 6px;
    -moz-box-shadow:rgb(190, 168, 126) 0px 0px 6px;
    -webkit-box-shadow:rgb(190, 168, 126) 0px 0px 6px;
}


/*		SELECTION		*/
::selection { background-color: #c54f4f; color:#fff; }
::-moz-selection { background-color: #c54f4f; color#fff; }


/*      OTHER      */
.content a {
    transition: background, color 150ms 0s;
    -webkit-transition-property: background,color;
    -webkit-transition-duration: 150ms,150ms;
    -webkit-transition-timing: ease-in,ease-in;
}
.content a.more-link {
    transition:none;
    -webkit-transition-property:none;
}
.comment .avatar, #aboutElsewhere a {
    transition: all 150ms 0s;
    -moz-transition: all 150ms linear;
    -webkit-transition: all 150ms linear;
}

#tagcloud a, .cat-item a, #logo a {
    transition: all 70ms 0s;
    -moz-transition: all 70ms linear;
    -webkit-transition: all 70ms linear; }

#aboutElsewhere a:hover {
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1); }

#logo a:hover {
    -o-transform: rotate(-3deg) scale(1.1);
    -moz-transform: rotate(-3deg) scale(1.1);
    -webkit-transform: rotate(-3deg) scale(1.1); }

#workGallery li a {
    background: transparent;
    border:1px solid transparent;
    transition: all 0.18s 0s;
    -moz-transition: all 0.18s linear;
    -webkit-transition: all 0.18s linear; }

#workGallery li a:hover {
    background:#fff;
    border-color:#555;
    box-shadow:rgba(0,0,0, 0.7) 0px 1px 6px;
    -moz-box-shadow:rgba(0,0,0, 0.7) 0px 1px 6px;
    -webkit-box-shadow:rgba(0,0,0, 0.7) 0px 1px 6px;
    transform:scale(1.1);
    -o-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -webkit-transform:scale(1.1); }

.profilePic:hover .leMustaeaesh {
    opacity:1.0;
    transform: translate(0, 168px) rotate(360deg);
    -o-transform: translate(0, 168px) rotate(360deg);
    -moz-transform: translate(0, 168px) rotate(360deg);
    -webkit-transform: translate(0, 168px) rotate(360deg);
}

.profilePic .leMustaeaesh {
    transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
}

@-webkit-keyframes pulse {
      0% { background:#c00; }
     25% { background:#0c0; }
     50% { background:#00c; }
    100% { background:#c00 }
}
#toprow {
    -webkit-animation-direction: normal;
    -webkit-animation-duration: 90s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: pulse;
    -webkit-animation-timing-function: ease;
}