/* reset css by Eric Meyer */
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;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* start styles with a clean slate */

body {
    background: #c6e4fe url(/i/img_bg_bottom.png) bottom center no-repeat;
    font: normal 81.25%/1.5 arial,verdana, helvetica, sans-serif;
    }
#footprint {
    background: url(/i/footprint.png) 0 0 no-repeat;
    height: 403px;
    left: 50%;
    margin: 0 0 0 -601px;
    position: absolute;
    width: 409px;
    }
#container{
    margin: 0 auto;
    position: relative;
    width: 952px;
    z-index: 2; 
    }
#logo {
    margin: 20px 0 10px 10px;
    }
.toplink {
    float: right;
    margin: 75px 0 0 0;
    }
.toplink a {
    color: #666;
    font-weight: bold;
    text-decoration: none;
    }    
header {
    background: #29221f url(/i/div-header.png)  top left no-repeat;
    display: block;
    height: 155px;
    margin: 0 0 15px 0;
    padding: 20px 0 0 17px;
    width: 935px;
    -o-box-shadow: 5px 5px 5px #bbb;
    -icab-box-shadow: 5px 5px 5px #bbb;
    -khtml-box-shadow: 5px 5px 5px #bbb;
    -moz-box-shadow: 5px 5px 5px #bbb;
    -webkit-box-shadow: 5px 5px 5px #bbb;
    box-shadow: 5px 5px 5px #bbb;
    }
    header h2{
        color: #a4d7f4;
        font-size: 1.6em;
        font-style: italic;
        font-weight: bold;
        text-transform: uppercase;
        visibility: hidden;
        }
    header p {
        color: #ffffff;
        width: 625px;
    }    
    #sub-h2 {
        color: #ffffff;
        font-size: 1.4em;
        font-weight: normal;
        visibility: hidden;
    }
    
#div-left{
    width: 475px;
    float: left;
    overflow: hidden;
    }
#andrew-at-sundance {
    background: #f2ebd9;
    border: 7px solid #ffffff;
    margin: 0 0 15px 0;
    width:453px;
    -o-box-shadow: 5px 5px 5px #bbb;
    -icab-box-shadow: 5px 5px 5px #bbb;
    -khtml-box-shadow: 5px 5px 5px #bbb;
    -moz-box-shadow: 5px 5px 5px #bbb;
    -webkit-box-shadow: 5px 5px 5px #bbb;
    box-shadow: 5px 5px 5px #bbb;
    }
    #andrew-at-sundance h2.section-title {
        background: #ffffff;
        color: #4c4d47;
        text-align: center;
        font-stretch: condensed;
    }
    h2 {
        color: #4c4d47;
        font-size: 1.8em;
        font-weight: normal;
        line-height: 2;
        text-transform: uppercase;
    }
    h2 span {
        color: #ff9205;
        font-weight: bold;
    }
    #featured-tweet, #featured-photos {
        border-bottom: 3px solid #866338;
        margin: 0 10px;
        padding: 10px 5px;
    }
    #featured-videos {
        margin: 0 10px;
        padding: 10px 5px;
    }
    #andrew-at-sundance h3 {
        color: #454641;
        font-size: 1.85em;
        font-weight: normal;
    }
.single-tweet{overflow: hidden; clear:both;}
    .single-tweet a img{
        border: 2px solid #ffffff;
        float: left;
        height: 48px;
        width: 48px;
        }
    .single-tweet p{
        color: #333333;
        float: left;
        margin-left: 8px;
        width: 340px; 
        }
    .single-tweet p a {
        color: #0099cc;
    }
 
#featured-photos a img {
    background: #ffffff url(/i/polaroid-corner.png) bottom right no-repeat;
    height: 49px; 
    padding: 2px 2px 10px 2px;
    margin: 0 10px 10px 0;
    width: 56px;
}
#featured-photos p {
    text-align: right;
}
#youtube-wrapper{
        padding: 0;
        }
    #youtube-wrapper div.youtube-holder{ }
    .youtube-image{
        text-align: center;
        padding: 5px 10px;
        background: #e0d3c2;
        margin: 0 10px 10px 0;
        }
        .youtube-image a{height: 85px; border: 0px; text-decoration: none; width: 110px; display: block; margin: 0 auto 0 auto; background-position: -10px 0;}
    .youtube-holder p {
        display: none;
        }
    #youtube-wrapper p {
        text-align: right;
        }
        #youtube-wrapper p a {
        color: #333333;
        }
        
#tagged-photos {
    background: #f2ebd9;
    border: 7px solid #ffffff;
    margin: 0 0 15px 0;
    width:453px;
    -o-box-shadow: 5px 5px 5px #bbb;
    -icab-box-shadow: 5px 5px 5px #bbb;
    -khtml-box-shadow: 5px 5px 5px #bbb;
    -moz-box-shadow: 5px 5px 5px #bbb;
    -webkit-box-shadow: 5px 5px 5px #bbb;
    box-shadow: 5px 5px 5px #bbb;
    }
    #tagged-photos h2 {
        background: #ffffff url(/i/flickr.png) center right no-repeat;
    }
