body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,img,input,textarea,p,blockquote,table,th,td,a,abbr,acronym,address,caption,cite,code,dfn,em,strong,th,var,hr{margin:0;padding:0;border:0;text-decoration:none;font-style:normal;text-align:left;color:#444;border-collapse:collapse;border-spacing:0;list-style:none;}
input:focus,a:focus,textarea:focus{outline:0;}
html,body,textarea{font-family:Helvetica,Arial,Verdana,sans-serif;}

/*
       ###################################   
     #######################################
    #########################################
    #################### ####################
    ###################   ###################
    ##################     ##################
    #################   #   #################
    ################   ###   ################
    ###############   #####   ###############
    ##############   #######   ##############
    #############   #########   #############
    ############   ###########   ############
    ###########   #############   ###########
    ##########   ###############   ##########
    #########   #################   #########
    ########   ###################   ########
    #######   #####################   #######
    ######   #######################   ######
    #########################################
     ####################################### 
       ###################################   

    #101830 - DARK BLUE
    #3A57AB - MEDIUM BLUE
    #C6CFEB - LIGHT BLUE
    
    #AB3A57 - RED - ERROR
    #E1B8C3 - LIGHT RED
    #57AB3A - GREEN - SUCCESS
    
    #444444 - DARK GREY
    #EEEEEE - LIGHT GREY
*/

html, body {
    background: #FFF;
    line-height: 20px;
    position: relative;
}
    html {
        text-align: center;
        font-size: 62.5%;
    }
    body {
        width: 940px;
        text-align: left;
        margin: 0 auto;
        font-size: 1.2em;
        background: transparent;
    }
    
a, a:link {
    color: #3A57AB;
    padding: 2px 3px 0;
    background-color: transparent;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
    a:hover, a.hovered, a.hovered:link, a.hovered:hover, a:hover code {
        background-color: #3A57AB;
        color: #FFF;
    }
    a:focus {
        background-color: #57AB3A;
        color: #FFF;
    }
    a.more, a.twitter {
        display: inline-block;
        text-align: left;
        text-indent: -999em;
        background: url(images/icons.png) 0 -40px no-repeat;
        width: 20px;
        height: 20px;
        padding: 0;
    }
        a.more:hover, a.more.hovered {
            background-position: 0 -60px;
        }
        a.twitter {
            background-position: 0 -100px;
        }
            a.twitter:hover, a.twitter.hovered {
                background-position: 0 -120px;
            }
            

h1, h2, h3, h4, h5, h6 {
    color: #3A57AB;
    text-transform: uppercase;
    font-weight:normal;
}
    h1 { font-size: 18px; }
    h2 { font-size: 16px; }
    h3 { font-size: 14px; }
    h4, h5, h6 { font-size: 12px; }

sup, sub {
    vertical-align: baseline;
    position: relative;
    top: -0.4em;
}
    sub { top: 0.4em; }

del {
    text-decoration: line-through;
    font-style: italic;
    color: #999;
}
strong { font-weight: bold; }
em { color: #777; font-style: italic; }
    
pre, blockquote {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 0 12px;
    background: #EEE;
    margin: 0 0 20px 0;
}
    pre, code, kbd, dfn, samp, var {
        font-family: Monaco, "Courier New", Courier, monospace;
        font-size: 11px;
    }
        code, kbd, dfn, samp, var {
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            background: #EEE;
            margin: 0; 
            padding: 3px;
        }
        pre code, pre samp, pre kbd, pre dfn, pre samp, pre var {
            padding: 0;
            background: transparent;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
        }
        pre {
            overflow-x: auto;
        }
    blockquote p.cite {
        margin-top: -20px;
        text-align: right;
    }

iframe {
    display: block;
    margin-bottom: 20px;
    border: 0;
}

.post li, .nonsense li, ul.errors li, .copy li {
    padding-left: 20px;
    position: relative;
}
ul li span.bullet, ol li span.bullet {
    position: absolute;
    left: 6px;
    top: 8px;
    width: 5px;
    height: 5px;
    overflow: hidden;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background: #3A57AB;
}
    ul.errors li span.bullet {
        background: #AB3A57;
    }
    ol li span.bullet {
        background: transparent;
        color: #3A57AB;
        font-size: 9px;
        font-weight: bold;
        height: 10px;
        width: 14px;
        line-height: 10px;
        left: 0;
        top: 6px;
        text-align: right;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }
.copy dt {
    font-weight: bold;
    margin-top: 20px;
}
    .copy dt:first-child {
        margin-top: 0;
    }
.copy dd {
    padding-left: 20px;
}

::selection { background-color: #C6CFEB; background-color: rgba(198,207,235,0.8); }
::-moz-selection { background-color: #C6CFEB; background-color: rgba(198,207,235,0.8); }
*:focus {
    outline: 0;
}

#background {
    position: fixed;
    top: 0; 
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}
    div#background {
        background: url(images/bgtile.png) right 0 no-repeat;
    }
    div#background.error {
        background-image: url(images/bgtile-error.png);
    }
    div#background.animate {
        background-image: none;
    }

div#header {
    position: absolute;
    top: 0;
    left: 0;
    width: 940px;
    height: 60px;
    padding-top: 15px;
    z-index: 100;
}
    div#header a {
        padding: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }
    div#header h1 {
        float: right;
        width: 300px;
        overflow: hidden;
        height: 44px;
		padding-top: 11px;
    }
        div#header h1 a, div#header h1 a span, div#header h1 a.jshover:hover {
            display: block;
            width: 300px;
            height: 45px;
            overflow: hidden;
            text-indent: -999em;
            background: url(images/logo.gif) 0 0 no-repeat;
            position: relative;
        }
            div#header h1 a span {
                position: absolute;
                top: 0;
                left: 0;
            }
            div#header h1 a:hover, div#header h1 a span {
                background-position: 0 -55px;
            }
    ul#nav li {
        float: left;
        margin-right: 20px;
        width: 60px;
    }
        ul#nav li a, ul#nav li a span {
            display: block;
            width: 60px;
            height: 60px;
            text-indent: -999em;
            background: url(images/nav.gif);
            position: relative;
        }
            ul#nav li a span {
                position: absolute;
                top: 0;
                left: 0;
            }
            ul#nav li#weblog a, ul#nav li#weblog a.jshover:hover { background-position: 0 0; }
            ul#nav li#projects a, ul#nav li#projects a.jshover:hover { background-position: -80px 0; }
            ul#nav li#photos a, ul#nav li#photos a.jshover:hover { background-position: -160px 0; }
            ul#nav li#about a, ul#nav li#about a.jshover:hover { background-position: -240px 0; }
            ul#nav li#weblog a:hover, ul#nav li#weblog a:focus, ul#nav li#weblog a span { background-position: 0 -60px; }
            ul#nav li#projects a:hover, ul#nav li#projects a:focus, ul#nav li#projects a span { background-position: -80px -60px; }
            ul#nav li#photos a:hover, ul#nav li#photos a:focus, ul#nav li#photos a span { background-position: -160px -60px; }
            ul#nav li#about a:hover, ul#nav li#about a:focus, ul#nav li#about a span { background-position: -240px -60px; }
            ul#nav li#weblog a.current { background-position: 0 -120px; }
            ul#nav li#projects a.current { background-position: -80px -120px; }
            ul#nav li#photos a.current { background-position: -160px -120px; }
            ul#nav li#about a.current { background-position: -240px -120px; }
            
