body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,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;font-weight:normal;text-align:left;border-collapse:collapse;border-spacing:0;list-style:none;}
input:focus,a:focus,textarea:focus{outline:0;}
sup,sub{vertical-align: baseline;position: relative;top: -0.4em;}sub{top:0.4em;}
html,body,input,select,textarea,legend{font:14px/20px Helvetica,Arial,Verdana,sans-serif;color:#000;}
/**

        .
    ,'"' \_,"^,                                 |\
   /   .  \   |,.                              /  )
  |_;_      ",   |                       .  |\/  /
 /    \        '._\._.^\-.:',___       _|_\/    /
( .  . )                         "*\_-/       ."
 \----/ '.                                 .. 
         '\..|  /                    . :."
            .' /\.      /        )-=/
       ('\_.' /   ",   |        /
        \/ .,/    (   (        /
           |;     \   '.      /
                   |    |   
                 _.|    |   
          ---'';_____   |   |
         |/   //     __/_.;' .
                   ,_.;=---;'
 ______     ______   ______   __  __ 
/\  __ \  _/\  __ \ /\  ___\ /\_\_\_\ 
\ \  __//\_\ \  _ < \ \  __\ \/_/\_\/_ 
 \ \_\  \/_/\ \_\\_\ \ \_____\ /\_\/\_\ 
  \/_/       \/_//_/  \/_____/ \/_/\/_/ 

**/

@font-face {
    font-family: 'JoesFoot';
    src: url(fonts/JoesfReg.otf);
}

body {
    background: #C2DAFF url(images/bg-gradient-day.jpg) 0 0 repeat-x fixed;
    text-align: center;
    text-shadow: 2px 2px 4px rgba(6,34,74,0.3);
}
    body.night { 
        background-color: #031839;
        background-image: url(images/bg-gradient-night.jpg); 
        color: #FFF;
        text-shadow: 1px 1px 1px rgba(6,34,74,1);
    }
    body.sunrise {
        background: #6078B6 url(images/bg-gradient-sunrise.jpg) 0 bottom repeat-x fixed;
        /*background: url(images/sun.png) right bottom no-repeat fixed, url(images/bg-gradient-sunrise.jpg) 0 bottom repeat-x fixed, #6078B6;*/
    }
    body.sunset {
        background: #696CB8 url(images/bg-gradient-sunset.jpg) 0 bottom repeat-x fixed;
        /*background: url(images/sun.png) -10% bottom no-repeat fixed, url(images/bg-gradient-sunset.jpg) 0 bottom repeat-x fixed, #696CB8;*/
    }
    body.showers.day, 
    body.day.showers,
    body.drizzle.day, 
    body.day.drizzle,
    body.hail.day, 
    body.day.hail,
    body.sleet.day, 
    body.day.sleet,
    body.flurries.day,
    body.day.flurries,
    body.snow.day,
    body.day.snow,
    body.heavy_snow.day,
    body.day.heavy_snow {
        background: #ADBBCC url(images/bg-gradient-day-rain.jpg) 0 0 repeat-x fixed;
    }

#container {
    margin: 0 auto;
    width: 940px;
    padding: 0 10px;
    position: relative;
    text-align: left;
}

h1#logo {
    width: 300px;
    height: 135px;
    overflow: hidden;
    position: absolute;
    top: 25px;
    left: 640px;
    z-index: 999;
}
    h1#logo a {
        display: block;
        width: 300px;
        height: 135px;
        overflow: hidden;
        text-indent: -999em;
        background: url(images/logo.png) 0 0 no-repeat;
        -webkit-transition: none;
        -moz-transition: none;
    }
        h1#logo a:hover {
            background-position: -300px 0;
        }

::selection { background-color: rgba(21,79,233,0.5);}
::-moz-selection { background-color: rgba(21,79,233,0.5);}