#flickr-wrapper {
    background: #f2ebd9;
    padding: 10px 12px;
    }
.flickr-image {
    background: #ffffff url(/i/polaroid-corner-big-shadow.png) bottom right no-repeat;
    float: left;
    height: 120px;
    margin: 0 15px 15px 0;
    padding: 5px 5px 15px 5px;
    width: 112px;
    -o-box-shadow: 5px 5px 5px #e3dccb;
    -icab-box-shadow: 5px 5px 5px #e3dccb;
    -khtml-box-shadow: 5px 5px 5px #e3dccb;
    -moz-box-shadow: 5px 5px 5px #e3dccb;
    -webkit-box-shadow: 5px 5px 5px #e3dccb;
    box-shadow: 5px 5px 5px #e3dccb;
    }
    .flickr-image a {
        background: none;
        display: block;
        height: 100px;
        overflow: hidden;
        width: 110px;
    }
    .flickr-image img {
        background: none;
        border: 1px solid #666;
        height: 100px;
        overflow: hidden;
        width: 110px;
    }
    .span-flickr-text {
        color: #616161;
        font-size: .7em;
        text-align: center;
    }
#flickr-wrapper p {
    text-align: right;
    }
a#a-more-photos {
    color: #333333;
    }


/* div right */
#div-right{
    width: 440px;
    float:right;
    background: #f2ebd9;
    border: 7px solid #ffffff;
    margin: 0;
    -o-box-shadow: 5px 5px 5px #bbb;
    -icab-box-shadow: 5px 5px 5px #bbb;
    -khtml-box-shadow: 5px 5px 5px #bbb;
    -moz-box-shadow: 5px 5px 5px #bbb;
    -webkit-box-shadow: 5px 5px 5px #bbb;
    box-shadow: 5px 5px 5px #bbb;
    }
h2#h2-twitter {
    background: #ffffff url(/i/tweet-bird.png) 10px 10px no-repeat;
    padding: 0 0 0 70px;
    }
   
#twitter-how {
    border-bottom: 3px solid #866338;
    padding: 0 0 5px 0;
}
#twitter-how a {
    color: #ffffff;
    margin: 0 0 0 80px;
    }
#twitter-slider{
    border: 2px solid #887762;
    height: 15px;
    margin: 0 10px 10px 10px;
    }
#slider_label{
    color: #4c4d47;
    font-size: .7em;
    display: block;
    margin: 0 0 8px 40px;
    padding: 0 10px;
    
    }
.dl-tweets{
    background: url(/i/tweet-shout.png) 66px 35px no-repeat;                    
    border-bottom: 1px dashed #7b5629;
    clear: both;
    overflow: hidden;
    padding: 10px 0 10px 0;
    width: 410px;
    }
        .dl-tweets dt{display: block; width: 60px; float: left;}
                .dl-tweets dt img{border: 3px solid #FFFFFF; margin: 8px 0 0 8px;}
                .dl-tweets dd{
                    color: #666;
                    width: 290px;
                    margin: 7px 15px 0 25px;
                    min-height: 40px;
                    padding: 10px; 
                    float: right;
                    text-align: left;
                    background: #ffffff;
                    -webkit-border-radius: 10px;
                    -moz-border-radius: 10px;
                    }
                        .dl-tweets dd a{
                            color: #405f79;
                            text-decoration: none;
                            }
.hidden{display:none;}

/*footer */
footer {
    background: #b2c0cb;
    clear: both;
    color: #ffffff;
    display: block;
    font-size: .9230769em;
    height: 52px;
    margin: 50px 0 0 0;
    padding: 10px;
    }
    footer ul {
        margin: 0 auto;
        width: 962px        
    }
    footer a {
        color: #ffffff;
        text-decoration: none;
    }
    footer ul li {
        line-height: 35px;
        }
    footer ul li.copyright {
        float: left;
        width: 150px;
    }
    footer ul li.facebook {
        background: url(/i/facebook.png) no-repeat;
        float: left;        
        text-indent: 40px;
        width: 150px;
    }
    footer ul li.twitter {
        background: url(/i/twitter.png) no-repeat;
        float: left;        
        text-indent: 40px;
        width: 150px;
    }
    footer ul li#powered-by {
        background: url(/i/powered-by-mullen.png) top right no-repeat;
        float: right;
        height: 29px;
        }
        footer ul li#powered-by a {
            display: block;
            height: 30px;
            text-indent: -7000px;
            width: 160px;
        }
    