div#content, div#sidebar {
    margin: 0 20px 0 0;
    padding: 120px 0 20px;
    float: left;
    width: 700px;
}
    .home div#sidebar {
        padding-top: 440px;
    }
    div#content.twelve {
        width: 940px;
    }
    div#content.ten {
        width: 780px;
    }
    div#content.eight {
        width: 620px;
    }
    div#content.right {
        margin-right: 0;
        overflow: hidden;
    }
    div#content:after {
        content: '.';
        display: block;
        clear: both;
        height: 0;
        width: 0;
        overflow: hidden;
        visibility: hidden;
    }
        #home div#content {
            width: 940px;
        }
    div#content h1.major {
        font-size: 4em;
        text-transform: uppercase;
        color: #3A57AB;
        line-height: 0.825em;
        padding-top: 20px;
    }
    div#content h1.obvious {
        position: absolute;
        left: -999em;
    }
    div#content p, div#content ul, div#content ol, div#sidebar p, div#sidebar ul, div#sidebar ol, div#content dl {
        margin-bottom: 20px;
    }
        div.postContent dd {
            margin-left: 20px;
        }

div.post {
    clear: left;
    margin-bottom: 20px;
}
    div.post.home {
        margin-bottom: 0;
    }
    div.post:after {
        content: '.';
        height: 0;
        width: 0;
        display: block;
        clear: left;
        overflow: hidden;
        visibility: hidden;
    }
    div.post .title {
        color: #3A57AB;
        padding-left: 77px;
        font-size: 18px;
        text-transform: uppercase;
        margin: 0 !important;
    }
    div.post p.title {
        padding-left: 80px;
    }
    div.post dl.postMeta {
        float: left;
        width: 60px;
        margin-right: 20px;
        overflow: hidden;
    }
        div.post.home dl.postMeta {
            margin-top: -20px;
        }
        div.post dl.postMeta dt {
            position: absolute;
            left: -999em;
        }
            div.post dl.postMeta dt.tags {
                position: static;
                text-align: right;
                text-transform: uppercase;
                color: #101830;
                background: #FFF;
                padding-top: 20px;
            }
        div.post dl.postMeta dd {
            text-align: right;
            padding-right: 3px;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            border-radius: 6px;
            background: #EEE;
        }
            div.post dl.postMeta dd.date {
                margin-bottom: -10px;
                padding-bottom: 10px;
            }
            div.post dl.postMeta dd.edit {
                margin-top: 20px;
                background: transparent;
            }
            div.post dl.postMeta dd.tags {
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                border-radius: 0;
                background: transparent;
                padding: 0;
                margin: 0;
                font-size: 11px;
            }
            div.post dl.postMeta dd.commentCount a {
                padding: 0 0 0 21px;
                color: #444;
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                border-radius: 0;
                background: url(images/icons.png) -50px -84px no-repeat;
            }
                div.post dl.postMeta dd.commentCount a:hover {
                    color: #3A57AB;
                    background-color: transparent;
                }
    div.post div.postContent {
        float: left;
        width: 620px;
    }
        div.postContent h2, div.postContent h3, div.postContent h4, div.postContent h5, div.postContent h6 {
            color: #3A57AB;
        }
        div.postContent h2 {
            font-size: 14px;
        }
        div.postContent h3, div.postContent h4, div.postContent h5, div.postContent h6 {
            font-size: 12px;
        }
    div.postContent blockquote {
        background-image: url(images/quotes.png), url(images/quotes.png);
        background-position: -40px 0, 580px bottom;
        background-repeat: no-repeat, no-repeat;
    }