strong, em { color: #06F; }
em { font-style: italic; }

a { 
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    color: #F30;
    font-weight: inherit;
}
    a:hover { color: #06F; }
    a:active { color: #0C0; }
    
h1, h1 a,
h2, h2 a,
h3, h3 a,
h4, h4 a,
h5, h5 a,
h6, h6 a {
    font-weight: bold;
    font-family: 'JoesFoot', Helvetica, Arial, Verdana, sans-serif;
}
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
    font-family: Helvetica, Arial, Verdana, sans-serif;
}

h1,
h2, 
h3,
h4,
h5, 
h6 {
    line-height: 1em;
}
    h1 { font-size: 30px; }
    h2 { font-size: 24px; }
    h3 { font-size: 20px; }
    h4 { font-size: 18px; }
    h5 { font-size: 16px; } 
    h6 { font-size: 14px; }

p,
ul,
ol,
dl,
table {
    margin-bottom: 20px;
}

ul,
ol {
    padding-left: 20px;
}
    ul li { list-style-type: disc; }
    ul li li { list-style-type: square; }
    ul li li li { list-style-type: circle; }
    ol li { list-style-type: decimal; }
    ol li li { list-style-type: lower-alpha; }
    ol li li li { list-style-type: lower-roman; }

dt { 
    font-weight: bold; 
    margin-top: 10px;
}
    dt:first-child { margin: 0; }
dd { padding-left: 20px; }

q { font-style: italic; }
    q:before, 
    q:after { content: ''; }

blockquote {
    padding-left: 20px;
    border-left: 5px solid rgba(255,255,255,0.5);
    font-style: italic;
}
    blockquote p {
        font-style: inherit;
    }

.error { color: #A42100; }
.success { 
    color: #0C0; 
    font-weight: bold;
    font-size: 16px;
}

label { display: block; }
    .error label { color: #A42100; }

input, 
textarea, 
select {
    padding: 3px;
    -webkit-border-radius: 3px;
    -webkit-transition: all 0.5s linear;
    -moz-border-radius: 3px;
    -moz-transition: all 0.5s;
    background: rgba(255,255,255,0.5);
}
    .error input,
    .error textarea,
    .error select { 
        background: #A42100; 
        color: #FFF;
    }
    
    input[type=text]:focus, 
    .error input[type=text]:focus, 
    input[type=password]:focus, 
    .error input[type=password]:focus, 
    textarea:focus, 
    .error textarea:focus, 
    select:focus,
    .error select:focus {
        background: rgba(255,255,255,0.9);
        color: #000;
    }
    
    input[type=submit],
    input[type=button] {
        -webkit-transition: color 0.5s;
        background: transparent;
        border: 0;
        color: #F30;
        font-weight: bold;
        font-family: 'JoesFoot';
        font-size: 18px;
        cursor: pointer;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
    }
        input[type=submit]:hover,
        input[type=button]:hover { color: #06F; }
        input[type=submit]:active,
        input[type=button]:active { color: #0C0; }
    input[type=hidden] {
        display: none !important;
    }

form ul {
    padding: 0;
}
    form ul li {
        list-style-type: none;
        margin-bottom: 10px;
    }

a.rss {
    padding-left: 28px;
    line-height: 28px;
    display: block;
    background: url(images/rss.png) 0 center no-repeat;
    margin-bottom: 20px;
}

#content {
    float: left;
    width: 620px;
    margin-right: 20px;
    padding: 160px 0 106px;
}

.post {
    clear: both;
    margin-bottom: 40px;
    padding-bottom: 55px;
    background: url(images/postend.png) center bottom no-repeat;
}
    .post:after {
        content: '.';
        display: block;
        clear: both;
        height: 0;
        width: 0;
        overflow: hidden;
        visibility: hidden;
    }
.post .date {
    font-size: 11px;
    opacity: 0.8;
}
.post p.leave {
    font-size: 12px;
}
img {
    -webkit-box-shadow: 0px 0px 8px rgba(6,34,74,0.8);
    -moz-box-shadow: 0px 0px 8px rgba(6,34,74,0.8);
}
    .night img {
        -webkit-box-shadow: 0px 0px 8px rgba(6,34,74,0.9);
        -moz-box-shadow: 0px 0px 8px rgba(6,34,74,0.9);
    }

ul.tags { padding: 0; }
    ul.tags li {
        display: inline-block;
        list-style-type: none;
        margin-right: 10px;
    }
        ul.tags li:after { content: ','; }
        ul.tags li:last-child:after { content: ''; }

#sidebar {
    float: left;
    width: 300px;
    padding: 160px 0 265px;
    font-size: 12px;
}
    #sidebar h2 { font-size: 20px; }
    ul.recentComments {
        padding: 0;
    }
        ul.recentComments li {
            list-style-type: none;
            margin-bottom: 20px;
        }

#footer {
    background: url(images/ground.png) bottom center repeat-x;
    position: fixed;
    bottom: 0;
    left: 0;
    height: 106px;
    width: 100%;
    text-align: center;
    z-index: 999;
}
    #footer .content {
        margin: 0 auto;
        width: 960px;
        position: relative;
        height: 106px;
    }
        #footer .content p {
            position: absolute;
            bottom: 5px;
            left: 0;
            margin: 0;
            font-size: 10px;
            text-shadow: none;
            color: #000;
        }
    #prex {
        width: 307px;
        height: 265px;
        background: url(images/prex.png);
        position: absolute;
        right: 0;
        top: -170px;
    }
    .hungover #prex { background-position: 0 -795px; }
    .sober #prex { background-position: 0 0; }
    .buzzed #prex { background-position: 0 -265px; }
    .drunk #prex { background-position: 0 -530px; }
    
    #sign {
        width: 109px;
        height: 160px;
        background: url(images/sign.png);
        position: absolute;
        left: -120px;
        bottom: 20px;
    }
    .hungover #sign { background-position: 0 -480px; }
    .sober #sign { background-position: 0 0; }
    .buzzed #sign { background-position: 0 -160px; }
    .drunk #sign { background-position: 0 -320px; }
    
    .beer, .cap {
        background: url(images/beers.png) 0 0 no-repeat;
        position: absolute;
    }
        .cap { cursor: pointer; }
        .beer.beer1 {
            width: 49px;
            height: 28px;
            left: 606px;
            top: 44px;
        }
        .beer.beer2 {
            width: 55px;
            height: 27px;
            background-position: -49px 0;
            left: 530px;
            top: 70px;
        }
        .beer.beer3 {
            width: 60px;
            height: 66px;
            background-position: 0 -28px;
            left: 600px;
            top: 18px;
        }
        .beer.beer4 {
            width: 62px;
            height: 30px;
            background-position: -60px -27px;
            left: 460px;
            top: 48px;
        }
        .beer.beer5 {
            width: 61px;
            height: 31px;
            background-position: -60px -57px;
            left: 670px;
            top: 70px;
        }
            .sober .beer.beer1,
            .sober .beer.beer2,
            .sober .beer.beer3,
            .sober .beer.beer4,
            .sober .beer.beer5 {
                display: none;
            }
            .buzzed .beer.beer1,
            .buzzed .beer.beer2,
            .buzzed .beer.beer5 {
                display: none;
            }
            
        .beer.beerfull {
            width: 21px;
            height: 63px;
            background-position: -122px 0;
            z-index: 999;
        }
            .beer.beerfull.nocap{
                background-position: -143px 0;
                cursor: move;
            }
            .beer.beerfull.beerstep2 {
                background-position: -164px 0;
                width: 55px;
                height: 46px;
            }
            .beer.beerfull.beerstep3 {
                background-position: -164px -46px;
                width: 63px;
                height: 23px;
            }
            .beer.beerfull.beerstep4 {
                background-position: -219px 0;
                width: 56px;
                height: 44px;
            }
            .beer.beerfull.beerstep5 {
                background-position: -275px 0;
                width: 42px;
                height: 57px;
            }
        
        .cap {
            width: 13px;
            height: 8px;
            background-position: -122px -63px;
            left: 4px;
            top: 0;
            z-index: 999;
        }
        
    #clouds {
        position: fixed;
        top: 0;
        left: auto;
        width: 960px;
        z-index: 998;
    }
    .cloud {
        background: url(images/clouds.png) center 0 repeat-x;
        height: 131px;
        position: absolute;
        z-index: 998;
    }
        #cloud1 { 
            background-position: -38px -36px; 
            width: 166px; 
            height: 95px; 
            top: 36px;
            left: -200px;
        }
        #cloud2 { 
            background-position: -278px 0; 
            width: 181px; 
            height: 84px; 
            top: 0;
            left: 79px;
        }
        #cloud3 { 
            background-position: -468px -21px; 
            width: 212px; 
            height: 105px; 
            left: 268px;
            top: 21px;
        }
        #cloud4 { 
            background-position: -738px -14px; 
            width: 197px; 
            height: 111px; 
            left: 538px;
            top: 14px;
        }
        #cloud5 { 
            background-position: -1127px 0; 
            width: 234px; 
            height: 131px; 
            left: 927px;
            top: 0;
        }
        .sunrise .cloud,
        .sunset .cloud { opacity: 0.3; }

