width:200px;overflow:hidden; background-color:#df3535; position:absolute; margin-left:530px; -o-border-radius: 3px -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2); box-shadow: 0px 0px 5px rgba(0,0,0,0.2); background-color:rgba(255,255,255,0.5); background-color:rgba(0,0,0,0.8); } .portrait {-o-border-radius: 3px-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} #entry {background-color: #df3535;width:500px;padding:10px;margin:10px 0; -o-border-radius: 3px-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; background-color:rgba(255,255,255,0.5); background-color:rgba(0,0,0,0.8); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px rgba(0,0,0,0.2); overflow:hidden;} #entry img{max-width:460px;height:auto;} #entry_photo {background-color: #df3535;width:500px;padding:0px;margin:10px 0; -o-border-radius: 3px-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; background-color:rgba(255,255,255,0.5); background-color:rgba(0,0,0,0.8); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px rgba(0,0,0,0.2);overflow:hidden;} h1{font-family: 'Yanone Kaffeesatz', sans-serif; font-size: 30px;font-style:normal; line-height: 25px;font-weight:normal; color: #f10ef1;} blockquote{ margin:3px 10px; color: #f1f0e6; padding: 10px;} div.post div.conversation ul { list-style-type:none;} ol.notes { padding: 0px; font-weight:normal; margin: 0px 0px; list-style-type: none !important; border-bottom: 0px; margin-left: 0px; text-align: left;} ul {list-style-type:bullet;} ul:hover {color: #999;} ol {list-style-type: upper-roman;} ul:hover {color: #999;} .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label, .user_7 .label, .user_8 .label, .user_9 .label {font-weight:normal;} #answer{ margin-top: 8px; margin-left: -34px;} .title{ font-family: 'Yanone Kaffeesatz', sans-serif; font-size: 30px;font-style:normal; line-height: 25px; color: #f10ef1;} .title2{font-style:normal; font-family: 'Yanone Kaffeesatz', sans-serif; font-size:16px;display:block; padding:5px 10px;margin:3px 0;width:auto; background-color:rgba(0,0,0,0.1);color:#f10ef1; background-color:rgba(0,0,0,0.3); background-color:rgba(255,255,255,0.5); -o-border-radius: 3px -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;} .title2:hover{background-color:rgba(0,0,0,0);color:#438596; background-color:rgba(0,0,0,0); background-color:rgba(255,255,255,0); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;} .title2 a:hover{color: #438596; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;} .title3{ font-family: 'Yanone Kaffeesatz', sans-serif; font-size:18px;display:block; padding:5px 10px;margin:3px 0;width:auto; background-color:rgba(0,0,0,0.1);color:#f10ef1; background-color:rgba(0,0,0,0.5); background-color:rgba(255,255,255,0.5); -o-border-radius: 3px -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;} .title3:hover{color:#f10ef1;} .quotesymbols{ font-size: 30px; opacity: 0.5; line-height: -10px;} .title4{font-style:normal; font-family: 'Yanone Kaffeesatz', sans-serif; font-size:13px;display:block; padding:3px 6px;margin:3px 0;width:auto; background-color:rgba(0,0,0,0.1);color:#f10ef1; background-color:rgba(0,0,0,0.3); background-color:rgba(255,255,255,0.5); -o-border-radius: 3px -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .title5{ font-family: 'Yanone Kaffeesatz', sans-serif; font-size:17px;display:block;margin:3px 0;color:#f10ef1;} .permalink{ height:auto; margin-top:10px; padding:5px 0; text-align:center; overflow:hidden;display: none;} #photo {width:500px;overflow:hidden;} #photo img {max-width:500px;display:block;-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; -o-border-radius: 3px -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } div#photo div#picture {position:relative;} div#photo div#picture div#info { position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; background:rgba(255,255,255,0.5); visibility:hidden;z-index:998;text-align:center; -o-border-radius: 3px -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;} div#photo:hover div#picture div#info { opacity:1;-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;} div#photo div#picture div#info div#holder { position:absolute; width:500px;top:50%; height:auto; text-align:center; z-index:999; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;} div#photo div#picture div#info div#holder a,div#photo div#picture div#info div#holder a:hover { text-decoration:none;} div#photo div#picture div#info div#holder span#day { font-size:30px; line-height:15px;} div#photo div#picture div#info div#holder span#month { font-size:10px;color:white; text-transform:uppercase;} div#photo div#picture div#info div#holder span#month a {color:white;} div#photo div#picture div#info div#holder span#month a:hover {color:white;} div#photo div#picture div#info div#holder span#note_count { font-weight:normal;font-family: 'arial', sans-serif; letter-spacing: -1px;color:white; line-height: 10px;letter-spacing:-2px; font-size:30px;font-weight:bold; text-transform:uppercase;} div#photo div#picture div#info div#holder span#note_count a {color:white;} div#photo div#picture div#info div#holder span#note_count a:hover{color:white;} div#photo div#picture:hover div#info { visibility:visible;} div#shadowphoto{ text-shadow: 0 0 3px rgba(0,0,0,0.4);} .permalink_button{ background-color:rgba(255,255,255,0.7);border:1px solid rgba(255,255,255,0.5);color:#888;padding:2px 5px;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:3px;border-radius:2px;} .permalink_button a{ color:#888;} .permalink_button a:hover{ color:#888;} #permalink_button a:hover{ color:#888;} .chat {margin-left:-40px;margin-top:0px;} .chat li {padding:5px;list-style-type:none; -o-border-radius: 3px -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .chat li:nth-child(even) {background-color:rgba(0,0,0,0.1);color:#f1f0e6;background-color:rgba(0,0,0,0.5); background-color:rgba(255,255,255,0.5);} .audio {width:auto;padding:5px;background-color:white; opacity:0.5; background-color:black;opacity:0.5; -o-border-radius: 3px -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #photosidebaradd{ margin-top: -100px; margin-left: -30px;} div.padd { line-height: 11px; padding-top: 0px; padding-left: 5px; margin: 0px;} .album_art { width:500px; margin-bottom:10px; border-radius: 3px; } .twitter{ padding: 10px; background-color: #df3535; width:200px;color:#f1f0e6; position:absolute; margin-left:0px; -o-border-radius: 3px -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color:rgba(255,255,255,0.5); background-color:rgba(0,0,0,0.8); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2); box-shadow: 0px 0px 5px rgba(0,0,0,0.2); } .twitter:hover {color:#f1f0e6;} ul#twitter_update_list{ color:#f1f0e6; list-style:none; margin-left:-40px; margin-top:5px; margin-bottom:-2px;} ul#twitter_update_list li{ margin:2.5px 0; padding:7px; -o-border-radius: 3px -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } ul#twitter_update_list li:nth-child(even) { background-color:rgba(255,255,255,0.5); background-color:rgba(0,0,0,0.8); color:#f1f0e6; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;} ul#twitter_update_list li:hover:nth-child(even) { background-color:rgba(255,255,255,0); background-color:rgba(0,0,0,0); color:#f1f0e6; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;} ul#twitter_update_list li span{ display:block; line-height:13px; color:#f1f0e6;}