div#comments {
    width: 620px;
    float: left;
    margin-right: 20px;
    min-height: 505px;
}
    div#commentsClosed {
        float: none;
        min-height: auto;
        padding-left: 80px;
    }
    div#comments h2 {
        color: #3A57AB;
        margin-bottom: 20px;
        padding-left: 80px;
    }
    div#comments li {
        clear: left;
    }
    div#comments .noComments {
        padding-left: 80px;
    }
        div#comments .noComments h2 {
            margin-bottom: 0;
            padding-left: 0;
        }
    div#comments dl.commentMeta {
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        background: #EEE;
        font-size: 10px;
        width: 140px;
        margin-right: 20px;
        float: left;
        position: relative;
        top: -2px;
    }
        div#comments dl.commentMeta dt {
            position: absolute;
            left: -999em;
        }
        div#comments dl.commentMeta dd {
            float: left;
            width: 90px;
        }
            div#comments dl.commentMeta dd.author {
                text-align: right;
            }
                div#comments dl.commentMeta dd.author a {
                    background: #EEE;
                    display: block;
                    text-align: right;
                }
                div#comments dl.commentMeta dd.author a:hover, div#comments dl.commentMeta dd.author a.hovered {
                    background: #3A57AB;
                }
            div#comments dl.commentMeta dd.date {
                width: 50px;
            }
                div#comments dl.commentMeta dd.date a {
                    color: #444;
                    display: block;
                    background: #EEE;
                    text-align: center;
                }
                div#comments dl.commentMeta dd.date a:hover, div#comments dl.commentMeta dd.date a.hovered {
                    background: #EEE;
                }
           div#comments .author dl.commentMeta, #comments .author dl.commentMeta dd.date a, div#comments .author dl.commentMeta dd.author a, 
           #comments .author dl.commentMeta dd.date a:hover, div#comments .author dl.commentMeta dd.author a:hover
           {
               background: #CCC;
           }
    div.commentBody {
        float: left;
        width: 460px;
        margin-bottom: 20px;
    }