/* reusable */
.p-loader{margin-left: 12px; margin-bottom: 5px; height: 20px;}
.p-loader span{font-size: 9px; font-family: arial, verdana; font-weight: bold; display: none;color: #ffffff; }
.p-loader span img{margin-right: 5px; position: relative; top: 5px; }

#p-twitter-pager, #p-resume{font-size: 12px;  font-family: arial; color: #ffffff; padding-top: 15px; clear: both;text-align: left !important; display: block;}
        #p-resume{position: relative; top: -30px; left: 260px; display: none;}
        #p-resume a{color: #FFFFFF; text-decoration: none;}
        #p-twitter-pager a{text-decoration: none;  }
                #p-twitter-pager  .a-prev{color: #ffffff;}
                #p-twitter-pager  .a-older{ color: #99B038;}
                
.clear {
    clear: both;
}

/* For teh updateform */
.msg{color: #7B5629; font-size: 11px;}
#twitter-update-holder{margin: 10px; background-color: #FFFFFF; color: #666666; border: 1px solid #666666; padding: 8px;}
	#twitter-update-holder h3{margin-bottom: 8px; color: #666666;}
	#twitter-update-holder label{color: #666666;}

/*  Old
#p-twitter-check{margin-top: -15px; position: relative; left: -10px !important;}
#slider_label{color: #ffffff; font-size: 10px; font-family: arial; display: block; margin: 0 0 8px 0;}
#a-more-photos{width: 175px; display: block; height: 24px; text-indent: -5000px; background: url(/i/a-more-photos.png) no-repeat top left; line-height: 1px; clear: both; margin-left: 10px; margin-bottom: 20px;}
#a-more-videos{width: 170px; display: block; height: 19px; text-indent: -5000px; background: url(/i/a-more-videos.png) no-repeat top left; line-height: 1px; clear: both; margin-left: 10px; margin-bottom: 20px;}
               
        .flickr-image{height: 162px; width: 160px; text-align: center; float: left; padding-top: 5px; background: url(/i/bg_flickr.png) no-repeat top left; margin: 0px 10px 10px 10px;}
                .flickr-image a{height: 135px;  border: 0px; background-repeat: no-repeat; text-decoration: none; width: 150px; display: block; margin: 0 auto 0 auto; background-position: top center;}
        .span-flickr-text{color: #ffffff; font-size: 10px; font-weight: bold; text-transform: uppercase; font-family: arial; display: block; width: 160px; text-align: center !important; padding-top: 5px;}
        #flickr-wrapper{position: relative; top: -15px; left: -10px; border-bottom: 1px dotted #724c27;}
        #flickr-wrapper .flickr-image img{padding: 10px;  border: 0px;  margin: 0 auto 0px auto;}



.dl-tweets{width: 410px; overflow: hidden; clear: both; border-bottom: 1px dotted #dd4a04; padding: 10px 0 10px 0;}
        .dl-tweets dt{display: block; width: 60px; float: left;}
                .dl-tweets dt img{border: 3px solid #FFFFFF; margin: 8px 0 0 8px;}
                .dl-tweets dd{width: 295px; height: 60px; padding-left: 35px; padding-right: 15px; padding-top: 7px;float: right;  text-align: left; font-family: arial; color: #666666; background: url(/i/bg-dd.png) no-repeat top left; font-size: 11px; font-weight: bold;}
                        .dl-tweets dd a{color: #dd4a04; text-decoration: none;}
.hidden{display:none;}

#youtube-wrapper{margin-top: 20px; padding-top: 20px; position: relative; left: -10px; top: -55px;}
        #youtube-wrapper div.youtube-holder{width: 165px; text-align: center !important;  float: left; margin: 0px 10px 15px 0px;}
        .youtube-image{width: 100%; text-align: center;  padding-top: 8px;  padding-bottom: 8px; background: url(/i/bg-youtube-image.png) repeat top left; margin: 0px 10px 10px 10px;}
                .youtube-image a{height: 90px;  border: 0px; text-decoration: none; width: 120px; display: block; margin: 0 auto 0 auto; background-position: top center;}
        .youtube-holder p a {font-family: arial; display: block; font-size: 12px; font-weight: bold; color: #ffffff; text-decoration: none; margin-left: 10px;  }
        .middle-youtube{margin: 0 5px 0 0 !important;}

/** Contact Page **/
/*
body.modal{text-align: center;}
div#modal-container{width: 695px; font-family: arial; margin: 20px auto 0 auto; text-align: left;}
#contact-table h1{color: #463521; margin-left: 20px; margin-bottom: 0px; font-size: 24px; font-weight: bold; text-align: left; margin-bottom: 20px;}
.locations td{width: 250px;}

#row-two{margin-bottom: 20px; clear: both;}
.contact-box{ height: 200px; font-family: arial; float: left; margin: 10px 30px 50px 30px; text-align: left; }
        .contact-box img{margin-bottom: 15px;}
        .contact-box h2{color: #666666; font-size: 18px; font-family: arial; margin-top: 8px; margin-bottom: 12px;}
        .contact-box .text p{color: #666666; font-size: 12px; font-family: arial; margin-bottom: 8px;}
                .contact-box .text p a{color: #c15320; font-family: arial;}

.how-to-text{text-align: left; font-size: 13px; font-family: arial; padding: 20px;}
        .how-to-text h1{color: #342313; margin-bottom: 15px;}
*/