body { margin:0px; padding:0px; background-color:#fff; } div { font-family:Lucida Grande, Helvetica, Arial, sans-serif; font-size:11px; float:left; color:#444; } ul { display:block; float:left; padding:0px; margin:0px; } li { display:block; float:left; padding:0px; margin:0px; list-style:none; } a { text-decoration:none; } a.button { display:block; float:left; height:20px; background-position:top left; background-repeat:no-repeat; padding-left:10px; line-height:20px; } a.button span { display:block; float:left; height:20px; background-position:top right; background-repeat:no-repeat; padding-right:10px; } a:active.button { background-position:bottom left; } a:active.button span { background-position:bottom right; } .stat { background-color:#0db; color:#fff; padding:2px 7px 3px 7px; -moz-border-radius:10px; -webkit-border-radius:10px; } .meta { font-size:9px; background-color:#eee; white-space:nowrap; padding:2px 5px; margin-right:5px; -moz-border-radius:10px; -webkit-border-radius:10px; } .time { font-size:9px; background-color:#888; padding:2px 5px; margin-right:10px; color:#222; font-weight:bold; -moz-border-radius:3px; -webkit-border-radius:3px; } .dots a { display:block; outline:none; width:20px; height:20px; text-indent:-9999px; float:left; background:url('../img/dots.png') no-repeat 0px 0px; cursor:pointer; } .dots a:hover { background-position:0px -20px; } .dots a.activeSlide { background-position:0px -40px; } .tools a { background-repeat:no-repeat; background-position:50% top; position:relative; display:block; float:right; width:30px; height:16px; border-bottom-width:0px; } .tools a:hover { background-position:50% bottom; } .tools a.love { background-image:url('../img/video-love.png'); } .tools a.love.active { background-position:50% bottom; } .tools a.love.active:hover { background-position:50% top; } .tools a.facebook { background-image:url('../img/video-facebook.png'); } .tools a.twitter { background-image:url('../img/video-twitter.png'); } .tools a.mail { background-image:url('../img/video-mail.png'); } .tools a span { display:block; float:left; } .tools a .tooltip { font-size:11px; display:block; position:absolute; top:-40px; opacity:0.9; background:url('../img/video-tooltip-arrow.png') no-repeat 50% bottom; padding-bottom:5px; } .tools a .tooltip span { white-space:nowrap; color:#000; background-color:#4df; padding:5px 7px; -moz-border-radius:5px; -webkit-border-radius:5px; } #header { width:100%; } #main { width:960px; margin:15px; position:relative; } #container { width:100%; } /* HEADER */ #bullets img { display:block; float:left; } #bullets img:hover { opacity:0.8; } #menu { margin-top:15px; } #menu a.tab { display:block; float:left; font-weight:normal; padding:10px; width:140px; height:15px; overflow:hidden; color:#fff; background-color:#000; font-size:12px; } /*#menu li:first-child a.tab { -moz-border-radius-topleft:10px; -webkit-border-top-left-radius:10px; } #menu li:last-child a.tab { -moz-border-radius-topright:10px; -webkit-border-top-right-radius:10px; }*/ #menu a.active { color:#0db; background-color:#000; } #menu li.hover a.tab { color:#4df; background-color:#111; margin-top:0px; margin-bottom:0px; } #menu li ul { position:absolute; top:35px; left:0px; width:160px; background-color:#111; opacity:0.95; padding:0px 0px; display:none; z-index:1000; /*-moz-border-radius:10px; -webkit-border-radius:10px; -moz-border-radius-topleft:0px; -webkit-border-top-left-radius:0px; -moz-border-radius-topright:0px; -webkit-border-top-right-radius:0px;*/ } #menu li ul li { width:100%; } #menu li ul a { display:block; padding:7px 20px 7px 10px; color:#fff; font-size:12px; white-space:nowrap; } #menu li ul a:hover { color:#4df; background-color:#000; } #menu li.hover { position:relative; } #menu li.hover ul { display:block; } #site-tools { float:right; } form#search { display:block; float:right; margin:0px; padding:0px; margin-top:1px; } input#search-input { display:block; float:left; border:0px; margin:0px; padding:3px 10px 0px 25px; outline:none; background:url('../img/search-input.png') no-repeat top left; height:17px; width:125px; } input#search-submit { display:none; } #login-div { position:relative; margin-right:20px; color:#fff; } #login-div form { display:block; float:left; border-bottom:1px solid #96eaff; padding-bottom:7px; margin-bottom:5px; } #login-div form a { display:block; float:right; color:#009dc4; font-weight:normal; } #login-div form a:hover { text-decoration:underline; } #login-div a.login { display:block; float:left; color:#fff; background-color:#4df; font-weight:bold; padding:4px 10px 5px 10px; -moz-border-radius:10px; -webkit-border-radius:10px; } #login-div div { color:#fff; position:absolute; top:20px; right:0px; width:180px; background-color:#4df; padding:10px; display:none; z-index:1000; -moz-border-radius:10px; -webkit-border-radius:10px; -moz-border-radius-topright:0px; -webkit-border-top-right-radius:0px; } #login-div.hover a.login { padding-bottom:30px; } #login-div label { color:#009dc4; text-shadow:#a3eeff 0px 1px 0px; font-weight:bold; } #login-div input.field { width:170px; border:0px; padding:0px 5px; margin:0px; height:20px; margin:5px 0px; -moz-border-radius:3px; -webkit-border-radius:3px; } #login-div input.button { float:right; } #login-div a.register { background:url('../img/button-register.png') repeat-x top left; font-size:12px; font-weight:bold; color:#fff; text-shadow:#00b7e5 0px -1px 0px; display:block; float:left; width:180px; padding:10px 0px; text-align:center; background-color:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; margin-top:5px; } #logout { margin-right:20px; } #logout a.button, #logout a.button span { background-image:url('../img/button-logout.png'); color:#fff; font-weight:bold; text-shadow:#000 0px -1px 0px; } #languages { float:right; margin-left:20px; } #languages a { display:block; float:left; margin-right:1px; padding:3px 5px 4px 5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#444; } #languages a:hover { color:#fff; background-color:#4df; } #languages a.active { color:#fff; background-color:#0db; } /* HOMESCREEN */ #featured { background-color:#fff; position:relative; } #featured .slides { width:960px; oveflow:hidden; } #featured .slide img { display:block; float:left; width:640px; } #featured .slide div { display:block; float:left; width:320px; height:320px; background-color:#0db; color:#fff; } #featured p { padding:10px 15px; margin:0px; } #featured p b { font-weight:normal; } #featured p.title { font-family:Helvetica,Arial, sans-serif; font-weight:normal; font-size:30px; line-height:36px; margin-top:10px; } #featured p.text { font-size:14px; line-height:22px; } #featured .dots { position:absolute; top:280px; right:10px; z-index:1000; background-color:#000; padding:5px; -moz-border-radius:15px; -webkit-border-radius:15px; opacity:0.8; } /* BOXES */ .box { width:320px; height:315px; border-top:5px solid #000; } .box h2 { display:block; float:left; padding:0px 17px; margin:12px 0px 8px 0px; background-position:0px 50%; background-repeat:no-repeat; font-family:Helvetica,Arial,sans-serif; font-size:18px; font-weight:normal; } .box p { float:left; } .box.system { border-color:#0db; } .box.system h2 { background-image:url('../img/dot-system.png'); } .box.films { border-color:#f60; } .box.films h2 { background-image:url('../img/dot-films.png'); } .box.blog { border-color:#09a; } .box.blog h2 { background-image:url('../img/dot-blog.png'); } .box.diaries { border-color:#fc0; } .box.diaries h2 { background-image:url('../img/dot-diaries.png'); } .box .slidebox { width:310px; height:213px; overflow:hidden; position:relative; margin-bottom:5px; } .box .slides { height:213px; width:930px; position:absolute; top:0px; left:0px; } .box .slides div { width:310px; } .box .slides a, .box .slides span { display:block; float:left; color:#444; } .box .slides a { width:310px; height:70px; } .box .slides a:hover { background-color:#f6f6f6; } .box .slides a:hover img { opacity:0.75; } .box .videothumbs a { margin-bottom:1px; background-color:#f9f9f9; height:70px; } .box .videothumbs .thumb { background:#000 url('') no-repeat 50% 50%; margin-right:5px; } .box .videothumbs .text { float:none; padding:5px; } .box .videothumbs .meta { font-size:9px; background-color:#eee; white-space:nowrap; padding:2px 5px; margin-top:5px; margin-right:3px; -moz-border-radius:10px; -webkit-border-radius:10px; } .box .textthumbs a { border-bottom:1px solid #eee; height:70px; } .box .textthumbs a:hover { background-color:#f6f6f6; } .box .textthumbs .text { font-size:11px; margin-top:5px; } .box .textthumbs .meta { margin-top:4px; } .box .textthumbs .meta.category { color:#fff; background-color:#09a; } #newest_diaries strong { font-size:14px; } #newest_articles .slidebox { border-top:1px solid #eee; } #cal h2 span { color:#0db; font-weight:bold; } #cal div a, #cal div span { border-bottom:1px solid #e3e3e3; background-color:#f6f6f6; display:block; float:left; position:relative; width:44px; padding:5px 0px; font-family:Helvetica,Arial,sans-serif; font-size:18px; color:#444; text-align:center; } #cal div a:hover, #cal div span:hover { background-color:#fff; } #cal .day { border-top:1px solid #e3e3e3; font-weight:bold; } #cal .off { color:#ddd; } #cal .today { color:#0db; } #cal a.off { color:#bcbcbc; font-weight:bold; } #cal a.deadline { background:url('../img/cal-deadline.png') repeat-x left bottom; } #cal a.memo { background:url('../img/cal-memo.png') repeat-x left bottom; } #cal a span.text { font-family:Lucida Grande,Helvetica,Arial,sans-serif; color:#fff; text-align:left; padding:10px 7px; position:absolute; left:-10px; z-index:1000; width:150px; font-size:11px; -moz-border-radius:10px; -webkit-border-radius:10px; opacity:0.95; border-bottom:0px; display:none; } #cal a.deadline span.text { background-color:#f00; } #cal a.memo span.text { background-color:#29e; } #featured_film .thumb { padding:10px 0px; background-color:#000; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:10px; } #featured_film .thumb img:hover { opacity:0.8; } #featured_film div { font-size:14px; } /* SIDEBAR */ #sidebar { float:right; } #sidebar .box { padding-left:10px; width:310px; } .mini_image { margin:0px 10px 20px 10px; } /* MODULES */ .content { background-color:#fff; margin-bottom:20px; } .content .mdl:first-child { margin-top:0px; border-top:5px solid #eee; } .mdl { margin-bottom:1px; clear:both; position:relative; } .mdl h2 { font-family:Helvetica,Arial,sans-serif; font-size:18px; font-weight:normal; margin:12px 0px 8px 0px; } .mdl h2 a { color:#444; } .mdl h2 a:hover { border-bottom:1px solid #0db; } .mdl p, .mdl li { font-size:13px; line-height:150%; margin-bottom:10px; } .mdl.text { background-color:#fbfbfb; width:610px; padding:10px 20px 10px 10px; } .mdl.text .hl { background-color:#80ffeb; color:#000; } .mdl.text img { border:0px; float:left; display:block; margin-bottom:10px; } .mdl.text a { border-bottom:1px solid #0db; color:#444; } .mdl.text li { border-top:1px dotted #ddd; padding-top:10px; list-style-type:decimal; } .mdl.text li.numbered { padding-left:45px; } .mdl.text li.numbered span { background-color:#4df; display:block; color:#fff; font-weight:bold; padding:5px 10px; margin-left:-45px; float:left; -moz-border-radius:10px; -webkit-border-radius:10px; } .mdl.image { margin-top:20px; width:640px; } .mdl.image .slideshow { position:relative; } .mdl.image .slides { width:640px; } .mdl.image .slide { width:640px; } .mdl.image .slide div { width:100%; margin-bottom:5px; border-bottom:1px solid #f8f8f8; border-top:1px solid #f8f8f8; background-color:#fbfbfb; } .mdl.image .slide span { color:#4df; font-weight:bold; } .mdl.image .nav { position:absolute; top:10px; right:10px; z-index:1000; } .mdl.image .nav a { cursor:pointer; opacity:0.5; text-indent:-9999px; height:20px; display:block; float:left; width:20px; } .mdl.image .nav a:hover { opacity:1; } .mdl.image .nav a.prev { background:url('../img/prev.png') no-repeat top left; } .mdl.image .nav a.next { background:url('../img/next.png') no-repeat top left; } .mdl.pl { margin-bottom:20px; } .mdl.pl .pane { width:640px; position:relative; } .mdl.pl .pane.c2 { width:640px; } .mdl.pl .pane.c3 { width:960px; } .mdl.pl .row { background-color:#f9f9f9; width:100%; } .mdl.pl .row.odd { background-color:#f5f5f5; } .mdl.pl .row:first-child { border-top:0px; } .mdl.pl .title { font-weight:bold; } .mdl.pl .title b { color:#fff; background-color:#4df; padding:0px 4px 1px 4px; margin-right:5px; -moz-border-radius:10px; -webkit-border-radius:10px; } .mdl.pl .text { position:absolute; left:0px; padding:10px; padding-top:0px; opacity:0.8; background-color:#27d4ff; z-index:1000; } .mdl.pl a { border-top:1px solid #fff; border-bottom:1px solid #f0f0f0; color:#444; float:left; display:block; font-size:11px; position:relative; } .mdl.pl a:hover { border-top:1px solid #aef; border-bottom:1px solid #0ad2ff; background-color:#4df; color:#01566f; } .mdl.pl a:hover .meta { background-color:#83e8ff; } .mdl.pl a:hover .stat { background-color:#01566f; } .mdl.pl a:hover .title b { background-color:#01566f; } .mdl.pl a span { margin-right:5px; } .mdl.pl a.thumb { width:170px; padding:10px 10px 10px 140px; } .mdl.pl a.thumb span { display:block; float:left; margin-bottom:5px; } .mdl.pl a.thumb .still { padding:7px 0px; margin-bottom:0px; margin-left:-130px; background-color:#000; -moz-border-radius:4px; -webkit-border-radius:4px; } .mdl.pl a.thumb .title { font-size:14px; display:block; width:100%; float:left; margin-bottom:5px; } .mdl.pl a.thumb .author { width:100%; } .mdl.pl a.thumb .meta { margin-right:3px; } .mdl.pl a.list { width:100%; font-size:10px; padding:2px 0px; } .mdl.pl a.list .still { display:block; float:left; padding:4px 0px; margin-right:7px; margin-left:2px; background-color:#000; -moz-border-radius:3px; -webkit-border-radius:3px; } .mdl.pl a.list .title { width:100%; display:block; font-size:13px; margin:3px 0px 5px 0px; } .mdl.pl a.list .stat { float:right; margin-top:5px; padding-top:3px; } .mdl.pl a.plainlist { width:100%; font-size:10px; padding:5px 0px; } .mdl.pl a.plainlist .title { font-size:13px; margin:3px 15px 0px 5px; } .mdl.pl a.plainlist .stat { float:right; padding-top:3px; } /* VIDEO */ #video { background-color:#222; border-top:0px solid #222; } #video #data { width:290px; padding:20px 20px 10px 10px; opacity:1; } #video #data h2 { color:#fff; margin:0px 0px 5px 0px; background-position:0px 50%; background-repeat:no-repeat; font-family:Helvetica,Arial,sans-serif; font-size:22px; font-weight:normal; } #video #data h3 { color:#fff; margin:0px 0px 10px 0px; } #video #data div { color:#bbb; width:100%; border-bottom:1px solid #333; padding-bottom:10px; margin-bottom:10px; } #video #data div:last-child { border-bottom:0px; } #video #data .stat { float:right; margin-bottom:20px; } #video #data .meta { background-color:#555; color:#222; } #video #data input { width:250px; border:0px; padding:5px; padding-left:30px; background:#555 url('../img/video-url.png') no-repeat 5px 50%; color:#222; -moz-border-radius:5px; -webkit-border-radius:5px; } #video #data table { border-collapse:collapse; font-size:10px; color:#777; } #video #data tr { border-bottom:1px dotted #333; } #video #data tr:last-child { border-bottom:0px; } #video #data td.label { font-weight:bold; } #video #data a.tool { background-repeat:no-repeat; background-position:50% top; position:relative; display:block; float:right; width:30px; height:16px; } #video #data a.tool:hover { background-position:50% bottom; } #video #data a.love { background-image:url('../img/video-love.png'); } #video #data a.love.active { background-position:50% bottom; } #video #data a.love.active:hover { background-position:50% top; } #video #data a.facebook { background-image:url('../img/video-facebook.png'); } #video #data a.twitter { background-image:url('../img/video-twitter.png'); } #video #data a.mail { background-image:url('../img/video-mail.png'); } #video #data a span { display:block; float:left; } #video #data a .tooltip { display:block; position:absolute; top:-40px; opacity:0.9; background:url('../img/video-tooltip-arrow.png') no-repeat 50% bottom; padding-bottom:5px; } #video #data a .tooltip span { white-space:nowrap; color:#000; background-color:#4df; padding:5px 7px; -moz-border-radius:5px; -webkit-border-radius:5px; } #rating { position:relative; width:85px; height:16px; background:transparent url('../img/video-rating.png') no-repeat left top; } #rating.rating0, #rating:hover { background-position:-85px top; } #rating.rating1 { background-position:-68px top; } #rating.rating2 { background-position:-51px top; } #rating.rating3 { background-position:-34px top; } #rating.rating4 { background-position:-17px top; } #rating.rating5 { background-position:0px top; } #rating li a { display:block; width:17px; height:16px; color:#fff; z-index:100; position:absolute; } #rating li a:hover { background:url('../img/video-rating-star.png') repeat-x left top; z-index:1; left:0px; } #rating a.s1 { left: 0px; } #rating a.s1:hover { width:17px; } #rating a.s2 { left:17px; } #rating a.s2:hover { width:34px; } #rating a.s3 { left:34px; } #rating a.s3:hover { width:51px; } #rating a.s4 { left: 51px; } #rating a.s4:hover { width:68px; } #rating a.s5 { left:68px; } #rating a.s5:hover { width:85px; } #comments { height:auto; border-right:0px solid #ccc; width:300px; padding-right:20px; } #comments h2 { margin-top:40px; } #comments form { display:block; float:left; margin:0px; padding:0px; width:100%; margin-top:20px; } #comments textarea { width:290px; border:0px; margin:0px; margin-bottom:10px; padding:5px; background-color:#eee; color:#000; -moz-border-radius:5px; -webkit-border-radius:5px; } #comments #submit { float:right; margin-top:10px; } #comments .comment { width:300px; border-top:0px solid #eee; margin-bottom:10px; } #comments .comment .text { background:transparent url('../img/comments-arrow.png') no-repeat 30px bottom; padding-bottom:8px; } #comments .comment p { margin:5px 0px 0px 0px; padding:10px; width:280px; background-color:#d6fff7; -moz-border-radius:10px; -webkit-border-radius:10px; } #comments .comment .meta { float:right; } a#playall, a#playall span { display:block; float:right; height:25px; line-height:25px; color:#444; text-shadow:#fff 0px 1px 0px; background:transparent url('../img/playall-0.png') no-repeat left top; font-size:13px; font-weight:bold; border-width:0px; } a#playall { position:absolute; right:0px; top:8px; padding-left:10px; } a#playall span { background-position:right top; padding-right:10px; margin:0px; } a#playall.on, a#playall.on span { background-image:url('../img/playall-1.png'); color:#fff; text-shadow:#28a98e 0px -1px 0px; } a#playall.on { padding-left:30px; } #related { clear:none; border-top:5px solid #ccc; } #related h2 { padding-left:10px; margin-top:40px; } /* DIARIES */ #diaries .intro { width:239px; float:right; } #diaries .intro p { padding:0px; margin:10px; color:#444; font-size:11px; } #diaries .intro div { width:190px; margin:10px 0px; color:#fff; font-family:Helvetica,Aria,sans-serif; font-size:14px; padding:10px 60px 10px 10px; background:url('../img/diaries-flag.png') no-repeat right 50%; } #diaries .select { width:720px; border-right:1px solid #eee; } #diaries .select a { border-top:1px solid #fff; border-bottom:1px solid #f0f0f0; background-color:#f9f9f9; color:#444; display:block; float:left; width:220px; padding:10px; } #diaries .select a img.img { float:left; display:block; margin-right:10px; } #diaries .select span { display:block; float:left; } #diaries .select .author { font-size:14px; font-weight:bold; width:140px; } #diaries .select .desc { width:140px; margin-bottom:5px; } #diaries .select a:hover { border-top:1px solid #aef; border-bottom:1px solid #0ad2ff; background-color:#4df; color:#01566f;} #diaries .select a:hover .stat { background-color:#01566f; } #diaries .mdl.pl a { padding:5px 0px; } #diaries .mdl.pl a span { display:inline; } #diaries .mdl.pl a .title b { background-color:#ddd; margin-left:5px; font-weight:normal; font-size:11px; } #diaries .mdl.pl a:hover .title b { background-color:#01566f; } #diaries .mdl.pl a .stat { margin-top:0px; } #diaries .box { height:auto; border-color:#fc0; font-size:13px; } #diaries .box.info img { float:right; } #diaries .box.info h2 { background-image:url('../img/dot-diaries.png'); } /* BLOG */ #blog { width:640px; } #blog .post { padding-top:10px; margin-bottom:30px; border-top:5px solid #eee; } #blog .tools { float:right; margin:0px 10px 10px 0px; } #posts { padding-left:0px; } #posts a { display:block; float:left; padding:5px 10px 5px 20px; width:290px; color:#444; background:#fff url('../img/arrow-0.png') no-repeat 5px 50%; font-size:13px; border-bottom:1px dotted #eee; } #posts a:hover { background-color:#dff; } #posts a.active { background-image:url('../img/arrow-1.png'); } #posts ul a { padding-left:40px; width:270px; background-position:25px 50%; } #posts ul ul a { padding-left:60px; width:250px; background-image:none; } .pages { width:100%; } .pages a { display:block; float:left; padding:15px; width:290px; color:#09a; background-color:#dff; font-size:13px; } .pages a:hover { background-color:#09a; color:#fff; } .pages .next { float:right; text-align:right; } /* PROFILE */ a.profile { display:block; float:left; margin-right:20px; } a.profile span { font-size:12px; font-weight:bold; line-height:21px; color:#444; } a.profile img { padding:1px; border:1px solid #ddd; background-color:#fff; float:left; margin-right:5px; } a.profile:hover span { text-decoration:underline; } a.profile:hover img { border-color:#444; } #profileview { width:960px; margin-bottom:50px; } #profileview .main { width:479px; background-color:#fff; padding:40px 0px; border-right:1px dotted #ccc; } #profileview .c { margin-left:170px; width:300px; color:#000; } #profileview .pic { padding:4px; background-color:#fff; border:1px solid #ccc; margin-left:-170px; } #profileview h2 { font-size:22px; margin:0px; font-family:Helvetica, Arial, sans-serif; font-weight:normal; } #profileview h3 { margin:5px 0px; padding-bottom:10px; border-bottom:1px solid #ccc; } #profileview p { margin:0px; } #profileview p.bio { font-family:Helvetica, Arial, sans-serif; margin:0px; margin-top:20px; font-size:16px; } #profile { background-color:#2ac; width:100%; } #profile .message { color:#fff; font-family:Helvetica, Arial, sans-serif; font-weight:normal; font-size:30px; line-height:100%; width:250px; margin-right:20px; } #profile .submit { float:right; } #profile .echo { background-color:#00739d; color:#fff; font-weight:bold; padding:10px 10px 10px 40px; width:350px; margin-top:10px; clear:both; background-repeat:no-repeat; background-position:10px 50%; -moz-border-radius:5px; -webkit-border-radius:5px; } #profile .echo.success { background-image:url('../img/form-echo-success.png'); } #profile .echo.error { background-image:url('../img/form-echo-error.png'); } #profile .header { padding:20px 20px 0px 10px; position:relative; } #profile .header .pic-small { position:absolute; bottom:0px; padding:1px 1px 0px 1px; background-color:#fff; } #profile .header h2 { font-weight:normal; float:left; display:block; font-size:18px; margin:0px 30px 0px 55px; padding-top:5px; color:#fff; } #profile .header a { display:block; float:left; font-size:14px; padding:10px 15px 10px 15px; color:#fff; margin-right:1px; background-color:#00739d; -moz-border-radius:10px; -webkit-border-radius:10px; -moz-border-radius-bottomleft:0px; -webkit-border-bottom-left-radius:0px; -moz-border-radius-bottomright:0px; -webkit-border-bottom-right-radius:0px; } #profile .header a:hover { background-color:#017eac; } #profile .header a img { position:relative; margin-bottom:-3px; } #profile .header a.active { background-color:#4df; } #profile .profile { padding:40px 0px 40px 20px; width:940px; background-color:#4df; } #profile .register { padding:60px 0px 60px 20px; width:940px; background:#4df url('../img/register-bgr.jpg') no-repeat left top; } #profile legend { padding:5px 10px; margin-bottom:10px; background-color:#00739d; color:#fff; float:left; -moz-border-radius:5px; -webkit-border-radius:5px; } #profile fieldset { border:0px; width:430px; margin:0px 20px 20px 0px; padding:10px; float:left; background-color:#93ebff; -moz-border-radius:10px; -webkit-border-radius:10px; } #profile label, #profile .label { color:#00739d; float:left; width:100%; padding:0px; margin-bottom:10px; } #profile form .label div { width:250px; } #profile form .label label { width:auto; margin:0px; width:100%; } #profile label:last-child { margin-bottom:0px; } #profile form span { display:block; float:left; width:150px; } #profile form i { font-style:normal; font-size:9px; color:#009ed7; } #profile .form { margin:0px; padding:5px; border:0px; background-color:#fff; width:270px; -moz-border-radius:5px; -webkit-border-radius:5px; } #profile .profilepic { width:100%; } #profile .pic-large { padding:3px; background-color:#fff; border:1px solid #4df; margin-right:10px; } #profile .profilepic label { width:200px; } #profile .profile a.link { display:block; float:left; color:#fff; background-color:#4df; border:1px solid #2dc6e8; font-weight:bold; padding:3px 7px 4px 7px; -moz-border-radius:5px; -webkit-border-radius:5px; } #profile .profile a.link:hover { background-color:#2dc6e8; } #profile .save { width:100%; } #profile .save a { padding:10px; font-size:14px; background-color:#fff; color:#00739d; border-width:0px; -moz-border-radius:10px; -webkit-border-radius:10px; } #profile.app-bgr { background-color:#222; width:940px; padding:20px 0px 20px 20px; } #profile .app fieldset { background-color:#333; } #profile .app legend { background-color:#444; } #profile .app .form { background-color:#444; padding:4px; border:1px solid #555; color:#fff; } #profile .app label, #profile .app .label { color:#888; } #profile .app form i { color:#555; } #profile .app table { border-collapse:collapse; margin:10px 0px; } #profile .app label a { color:#0df; } #profile .app thead, #profile.app tfoot { border-top:1px solid #444; border-bottom:1px solid #444; background-color:#383838; } #profile .app tbody { color:#fff; } #profile .app tr { border-bottom:1px dotted #444; text-align:left; } #profile .app th { font-weight:normal; } #profile .app .form.role { width:200px; padding:3px; } #profile .app .form.mini { width:50px; } #profile .app .text { color:#888; } #profile .app .item { color:#888; } #profile .app a.link { color:#fff; background-color:#0bd; border-width:0px; } #profile .app a.link:hover { background-color:#888; } /* VIDEO STEPS */ #vids { margin:0px 0px; } #vids a.icon { float:left; display:block; padding:10px 10px 10px 30px; background-repeat:no-repeat; background-position:5px 50%; } #vids a.film { width:670px; background-color:#93ebff; background-image:url('../img/app-arrow-0.png'); font-size:13px; font-weight:bold; color:#00739d; border-bottom:1px solid #0df; } #vids li:first-child a.film { -moz-border-radius-topleft:10px; -webkit-border-top-left-radius:10px; -moz-border-radius-topright:10px; -webkit-border-top-right-radius:10px; } #vids li:last-child a.film { -moz-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px; border-bottom-width:0px; } #vids li:last-child a.film.active { -moz-border-radius-bottomleft:0px; -webkit-border-bottom-left-radius:0px; -moz-border-radius-bottomright:0px; -webkit-border-bottom-right-radius:0px; } #vids a.film:hover { background-color:#bbf2ff; } #vids a.film.active { background-color:#111; color:#fff; background-image:url('../img/app-arrow-1.png'); border-bottom-width:0px; } #vids a.film i { color:#58bbd8; font-style:normal; font-weight:normal; } #vids a.film.active i { color:#888; } #vids a.film span { float:right; } #vids a.film span img { position:relative; margin-bottom:-1px; } .steps { background:#333 url('../img/app-steps-bgr.png') repeat-y left top; } .steps .step-content { width:450px; padding:10px; background-color:#333; } .steps ul { width:240px; } .steps li { position:relative; } .steps li img { position:absolute; left:240px; top:50%; margin-top:-4px; } .steps a.icon { width:200px; color:#fff; font-size:13px; } .steps a.icon.active { background-color:#444; } .steps a.step-done { background-image:url('../img/app-step-done.png'); } .steps a.step-active { background-image:url('../img/app-step-active.png'); } .steps a.step-lock { background-image:url('../img/app-step-lock.png'); color:#666; } .steps img.still { border:3px solid #fff; } /* FOOTER */ #archive a { display:block; float:left; width:320px; margin-bottom:1px; text-align:center; padding:10px 0px; color:#fff; font-family:Helvetica,Arial,sans-serif; font-size:20px; } #archive a:hover { opacity:0.8; } #partners { margin-top:0px; border-top:5px solid #eee; padding-top:10px; } #partners a, #partners span { width:120px; margin-bottom:10px; display:block; float:left; text-align:center; } #partners span { font-size:18px; font-family:Helvetica,Arial,sans-serif; padding-top:10px; } #footer { width:100%; padding:10px 0px; background-color:#222; } #footer div { width:250px; background-color:#333; margin-left:10px; padding:10px; color:#888; line-height:200%; -moz-border-radius:10px; -webkit-border-radius:10px; } #footer a { background-color:#444; color:#ddd; padding:3px 5px; -moz-border-radius:5px; -webkit-border-radius:5px; } #footer a:hover { background-color:#666; color:#fff; }