form#commentForm {
    position: absolute;
    width: 300px;
    overflow: hidden;
    left: 640px;
}
    form#commentForm h2 {
        color: #3A57AB;
    }
    form#commentForm p.commentingInfo {
        font-size: 10px;
        margin-bottom: 13px;
    }
form#commentForm fieldset {
    width: 320px;
}

form li {
	padding-bottom: 10px;
}
form li label {
    background: #DDD;
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 70px;
    padding: 7px 20px 3px 0;
    text-align: right;
    vertical-align: top;
}
	form li .error label {
		background-color: #AB3A57;
		color: #FFF;
	}
    form li label.current {
        background-color: #C6CFEB;
        color: #444;
    }
    form#searchForm fieldset {
        position: relative;
    }
    form li label:after {
        content: ':';
    }
    form li input, form li textarea, form li select {
        position: relative;
        left: -14px;
    }
    form li.submit {
        padding-left: 80px;
    }
    form .formDesc {
        float: right;
        width: 140px;
        font-size: 10px;
    }
        form .formDesc p {
            margin: 0 !important;
        }
        p.success {
            color: #57AB3A !important;
        }
    form#searchPage {
        padding: 14px 0 7px;
    }
    form#searchPage li {
        float: left;
        margin-right: 7px;
        overflow: hidden;
    }
        form#searchPage li.submit {
            padding: 0;
        }
    form#errorSearchForm p {
        float: left;
        margin-right: 20px;
        width: auto;
    }
        form#errorSearchForm fieldset {
            position: relative;
            float: left;
            width: auto;
            top: -20px;
        }

.hide {
    position: absolute;
    left: -999em;
}
input, textarea, select {
    border: 1px solid #DDD;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 6px 6px 7px;
    height: 15px;
    font-size: 1em;
    line-height: 20px;
    width: 206px;
    color: #999;
    vertical-align: baseline;
}
	select {
		height: 30px;
		width: 220px;
	}
	.error input, .error textarea, .error select {
		border-color: #AB3A57;
	}
    textarea {
        height: 220px;
        resize: none;
    }
    .contact.main {
        padding-top: 20px;
    }
    .contact textarea {
        width: 350px;
    }
    .contact.main textarea {
        width: 370px;
    }
    input:focus, textarea:focus, select:focus {
        border-color: #C6CFEB;
        color: #444;
    }
    input#searchInput {
        margin-top: 14px;
    }
    input#searchButton {
        width: 30px;
        height: 30px;
        overflow: hidden;
        text-indent: -999em;
        background: url(images/icons.png) -20px -40px;
        border: 0;
        position: absolute;
        top: 14px;
        left: 190px;
    }
        input#searchButton:hover {
            cursor: pointer;
            background-position: -20px -70px;
        }
    .submit input,
    input#submit {
        color: #FFF;
        background: #3A57AB;
        border-color: #3A57AB;
        height: 30px;
        width: 140px;
        text-align: center;
        cursor: pointer;
        left: 0;
        margin-right: 16px;
    }
    input#cancel {
        width: 60px;
        height: 30px;
        background: #DDD;
        text-align: center;
        cursor: pointer;
        left: 0;
        border-color: #DDD;
    }

