/**
 *
 * Enhance the site
 * Progressively enhancing the experience, escpecially with CSS3
 *
 */
 
/*      TEXT-SHADOW     */
h1, #homeLeft .intro, .post .title { text-shadow:rgba(0,0,0,0) 0px 0px 1px; }
h5, .moreintro { text-shadow:rgba(0,0,0,0.2) 0px 1px 2px; }


/*		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, .postnav a, ins { border-radius:11px; -moz-border-radius:11px; -webkit-border-radius:11px; }
.listnav a {
    border-radius:14px;
    -moz-border-radius:14px;
    -webkit-border-radius:14px; }
.link .title a.permalink {
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px; }
.menuitem a:hover, .menuitem.act a, #homelink.act {
    border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    }


/*		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; }
.work .images img {
    box-shadow:#b1a99f 0px 0px 10px;
    -moz-box-shadow:#b1a99f 0px 0px 10px;
    -webkit-box-shadow:#b1a99f 0px 0px 10px; }
.post .content img {
    box-shadow:rgba(0,0,0, 0.25) 0 1px 5px;
    -moz-box-shadow:rgba(0,0,0, 0.25) 0 1px 5px;
    -webkit-box-shadow:rgba(0,0,0, 0.25) 0 1px 5px; }
.content img.nostyle, 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; }


/*		GRADIENT		*/


/*		TRANSITIONS		*/
.content a {
    transition: background 150ms 0s, color 150ms 0s;
    -webkit-transition-property: background,color;
    -webkit-transition-duration: 150ms,150ms;
    -webkit-transition-timing: ease-in,ease-in; }

.comment .avatar, #aboutElsewhere a {
    transition: all 150ms 0s;
    -moz-transition: all 150ms linear;
    -webkit-transition: all 150ms linear; }

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



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


/*      OTHER      */
#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 p:first-child: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 p:first-child .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;
}