/*
Design by Free CSS Templates
http://templates.websitetemplatesonline.com
Released for free under a Creative Commons Attribution 2.5 License

Name       : Music 
Version    : 1.0
Released   : 2014.01.27
Editing    : http://ykubnay.mywapblog.com
Description: A two-column, music for mywapblog only
petunjuk 
penggunaan : masuk mwb > dashboard > themes > desktop > aktifkan tema mobility

*/


body {background:#8a0d65;margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:14px;
color:#fff}

body:after {
          content: "";
          position: fixed;
          bottom: -10px;
          left: 0;
          width: 100%;
          height: 10px;
          box-shadow: 0px 0px 40px rgba(0,0,0,.8);
          z-index: 100;
}

@font-face {
  font-family: 'Audiowide';
  font-style: normal;
  font-weight: 600;
  src: local('Audiowide'), local('Audiowide-Regular'), url(http://themes.googleusercontent.com/static/fonts/audiowide/v2/8XtYtNKEyyZh481XVWfVOj8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
a {color:#36C5F4;text-decoration:none;}
a:hover{padding-left: 12px;}

img { border: none; max-width: 90%;}

#wrapper {width:960px;margin:0 auto;
background:url(http://ykubnay.yn.lt/import/desktop/music/header-img.jpg) bottom center no-repeat,url(http://ykubnay.yn.lt/import/desktop/music/background.png)  top center repeat-y}


#header {
background:url(http://ykubnay.yn.lt/import/desktop/music/header-img.jpg) top center no-repeat;
width:960px;height:406px}

#logo {float:left;clear:both;margin-top:5px;margin-left:30px}

#logo .heading, #header-wrapper {
    margin: 0;
    padding: 0;
}

#logo .heading a { font-size: 30px;
    font-family: 'Audiowide', cursive; font-weight: 600;
    text-decoration: none;
}
#logo .heading a:hover { color: #fff;}

#logo .description  { width: 500px;
    text-align: left;
    margin: 20px 0 20px 3px;
    font-size: 13px;
    color: #fff;
    font-weight: bold;
text-transform: capitalize;
}

#search-form { position: absolute;
    right: 50px;}


/* menu */

#menu {float:right;clear:none;position: fixed; top: 0px; right: 0px;
background:url(http://ykubnay.yn.lt/import/desktop/music/menu.png) top right no-repeat;
width:289px;height:246px;margin-top:12px;
margin:0;padding:0;}

#menu ul {list-style:none;margin:0;padding:0}
#menu ul li {margin:0;padding:0;padding-top:12px;padding-right:12px}

#menu ul li a {display:block;text-decoration:none;font-size:18px;text-align:left;cursor:pointer;margin-left:50px;
color:#000;font-weight:bolder;width:150px;padding-top:8px;line-height:22px}

/* Search */


#search-submit, #comment_form .inp-btn {
background: #000;
color: #fff;
border: 1px solid #000;
}


/* post */

#content {float: right; padding: 0; margin: 0 auto;
    width: 500px; margin-top:-20px}

.post  { margin: 0 25px 0 -90px;
}

.post a:hover { color:lime;}
.post .title:hover
{
transform:rotate(1deg);
-moz-transform:rotate(1deg);
-webkit-transform:rotate(1deg);
-o-transform:rotate(1deg); }