h1.error, h2.error, h3.error, h4.error {
    margin-bottom: 0 !important;
}
h1.error, h2.error, h3.error, h4.error, ul.errors li, .error, .error-message {
	color: #AB3A57 !important;
	padding-bottom: 0 !important;
}

div#sidebar {
    width: 220px;
    margin-right: 0;
}
    div#sidebar.left {
        margin-right: 20px;
    }
    div#sidebar.double {
        width: 140px;
    }
    div#sidebar h2, div#sidebar h3, div#sidebar h4, div#sidebar h5, div#sidebar h6 {
        font-size: 12px;
        color: #101830;
    }
    div#sidebar h1, div#sidebar.projects h2, div#sidebar.projects h3 {
        color: #3A57AB;
    }
    div#sidebar div {
        margin-bottom: 40px;
    }
        div#sidebar form div {
            margin-bottom: 10px;
        }
        div#sidebar div#features {
            margin-bottom: -6px;
            position: relative;
            top: -6px;
        }
            div#sidebar div#features span.img {
                margin-bottom: 0;
            }
    div#sidebar div#search {
        margin-bottom: 36px;
    }
    div#sidebar #tags, .tagcloud {
        line-height: 17px;
    }
        div#sidebar #tags ul, .tagcloud ul {
            min-height: 100px;
        }
        div#sidebar #tags li, .tagcloud li {
            display: inline-block;
        }
            div#sidebar #tags li:after, .tagcloud li:after {
                content: ',';
            }
                div#sidebar #tags li:last-child:after, .tagcloud li:last-child:after {
                    content: '';
                }
                div#sidebar #tags li a {
                    display: inline-block;
                }

div#stalkers li {
    height: 20px;
    padding: 0;
}   
a.stalker, a.stalker.twitter {
    background-image: url(images/stalkercons.png);
    background-repeat: no-repeat;
    background-position: 2px 0;
    padding: 2px 3px 0 24px;
    height: auto;
    display: inline-block;
    line-height: 18px;
    text-indent: 0;
    width: auto;
}
    a.stalker.watermelonsauce {
        background-position: 2px -40px;
    }
    a.stalker.scribbls {
        background-position: 2px -80px;
    }
    a.stalker.azul7 {
        background-position: 2px -120px;
    }
    a.stalker.lastfm {
        background-position: 2px -160px;
    }
    a.stalker.linkedin {
        background-position: 2px -200px;
    }

ul#feeds {
    margin: 5px 0 20px;
}
ul#feeds li.feedlink a {
    padding: 20px 0 0 46px;
    display: block;
    height: 20px;
    margin-top: -5px;
    background-image: url(images/icons.png);
    background-position: -20px 0;
    background-repeat: no-repeat;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
    ul#feeds li.feedlink a:hover {
        background-color: #3A57AB;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
    }

div#crumbs {
    position: absolute;
    top: 81px;
    width: 940px;
    left: 0;
}
    div#crumbs.projects {
        padding-left: 80px;
        width: 860px;
    }
    div#crumbs.photos {
        padding-left: 160px;
        width: 780px;
    }
    div#crumbs.about {
        padding-left: 240px;
        width: 700px;
    }
    div#crumbs ul {
        float: left;
        position: relative;
        z-index: 20;
    }
        div#crumbs ul li {
            display: inline;
            margin-right: 2px;
        }
        div#crumbs ul li:after {
            content: ' \00bb';
        }
    div#crumbs h1 {
        font-size: 1em;
        position: relative;
        z-index: 10;
        left: 3px;
        text-transform: none;
        color: #444;
    }

