/* ---------------------------------------------------- Section ----------------------------------------------------- */ #main div.section { overflow:hidden; margin:0 0 40px 0; width:100%; } #main div.section:last-child { margin-bottom:0; } #main div.section-bottom { margin-bottom:0; } #main div.section div.header { margin:0 0 20px 0; padding:0 0 10px 0; border-bottom:1px dotted; } #main div.section div.header-no-border { margin:0 0 5px 0; border-bottom:none; } #main div.section div.header h2 { text-transform: uppercase; margin:0; font-size:12px; font-weight:normal; letter-spacing:2px; } #main div.section-relative { position:relative; } #main div.compound-group { position:relative; } #main div.compound-group select.compound-switcher { position:absolute; top:0; right:0; } #main div.compound-group div.section:last-child { margin-bottom:40px; } /* ---------------------------------------------------- Blog ----------------------------------------------------- */ #main ul.blog li { overflow:hidden; margin:0 0 30px 0; padding:0 0 30px; border-bottom:1px dotted; } #main ul.blog li:last-child { margin:0; padding:0; border-bottom:none; } #main ul.blog li a.date { display:block; margin:0 0 10px 0; } #main ul.blog li div.content { word-wrap:break-word; } #main ul.blog li div.content h3 { margin:0 0 10px 0; font-weight:normal; } #main ul.blog li div.content p { margin:0 0 10px 0; } #main ul.blog li div.content blockquote { margin:20px 0 20px 20px; padding:0 0 0 15px; border-left:1px dotted; } #main ul.blog li div.content blockquote.quote { margin:0 0 10px 20px; padding:0; border:none; } #main ul.blog li div.content img { display:block; margin:10px 10px 10px 0; width:auto !important; height:auto !important; } #main ul.blog li div.content a.image { display:block; margin:0 0 20px 0; } #main ul.blog li div.content embed, #main ul.blog li div.content object { display:block; margin:0 0 20px 0; } #main ul.blog li div.content ul { margin:20px 0 20px 30px; list-style:square; } #main ul.blog li div.content ol { margin:20px 0 20px 30px; } #main ul.blog li div.content li { overflow:visible !important; margin:0 0 10px 0; padding:0; border:none; } #main ul.blog li div.content pre { overflow:auto; } #main ul.blog li div.content div.body h1, #main ul.blog li div.content div.body h2, #main ul.blog li div.content div.body h3, #main ul.blog li div.content div.body h4, #main ul.blog li div.content div.body h5, #main ul.blog li div.content div.body h6 { font-weight:normal; margin:0 0 10px 0; } #main ul.blog li div.content div.body-last { margin:10px 0 0 0; } #main ul.blog li div.content div.feedflare { display:none; } #main ul.blog li div.content div.zemanta-pixie { display:none; } /* Panel width / 820 */ #main div.width-820 ul.blog { font-size:14px; line-height:20px; } #main div.width-820 ul.blog li a.date { float:left; margin:0 10px 0 0; width:180px; } #main div.width-820 ul.blog li div.content { float:right; width:610px; } #main div.width-820 ul.blog li div.content h3 { font-size:24px; line-height:32px; } #main div.width-820 ul.blog li div.content blockquote.quote { font-size:24px; line-height:32px; } #main div.width-820 ul.blog li div.content img { max-width:610px; } #main div.width-820 ul.blog li div.content div.body h1 { font-size:18px; line-height:24px; } #main div.width-820 ul.blog li div.content div.body h2, #main div.width-820 ul.blog li div.content div.body h3, #main div.width-820 ul.blog li div.content div.body h4, #main div.width-820 ul.blog li div.content div.body h5, #main div.width-820 ul.blog li div.content div.body h6 { font-size:14px; line-height:20px; } /* Panel width / 580 */ #main div.width-580 ul.blog { font-size:14px; line-height:20px; } #main div.width-580 ul.blog li div.content h3 { font-size:24px; line-height:32px; } #main div.width-580 ul.blog li div.content blockquote.quote { font-size:24px; line-height:32px; } #main div.width-580 ul.blog li div.content img { max-width:580px; } #main div.width-580 ul.blog li div.content div.body h1, #main div.width-580 ul.blog li div.content div.body h2, #main div.width-580 ul.blog li div.content div.body h3, #main div.width-580 ul.blog li div.content div.body h4, #main div.width-580 ul.blog li div.content div.body h5, #main div.width-580 ul.blog li div.content div.body h6 { font-size:14px; line-height:20px; } /* Panel width / 460 */ #main div.width-460 ul.blog { font-size:14px; line-height:20px; } #main div.width-460 ul.blog li div.content h3 { font-size:18px; line-height:24px; } #main div.width-460 ul.blog li div.content blockquote.quote { font-size:18px; line-height:24px; } #main div.width-460 ul.blog li div.content img { max-width:460px; } #main div.width-460 ul.blog li div.content div.body h1, #main div.width-460 ul.blog li div.content div.body h2, #main div.width-460 ul.blog li div.content div.body h3, #main div.width-460 ul.blog li div.content div.body h4, #main div.width-460 ul.blog li div.content div.body h5, #main div.width-460 ul.blog li div.content div.body h6 { font-size:14px; line-height:20px; } /* Panel width / 340 */ #main div.width-340 ul.blog { font-size:14px; line-height:20px; } #main div.width-340 ul.blog li div.content h3 { font-size:18px; line-height:24px; } #main div.width-340 ul.blog li div.content blockquote.quote { font-size:18px; line-height:24px; } #main div.width-340 ul.blog li div.content img { max-width:340px; } #main div.width-340 ul.blog li div.content div.body h1, #main div.width-340 ul.blog li div.content div.body h2, #main div.width-340 ul.blog li div.content div.body h3, #main div.width-340 ul.blog li div.content div.body h4, #main div.width-340 ul.blog li div.content div.body h5, #main div.width-340 ul.blog li div.content div.body h6 { font-size:14px; line-height:20px; } /* ---------------------------------------------------- Links ----------------------------------------------------- */ #main ul.links li { overflow:hidden; margin:0 0 20px 0; padding:0 0 20px; border-bottom:1px dotted; } #main ul.links li.last { margin:0; padding:0; border-bottom:none; } #main ul.links li h3 { margin:0 0 10px 0; font-weight:normal; } #main ul.links li div.body { margin:0 0 10px 0; } #main ul.links li div.details { margin:0; } /* Panel width / 820 */ #main div.width-820 ul.links li { position:relative; padding-left:210px; } #main div.width-820 ul.links h3 { font-size:24px; line-height:32px; } #main div.width-820 ul.links div.body { font-size:14px; line-height:20px; } #main div.width-820 ul.links div.details { position:absolute; top:0; left:0; width:190px; font-size:12px; line-height:18px; } /* Panel width / 580 */ #main div.width-580 ul.links h3 { font-size:24px; line-height:32px; } #main div.width-580 ul.links div.body { font-size:14px; line-height:20px; } #main div.width-580 ul.links div.details { font-size:12px; line-height:18px; } /* Panel width / 460 */ #main div.width-460 ul.links h3 { font-size:18px; line-height:24px; } #main div.width-460 ul.links div.body { font-size:14px; line-height:20px; } #main div.width-460 ul.links div.details { font-size:12px; line-height:18px; } /* Panel width / 340 */ #main div.width-340 ul.links h3 { font-size:18px; line-height:24px; } #main div.width-340 ul.links div.body { font-size:14px; line-height:20px; } #main div.width-340 ul.links div.details { font-size:12px; line-height:18px; } /* ---------------------------------------------------- Data ----------------------------------------------------- */ #main div.data { overflow:hidden; width:100%; } #main div.data div.datum { float:left; margin:0 20px 0 0; padding:10px; text-align:center; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; } #main div.data div.datum-last { margin-right:0; } #main div.data div.datum div.number { margin:0; } #main div.data div.datum div.label { margin:0; } /* Panel width / 820 */ #main div.width-820 div.data div.datum div.number { font-size:52px; } #main div.width-820 div.data div.datum div.label { font-size:14px; line-height:20px; } #main div.width-820 div.data-grid-4 div.datum { width:170px; } /* Panel width / 580 */ #main div.width-580 div.data div.datum div.number { font-size:32px; } #main div.width-580 div.data div.datum div.label { font-size:12px; line-height:18px; } #main div.width-580 div.data-grid-4 div.datum { width:110px; } /* Panel width / 460 */ #main div.width-460 div.data div.datum div.number { font-size:32px; } #main div.width-460 div.data div.datum div.label { font-size:12px; line-height:18px; } #main div.width-460 div.data-grid-4 div.datum { width:80px; } /* Panel width / 340 */ #main div.width-340 div.data div.datum div.number { font-size:24px; } #main div.width-340 div.data div.datum div.label { font-size:12px; line-height:18px; } #main div.width-340 div.data-grid-4 div.datum { width:60px; } /* ---------------------------------------------------- Gallery ----------------------------------------------------- */ #main div.gallery div.images-large { display:block; overflow:hidden; } #main div.gallery div.images-large div.large-image { position:relative; } #main div.gallery div.images-large div.large-image .thumbnail { overflow:hidden; display:table-cell !important; vertical-align:middle; text-align:center; } #main div.gallery div.images-large div.large-image .thumbnail img { display:block; margin:auto; border:none; } #main div.gallery div.images-large div.large-image a.next { display:none; position:absolute; top:50%; right:15px; padding:0; } #main div.gallery div.images-large div.large-image a.prev { display:none; position:absolute; top:50%; left:15px; padding:0; } #main div.gallery div.clips-large { display:block; position:relative; } #main div.gallery div.clips-large div.large-clip { overflow:hidden; display:block; } #main div.gallery div.thumbnails { margin:20px 0 0 0; } #main div.gallery div.thumbnails:first-child { margin:0; } #main div.gallery div.thumbnails .gallery-grid { overflow:hidden; } #main div.gallery div.images-navigation { overflow:hidden; margin:20px 0 0 0; } #main div.gallery div.images-navigation a.next { float:right; } #main div.gallery div.images-navigation a.prev { display:none; float:left; } #main div.gallery-grid { overflow:hidden; margin:0 -20px 0 0; } #main div.gallery-grid div.item { float:left; margin:0 20px 20px 0; } #main div.gallery-grid div.item .thumbnail { overflow:hidden; display:block; } #main div.gallery-grid div.item .thumbnail img { display:block; width:100%; height:auto; margin:auto; } #main div.gallery-grid div.item div.details { overflow:hidden; margin:10px 0 0 0; width:100%; height:20px; } #main div.gallery-grid div.item div.details div.title { float:left; width:70%; } #main div.gallery-grid div.item div.details div.detail { float:right; width:30%; text-align:right; } /* Panel width / 820 */ #main div.width-820 div.gallery div.images-navigation { font-size:14px; line-height:20px; } #main div.width-820 div.gallery div.images-large div.large-image { width:820px; height:615px; } #main div.width-820 div.gallery div.images-large div.large-image .thumbnail { width:820px; height:615px; } #main div.width-820 div.gallery div.images-large div.large-image .thumbnail img { max-width:820px; max-height:615px; } #main div.width-820 div.gallery div.images-large div.large-image a.next { font-size:14px; line-height:20px; } #main div.width-820 div.gallery div.images-large div.large-image a.prev { font-size:14px; line-height:20px; } #main div.width-820 div.gallery div.clips-large div.large-clip { width:820px; height:461px; } #main div.width-820 div.gallery-grid-2 div.item { width:400px; } #main div.width-820 div.gallery-grid-2 div.item .thumbnail { width:400px; height:400px; } #main div.width-820 div.gallery-grid-2-short div.item .thumbnail { height:300px; } #main div.width-820 div.gallery-grid-2-tall div.item .thumbnail { height:540px; } #main div.width-820 div.gallery-grid-3 div.item { width:260px; } #main div.width-820 div.gallery-grid-3 div.item .thumbnail { width:260px; height:260px; } #main div.width-820 div.gallery-grid-3-short div.item .thumbnail { height:195px; } #main div.width-820 div.gallery-grid-3-tall div.item .thumbnail { height:350px; } #main div.width-820 div.gallery-grid-4 div.item { width:190px; } #main div.width-820 div.gallery-grid-4 div.item .thumbnail { width:190px; height:190px; } #main div.width-820 div.gallery-grid-4-short div.item .thumbnail { height:142px; } #main div.width-820 div.gallery-grid-4-tall div.item .thumbnail { height:250px; } #main div.width-820 div.gallery-grid-6 div.item { width:120px; } #main div.width-820 div.gallery-grid-6 div.item .thumbnail { width:120px; height:120px; } #main div.width-820 div.gallery-grid-6-short div.item .thumbnail { height:90px; } #main div.width-820 div.gallery-grid-6-tall div.item .thumbnail { height:160px; } #main div.width-820 div.gallery-grid-8 div.item { width:85px; } #main div.width-820 div.gallery-grid-8 div.item .thumbnail { width:85px; height:85px; } #main div.width-820 div.gallery-grid-8-short div.item .thumbnail { height:63px; } #main div.width-820 div.gallery-grid-8-tall div.item .thumbnail { height:115px; } #main div.width-820 div.gallery-grid-12 div.item { width:50px; } #main div.width-820 div.gallery-grid-12 div.item .thumbnail { width:50px; height:50px; } #main div.width-820 div.gallery-grid-12-short div.item .thumbnail { height:37px; } #main div.width-820 div.gallery-grid-12-tall div.item .thumbnail { height:70px; } #main div.width-820 div.gallery-grid div.item div.details { font-size:14px; line-height:20px; } /* Panel width / 580 */ #main div.width-580 div.gallery div.images-navigation { font-size:14px; line-height:20px; } #main div.width-580 div.gallery div.images-large div.large-image { width:580px; height:435px; } #main div.width-580 div.gallery div.images-large div.large-image .thumbnail { width:580px; height:435px; } #main div.width-580 div.gallery div.images-large div.large-image .thumbnail img { max-width:580px; max-height:435px; } #main div.width-580 div.gallery div.images-large div.large-image a.next { font-size:14px; line-height:20px; } #main div.width-580 div.gallery div.images-large div.large-image a.prev { font-size:14px; line-height:20px; } #main div.width-580 div.gallery div.clips-large div.large-clip { width:580px; height:326px; } #main div.width-580 div.gallery-grid-2 div.item { width:280px; } #main div.width-580 div.gallery-grid-2 div.item .thumbnail { width:280px; height:280px; } #main div.width-580 div.gallery-grid-2-short div.item .thumbnail { height:210px; } #main div.width-580 div.gallery-grid-2-tall div.item .thumbnail { height:380px; } #main div.width-580 div.gallery-grid-3 div.item { width:180px; } #main div.width-580 div.gallery-grid-3 div.item .thumbnail { width:180px; height:180px; } #main div.width-580 div.gallery-grid-3-short div.item .thumbnail { height:135px; } #main div.width-580 div.gallery-grid-3-tall div.item .thumbnail { height:240px; } #main div.width-580 div.gallery-grid-4 div.item { width:130px; } #main div.width-580 div.gallery-grid-4 div.item .thumbnail { width:130px; height:130px; } #main div.width-580 div.gallery-grid-4-short div.item .thumbnail { height:97px; } #main div.width-580 div.gallery-grid-4-tall div.item .thumbnail { height:170px; } #main div.width-580 div.gallery-grid-6 div.item { width:80px; } #main div.width-580 div.gallery-grid-6 div.item .thumbnail { width:80px; height:80px; } #main div.width-580 div.gallery-grid-6-short div.item .thumbnail { height:60px; } #main div.width-580 div.gallery-grid-6-tall div.item .thumbnail { height:105px; } #main div.width-580 div.gallery-grid-8 div.item { width:55px; } #main div.width-580 div.gallery-grid-8 div.item .thumbnail { width:55px; height:55px; } #main div.width-580 div.gallery-grid-8-short div.item .thumbnail { height:41px; } #main div.width-580 div.gallery-grid-8-tall div.item .thumbnail { height:75px; } #main div.width-580 div.gallery-grid div.item div.details { font-size:14px; line-height:20px; } /* Panel width / 460 */ #main div.width-460 div.gallery div.images-navigation { font-size:14px; line-height:20px; } #main div.width-460 div.gallery div.images-large div.large-image { width:460px; height:345px; } #main div.width-460 div.gallery div.images-large div.large-image .thumbnail { width:460px; height:345px; } #main div.width-460 div.gallery div.images-large div.large-image .thumbnail img { max-width:460px; max-height:345px; } #main div.width-460 div.gallery div.images-large div.large-image a.next { font-size:14px; line-height:20px; } #main div.width-460 div.gallery div.images-large div.large-image a.prev { font-size:14px; line-height:20px; } #main div.width-460 div.gallery div.clips-large div.large-clip { width:460px; height:258px; } #main div.width-460 div.gallery-grid-2 div.item { width:220px; } #main div.width-460 div.gallery-grid-2 div.item .thumbnail { width:220px; height:220px; } #main div.width-460 div.gallery-grid-2-short div.item .thumbnail { height:165px; } #main div.width-460 div.gallery-grid-2-tall div.item .thumbnail { height:290px; } #main div.width-460 div.gallery-grid-3 div.item { width:140px; } #main div.width-460 div.gallery-grid-3 div.item .thumbnail { width:140px; height:140px; } #main div.width-460 div.gallery-grid-3-short div.item .thumbnail { height:105px; } #main div.width-460 div.gallery-grid-3-tall div.item .thumbnail { height:190px; } #main div.width-460 div.gallery-grid-4 div.item { width:100px; } #main div.width-460 div.gallery-grid-4 div.item .thumbnail { width:100px; height:100px; } #main div.width-460 div.gallery-grid-4-short div.item .thumbnail { height:75px; } #main div.width-460 div.gallery-grid-4-tall div.item .thumbnail { height:135px; } #main div.width-460 div.gallery-grid-6 div.item { width:60px; } #main div.width-460 div.gallery-grid-6 div.item .thumbnail { width:60px; height:60px; } #main div.width-460 div.gallery-grid-6-short div.item .thumbnail { height:45px; } #main div.width-460 div.gallery-grid-6-tall div.item .thumbnail { height:80px; } #main div.width-460 div.gallery-grid-8 div.item { width:40px; } #main div.width-460 div.gallery-grid-8 div.item .thumbnail { width:40px; height:40px; } #main div.width-460 div.gallery-grid-8-short div.item .thumbnail { height:30px; } #main div.width-460 div.gallery-grid-8-tall div.item .thumbnail { height:50px; } #main div.width-460 div.gallery-grid div.item div.details { font-size:14px; line-height:20px; } /* Panel width / 340 */ #main div.width-340 div.gallery div.images-navigation { font-size:14px; line-height:20px; } #main div.width-340 div.gallery div.images-large div.large-image { width:340px; height:255px; } #main div.width-340 div.gallery div.images-large div.large-image .thumbnail { width:340px; height:255px; } #main div.width-340 div.gallery div.images-large div.large-image .thumbnail img { max-width:340px; max-height:255px; } #main div.width-340 div.gallery div.images-large div.large-image a.next { font-size:14px; line-height:20px; } #main div.width-340 div.gallery div.images-large div.large-image a.prev { font-size:14px; line-height:20px; } #main div.width-340 div.gallery div.clips-large div.large-clip { width:340px; height:191px; } #main div.width-340 div.gallery-grid-2 div.item { width:160px; } #main div.width-340 div.gallery-grid-2 div.item .thumbnail { width:160px; height:160px; } #main div.width-340 div.gallery-grid-2-short div.item .thumbnail { height:120px; } #main div.width-340 div.gallery-grid-2-tall div.item .thumbnail { height:215px; } #main div.width-340 div.gallery-grid-3 div.item { width:100px; } #main div.width-340 div.gallery-grid-3 div.item .thumbnail { width:100px; height:100px; } #main div.width-340 div.gallery-grid-3-short div.item .thumbnail { height:75px; } #main div.width-340 div.gallery-grid-3-tall div.item .thumbnail { height:135px; } #main div.width-340 div.gallery-grid-4 div.item { width:70px; } #main div.width-340 div.gallery-grid-4 div.item .thumbnail { width:70px; height:70px; } #main div.width-340 div.gallery-grid-4-short div.item .thumbnail { height:52px; } #main div.width-340 div.gallery-grid-4-tall div.item .thumbnail { height:95px; } #main div.width-340 div.gallery-grid-6 div.item { width:40px; } #main div.width-340 div.gallery-grid-6 div.item .thumbnail { width:40px; height:40px; } #main div.width-340 div.gallery-grid-6-short div.item .thumbnail { height:30px; } #main div.width-340 div.gallery-grid-6-tall div.item .thumbnail { height:50px; } #main div.width-340 div.gallery-grid-8 div.item { width:25px; } #main div.width-340 div.gallery-grid-8 div.item .thumbnail { width:25px; height:25px; } #main div.width-340 div.gallery-grid-8-short div.item .thumbnail { height:18px; } #main div.width-340 div.gallery-grid-8-tall div.item .thumbnail { height:35px; } #main div.width-340 div.gallery-grid div.item div.details { font-size:14px; line-height:20px; } /* ---------------------------------------------------- Status ----------------------------------------------------- */ #main ul.status li { margin:0 0 15px 0; padding:0 0 15px 0; border-bottom:1px dotted } #main ul.status li:last-child { margin:0; padding:0; border-bottom:none; } #main ul.status div.text { margin:0 0 10px 0; word-wrap:break-word; } #main ul.status div.text-large { margin:0 0 10px 0; } /* Panel width / 820 */ #main div.width-820 ul.status div.text { font-size:24px; line-height:32px; } #main div.width-820 ul.status div.text-large { font-size:36px; line-height:42px; } #main div.width-820 ul.status div.details { font-size:18px; line-height:24px; } /* Panel width / 580 */ #main div.width-580 ul.status div.text { font-size:18px; line-height:24px; } #main div.width-580 ul.status div.text-large { font-size:18px; line-height:24px; } #main div.width-580 ul.status div.details { font-size:14px; line-height:20px; } /* Panel width / 460 */ #main div.width-460 ul.status div.text { font-size:18px; line-height:24px; } #main div.width-460 ul.status div.text-large { font-size:18px; line-height:24px; } #main div.width-460 ul.status div.details { font-size:14px; line-height:20px; } /* Panel width / 340 */ #main div.width-340 ul.status div.text { font-size:18px; line-height:24px; } #main div.width-340 ul.status div.text-large { font-size:18px; line-height:24px; } #main div.width-340 ul.status div.details { font-size:14px; line-height:20px; } /* ---------------------------------------------------- List ----------------------------------------------------- */ #main ul.list li { overflow:hidden; border-bottom:1px dotted; } #main ul.list li:last-child { margin:0; padding:0; border-bottom:none; } #main ul.list li div.text { float:left; } #main ul.list li div.details { float:right; text-align:right; } /* Panel width / 820 */ #main div.width-820 ul.list li { margin:0 0 15px 0; padding:0 0 15px; font-size:18px; line-height:24px; } #main div.width-820 ul.list li div.text { width:540px; } #main div.width-820 ul.list li div.details { width:260px; } /* Panel width / 580 */ #main div.width-580 ul.list li { margin:0 0 10px 0; padding:0 0 10px; font-size:14px; line-height:20px; } #main div.width-580 ul.list li div.text { width:380px; } #main div.width-580 ul.list li div.details { width:180px; } /* Panel width / 460 */ #main div.width-460 ul.list li { margin:0 0 10px 0; padding:0 0 10px; font-size:14px; line-height:20px; } #main div.width-460 ul.list li div.text { width:300px; } #main div.width-460 ul.list li div.details { width:140px; } /* Panel width / 340 */ #main div.width-340 ul.list li { margin:0 0 10px 0; padding:0 0 10px; font-size:14px; line-height:20px; } #main div.width-340 ul.list li div.text { width:160px; } #main div.width-340 ul.list li div.details { width:160px; } /* ---------------------------------------------------- Info ----------------------------------------------------- */ #main div.info { overflow:hidden; } #main div.info a.thumbnail { display:block; float:left; margin:0 10px 0 0; border:1px solid transparent; } #main div.info a.thumbnail:hover { border:1px solid; } #main div.info a.thumbnail img { display:block; } #main div.info div.details { float:left; margin-top:-2px; } #main div.info div.details h3 { margin:0; font-weight:normal; } #main div.info div.details div.body:last-child { margin-bottom:0; } /* Panel width / 820 */ #main div.width-820 div.info a.thumbnail { width:84px; height:auto; } #main div.width-820 div.info a.thumbnail img { width:84px; height:auto; } #main div.width-820 div.info div.details { width:715px; } #main div.width-820 div.info div.details h3 { font-size:24px; line-height:32px; } #main div.width-820 div.info div.details div.body { font-size:14px; line-height:20px; } /* Panel width / 580 */ #main div.width-580 div.info a.thumbnail { width:80px; height:auto; } #main div.width-580 div.info a.thumbnail img { width:80px; height:auto; } #main div.width-580 div.info div.details { width:480px; } #main div.width-580 div.info div.details h3 { font-size:18px; line-height:24px; } #main div.width-580 div.info div.details div.body { font-size:14px; line-height:20px; } /* Panel width / 460 */ #main div.width-460 div.info a.thumbnail { width:60px; height:auto; } #main div.width-460 div.info a.thumbnail img { width:60px; height:auto; } #main div.width-460 div.info div.details { width:380px; } #main div.width-460 div.info div.details h3 { font-size:18px; line-height:24px; } #main div.width-460 div.info div.details div.body { font-size:14px; line-height:20px; } /* Panel width / 340 */ #main div.width-340 div.info a.thumbnail { width:40px; height:auto; } #main div.width-340 div.info a.thumbnail img { width:40px; height:auto; } #main div.width-340 div.info div.details { width:280px; } #main div.width-340 div.info div.details h3 { font-size:14px; line-height:20px; } #main div.width-340 div.info div.details div.body { font-size:14px; line-height:20px; } /* ---------------------------------------------------- Audio ----------------------------------------------------- */ #main .audio .track { position:relative; cursor:pointer; margin:0 0 15px 0; padding:0 0 15px; } #main .audio .track .track-info { overflow:hidden; } #main .audio .track .track-name { margin:0 0 0 20px; } #main .audio-set { margin:0 0 40px 0; } #main .audio-set:last-child { margin-bottom:0; } #main .audio-set .info { margin:0 0 20px 0; } #main .audio-set .info .thumbnail { width:100px; height:100px; } #main .audio-set .info .thumbnail img { width:100px; } #main .audio-set .info .details { width:338px; } #main .audio-set .audio .track { margin:0 0 10px 0; padding:0 0 10px; } #main .audio-set .audio .track .track-name { margin:0 0 0 15px; } #main .audio-set .audio .playback-status { top:5px; } #main .audio-set .audio .playback-status .arrow-right-1 { border-width:5px 0 0 5px; } #main .audio-set .audio .playback-status .arrow-right-2 { border-width:0 0 5px 5px; } #main .audio-set .audio .playing .playback-status { width:6px; } #main .audio-set .audio .playing .playback-status .arrow-right-1 { margin-right:2px; border-width:0 0 0 2px; height:10px; } #main .audio-set .audio .playing .playback-status .arrow-right-2 { border-width:0 2px 0 0; height:10px; } #main .audio .playback-status { position:absolute; left:0; top:4px; clear:both; width:9px; background:transparent; cursor:pointer; } #main .audio .arrow-right { overflow:hidden; } #main .audio .arrow-right-1 { overflow:hidden; height:0; width:0; border-style:solid; border-width:7px 0 0 7px; border-top-color:transparent; } #main .audio .arrow-right-2 { overflow:hidden; height:0; width:0; border-style:solid; border-width:0 0 7px 7px; border-bottom-color:transparent; } #main .audio .playing .arrow-right-1 { float:left; margin-right:3px; height:14px; border-style:solid; border-width:0 0 0 3px; } #main .audio .playing .arrow-right-2 { float:left; height:14px; border-style:solid; border-width:0 3px 0 0; } #main .audio .progress-meter { display:none; position:relative; margin:10px 0 0 0; height:7px; background:transparent; } #main .audio .progress-meter .load-progress { position:absolute; left:0; top:0; width:0; height:7px; border:0 none; } #main .audio .progress-meter .play-progress { position:relative; margin:0 15px; height:7px; border:none; } #main .audio .progress-meter .play-progress .ui-slider-handle { position:absolute; top:1px; margin:0 0 0 -15px; width:30px; height:5px; border:none; } /* Panel width / 820 */ #main div.width-820 .audio .track { font-size:18px; line-height:24px; } #main div.width-820 .audio-set .track { font-size:14px; line-height:20px; } /* Panel width / 580 */ #main div.width-580 .audio .track { font-size:18px; line-height:24px; } #main div.width-580 .audio-set .track { font-size:14px; line-height:20px; } /* Panel width / 460 */ #main div.width-460 .audio .track { font-size:18px; line-height:24px; } #main div.width-460 .audio-set .track { font-size:14px; line-height:20px; } /* Panel width / 340 */ #main div.width-340 .audio .playback-status { top:5px; } #main div.width-340 .audio .playback-status .arrow-right-1 { border-width:5px 0 0 5px; } #main div.width-340 .audio .playback-status .arrow-right-2 { border-width:0 0 5px 5px; } #main div.width-340 .audio .playing .playback-status { width:6px; } #main div.width-340 .audio .playing .playback-status .arrow-right-1 { border-width:0 0 0 2px; height:10px; } #main div.width-340 .audio .playing .playback-status .arrow-right-2 { border-width:0 2px 0 0; margin-left:2px; height:10px; } /* ---------------------------------------------------- Comment ----------------------------------------------------- */ #main div.comment { overflow:hidden; } #main div.comment textarea { margin:0 0 20px 0; padding:10px; border:1px solid; } #main div.comment input.button { float:left; display:block; padding:6px 8px; font-size:11px; line-height:16px; border:none; text-align:center; cursor:pointer; -moz-border-radius:3px; -webkit-border-radius:3px; } #main div.comment input.button:hover { text-decoration:underline; } #main div.comment div.success { display:none; margin:0 0 20px 0; } /* Panel width / 820 */ #main div.width-820 div.comment textarea { width:798px; height:100px; font-size:18px; line-height:24px; } #main div.width-820 div.comment div.success { font-size:18px; line-height:20px; } /* Panel width / 580 */ #main div.width-580 div.comment textarea { width:558px; height:100px; font-size:14px; line-height:20px; } #main div.width-580 div.comment div.success { font-size:14px; line-height:20px; } /* Panel width / 460 */ #main div.width-460 div.comment textarea { width:438px; height:100px; font-size:14px; line-height:20px; } #main div.width-460 div.comment div.success { font-size:14px; line-height:20px; } /* Panel width / 340 */ #main div.width-340 div.comment textarea { width:317px; height:100px; font-size:14px; line-height:20px; } #main div.width-340 div.comment div.success { font-size:14px; line-height:20px; } /* ---------------------------------------------------- Footer ----------------------------------------------------- */ #main div.footer { overflow:hidden; margin:20px 0 0 0; padding:10px 0 0 0; border-top:1px dotted; } #main div.footer .footer_url { float:left; } #main div.footer .footer_info { float:right; } #main div.footer .footer_info li { float:left; } #main div.footer .footer_info li span { display:block; margin:0 10px; } /* Panel width / 820 */ #main div.width-820 div.footer { font-size:14px; line-height:20px; } /* Panel width / 580 */ #main div.width-580 div.footer { font-size:14px; line-height:20px; } /* Panel width / 460 */ #main div.width-460 div.footer { font-size:14px; line-height:20px; } /* Panel width / 340 */ #main div.width-340 div.footer { font-size:14px; line-height:20px; } /* ---------------------------------------------------- Linkedin ----------------------------------------------------- */ #main div.linkedin div.summary { margin:0 0 10px 0; } #main div.linkedin div.summary-large { margin:0 0 10px 0; } #main div.linkedin ul.entries li { margin:0 0 15px 0; padding:0 0 15px 0; border-bottom:1px dotted; } #main div.linkedin ul.entries li:last-child { margin:0; padding:0; border-bottom:none; } #main div.linkedin ul.entries li div.date { margin:0 0 10px 0; } #main div.linkedin ul.entries li div.content h3 { margin:0 0 10px 0; font-weight:normal; } #main div.linkedin ul.entries li div.content h3:last-child { margin:0; } #main div.linkedin ul.entries li div.content div.body { margin:0 0 10px 0; } #main div.linkedin div.add_info { overflow:hidden; margin:0 -20px 0 0; } #main div.linkedin div.add_info div.add_info_entry { overflow:hidden; margin:0 0 15px 0; word-wrap:break-word; } #main div.linkedin div.add_info div.add_info_entry div.text { float:left; margin:0 10px 0 0; } #main div.linkedin div.add_info div.add_info_entry div.details { float:left; } /* Panel width / 820 */ #main div.width-820 div.linkedin div.summary { font-size:14px; line-height:20px; } #main div.width-820 div.linkedin div.summary-large { font-size:18px; line-height:24px; } #main div.width-820 div.linkedin ul.entries li { overflow:hidden; } #main div.width-820 div.linkedin ul.entries li div.date { float:left; margin:0 10px 0 0; width:180px; font-size:14px; line-height:20px; } #main div.width-820 div.linkedin ul.entries li div.content { float:left; width:610px; } #main div.width-820 div.linkedin ul.entries li div.content h3 { font-size:18px; line-height:24px; } #main div.width-820 div.linkedin ul.entries li div.content div.body { font-size:14px; line-height:20px; } #main div.width-820 div.linkedin div.add_info { font-size:14px; line-height:20px; } #main div.width-820 div.linkedin div.add_info div.add_info_entry { float:left; margin:0 10px 15px 0; width:400px; } #main div.width-820 div.linkedin div.add_info div.add_info_entry div.text { width:110px; } #main div.width-820 div.linkedin div.add_info div.add_info_entry div.details { width:260px; } /* Panel width / 580 */ #main div.width-580 div.linkedin div.summary { font-size:14px; line-height:20px; } #main div.width-580 div.linkedin div.summary-large { font-size:18px; line-height:24px; } #main div.width-580 div.linkedin ul.entries li { overflow:hidden; } #main div.width-580 div.linkedin ul.entries li div.date { float:left; margin:0 10px 0 0; width:120px; font-size:14px; line-height:20px; } #main div.width-580 div.linkedin ul.entries li div.content { float:left; width:430px; } #main div.width-580 div.linkedin ul.entries li div.content h3 { font-size:18px; line-height:24px; } #main div.width-580 div.linkedin ul.entries li div.content div.body { font-size:14px; line-height:20px; } #main div.width-580 div.linkedin div.add_info { font-size:14px; line-height:20px; } #main div.width-580 div.linkedin div.add_info div.add_info_entry { float:left; margin:0 20px 15px 0; width:280px; } #main div.width-580 div.linkedin div.add_info div.add_info_entry div.text { width:70px; } #main div.width-580 div.linkedin div.add_info div.add_info_entry div.details { width:180px; } /* Panel width / 460 */ #main div.width-460 div.linkedin div.summary { font-size:14px; line-height:20px; } #main div.width-460 div.linkedin div.summary-large { font-size:18px; line-height:24px; } #main div.width-460 div.linkedin ul.entries li div.date { font-size:14px; line-height:20px; } #main div.width-460 div.linkedin ul.entries li div.content h3 { font-size:18px; line-height:24px; } #main div.width-460 div.linkedin ul.entries li div.content div.body { font-size:14px; line-height:20px; } #main div.width-460 div.linkedin div.add_info { font-size:14px; line-height:20px; } /* Panel width / 340 */ #main div.width-340 div.linkedin div.summary { font-size:14px; line-height:20px; } #main div.width-340 div.linkedin div.summary-large { font-size:14px; line-height:20px; } #main div.width-340 div.linkedin ul.entries li div.date { font-size:14px; line-height:20px; } #main div.width-340 div.linkedin ul.entries li div.content h3 { font-size:14px; line-height:20px; } #main div.width-340 div.linkedin ul.entries li div.content div.body { font-size:14px; line-height:20px; } #main div.width-340 div.linkedin div.add_info { font-size:14px; line-height:20px; } /* ---------------------------------------------------- Map ----------------------------------------------------- */ #main div.map-legend { overflow:hidden; position:absolute; top:0; right:0; } #main div.map-legend img { float:left; margin:0 5px 0 0; width:10px; } #main div.map-legend span { float:left; font-size:12px; margin:0 15px 0 0; } #main div.map-legend span.last-child { margin:0; } #main #map_zoom_controls { margin:5px; } #main #map_zoom_controls div { margin:0 0 5px 0; padding:3px; width:15px; height:15px; font-size:11px; font-family:"Lucida Grande", Tahoma; text-align:center; cursor:pointer; -moz-border-radius:3px; -webkit-border-radius:3px; } #main #map_zoom_controls div:hover { text-decoration:underline; } /* Panel width / 820 */ #main div.width-820 div.google-map { width:820px; height:461px; } /* Panel width / 580 */ #main div.width-580 div.google-map { width:580px; height:435px; } /* Panel width / 460 */ #main div.width-460 div.google-map { width:460px; height:345px; } /* Panel width / 340 */ #main div.width-340 div.google-map { width:340px; height:255px; }