.post h2, .post-single .title {
background:url(http://ykubnay.yn.lt/import/desktop/music/released-header.png) center no-repeat;
font-size:18px;color:#ba1b8b;font-weight:bolder;
width:500px; background-size: 100% 100%;
padding:3px 3px 3px 20px;
}

.post .title a
{ color: #000;
text-transform: capitalize;
}
.post .title a:hover
{ color: #FFF;}

.post .entry p a[href$=".xhtml"]{content:url(http://ykubnay.yn.lt/import/desktop/music/more-btn.png);}

#share_buttons { margin: 10px 0; text-align: center;}

/* sidebar */

#sidebar
 {
width: 300px;
margin: 0;
    float: left;
    padding: 0 20px 300px 40px;}

#sidebar ul, #blogroll_list ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

#sidebar li li, #blogroll_list
{ color: #fff;
background:transparent url(http://ykubnay.yn.lt/import/desktop/music/top-download-bg.png) top left repeat-x;
border:1px solid #ba1b8c;margin-top:4px; padding: 5px;
border-radius: 4px;}

#sidebar li li a:hover, #menu ul li a:hover { color: #fff;}

#sidebar ul li+li ul li {
list-style-image: url(http://ykubnay.yn.lt/import/desktop/music/bullet.png);
list-style-position:inside;
}

h3 { text-align: center;}

#sidebar h3, #blogroll_list h3
{ font-family: 'Audiowide', cursive;
background:url(http://ykubnay.yn.lt/import/desktop/music/top_downloads_header.png) top left no-repeat;
width:196px;height:20px;font-size:13px;padding-left:10px}

/* pagination */

#pagination_links
{ width: 100%;
  font-size: 14px; background: transparent;
  text-align: center;
  padding: 0px; margin: 0;
}
#pagination_links span

{ border-radius: 3px 3px 0 0;
  padding: 8px;
  display: inline-block;
  background: #8a0d65;
  margin-top: 2px; color:#fff;
}
#pagination_links a

{ border-radius: 3px;
  padding: 8px;
  background: #444;
  color: #fff;
  display: inline-block;
  margin-top: 2px;
  text-decoration: none;
}
#pagination_links a:hover
{ background: #8a0d65;
-webkit-transform:translate(0px,10px);
  -moz-transform:translate(0px,-10px);
  -ms-transform:translate(0px,-10px);
  -o-transform:translate(0px,10px);
  transform:translate(0px,-10px);}

.no-link, .no-link:hover {
  text-decoration: none;
  color: inherit; font-family: 'Audiowide', cursive;
}

/* footer */

#footer {
background:url(http://ykubnay.yn.lt/import/desktop/music/footer-interfaces.jpg);
width:940px;
margin:0 auto;
font-size:13px;
color:#fff;
padding: 20px 0 20px;
text-align: center;
}
#footer p+p:before { content:"yakubnay";
display: block;
}   

/* coment */

#comments { border-radius: 4px;
background:transparent url(http://ykubnay.yn.lt/import/desktop/music/news-bg.png) top left repeat-x;
border:1px solid #360c2a;margin:4px 10px 0 -90px;padding:10px;
height:1300px;
overflow-y:scroll;
}

#comments h3
 { 
background:url(http://ykubnay.yn.lt/import/desktop/music/News-header.png) top left no-repeat;
border:1px solid #360c2a;font-size:18px;padding:5px 5px 5px 10px;
background-size: 100% 100%;}

.comment h5 small {
    font-size:10px;
    display:block;
    font-weight:normal;
    color:#777
}
.comment {
  background:url(http://ykubnay.yn.lt/import/desktop/music/commentbg.png) left top repeat-y,url(http://ykubnay.yn.lt/import/desktop/music/music.png) right center no-repeat,#444;
  margin:2px 15px;
    padding:2px 4px 2px 82px !important;
  color: #fff; border-radius: 15px; border-top-right-radius: 15px;
}
.comment-alt {
  background:#000033 url(http://ykubnay.yn.lt/import/desktop/music/sidebarh3.png);
  color: #fff; background-size:100% 100%;
}
.comment h5 {
  font-size: 16px;
  margin: 0;
}

#new_entry, #new_comment_form { text-align: center;}

.inp-textarea,.inp-text {
    background:#111;
    border:2px groove #777; border-radius: 15px;
padding: 5px;
}

/* other */

img { border-radius: 3px;}

.entry img:hover 
 {
      -o-transition:  width 1s ease-in 400ms, opacity 1.2s ease-in 1,2s, border 1.2s linear 2.5s;
      -moz-transition: width 1s ease-in 400ms, opacity 1.2s ease-in 1,2s, border 1.2s linear 2.5s;
      -webkit-transition: width 1s ease-in 400ms, opacity 1.2s ease-in 1,2s, border 1.2s linear 2.5s;
      opacity: 1.0;
      z-index: 9;
      border: 10px solid #fff;
      width: 400px;
      height: auto;
      border-radius: 15px;
      -moz-border-radius: 15px;
      -webkit-border-radius: 15px;
      background: #aaa;
      box-shadow: 1px 1px 10px #000;
      -moz-box-shadow: 1px 1px 10px #000;
      -webkit-box-shadow: 1px 1px 10px #000;
      }   

.entry textarea { color: #fff;
background:transparent url(http://ykubnay.yn.lt/import/desktop/music/top-download-bg.png) top left repeat-x;
border:1px solid #ba1b8c;padding: 5px;
border-radius: 4px;}

body, a:hover {cursor: url(http://cur.cursors-4u.net/smilies/smi-3/smi211.cur), progress !important;}

body:before { content:url("http://fitz3.wen9.net/css/desktop/accessoris/tokek.gif");  position: fixed;}