/*
div#pageNav {
    clear: both;
}
    div#pageNav ul {
        position: relative;
    }
    div#pageNav li.next {
        position: absolute;
        right: 0;
        top: 0;
    }
    div#pageNav a {
        background: url(images/icons.png) 120px -40px no-repeat;
        text-transform: uppercase;
        width: 116px;
        padding: 0 24px 0 0;
        line-height: 20px;
        display: inline-block;
        text-align: right;
    }
        div#pageNav a:hover, div#pageNav a.hovered {
            background-position: 120px -60px;
			background-color: #3A57AB;
			color: #FFF;
        }
        div#pageNav a.prev-page {
            text-align: left;
            background-position: -50px -40px;
            padding: 0 0 0 24px;
        }
            div#pageNav a.prev-page:hover, div#pageNav a.prev-page.hovered {
                background-position: -50px -60px;
            }
*/
#pageNav p, 
#pageNav ul,
#pageNav ul li {
    display: inline-block;
    padding: 0;
    list-style-type: none;
    margin-right: 5px;
}
    #pageNav ul { margin: 0; }
    #pageNav a,
    #pageNav span,
    #pageNav li.current {
        padding: 0 6px;
        text-align: center;
        line-height: 20px;
        display: inline-block;
        background-color: #EEE;
    }
        #pageNav a:hover { background-color: #3A57AB; }
        #pageNav a:active {}
        #pageNav span {}
        #pageNav li.current { background: #FFF; font-weight: bold; }
    div#pageNav p a,
    div#pageNav p span {
        background: url(images/icons.png) 80px -40px no-repeat;
        text-transform: uppercase;
        width: 76px;
        line-height: 20px;
        display: inline-block;
        text-align: right;
        padding: 0 24px 0 0;
    }
        div#pageNav p span { display: none; }
        div#pageNav p.prev a,
        div#pageNav p.prev span {
            text-align: left;
            background-position: -50px -40px;
            padding: 0 0 0 24px;
            width: 105px;
        }
        div#pageNav p a:hover, 
        div#pageNav p a.hovered {
            background-position: 80px -60px;
			background-color: #3A57AB;
			color: #FFF;
        }
            div#pageNav p.prev a:hover, 
            div#pageNav p.prev a.hovered {
                background-position: -50px -60px;
            }


div#footer {
    font-size: 10px;
    clear: both;
    width: 100%;
    height: 60px;
    text-align: center;
}
    div#footer .content {
        width: 940px;
        margin: 0 auto 0;
        position: relative;
        text-align: left;
    }
    div#footer p#copyright {
        position: absolute;
        top: 20px;
    }
    div#footer p#backtotop {
        position: absolute;
        right: 0;
        top: 20px;
    }
        div#footer p#backtotop a {
            display: block;
            width: 20px;
            height: 20px;
            padding: 0;
            overflow: hidden;
            text-indent: -999em;
            background: #FFF url(images/backtotop.png) 0 0;
        }
            div#footer p#backtotop a:hover {
                background-position: 0 -20px;
                background-color: #FFF;
            }

div.tooltip {
    position: absolute;
    z-index: 999;
    left: -999em;
    background: #C6CFEB;
    color: #3A57AB;
    width: auto;
    padding: 0 3px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

img { visibility: hidden; }
a.img {
    display: inline-block;
    width: auto; 
    height: auto;
    padding: 0;
}
    a.img:hover, a.img.hovered {
        background-color: transparent;
    }
    span.img {
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        display: block;
        position: relative;
        background-position: 0 0;
        background-repeat: no-repeat;
        margin-bottom: 20px;
    }
        span.img img {
            position: absolute;
            left: -999em;
        }
    p span.img {
        margin-bottom: 0;
    }
        
p.photo.left {
    float: left;
    margin-right: 20px;
}
    p.photo.right {
        float: right;
        margin-left: 20px;
        margin-bottom: 0 !important;
    }

span.heart {
    display: inline-block;
    text-align: left;
    text-indent: -999em;
    width: 20px;
    background: url(images/icons.png) 0 -80px;
}

div.columns {
    width: 960px;
    height: 1%;
}
    div.columns:after {
        content: '.';
        display: block;
        clear: left;
        width: 0;
        height: 0;
        overflow: hidden;
        visibility: hidden;
    }
    div.columns9 {
        width: 720px;
    }
div.column {
    float: left;
    width: 80px;
    margin-right: 20px;
}
    div.column1 {
        width: 80px;
    }
    div.column2 {
        width: 160px;
    }
    div.column3 {
        width: 220px;
    }
    div.column4 {
        width: 300px;
    }
    div.column5 {
        width: 380px;
    }
    div.column6 {
        width: 460px;
    }
    div.column7 {
        width: 540px;
    }
    div.column8 {
        width: 620px;
    }
    div.column9 {
        width: 700px;
    }
    div.column10 {
        width: 780px;
    }
    div.nonsense h1, div.contact h2 {
        margin-bottom: 20px;
    }

div.clear {
    clear: both;
    height: 0;
    width: 0;
    overflow: hidden;
}

ul#images, ul#albums, ul#projects {
    width: 800px;
    float: left;
}
    ul#albums {
        width: 640px;
    }
    ul#projects {
        width: 720px;
    }
    .home ul#projects {
        width: 200px;
        overflow: hidden;
    }
