/* Theme Name: Karamusic Theme URI: http://andreystepanov.com Description: Custom WordPress Theme for Karamusic Author: Andrey Stepanov Author URI: http://andreystepanov.com Version: */ * { margin: 0; padding: 0; } body { background: #24222e; border-top:3px solid #FFF014; font: 14px/1.4 Arial, Serif; color: #fff; } .screen-reader-text { position: absolute; left: -9999px; top: -9999px; } .clear { clear: both; } .group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */ h1, h2, h3 { font-weight: normal; margin: 0 0 10px 0; } p { margin: 0 0 10px 0; } a { outline: none; color: #c2d8dd; } a:hover { } a img { border: none; } blockquote { } blockquote p { } ul, ol { margin: 0 0 10px 0; } ol.commentlist { list-style: none; } ol.commentlist li.comment { padding: 10px; } ol.commentlist li.comment div.vcard cite.fn { font-style: normal; } ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; } ol.commentlist li.comment div.comment-meta { font-size: 10px; } ol.commentlist li.comment div.comment-meta a { color: #ccc; } ol.commentlist li.comment div.reply { font-size: 11px; } ol.commentlist li.comment div.reply a { font-weight: bold; } ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; } input[type=text] { background: transparent; padding: 5px; border: 1px dashed #ccc; margin-bottom: 10px; width: 325px; } #respond textarea { background: transparent; padding: 5px; border: 1px dashed #ccc; margin-bottom: 10px; color: #fff; } /* CONTENT */ #main-content { background: #24222e url(images/main-bg.jpg) no-repeat; height: 2652px;} .meta { font: italic 11px Arial; color: #fff; border-bottom:1px solid #6D5C61; padding-bottom:10px; } span.date { font: italic 14px Georgia; color: #e4becc; margin-right: 10px; } span.line { color: #fff; margin: 0 3px; } .meta a { color: #d1e9ec; } #post h2.title { font: italic 13px Georgia; font-weight: bold; margin: 10px 0; } #post h2.title a { color: #f2cd1e; } .entry { font-style: italic; font-size: 13px; line-height: 15px; } .photos { padding-bottom: 100px; } .photos img { float: left; margin: 10px; } .la { margin-top: 20px; line-height: 24px; } #blog-content #post {margin-bottom: 50px;} #blog-content #post h2.title { font: italic 20px Georgia; font-weight: bold; margin: 10px 0; } #blog-content #post h2.title a { color: #f2cd1e; text-decoration: none; } #blog-content .entry { font: italic 14px Arial; line-height: 20px; } h2.error { font: italic 20px Georgia; font-weight: bold; color: #f2cd1e; } /* ABOUT */ #blog-content { background: #24222e url(images/blog-bg.jpg) no-repeat; min-height:1152px; } /* ABOUT */ #about-content { background: #24222e url(images/about-bg.jpg) no-repeat; min-height:960px; display: block; } .about-photo { width:754px; height: 548px; display: block; background: url(images/about-photo.png) no-repeat; position: relative; right: -62px; top: -80px; float: right; } .about-post { padding-top:280px; line-height: 25px; } .about-post .entry { line-height: 22px; } /* CONTACTS */ #contacts-content { background: #24222e url(images/contacts-bg.jpg) no-repeat; min-height:960px; } .phone-num { margin: 20px 0; } .phone-num p { font: italic 25px Arial; } span.phone { font: italic 17px Georgia; color: #fff117; } a.mail { font: italic 25px Arial;} ul.my-soc li { list-style: none; font: italic 14px arial; line-height: 30px; } ul.my-soc li.tw { background: url(images/tw.jpg) no-repeat scroll 0 50%; padding-left: 20px; } ul.my-soc li.ms { background: url(images/ms-list.jpg) no-repeat scroll 0 50%; padding-left: 20px; } ul.my-soc li.dj { background: url(images/dj.jpg) no-repeat scroll 0 50%; padding-left: 20px; } ul.my-soc li.lf { background: url(images/lf.jpg) no-repeat scroll 0 50%; padding-left: 20px; } ul.my-soc li.vk { background: url(images/vk.jpg) no-repeat scroll 0 50%; padding-left: 20px; } ul.my-soc li.dr { background: url(images/dr.jpg) no-repeat scroll 0 50%; padding-left: 20px; } ul.my-soc li.sonic { background: url(images/sonic.jpg) no-repeat scroll 0 50%; padding-left: 20px; } ul.my-soc li.fb-list { background: url(images/fb-list.jpg) no-repeat scroll 0 50%; padding-left: 20px; } ul.my-soc li.cloud { background: url(images/cloud.jpg) no-repeat scroll 0 50%; padding-left: 20px; } ul.my-soc li.you { background: url(images/you.jpg) no-repeat scroll 0 50%; padding-left: 20px; } ul.my-soc li.bs { background: url(images/bs.jpg) no-repeat scroll 0 50%; padding-left: 20px; } ul.my-soc li.lj { background: url(images/lj.jpg) no-repeat scroll 0 50%; padding-left: 20px; } /* MEDIA */ #mm-content { } #media-content { background: #24222e url(images/media-bg.jpg) no-repeat; min-height:960px; } .media-post { padding-top: 200px; } .box { display: none; } .box.visible { display: block; } /* HEADER */ a.logo { display:block; height:45px; left:0; position:absolute; top:120px; width:290px; } .description { position: absolute; top: 255px; left: 0; font: italic 13px Arial; } #lang { width: 140px; position: absolute; top: 65px; left: 300px; font: italic 13px Arial; } #lang li { list-style: none; float: left; } #lang li a { background: none; padding:8px; display:block; color:#D1E9EC; text-decoration: underline; } #lang li span { background: url(images/lang-bg.png) no-repeat scroll 50% 0; color: #393a4c; text-decoration: none; padding:8px; display:block; } /* WRAPPERS */ #page-wrap { width: 1140px; margin: 0 auto; position: relative; } /* FOOTER */ #footer { position: relative; color: #fff; height:60px; font-size: 11px;margin-top:40px; } #footer .soc-footer { position: absolute; width: 100px; top: 5px; right: 0; } /* SIDEBAR */ .right-col { width: 327px; position: absolute; right: 0; top: 200px; } .left-col { width: 234px; position: absolute; left: 0; top: 390px; } .left-col ul li { font: italic 15px Arial; list-style: none; line-height: 35px; } .left-col ul li a { color: #c2d8dd; } /* BLOG */ .blog-col { width: 510px; padding-top:300px; } /* NAVIGATION */ #navigation { position: absolute; right: 0; top: 60px; } #navigation li { float: left; display: inline; /*For ignore double margin in IE6*/ list-style: none; font: italic 17px Arial; } #navigation li a { color: #d1e9ec; text-decoration: underline; float: left; } #navigation li a span { float:left; margin:0 24px 0 -10px; padding:8px 8px 8px 31px; position:relative; } #navigation li a:hover { text-decoration: none; cursor: pointer; } #navigation li.current_page_item a { background: url(images/nav-bg.png) no-repeat top right; color: #0d5f83; text-decoration: none; } #navigation li.current_page_item a span { background: url(images/nav-bg.png) no-repeat top left; color:#000000; } /* NAV */ #nav { width: 480px; margin-left: 180px;} #nav ul { width: 900px;} #nav ul a { text-decoration: none;} #nav li { height: 36px; float: left; list-style: none; font: italic 17px Arial; margin: 0 10px; cursor: pointer; } #nav li { height: 36px; margin:7px 30px 8px 30px; color: #d1e9ec; display: block; text-decoration: none; } #nav li span { position: relative; /*To fix IE6 problem (not displaying)*/ display: block; border-bottom: 1px dashed #d1e9ec; } h2.news { font: italic 25px Georgia; font-weight: bold; color: #fff; text-decoration: underline; } h2.audio { font: italic 25px Georgia; font-weight: bold; color: #b1ff97; text-decoration: underline; } .post-frame-video { background:url(images/post-frame-video.png) no-repeat; height:221px; position:absolute; width:256px; } .post-frame-video:hover { background-position: 0 100%; } img.video-img { margin: 7px 0 0 7px; } #media-item { width:256px; float:left; margin: 0 30px 30px 0; } #video-title h3 { color: #fff117; font: 15px Arial; margin: 10px 0; text-align: center; } /* CONTACT */ #container { width:300px; top: 40px; left: 280px; position: relative; } #content { width:520px; min-height:500px; } #topnav { padding:10px 0px 12px; font-size:11px; line-height:23px; margin-left: -380px; margin-top: -50px; position: absolute;} #topnav a.basic { padding:20px 32px; text-decoration:none; font-weight:bold; } #topnav a.signin, #topnav a.signin:hover { *background-position:0 3px!important; } a.signin { position:relative; margin-left:3px; } a.basic span { border-bottom: 2px dashed #D1E9EC; font:italic 25px Arial; } #topnav a.menu-open { background:url(images/feedback.png) no-repeat !important; color:#666!important; outline:none; } #small_signup { display:inline; float:none; line-height:23px; margin:25px 0 0; width:170px; } a.signin.menu-open span { color:#000; border: none; } #signin_menu { display:none; background: url(images/fb-top.png) no-repeat; padding-top: 30px; position:absolute;width:210px;z-index:100;border:1px transparent; text-align:left; top: 30px; left:3px; margin-top:5px; margin-right: 0px; *margin-right: -1px; color:#789; font-size:11px; } .cf { padding:0px 35px 35px; background: url(images/fb-bot.png) no-repeat bottom left; } #signin_menu input[type=text], #signin_menu input[type=password] { display:block; -webkit-border-radius:15px; -moz-border-radius:15px; background: #e6e6e6; border:1px solid #c5c5c5; font-size:13px; margin:0 0 20px; padding:10px; width:230px; } #signin_menu p { margin:0; } #signin_menu a { color:#6AC; } #signin_menu label { font-weight:normal; } #signin_menu p.remember { padding:10px 0; } #signin_menu p.forgot, #signin_menu p.complete { clear:both; margin:5px 0; } #signin_menu p a { color:#27B; } #signin_submit { -moz-border-radius:4px; -webkit-border-radius:4px; background:#39d url('images/bg-btn-blue.png') repeat-x scroll 0 0; border:1px solid #39D; color:#fff; text-shadow:0 -1px 0 #39d; padding:4px 10px 5px; font-size:11px; margin:0 5px 0 0; font-weight:bold; } #signin_submit::-moz-focus-inner { padding:0; border:0; } #signin_submit:hover, #signin_submit:focus { background-position:0 -5px; cursor:pointer; } span.message textarea { width: 314px; padding:10px; -webkit-border-radius:15px; -moz-border-radius:15px; background: #e6e6e6; border:1px solid #c5c5c5; } .cf7-but { background: url(images/send-but.jpg) no-repeat; text-indent: -9999px; width:99px; height: 34px; border: none; cursor: pointer; margin-top: 10px; } span.label { font: italic 17px Arial; color: #888; padding:0 5px; } /* MEDIA AUDIO */ h3 { margin: 0; padding: 7px 0 0 0; font-size: 16px; text-transform: uppercase; } div#feature_list { width: 100%; overflow: hidden; position: relative; height:100%; } div#feature_list ul { list-style: none; } ul#tabs { padding:0 200px; } ul#tabs li { font-size: 12px; font-family: Arial; float:left; } ul#tabs li img { padding: 10px; border: none; float: left; } ul#tabs li a { display: block; outline: none; color: #fff117; } ul#output { overflow:hidden; margin-bottom: 40px; padding:0 220px; } ul#output li { position: relative; } ul#output li a:hover { text-decoration: none; } ul#tabs_remixes { padding:0 200px; } ul#tabs_remixes li { font-size: 12px; font-family: Arial; float:left; } ul#tabs_remixes li img { padding: 10px; border: none; float: left; } ul#tabs_remixes li a { display: block; outline: none; color: #fff117; } ul#output_remixes { overflow:hidden; margin-bottom: 40px; padding:0 220px; } ul#output_remixes li { position: relative; } ul#output_remixes li a:hover { text-decoration: none; } img.cd-cover-big { float:left; width: 379px; } .playlist { float:left; padding:5px 0; width:310px; height:100%; word-wrap: break-word; } .playlist p { margin-bottom: 15px; } h2.album { font: normal 14px Arial; color:#fff117; text-align: center; } /* VIDEO */ #video-content { padding:100px 140px; } .lvideo { margin-top: 150px; } .lvideo-player { margin-top: 20px; } /* SHADOWBOX */ #sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;} #sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;} #sb-overlay{position:relative;height:100%;width:100%;} #sb-wrapper{position:absolute;visibility:hidden;width:100px;} #sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;} #sb-body{position:relative;height:100%;} #sb-body-inner{position:absolute;height:100%;width:100%;} #sb-player.html{height:100%;overflow:auto;} #sb-body img{border:none;} #sb-loading{position:relative;height:100%;} #sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;} #sb-loading-inner span{background:url(loading.gif) no-repeat;padding-left:34px;display:inline-block;} #sb-body,#sb-loading{background-color:#060606;} #sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;} #sb-title,#sb-title-inner{height:26px;line-height:26px;} #sb-title-inner{font-size:16px;} #sb-info,#sb-info-inner{height:20px;line-height:20px;} #sb-info-inner{font-size:12px;} #sb-nav{float:right;height:16px;padding:2px 0;width:45%;} #sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;} #sb-nav-close{background-image:url(images/close.png);} #sb-nav-next{background-image:url(images/next.png);} #sb-nav-previous{background-image:url(images/previous.png);} #sb-nav-play{background-image:url(images/play.png);} #sb-nav-pause{background-image:url(images/pause.png);} #sb-counter{float:left;width:45%;} #sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;} #sb-counter a.sb-counter-current{text-decoration:underline;} div.sb-message{font-size:12px;padding:10px;text-align:center;} div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;} .playlist .container{position:relative; width:240px; top:0; float:left;} .playlist .content{clear:both;} #dragger_container{position:relative; width:0px; height:580px; float:left; margin:10px 0 0 10px; border-left:1px solid #000; border-right:1px solid #555;} #dragger{position:absolute; width:9px; height:40px; background:#999; margin-left:-5px; text-align:center; line-height:40px; color:#666; overflow:hidden; border-left:1px solid #ccc; border-right:1px solid #555;}