ol#commentList { padding: 0; }
#commentList li { 
    list-style-type: none; 
    position: relative;
    padding: 10px 10px 10px 80px;
    margin: 0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    min-height: 60px;
}
    #commentList li.odd { background: rgba(255,255,255,0.3); }
        .night #commentList li.odd { background: rgba(255,255,255,0.1); }
    #commentList li.author { background: rgba(255,255,255,0.8); }
        .night #commentList li.author { background: rgba(255,255,255,0.3); }
        
    
    #commentList dl {
        position: relative;
        margin: 0;
    }
    #commentList dt { 
        color: #06F; 
        margin: 0;
    }
    #commentList dd { 
        clear: left; 
        padding: 10px 0 0;
    }
    #commentList dt, #commentList dd.time {
        font-size: 12px;
        float: left;
        margin-right: 5px;
        padding: 0;
        clear: none;
        font-weight: bold;
    }
    #commentList dd.img {
        position: absolute;
        left: -70px;
        top: 0;
        padding: 0;
    }
        #commentList img {
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
        }
    #commentList dd.link {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 10px;
        padding: 0;
    }
    #commentList dd p {
        margin-bottom: 0;
    }

#commentForm { padding: 0 0 100px; }
#commentForm li { width: 200px; }
    #commentForm li input { width: 194px; }
    #commentForm li.message {
        float: right;
        width: 400px;
        margin-left: 20px;
    }
        #commentForm li.message textarea { 
            height: 134px;
            width: 394px; 
            max-width: 394px;
        }

