#media { float: left; margin-top: 10px; display: inline; } #media.photos { border-bottom: 1px dotted #000000; } #media.photos div.media_container { background: black; padding: 10px 0px 10px 0px; } #media div.media_container { float: left; margin-bottom: 10px; text-align: center; width: 620px; } #media.photos div.media_details { height: auto; min-height: 315px; padding-bottom: 2.2em; padding-top: 2.2em; padding-left: 2.6em; } #media div.media_details { float: right; position: relative; width: 320px; } #media div.media_details h1 { margin-bottom: 0.5em; padding-bottom: 0px; color: black; font-size: 210%; line-height: 1.1em; } #media div.media_details p { line-height: 1.4em; margin-bottom: 0.5em; font-size: 150%; } #media div.media_details li { font-weight: bold; margin-bottom: 0.25em; } #media div.media_details li.date { border-bottom: 1px dotted rgb(0, 0, 0); color: rgb(204, 204, 204); padding-bottom: 10px; font-size: 105%; } #media div.media_details ul.share { color: rgb(153, 153, 153); } #media div.media_details ul.share li { float: left; height: 17px; margin: 0px 0px 0px 5px; overflow: hidden; width: 16px; } #media div.media_details ul.share li.title { margin: 0px; width: 8em; } #media div.media_details ul.top { left: 0px; position: absolute; top: 0px; padding: 0px 5px 0px 2.6em; margin-bottom: 0px; height: 0px; font-weight: bold; width: 320px; } #media div.media_details ul.top li.count { width: 100%; border-top: 1px dotted #000000; margin-right: 10px; padding-top: 3px; float: left; font-size: 105%; } #media div.media_details ul.socialNetworkSmall { float: left; width: 320px; padding: 0px 5px 0px 2.0em; } .widget #left { float: left; width: 600px; } .widget #right { float: right; width: 350px; } .widget #right .adv300x250 { text-align: center; margin: 20px 0; } /*------------------------------------------------- SPECIAL NEWS (component) s:specialNews.phtml -------------------------------------------------*/ ul.photosMedium { margin: 2em 0 0 0; overflow: hidden; font-size: 18px; line-height: 1.28; } ul.photosMedium li { position: relative; display: block; float: left; width: 48%; margin: 0px 10px 10px 0; border-bottom: 1px dotted #DCDCDC; padding: 0 0 10px 0; } ul.photosMedium li div.pmContainer { padding: 0 0px 0 95px; height: 85px; } ul.photosMedium strong a { color: #d00000; font-weight: 500;} ul.photosMedium strong a:hover { color: #d00000; text-decoration: underline; } ul.photosMedium strong span.artImage { float: left; margin: 0 0 0 -95px; border: 1px solid #DCDCDC; padding: 1px; cursor: pointer; width: 80px; height: 80px;} .artImageContent { overflow: hidden; width: 80px; height: 80px; display: block;} ul.photosMedium div.pmContainer p strong { display: inline; border: 0; } ul.photosMedium p.info { padding: 0px 0; color: #999999; font-size: 14px; margin:0; font-style: italic; } ul.paginator { font-size: 12px; margin: 10px 0px 10px 0px; overflow: hidden; } ul.paginator * { color: #fff; text-decoration: none; } ul.paginator li { background: #000; color:#fff; text-align: center; margin: 0; padding: 10px 8px 6px 8px; width: 20px; height: 20px; display: inline; float: left !important; } ul.paginator li.next { float: right !important; } ul.paginator li:hover { background: #CC0000; cursor: pointer; } ul.paginator li.current { background: #CC0000; } ul.paginator li img, ul.paginator li img a { margin: -4px 0 0 -2px; } ul.paginator li a { text-decoration: none; color: #ffffff !important; } ul.paginator li a:hover { text-decoration: none; color: #ffffff; } ul.paginator li.control { background: #333; font-size: 14px; } .arrow{display:block;width:26px;height:80px;background: url(images/strip_left_right.png) no-repeat;position:absolute;top:0px;text-indent:-9999px;} .arrow.prev{background-position:2px 10px;left:0px;} .arrow.next{background-position:2px -50px;right:0px;} .arrow:hover{filter:alpha(opacity=50);-khtml-opacity:0.5;-moz-opacity:0.5;opacity:0.5;} .col { float: left; position: relative; } .specialbox { border: 1px solid #D9D9D9; background: white url("http://www.105.net/mutado/images/specialbox_bottom.png") repeat-x scroll bottom left transparent; } .specialbox.twocol { width: 612px; } .twocol#photogallery .title{margin-bottom:22px;} .twocol#photogallery .left{float:left;width:312px;margin-top:-22px;} .twocol#photogallery .preview{position:relative;width:300px;height:300px;float:left;background:#000;position:relative;margin-top:-22px;z-index:0;} .twocol#photogallery .preview .label_new{position:absolute;top:0;right:0;width:60px;height:60px;background:url(images/sprite_virgin.png) no-repeat;background-position:0px 0px;display:none;} .twocol#photogallery .preview .img_preview li{position:absolute;top:0;left:0;display:none;} .twocol#photogallery .desc{position:relative;background:#d9d9d9;padding:24px 14px 12px;width:284px;} .twocol#photogallery .desc h2{font-size:19px;font-weight:bold;line-height:19px;margin-bottom:16px;} .twocol#photogallery .desc h2 a{color:#000;} .twocol#photogallery .desc .photogallery_button{display:block;text-indent:-9999px;width:144px;height:30px;background:url(images/sprite_virgin.png) no-repeat;background-position:0px 0px;} .twocol#photogallery .desc .photogallery_button:hover{background-position:-302px -305px;} .twocol#photogallery .desc .arrow{bottom:17px;} .twocol#photogallery .desc .arrow.next{right:16px;} .twocol#photogallery .desc .arrow.prev{right:53px;} .twocol#photogallery .bottom_photogallery{height:146px;background:#000;padding-left:14px;padding-top:11px;width:298px;} .twocol#photogallery .bottom_photogallery h2{color:#d9d9d9;font-size:16px;text-transform:uppercase;font-weight:bold;letter-spacing:-0.5px;margin-bottom:20px;} .twocol#photogallery .bottom_photogallery .carousel_thumbs{margin:0 auto;} .twocol#photogallery .bottom_photogallery .carousel_thumbs li{float:left;position:relative;margin-right:10px;margin-bottom:10px;} .twocol#photogallery .bottom_photogallery .carousel_thumbs li .square_selected{position:absolute;top:0;left:0;height:60px;width:60px;background:url(images/sprite_virgin.png) no-repeat;background-position:0 0;} .twocol#photogallery { margin-bottom:0px;border-bottom:0px;} .twocol#photogallery .specialbox.twocol .special_body { width: 600px;} .photogallery_wrapper { height:none;} .twocol#photogallery .bottom_photogallery { width: 614px; height:70px; padding-left:0px;float:left;margin-left:-1px;} .twocol#photogallery .desc {width: 500px; background:none; padding:10px 15px 20px 15px; position:relative;float:left; } .twocol#photogallery .fbwrapper {width: 50px; background:none; padding-top:15px; position:relative;float:left; } .twocol#photogallery .preview { width: 583px; height: 300px; margin-top:13px; margin-left:14px; } .twocol#photogallery .preview ul { width: 583px !important;} .twocol#photogallery .desc h2 {width: 483px;} .twocol#photogallery .desc h4.desc_preview {width: 483px; font-size:14px; line-height: 20px;} .twocol#photogallery .desc h2 a { margin-top:10px;} .twocol#photogallery .bottom_photogallery .carousel_thumbs {overflow:hidden; height: 70px;position: absolute;} .twocol#photogallery .bottom_photogallery .carousel_thumbs li {margin-right: 10px; text-align:center;} .twocol#photogallery .bottom_photogallery .carousel_thumbs li a img {width:60px; height:60px;} .twocol#photogallery .bottom_photogallery .slider_wrapper { overflow: hidden; position: relative; width: 550px; height: 70px; margin: 0 auto; } .twocol#photogallery .bottom_photogallery .slider_wrapper ul {width: 583px;} #photolist { margin-bottom:0;border-bottom:none;} #photolist .title { background:#FFFFFF;border-bottom: none;margin-bottom: 0px;margin-top: 10px; text-indent: 0px;} #photolist .title h2 {font-size: 29px;top:10px;} #photolist { margin-bottom:0;border-bottom:none;} #photolist .title { background:#FFFFFF;border-bottom: none;margin-bottom: 0px;margin-top: 10px; text-indent: 0px;} #photolist .title h2 {font-size: 29px;top:10px;} #photolist .first{width:578px;margin:0px auto;padding-bottom:12px;padding-top:3px;} #photolist .first li{width:180px;height:220px;float:left;position:relative;margin-bottom:14px;} #photolist .hoverable .mask { position:absolute;} #photolist .first li a.thumb { position:relative; overflow:hidden; display: block; width: 180px; height: 120px;} #photolist .first li a.masck { position:absolute; } #photolist .first li img{display:block;margin-top:10px;margin-bottom:10px;} #photolist .first li h5{font-size:14px;color: #0F6099;font-weight:bold;letter-spacing:-0.5px;margin-bottom:5px;} #photolist .first li h3{font-size:16px;color:#000;font-weight:bold;letter-spacing:-0.5px;margin-bottom:5px;margin-top:5px;} #photolist .first li h3 a{font-size:16px;line-height:18px;color:#000;font-weight:bold;letter-spacing:-0.5px;} #photolist .first li p {font-size:12px;letter-spacing:-0.4px;line-height:15px;padding-right:12px;color:gray;padding:0px;margin:0px;} #photolist .first li p a{color:#000;} #photolist .first li.left{margin-right:19px;} #photolist .first .labels{position:absolute;right:0px;top:2px;} #photolist .first .labels li{float:left;width:30px;height:45px;margin-right:7px;} #photolist .first .labels li span{display:block;width:100%;height:100%;background:url(http://www.105.net/mutado/images/sprite_105.png) no-repeat;text-indent:-9999px;} #photolist .specialbox .title a.previous, #photolist .specialbox .title a.next {float: right;position: relative;right: 15px;top: 12px;color: #4C4C4C;text-transform: uppercase;font-size: 13px;font-weight: bold;display: block;height: 13px;padding-left: 11px;letter-spacing: -0.4px; } #photolist a.number { background:none; } #photolist a.number.current { color: #0F6099; font-size:17px; top: 10px; } #photolist a.previous { background: url(../images/triangle3.png) no-repeat left center; } #photolist a.next { padding-left: 11px; padding-right: 11px; background: url(http://www.105.net/mutado/images/triangle1.png) no-repeat right center; } #photolist li dl { padding-left: 0px; position:absolute; top:190px;} #photolist li dl dt {width: 19px;height: 11px;background: url(http://www.105.net/mutado/images/sprite_105.png) no-repeat;background-position: -605px -71px;float: left;margin-right: 6px;margin-top: 4px;} #photolist li dl dd {float: left;font-size: 12px;color: gray;padding: 2px 14px 2px 0px;margin:0px;} #photolist li dl dd + dd { padding-left: 14px; } #virginTop20 { margin: 0 0 -20px 0; width: 320px; } #right #virginTop20 .column.grid_3 { margin: 0px 0px 0px 0px; width: 320px; } #right #virginTop20 .column.grid_3 div.albumMedium div { display: inline; float: left; position: relative; width: 320px; } #right #virginTop20 div.albumMedium div div.resContainer { padding: 0px 0px 0px 93px; width: 250px !important; border-bottom: 1px dotted #dcdcdc; } #right #virginTop20 .column.grid_3 div.albumMedium div.resContainer a { color: black; } #right #virginTop20 div.albumMedium div.resContainer span.albumCover { display: inline; float: left; margin: 0px 0px 0px -83px; } #right #virginTop20 div.albumMedium span.coverMedium img.art { clip: rect(0px 90px 90px 0px); left: 41px; top: 2px; } #right #virginTop20 div.albumMedium span.albumCover span.jewelcase { background-position: 0% 0%; background-repeat: no-repeat; display: block; left: 34px; position: absolute; top: 0px; } #right #virginTop20 div.albumMedium span.albumCover span.position { background-position: 0% 0%; background-repeat: no-repeat; display: block; left: 0px; position: absolute; top: 0px; } #right #virginTop20 span.moduleOptions a { color: black; font-weight: bold; font-size: 14px; } .webradio { width: 320px; padding: 0px; } .webradio ul.webradioSmall {margin:20px 0px 0px 0px;} .webradio ul.webradioSmall li { border: none; text-align: center; } .content-footer ul.pagination li.page-num .page, .content-footer ul.pagination li a { font-size: 14px;} .content-footer ul.pagination { float: right; display: block; margin: 0; margin-right: 15px; text-align: center; }