/* reset and clearing stuff */
* { margin:0; padding:0; }
.hidden { display: none; }
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}

.fan_box a:hover{
text-decoration: none;
}

/* hides from ie-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end hide from ie-mac */

body.refresh { background-color: #fff; font-family: verdana, arial, sans-serif; font-size:62.5%; }
div#container { width:960px; height:595px; background:transparent url(../../i/refresh/background.png) 0 0 no-repeat; margin:0 auto; margin-top:15px; position:relative; }

h1#logo { width:168px; height:65px; position:absolute; top:0; left:216px; text-indent:-9999px; overflow:hidden; }
    h1#logo a { width:168px; height:65px; display:block; background:white url(../../i/refresh/logo.png) 0 0 no-repeat; }

ul#navigation { list-style-type:none; list-style-position:outside; background-color:black; display:block; height:22px; position:absolute; right:36px; top:-8px; overflow:hidden; padding:5px 12px 0 10px; }
    ul#navigation li { float:left; font-size:1.6em; font-family:georgia, 'times new roman', serif; color:white; }
        ul#navigation li a { color:white; text-decoration:none; padding:5px; }
        ul#navigation li a:hover { color:#ff6633; }

div#content-container { width:886px; margin:0 auto; padding-top:111px; }

#sidebar { float:left; width:167px; margin-right:12px; }
	#blog { width:147px; height:256px; background-color:white; padding:25px 10px 10px; margin-bottom:20px; position:relative; }
		.blog-post { margin-bottom:15px; }
			.blog-post .date { font-family:georgia, 'times new roman', serif; color:#666666; font-size:1.2em; }
			.blog-post .title { font-family:georgia, 'times new roman', serif; color:#66b0b7; font-size:1.2em; padding-top:3px;  }
			.blog-post .title a { font-family:georgia, 'times new roman', serif; color:#66b0b7; font-size:1em; text-decoration:none; font-weight:normal!important; }
			.blog-post .title a:hover { color:#ff6633; }

	#twitter { width:147px; height:104px; background-color:white; padding:10px; position:relative; }
		#twitter p { font-family:georgia, 'times new roman', serif; font-size:1.4em; font-style:italic; color:#ccc; padding:5px; line-height:1.5em; }
			#twitter p a { color:#ccc; text-decoration:none; border-bottom:1px dotted #ff6633; }
			#twitter p a:hover { color:#666; }

#sidebar .title-box { position:absolute; top:-5px; left:15px; padding:0 4px 1px 4px; background-color:#ff6633; font-size:1em; color:white; font-family:arial, tahoma, sans-serif; font-weight:normal; }
    #sidebar .title-box a { color:white; text-decoration:none; }

#sidebar .blue { background-color:#66b0b7!important; top:-8px; }

#content { float:left; width:687px; background-color:white; padding:10px; position:relative; padding-top:10px; }
    #content .title-box { position:absolute; top:-5px; left:430px; padding:0 4px 1px 4px; background-color:#ff6633; font-size:1em; color:white; font-family:arial, tahoma, sans-serif; font-weight:normal; }
        #content .title-box a { color:white; text-decoration:none; }

    #content #slideshow { height:363px; width:397px; float:left; overflow:hidden; padding-top:10px; }
        #content #slideshow .slideshow-images { height:363px; width:397px; overflow:hidden; }
            #content #slideshow .slideshow-images li a img { border:none; }

    #content  ul.bullets { list-style-type:none; list-style-position:outside; margin-top:16px; width:36px; height:15px; margin-right:10px; display:block; float:left; }
        #content ul.bullets li { width:12px; height:10px; float:left; }
            #content ul.bullets li a { width:12px; height:15px; text-indent:-9999px; background:transparent url(../../i/refresh/slideshow_sprite.png) 0 5px no-repeat; display:block; overflow:hidden; }
            #content ul.bullets li .on { background-position: 0 -8px!important; }

        #content .image-description p { padding-top:14px; padding-bottom:7px; font-family:georgia, 'times new roman', serif; font-size:1.6em; color:#ff6633; }
        #content .image-description p a { text-decoration:none; color:#ff6633; }
        #content .image-description p a:hover { color:#333; }


    #content #work { float:left; width:286px; height:363px; margin-left:2px; padding-top:10px; }
        #content #work .promo1 { width:285px; height:117px; position:relative; background:#ccc url(../../i/refresh/itunes.png) 0 0 no-repeat; margin:0 0 5px 5px; cursor:pointer; }
            #content #work .promo1 p { position:absolute; display:inline; color:white; background-color:black; padding:5px; bottom:0; left:0; font-family:georgia, 'times new roman', serif; font-size:1.4em; }
                #content #work .promo1 p a { color:white; text-decoration:none; }
                #content #work .promo1 p a:hover { color:#ff6633; }

    #content #work .promo2 { width:285px; height:117px; position:relative; background:#ccc url(../../i/refresh/giftcardmall.png) 0 0 no-repeat; margin:0 0 5px 5px; cursor:pointer; }
        #content #work .promo2 p { position:absolute; display:inline; color:white; background-color:black; padding:5px; bottom:0; left:0; font-family:georgia, 'times new roman', serif; font-size:1.4em; }
            #content #work .promo2 p a { color:white; text-decoration:none; }
            #content #work .promo2 p a:hover { color:#ff6633; }

    #content #work .promo3 { width:285px; height:117px; position:relative; background:#ccc url(../../i/refresh/cafepress.png) 0 0 no-repeat; margin:0 0 5px 3px; border:1px solid #d8d8d8; cursor:pointer; }
        #content #work .promo3 p { position:absolute; display:inline; color:white; background-color:black; padding:5px; bottom:0; left:0; font-family:georgia, 'times new roman', serif; font-size:1.4em; }
            #content #work .promo3 p a { color:white; text-decoration:none; }
            #content #work .promo3 p a:hover { color:#ff6633; }

#contact { width:838px; background:transparent url(../../i/refresh/contact_bg.png) 0 0 repeat-x; margin:0 auto; padding:25px; }
    #contact h2 { background-color:#ff6633; color:white; padding:0 2px; font-size:1em; font-family:arial, tahoma, sans-serif; display:inline; font-weight:normal; }
    #contact h2 a { color:white; text-decoration:none; }

    #contact .address { margin-top:5px; float:left; width:200px; }
        #contact .address p { padding: 10px 0; font-family:georgia, 'times new roman', serif; font-size:1.3em; color:#666; line-height:1.7em; }
            #contact .address p a { color:#ff6633; text-decoration:none; }
            #contact .address p a:hover { color:#666; }

    #contact .links { float:left; width:122px; }
        #contact .links ul { list-style-type:none; list-style-position:outside; display:block; }
        #contact .links ul li { padding:4px 0; font-family:arial, tahoma, sans-serif; font-size:1.2em; }
        #contact .links ul li a { color:#76aeb6; text-decoration:none; }
        #contact .links ul li a:hover { color:#666; }

        #contact .links .social { margin-top:5px; }
            #contact .links .social li { height:16px; width:16px; float:left; margin-right:5px; overflow:hidden; text-indent:-9999px; }
                #contact .links .social li a { height:16px; width:16px; display:block; }
                #contact .links .social li a.facebook { background:gray url(../../i/refresh/facebook.png) 0 0 no-repeat; }
                #contact .links .social li a.twitter { background:gray url(../../i/refresh/twitter.png) 0 0 no-repeat; }
                #contact .links .social li a.flickr { background:gray url(../../i/refresh/flickr.png) 0 0 no-repeat; }
                #contact .links .social li a.tumblr { background:gray url(../../i/refresh/tumblr.gif) 0 0 no-repeat; }
                #contact .links .social li a.youtube { background:gray url(../../i/refresh/youtube.gif) 0 0 no-repeat; }

    #contact .map { float:left; width:514px; }
        #contact .map h3 { font-family:georgia, 'times new roman', serif; font-size:1.5em; color:#666; font-style:italic; }
        #contact .map .map-image { width:514px; height:153px; background:transparent url(../../i/refresh/map.png) 0 0 no-repeat; margin-top:10px; }

a.bottom-link { position:absolute; bottom:3px; right:3px; background:transparent url(../../i/refresh/arrow.png) bottom right no-repeat; padding-right:10px; text-decoration:none; font-family:georgia, 'times new roman', serif; font-size:1.2em; color:#666; font-style:italic; }
a.bottom-link:hover { color:#ff6633; }
.font-reset { font-size:62.5%; }

/* header refresh */
.header-refresh { margin-top: 15px; font-size:62.5% }
.header-refresh h2 { font-size:.95em; padding:0 2px 2px 2px; font-weight:bold;  }

.post { border-bottom:1px dashed #ccc!important; margin-bottom:20px; padding-top:0!important; font-family:georgia, 'times new roman', serif !important; }
.post p { font-size:1.2em; }
.no-border { border:none!important; }
.pagination .previous-posts-link { float:right; width:49%; text-align:right; }
.pagination .previous-posts-link a { padding-right:15px; background:transparent url(../../i/refresh/arrow-right.png) right 3px no-repeat; }
.pagination .next-posts-link { float:left; width:49%; text-align:left; }
.pagination .next-posts-link a { padding-left:15px; background:transparent url(../../i/refresh/arrow-left.png) left 3px no-repeat; }
.pagination p { font-size:.8em; }
.pagination a { color:#ff6633; text-decoration:none; }
dd a { font-weight:normal!important; }