ul.archives { 
    padding: 0; 
    text-align: justify;
    height: 1%;
}
    ul.archives:after {
        content: '.';
        display: block;
        clear: both;
        height: 0; 
        width: 0;
        overflow: hidden;
        visibility: hidden;
    }
ul.archives li {
    list-style-type: none;
    float: left;
    width: 33%;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
}
ul.archives li + li { text-align: center; }
ul.archives li:last-child { text-align: right; }

ul#recentDoodles {
    padding-top: 10px;
}

.paging h2 {
    font-size: 16px;
    margin-bottom: 10px;
}
.paging p, 
.paging ul,
.paging ul li {
    display: inline-block;
    padding: 0;
    list-style-type: none;
    margin-right: 5px;
}
    .paging ul { margin: 0; }
    .paging a,
    .paging span,
    .paging li.current {
        display: inline-block;
        width: auto;
        line-height: 20px;
        min-width: 14px;
        text-align: center;
        padding: 0 3px;
        background: rgba(255,255,255,0.5);
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
        .paging a:hover { background: rgba(255,255,255,0.9); }
        .paging a:active { background: transparent; }
        .paging span { opacity: 0.5; }
        .paging li.current { background: #FFF; }


.right {
    float: right;
    width: auto;
    margin: 0 0 20px 20px;
}
.left {
    float: left;
    width: auto;
    margin: 0 20px 20px 0;
}

table.cake-sql-log {
    clear: both;
    width: 960px;
    margin: 0 auto;
    position: relative;
    text-align: left;
    margin-bottom: 200px;
}

p.more {
    margin: -20px 0 0;
    font-size: 12px;
}
    p.more a:after {
        content: ' »';
    }

canvas#weather {
    position: fixed;
    top: 0; 
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}
/** WEATHER CONDITIONS
body.tornado { }
body.tropical_storm { }
body.hurricane { }
body.severe_thunderstorms { }
body.thunderstorms { }
body.mixed_rain_and_snow { }
body.mixed_rain_and_sleet { }
body.mixed_snow_and_sleet { }
body.freezing_drizzle { }
body.drizzle { }
body.freezing_rain { }
body.showers { }
body.showers { }
body.snow_flurries { }
body.light_snow_showers { }
body.blowing_snow { }
body.snow { }
body.hail { }
body.sleet { }
body.dust { }
body.foggy { }
body.haze { }
body.smoky { }
body.blustery { }
body.windy { }
body.cold { }
body.cloudy { }
body.mostly_cloudy_night { }
body.mostly_cloudy_day { }
body.partly_cloudy_night { }
body.partly_cloudy_day { }
body.clear_night { }
body.sunny { }
body.fair_night { }
body.fair_day { }
body.mixed_rain_and_hail { }
body.hot { }
body.isolated_thunderstorms { }
body.scattered_thunderstorms { }
body.scattered_thunderstorms { }
body.scattered_showers { }
body.heavy_snow { }
body.scattered_snow_showers { }
body.heavy_snow { }
body.partly_cloudy { }
body.thundershowers { }
body.snow_showers { }
body.isolated_thundershowers { }
body.not_available { }
**/