ul#images li, ul#albums li, ul#projects li {
    float: left;
    width: 140px;
    height: 80px;
    margin-right: 20px;
    margin-bottom: 20px;
}
    ul#projects li {
        width: 220px;
        height: 120px;
    }
    ul#images li a, ul#albums li a, ul#projects li a {
        position: absolute;
        padding: 0;
    }
    ul#images li a span, ul#albums li a span, ul#projects li a span {
        position: absolute;
        left: 0;
        top: 0;
    }
        ul#images li a span.title, ul#albums li a span.title, ul#projects li a span.title {
            opacity: 0;
            visibility: hidden;
            width: 120px;
            height: 40px;
            padding: 40px 10px 0;
            background: #101830;
            background: rgba(16,24,48,0.8);
            color: #FFF;
            font-weight: bold;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            border-radius: 6px;
        }
        ul#projects li a span.title {
            width: 200px;
            height: 40px;
            padding-top: 80px;
        }

p#tagline {
    font-size: 62px;
    line-height: 60px;
    color: #3A57AB;
    text-transform: uppercase;
    letter-spacing: -3px;
    margin-bottom: 120px !important;
    height: 200px;
}
    p#tagline a {
        color: #FFF;
        cursor: pointer;
        padding: 0;
    }
    p#tagline a:hover, p#tagline a.hovered {
        background: none;
    }
div#content div.blogExcerpt h2.recent,
div#sidebar h2.recent {
    font-size: 12px;
    color: #444;
    text-transform: none;
    margin-bottom: 10px;
}


/* photo gallery */
div#sidebar p.copyright, div#sidebar p.purchasing {
	font-size: 11px;
	color: #999;
}

dl.projectInfo {
    margin-bottom: 40px;
}
    dl.projectInfo dt {
        color: #3A57AB;
        float: left;
        margin-right: 5px;
    }
        dl.projectInfo dt:after {
            content: ':';
        }
ul.projectLinks li {
    margin-bottom: 20px;
}    

#scribblsFlash {
    margin: 225px 0 0 257px;
}    

