*{margin:0;padding:0;}
body{background:#eee url(bg.jpg) no-repeat fixed center center;color:#444;font-family: Lucida sans,Arial, sans;font-size:14px;line-height:1.6em;}
ul{list-style-type:none;}
img{border:0;}

.box{position:absolute;height:530px;left:50%;top:50%;width:630px;}
.shadow{height:530px;width:630px;background:url(shadow1.png) no-repeat -35px -35px;position:absolute;top:0px;left:0px;}
.shadowfocus{height:600px;width:700px;background:url(shadow1.png) no-repeat -700px top;position:absolute;top:-35px;left:-35px;opacity:0;display:none;_background-color:#fff;}
#one,#two,#three,#four{position:absolute;opacity:.98;}
#one{margin-left:-315px;margin-top:-230px;}
#two{margin-left:-385px;margin-top:-265px;}
#three{margin-left:-245px;margin-top:-300px;}
#four{margin-top:-220px;margin-left:-145px;height:420px;}
#four .shadow, #four .shadowfocus{background-image:url(shadowflickr.png);}
#four .shadow{height:420px}
#four .shadowfocus{height:490px;}


.content{background: url(pane.jpg) no-repeat right top;position:absolute;top:15px;left:15px;width:600px;height:500px;cursor:move;opacity:1}
#four .content{height:390px;overflow:hidden;}

.scrollwrap{overflow:hidden;width:500px;height:460px;margin:0;position:absolute;top:20px;left:80px;opacity:.5;}
.dragging{}
.static{}
.dots{position:absolute;top:20px;left:-1px;background: url(dots.png);height:38px;width:40px;-webkit-border-top-right-radius:3px;-webkit-border-bottom-right-radius:3px;}
#four .dots{left:-2px;}
.icon{height:16px;width:16px;top:10px;left:12px;position:absolute;}
.twitter_com .icon{background: url(twitter2.png);}
.tumblr_com .icon{background: url(tumblr2.png);}
.delicious_com .icon{background: url(delicious2.png);}
.flickr_com .icon{background: url(flickr2.png);}
.item{margin-bottom:1em;padding-bottom:1em;clear:both;background:url(line.png) repeat-x left bottom;}
.post:hover{background: url(shade.png);-webkit-border-bottom-right-radius:3px;-webkit-border-top-right-radius:3px;-moz-border-radius-topright:3px;-moz-border-radius-bottomright:3px;}
.post{position:relative;padding:.5em 1em .5em 0;margin-bottom:4em;border-left:0px solid #ccc;padding-left:10px;}
.post .icon{left:-26px;top:.8em;}
#posts .twitter_com .icon{top:1em;}
.post h1{margin-bottom:1em;line-height:1.2em;}
.outbound{text-align:right;font-size:10px;margin-bottom:0;}
.outbound a{color:#999;border:0;}

.twitter {}
.tumblr_com .date{float:right;color:#999;margin-left:2em;margin-right:5px;}

.tumblrlist li a{padding:1em 0 1em 30px;background:url(line.png) repeat-x left bottom;display:block;font-size:12px;line-height:1.5em;border:0;}
.tumblrlist li a:hover{background:url(dots.png)}
.photo{background:url(photo.png) no-repeat 5px 17px;}
.regular{background:url(text.png) no-repeat 5px 17px;}
.quote{background:url(quote.png) no-repeat 5px 18px;}
.date{font-size:9px;text-align:right;text-transform:uppercase;margin:0 0 .5em 2em;float:right;color:#999;}
.date a{color:#999;border:0;padding:4px 6px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.date a:hover{background:url(shade.png);border:0;}
.first .tweet{font-size:32px;padding-top:5px;margin-bottom:10px;}

.tweet{margin-bottom:.5em;}

.tags{font-size:10px;text-align:right;}
.tags li{display:inline;margin-right:5px;}
.tags li a{border:0;color:#aaa;}
.tags li a:hover{color:#777;}

.scroll-pane{height:100%;overflow:hidden;cursor:auto;}
.jScrollPaneContainer {position: relative;overflow: hidden;z-index: 1;outline:none;}
.jScrollPaneTrack {position: absolute;cursor: pointer;right: 0;top: 0;background:url(shade.png);height:100%;-moz-border-radius:3px;-webkit-border-radius:3px;-moz-box-shadow:inset 0 0 3px rgba(0, 0, 0, .1);-webkit-box-shadow:inset 0 0 3px rgba(0, 0, 0, .1)}
.jScrollPaneDrag {position: absolute;background:url(drag.png) center center;cursor: pointer;overflow: hidden;-moz-border-radius:3px;-webkit-border-radius:3px;}


p{margin-bottom:1.5em;}
a{color:#666;text-decoration:none;border-bottom:1px dotted #bbb;}
a:hover{color:#000;border-bottom:1px solid #bbb;}
h1{font-weight:normal;font-size:23px;text-transform:lowercase;letter-spacing:.00em;line-height:.9em;}

h2{font-weight:normal;font-size:18px;margin-bottom:.5em;color:#888;}
#secondnav h1 a{font-size:13px;color:#999;}

#topnav{position:fixed;left:5%;top:50px;list-style-type:none;padding-right:10px;border-right:0px solid #ccc;}
#secondnav{position:fixed;left:217px;top:94px;}
.logo a{padding:12px 13px;border:0;display:block;color:#aaa;-moz-border-radius:3px;-webkit-border-radius:3px;text-align:right;outline:0;}
#secondnav .logo a{padding:10px 11px;}

.subnav .logo,.subnav .logo a{background: url(shade2.png);}

.subnav ul{margin:0;padding:0;list-style-type:none;}
.subnav ul li{padding-top:1px;}
.subnav li a{padding:5px 14px;font-size:11px;background: url(shade2.png);-moz-border-radius:3px;-webkit-border-radius:3px;display:block;border:0;color:#999;text-align:right}
.subnav li a:hover{background-color: #ddd}
.subnav{position:absolute;top:0;left:0;opacity:0;}
#view{position:fixed;left:180px;top:83px;-webkit-box-shadow:#eee 0 1px 1px,  #bbb 0 -1px 1px ;-moz-box-shadow:#eee 0 1px 1px,  #bbb 0 -1px 1px ;-webkit-border-radius:3px;-moz-border-radius:3px;left:15px;top:47%;}
#dashboard, #stream{height:24px;width:24px;text-indent:-3000px;background:url(icons.png) no-repeat 0 0;display:block;border:0;;margin-right:2px;opacity:.4;outline:0;}
#dashboard{background-position:0 0}
#stream{background-position:0 100%}
#dash #dashboard,#list #stream{opacity:1;}
#stream:hover,#dashboard:hover{opacity:.6}

.pagewrap{margin-left:22%;}
.leftcontent{width:62%;float:left;}
.leftcontentwrap{background:url(linev.png) repeat-y 0 0;padding-top:150px;max-width:800px;}
.footerwrap{background:url(linev.png) repeat-y 0 0;padding-left:20px;}
.footerwrap p{margin:0;padding:0 0 3em 0}
.rightcontent{background:url(linev.png) repeat-y 0 0;float:left;width:30%;padding-top:250px;margin-left:5%;}
.rightwrap{margin:0 20% 0 20px;text-align:left;}
.clear{clear:both;}

#pagination{margin-top:6em;}
#pagination a{-moz-border-radius:3px;padding:2px 6px;background: url(shade.png);border:0;font-size:12px;}


#sourcelist li{position:relative;padding:.5em 0;font-size:11px;}
#sourcelist li .icon{top:10px;left:0;}
#sourcelist li a{margin-left:24px;}

.post img{-webkit-box-shadow:0 0 15px rgba(0,0,0,.5);margin:10px 0;}
a.postimg {border:0;}
#breadcrumb{padding-left:10px;height:100px;}

.flickrpane{height:350px;overflow:hidden;}
.flickrlist li{position:relative;}
.flickrtitle{display:block;background:#000;opacity:.4;color:#fff;position:absolute;top:350px;left:0;width:100%;height:40px;line-height:40px;text-indent:20px;}

.button{-webkit-box-shadow:#eee 0 1px 0px,  #bbb 0 -1px 0px ;-moz-box-shadow:#eee 0 1px 0px,  #bbb 0 -1px 0px ;-webkit-border-radius:3px;-moz-border-radius:3px;background:url(button.gif) repeat-x left bottom;padding:7px 14px;border:0;color:#333;}
.button:hover{color:#000;border:0;}
.action{padding:20px 0 80px;text-align:center;}