a.btn {
    display: inline-block;
    height: 18px;
    padding-left: 24px;
    margin-top: -5px;
    background-image: url(images/icons.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
    a.btn.openNew {
        background-position: -50px -100px;
    }
        a.btn.openNew:hover, a.btn.openNew.hovered {
            background-position: -50px -120px;
        }
    a.btn.back {
        background-position: -50px -140px;
    }
        a.btn.back:hover, a.btn.back.hovered {
            background-position: -50px -160px;
        }
    a.btn.download {
        background-position: -50px -180px;
    }
        a.btn.download:hover, a.btn.download.hovered {
            background-position: -50px -200px;
        }

p#basejsHeader {
    padding-left: 240px;
    min-height: 85px;
    background: url(/images/projects/basejs-logo.png) 0 0 no-repeat;
}
a.bigLink {
    display: block;
    background-color: #DDD;
    text-align: center;
    font-size: 12px;
    margin-bottom: 18px;
}
    a.bigLink:hover, a.bigLink.hovered {
        background-color: #3A57AB;
    }

.bwpx h1 {
    color: #444;
    text-transform: none;
    font-weight: bold;
    font-size: 26px;
}

.jsactive {
    background: url(images/loading.gif) center center no-repeat;
}
.jsactive ul.simpleShow {
    position: relative;
    height: 600px;
    width: 700px;
}
.jsactive ul.simpleShow li {
    position: absolute;
    top: 0;
}
.jsactive ul.simpleShow li.next, .jsactive ul.simpleShow li.prev {
    z-index: 999;
    top: 270px;
}
    .jsactive ul.simpleShow li.next {
        left: 640px;
    }
    .jsactive ul.simpleShow li.next a, .jsactive ul.simpleShow li.prev a {
        display: block;
        width: 60px;
        height: 60px;
        text-indent: -999em;
        overflow: hidden;
        background: url(images/icons-portfolio.png) 0 0 no-repeat;
        padding: 0;
    }
        .jsactive ul.simpleShow li.prev a {
            background-position: -60px 0;
        }
        .jsactive ul.simpleShow li.next a:hover, .jsactive ul.simpleShow li.next a.hovered {
            background-position: 0 -60px;
        }
        .jsactive ul.simpleShow li.prev a:hover, .jsactive ul.simpleShow li.prev a.hovered {
            background-position: -60px -60px;
        }
    .jsactive ul.simpleShow object, .jsactive ul.simpleShow embed {
        position: absolute;
        left: -999em;
    }
        
/* Google Ajax Search API */
#results table.gsc-resultsHeader, #results .gs-result a.gs-visibleUrl, #results .gs-result .gs-visibleUrl,
#results .gsc-results .gsc-cursor-box .gsc-trailing-more-results, #search_control {
    display: none;
}
#results a.gs-title, #results .gs-result .gs-title, #results .gs-result .gs-title b {
    text-decoration: none;
    color: #3A57AB;
    font-size: 14px;
    text-transform: uppercase;
    position: relative;
    left: -1px;
}   
    #results a.gs-title:hover, #results a.gs-title:hover b, #results a.gs-title.hovered {
        color: #FFF;
    }
#results .gsc-result .gs-title {
    height: auto;
}
#results .gsc-result {
    margin-bottom: 20px;
}
#results .gs-no-results-result .gs-snippet, #results .gs-error-result .gs-snippet {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    color: #AB3A57;
    font-size: 20px;
}
#results .gs-no-results-result .gs-snippet em, #results .gs-error-result .gs-snippet em {
    font-style: italic;
    color: #AB3A57;
}
#results .gsc-results .gsc-cursor-box .gsc-cursor-page {
    text-decoration: none;
    color: #3A57AB;
    background: #EEE;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 20px;
    line-height: 20px;
    display: inline-block;
    text-align: center;
}
#results .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
    background: #3A57AB;
    color: #FFF;
}
#results .gs-snippet b {
    color: #57AB3A;
}
a.googleLogo {
    position: relative;
    top: 5px;
}
a.googleLogo span.img {
    margin-bottom: 0;
}

.blogExcerpt .postContent a.img { float: right; width: auto; margin-left: 20px; margin-bottom: 20px; }

table.cake-sql-log th,
table.cake-sql-log td {
    padding: 5px;
    border: 1px solid #DDD;
}
table.cake-sql-log th {
    background: #EEE;
}

#dev {
    position: fixed;
    z-index: 999;
    background: rgba(171,58,87,0.5);
    bottom: 0;
    left: auto;
    right: auto;
    width: 940px;
    -webkit-border-radius: 6px;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius: 6px;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.8);
}
    #dev p {
        text-align: center;
    }

.webslideIframe {
    padding-top: 51px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background:url(/images/projects/webslide-browser.png) 0 0 no-repeat;
}
.webslideIframe iframe {
    width: 700px;
    height: 300px;
    border: 0;
}