@charset "UTF-8";
@font-face {
  font-family: 'entypo';
  font-style: normal;
  font-weight: normal;
  src: url('/f/entypo.eot');
  src: url('/f/entypo.eot?#iefix') format('eot'), 
  url('/f/entypo.woff') format('woff'), 
  url('/f/entypo.ttf') format('truetype'), 
  url('/f/entypo.svg#entypo') format('svg');
}
.wh { color: #fff }
.entypo-note:before{content:"\266a"}.entypo-note-beamed:before{content:"\266b"}.entypo-music:before{content:"\1f3b5"}.entypo-search:before{content:"\1f50d"}.entypo-flashlight:before{content:"\1f526"}.entypo-mail:before{content:"\2709"}.entypo-heart:before{content:"\2665"}.entypo-heart-empty:before{content:"\2661"}.entypo-star:before{content:"\2605"}.entypo-star-empty:before{content:"\2606"}.entypo-user:before{content:"\1f464"}.entypo-users:before{content:"\1f465"}.entypo-user-add:before{content:"\e700"}.entypo-video:before{content:"\1f3ac"}.entypo-picture:before{content:"\1f304"}.entypo-camera:before{content:"\1f4f7"}.entypo-layout:before{content:"\268f"}.entypo-menu:before{content:"\2630"}.entypo-check:before{content:"\2713"}.entypo-cancel:before{content:"\2715"}.entypo-cancel-circled:before{content:"\2716"}.entypo-cancel-squared:before{content:"\274e"}.entypo-plus:before{content:"\2b"}.entypo-plus-circled:before{content:"\2795"}.entypo-plus-squared:before{content:"\229e"}.entypo-minus:before{content:"\2d"}.entypo-minus-circled:before{content:"\2796"}.entypo-minus-squared:before{content:"\229f"}.entypo-help:before{content:"\2753"}.entypo-help-circled:before{content:"\e704"}.entypo-info:before{content:"\2139"}.entypo-info-circled:before{content:"\e705"}.entypo-back:before{content:"\1f519"}.entypo-home:before{content:"\2302"}.entypo-link:before{content:"\1f517"}.entypo-attach:before{content:"\1f4ce"}.entypo-lock:before{content:"\1f512"}.entypo-lock-open:before{content:"\1f513"}.entypo-eye:before{content:"\e70a"}.entypo-tag:before{content:"\e70c"}.entypo-bookmark:before{content:"\1f516"}.entypo-bookmarks:before{content:"\1f4d1"}.entypo-flag:before{content:"\2691"}.entypo-thumbs-up:before{content:"\1f44d"}.entypo-thumbs-down:before{content:"\1f44e"}.entypo-download:before{content:"\1f4e5"}.entypo-upload:before{content:"\1f4e4"}.entypo-upload-cloud:before{content:"\e711"}.entypo-reply:before{content:"\e712"}.entypo-reply-all:before{content:"\e713"}.entypo-forward:before{content:"\27a6"}.entypo-quote:before{content:"\275e"}.entypo-code:before{content:"\e714"}.entypo-export:before{content:"\e715"}.entypo-pencil:before{content:"\270e"}.entypo-feather:before{content:"\2712"}.entypo-print:before{content:"\e716"}.entypo-retweet:before{content:"\e717"}.entypo-keyboard:before{content:"\2328"}.entypo-comment:before{content:"\e718"}.entypo-chat:before{content:"\e720"}.entypo-bell:before{content:"\1f514"}.entypo-attention:before{content:"\26a0"}.entypo-alert:before{content:"\1f4a5'"}.entypo-vcard:before{content:"\e722"}.entypo-address:before{content:"\e723"}.entypo-location:before{content:"\e724"}.entypo-map:before{content:"\e727"}.entypo-direction:before{content:"\27a2"}.entypo-compass:before{content:"\e728"}.entypo-cup:before{content:"\2615"}.entypo-trash:before{content:"\e729"}.entypo-doc:before{content:"\e730"}.entypo-docs:before{content:"\e736"}.entypo-doc-landscape:before{content:"\e737"}.entypo-doc-text:before{content:"\1f4c4"}.entypo-doc-text-inv:before{content:"\e731"}.entypo-newspaper:before{content:"\1f4f0"}.entypo-book-open:before{content:"\1f4d6"}.entypo-book:before{content:"\1f4d5"}.entypo-folder:before{content:"\1f4c1"}.entypo-archive:before{content:"\e738"}.entypo-box:before{content:"\1f4e6"}.entypo-rss:before{content:"\e73a"}.entypo-phone:before{content:"\1f4dE"}.entypo-cog:before{content:"\2699"}.entypo-tools:before{content:"\2692"}.entypo-share:before{content:"\e73c"}.entypo-shareable:before{content:"\e73e"}.entypo-basket:before{content:"\e73d"}.entypo-bag:before{content:"\1f45c'"}.entypo-calendar:before{content:"\1f4c5"}.entypo-login:before{content:"\e740"}.entypo-logout:before{content:"\e741"}.entypo-mic:before{content:"\1f3a4"}.entypo-mute:before{content:"\1f507"}.entypo-sound:before{content:"\1f50a"}.entypo-volume:before{content:"\e742"}.entypo-clock:before{content:"\1f554"}.entypo-hourglass:before{content:"\23f3"}.entypo-lamp:before{content:"\1f4a1"}.entypo-light-down:before{content:"\1f505"}.entypo-light-up:before{content:"\1f506"}.entypo-adjust:before{content:"\25d1"}.entypo-block:before{content:"\1f6ab"}.entypo-resize-full:before{content:"\e744"}.entypo-resize-small:before{content:"\e746"}.entypo-popup:before{content:"\e74c"}.entypo-publish:before{content:"\e74d"}.entypo-window:before{content:"\e74e"}.entypo-arrow-combo:before{content:"\e74f"}.entypo-down-circled:before{content:"\e758"}.entypo-left-circled:before{content:"\e759"}.entypo-right-circled:before{content:"\e75a"}.entypo-up-circled:before{content:"\e75b"}.entypo-down-open:before{content:"\e75c"}.entypo-left-open:before{content:"\e75d"}.entypo-right-open:before{content:"\e75e"}.entypo-up-open:before{content:"\e75f"}.entypo-down-open-mini:before{content:"\e760"}.entypo-left-open-mini:before{content:"\e761"}.entypo-right-open-mini:before{content:"\e762"}.entypo-up-open-mini:before{content:"\e763"}.entypo-down-open-big:before{content:"\e764"}.entypo-left-open-big:before{content:"\e765"}.entypo-right-open-big:before{content:"\e766"}.entypo-up-open-big:before{content:"\e767"}.entypo-down:before{content:"\2b07"}.entypo-left:before{content:"\2b05"}.entypo-right:before{content:"\27a1"}.entypo-up:before{content:"\2b06"}.entypo-down-dir:before{content:"\25be"}.entypo-left-dir:before{content:"\25c2"}.entypo-right-dir:before{content:"\25b8"}.entypo-up-dir:before{content:"\25b4"}.entypo-down-bold:before{content:"\e4b0"}.entypo-left-bold:before{content:"\e4ad"}.entypo-right-bold:before{content:"\e4ae"}.entypo-up-bold:before{content:"\e4af"}.entypo-down-thin:before{content:"\2193"}.entypo-left-thin:before{content:"\2190"}.entypo-right-thin:before{content:"\2192"}.entypo-up-thin:before{content:"\2191"}.entypo-ccw:before{content:"\27f2"}.entypo-cw:before{content:"\27f3"}.entypo-arrows-ccw:before{content:"\1f504"}.entypo-level-down:before{content:"\21b3"}.entypo-level-up:before{content:"\21b0"}.entypo-shuffle:before{content:"\1f500"}.entypo-loop:before{content:"\1f501"}.entypo-switch:before{content:"\21c6"}.entypo-play:before{content:"\25b6"}.entypo-stop:before{content:"\25a0"}.entypo-pause:before{content:"\2389"}.entypo-record:before{content:"\26ab"}.entypo-to-end:before{content:"\23ed"}.entypo-to-start:before{content:"\23ee"}.entypo-fast-forward:before{content:"\23e9"}.entypo-fast-backward:before{content:"\23ea"}.entypo-progress-0:before{content:"\e768"}.entypo-progress-1:before{content:"\e769"}.entypo-progress-2:before{content:"\e76a"}.entypo-progress-3:before{content:"\e76b"}.entypo-target:before{content:"\1f3af"}.entypo-palette:before{content:"\1f3a8"}.entypo-list:before{content:"\e005"}.entypo-list-add:before{content:"\e003"}.entypo-signal:before{content:"\1f4f6"}.entypo-trophy:before{content:"\1f3c6"}.entypo-battery:before{content:"\1f50b"}.entypo-back-in-time:before{content:"\e771"}.entypo-monitor:before{content:"\1f4bb"}.entypo-mobile:before{content:"\1f4f1"}.entypo-network:before{content:"\e776"}.entypo-cd:before{content:"\1f4bf"}.entypo-inbox:before{content:"\e777"}.entypo-install:before{content:"\e778"}.entypo-globe:before{content:"\1f30e"}.entypo-cloud:before{content:"\2601"}.entypo-cloud-thunder:before{content:"\26c8"}.entypo-flash:before{content:"\26a1"}.entypo-moon:before{content:"\263d"}.entypo-flight:before{content:"\2708"}.entypo-paper-plane:before{content:"\e79b"}.entypo-leaf:before{content:"\1f342"}.entypo-lifebuoy:before{content:"\e788"}.entypo-mouse:before{content:"\e789"}.entypo-briefcase:before{content:"\1f4bc"}.entypo-suitcase:before{content:"\e78e"}.entypo-dot:before{content:"\e78b"}.entypo-dot-2:before{content:"\e78c"}.entypo-dot-3:before{content:"\e78d"}.entypo-brush:before{content:"\e79a"}.entypo-magnet:before{content:"\e7a1"}.entypo-infinity:before{content:"\221e"}.entypo-erase:before{content:"\232b"}.entypo-chart-pie:before{content:"\e751"}.entypo-chart-line:before{content:"\1f4c8"}.entypo-chart-bar:before{content:"\1f4ca"}.entypo-chart-area:before{content:"\1f53e"}.entypo-tape:before{content:"\2707"}.entypo-graduation-cap:before{content:"\1f393"}.entypo-language:before{content:"\e752"}.entypo-ticket:before{content:"\1f3ab"}.entypo-water:before{content:"\1f4a6"}.entypo-droplet:before{content:"\1f4a7"}.entypo-air:before{content:"\e753"}.entypo-credit-card:before{content:"\1f4b3"}.entypo-floppy:before{content:"\1f4be"}.entypo-clipboard:before{content:"\1f4cb"}.entypo-megaphone:before{content:"\1f4e3"}.entypo-database:before{content:"\e754"}.entypo-drive:before{content:"\e755"}.entypo-bucket:before{content:"\e756"}.entypo-thermometer:before{content:"\e757"}.entypo-key:before{content:"\1f511"}.entypo-flow-cascade:before{content:"\e790"}.entypo-flow-branch:before{content:"\e791"}.entypo-flow-tree:before{content:"\e792"}.entypo-flow-line:before{content:"\e793"}.entypo-flow-parallel:before{content:"\e794"}.entypo-rocket:before{content:"\1f680"}.entypo-gauge:before{content:"\e7a2"}.entypo-traffic-cone:before{content:"\e7a3"}.entypo-cc:before{content:"\e7a5"}.entypo-cc-by:before{content:"\e7a6"}.entypo-cc-nc:before{content:"\e7a7"}.entypo-cc-nc-eu:before{content:"\e7a8"}.entypo-cc-nc-jp:before{content:"\e7a9"}.entypo-cc-sa:before{content:"\e7aa"}.entypo-cc-nd:before{content:"\e7ab"}.entypo-cc-pd:before{content:"\e7ac"}.entypo-cc-zero:before{content:"\e7ad"}.entypo-cc-share:before{content:"\e7ae"}.entypo-cc-remix:before{content:"\e7af"}.entypo-github:before{content:"\f300"}.entypo-github-circled:before{content:"\f301"}.entypo-flickr:before{content:"\f303"}.entypo-flickr-circled:before{content:"\f304"}.entypo-vimeo:before{content:"\f306"}.entypo-vimeo-circled:before{content:"\f307"}.entypo-twitter:before{content:"\f309"}.entypo-twitter-circled:before{content:"\f30a"}.entypo-facebook:before{content:"\f30c"}.entypo-facebook-circled:before{content:"\f30d"}.entypo-facebook-squared:before{content:"\f30e"}.entypo-gplus:before{content:"\f30f"}.entypo-gplus-circled:before{content:"\f310"}.entypo-pinterest:before{content:"\f312"}.entypo-pinterest-circled:before{content:"\f313"}.entypo-tumblr:before{content:"\f315"}.entypo-tumblr-circled:before{content:"\f316"}.entypo-linkedin:before{content:"\f318"}.entypo-linkedin-circled:before{content:"\f319"}.entypo-dribbble:before{content:"\f31b"}.entypo-dribbble-circled:before{content:"\f31c"}.entypo-stumbleupon:before{content:"\f31e"}.entypo-stumbleupon-circled:before{content:"\f31f"}.entypo-lastfm:before{content:"\f321"}.entypo-lastfm-circled:before{content:"\f322"}.entypo-rdio:before{content:"\f324"}.entypo-rdio-circled:before{content:"\f325"}.entypo-spotify:before{content:"\f327"}.entypo-spotify-circled:before{content:"\f328"}.entypo-qq:before{content:"\f32a"}.entypo-instagrem:before{content:"\f32d"}.entypo-dropbox:before{content:"\f330"}.entypo-evernote:before{content:"\f333"}.entypo-flattr:before{content:"\f336"}.entypo-skype:before{content:"\f339"}.entypo-skype-circled:before{content:"\f33a"}.entypo-renren:before{content:"\f33c"}.entypo-sina-weibo:before{content:"\f33f"}.entypo-paypal:before{content:"\f342"}.entypo-picasa:before{content:"\f345"}.entypo-soundcloud:before{content:"\f348"}.entypo-mixi:before{content:"\f34b"}.entypo-behance:before{content:"\f34e"}.entypo-google-circles:before{content:"\f351"}.entypo-vkontakte:before{content:"\f354"}.entypo-smashing:before{content:"\f357"}.entypo-sweden:before{content:"\f601"}.entypo-db-shape:before{content:"\f600"}.entypo-logo-db:before{content:"\f603"}

* { margin: 0; padding: 0 }
body { background-color: #fff;   color: #303c42;
	
	font-family: 'Mada', 'Droid Serif', serif;

	
  font-size: 14px;
  line-height: 1.42857143;

  width: 100%;

  -webkit-font-smoothing: antialiased;
   }
   

/* entypo */
[class*="entypo-"]:before {
  font-family: 'entypo', sans-serif;
}
 
 .example {
     
     margin: 0 0 30px 50px
}
ul {
    list-style-type: none;
    padding: 0;
}
   
.example li {
    margin-right: 10px;
float: left;
}

.example a:link  { color: #d64933; text-decoration: none; font-weight: normal}
.example a:visited  { color: #d64933; text-decoration: none; font-weight: normal}
.example a:active  { color: #d64933; text-decoration: none; font-weight: normal}
.example a:hover { color: #000; text-decoration: none }



.exampl li {
    
}   
ul.exampl { margin: 0 auto; width: 60% }
.exampl li {
  text-align: left !important;
    margin-left: 10px
}
   
#content {background-color: #fff; width: 100%; margin: 0 auto;  position: relative; 

}
.text {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px}
a:link  { color: #d64933; text-decoration: none; font-weight: bold}
a:visited  { color: #d64933; text-decoration: none; font-weight: bold}
a:active  { color: #d64933; text-decoration: underline; font-weight: bold}
a:hover { text-decoration: underline }

#header { text-align:center; padding: 10px 0 10px 0 }
#footer { width: 980px}
.clr { clear: both; line-height:0; height:0; font-size: 0; }

#title {  height: 20px; color: #000; text-transform: uppercase}
#title h3 { font-size: 9pt; padding-top: 3px; text-align: center}


#book { background-color:  #ffcc33; height: 20px; color: #000; font-size: 9pt; padding-top: 3px; border-bottom: 2px solid #000; padding-bottom: 3px; text-align: center; font-weight: bold}
#book a { color: #000; text-decoration: underline} 

#aallstuff { height: 100%; float: left; width: 715px; padding: 20px 0 0 0}
#abanstuff { height: 100%; float: left; width: 235px; padding-left: 15px; padding-right: 5px; padding-top: 20px;   background-color: #f8f8f8;
  
  border-left: 1px solid #d0d0d0;}

#allstuff h2 { font-size: 20px; padding: 5px 10px 15px 10px;
	font-weight: 700;
  line-height: 1.1;
  color: #333333;}
#banstuff h2 { font-size: 10pt; padding: 5px 5px 5px 5px; ; text-align: center}

#banstuff li { list-style-type:none; text-align: center}

#copy {  height: 18px; color: #000;  font-size: 9pt; padding-top: 2px; text-align: center}

h1 { color: #fff;   margin:0 15px 0 0; padding: 0;
	  float: left;
  font-size: 38px;
  line-height: 32px
	}
h1 a:link,h1 a:active,h1 a:visited { color: #fff; text-decoration: none }
h1 a:hover { color: #fff; text-decoration: underline }

#toplink { display:block; height:32px; width: 375px; float:right;margin-right: 0px; margin-top:15px;_margin-top:17px;}

.rece { padding: 0 0 3px 0 }
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.seit { padding: 15px 5px; border-top: 1px solid #444;}
div.zseit:first-child {  border-top: 1px solid #444;}
div.zseit:last-child {  border-bottom: 0px}
.seit span { padding: 3px;  }


/* tagcloud */
#tagcloud { padding: 20px; text-align:center; }
#tagcloud a:link, #tagcloud a:visited { text-decoration:underline; }
#tagcloud a:hover, #tagcloud a:active { text-decoration: none; }
#tagcloud span { padding: 4px; }
.smallest { font-size: 9pt; line-height: 20pt }
.small { font-size: 12pt; line-height: 20pt }
.medium { font-size:15pt; line-height: 20pt }
.large { font-size:18pt; line-height: 20pt }
.largest { font-size:20pt; line-height: 20pt}

h3,p { padding: 5px 10px }
h3 { font-size: 15px, padding: 10px 0 }

.kuc { border-top: 0px }


#sestuff button, #sestuff input, optgroup, select, textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}
#sestuff input {
  line-height: normal;
}


#sestuff input, #sestuff button, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

#sestuff input {
  outline: 0;
  border: none;
  width: 100%;
  height: inherit;
  color: #333333;
  font-size: 16px;
  padding: 5px 15px;
  border-radius: 3px;
}



#sestuffx { width: 100%; background-color: #d64933; padding: 20px 0 0px 0 }
#xstuff { margin: 0 auto; width: 980px; background-color: #fff }

#sestuff { margin: 0 auto;  width: 980px; }
#sestuff h2 { font-size: 10pt; padding: 5px 5px 0px 5px}



.seit img { float: right; padding-left: 10px }

.movlist { text-align: center }
.movlist img { padding-right: 20px; padding-bottom: 10px; }

h3 { text-align: center }

.dlad { color: #fdc600; background-color: #000; padding: 0; margin: 0; font-size: 1em }
.dlad a {  color: #fdc600 !important;  }


#adstuff {  margin: 0 0 20px 0; padding: 10px; font-size: 15pt; color: #fdc600; background-color: #000; text-align: center }
#adstuff b { font-size: 14pt }
#adstuff a { color: #fdc600; text-decoration: underline }
#adstuff a:hover { color: #fdc600; text-decoration: none }
 
 
@media only screen and (max-width: 980px) {
  .movlist br {  	display: none;  }
  #footer {width:100%;  height: auto;}
 
  #sestuff input {  width:58%; margin-left:2%; }
  #sestuff input.but { width:30%; }
}

@media only screen and (max-width: 420px) {
  #sestuff {text-align: center;}
  #sestuff input {  margin-bottom: 10px; width: 80%; float:none; }
  #sestuff input.but { width: auto; float:none; margin: 0;}
}

@media only screen and (min-width: 768px) and (max-width: 980px) {
  body {  }

  #xstuff { width: 768px; }
  
  #sestuff {width: auto;  }
  #sestuff form { 	width: 768px;  	margin: 0 auto;  }
}

@media only screen and (max-width: 768px) {
  body {  }
 #sestuff {width: auto;  }
  #xstuff  {width: auto; }
}
#lpos { margin: 0 auto; width: 980px; padding: 20px 0 }

@media only screen and (max-width: 979px) {
#lpos { width: 100% }
}




@media (min-width: 768px){

#allstuff {
    width: 60%;
       left: 31%;
       float: left;
} 


#banstuff {
    padding-top: 20px;
    text-align: center;
    right: 61%;
    width: 39%;
    float: left;
    
}

}

@media (max-width: 767px){

#allstuff {
    width: 100%;
       
} 


#banstuff {
    padding-top: 10px;
        width: 100%;
    text-align: center;
    
}

}
	
#sestuff input { width: 350px; float: right }
#sestuff input.but { font-weight: bold; margin-left: 10px; margin-right: 20px; width: 200px; float: right;  border: 0px;   background-color: #444444;
  color: #fff; border-radius: 3px; 
  }
 
@media (max-width: 980px){
 	h1 { float : none; text-align: center; margin-bottom: 20px  }
#sestuff input { width: 50%; float: right }
#sestuff input.but { font-weight: bold; margin-left: 10px; margin-right: 20px; width: 35%; float: right;  border: 0px;   background-color: #444444;
  color: #fff; border-radius: 3px; 
  }
  
  .aexampl li {
    width: 46%;
    margin-left: 3%
}
 
}

@media (max-width: 568px){
 	h1 { float : none; text-align: center }
#sestuff input { width: 40%; float: right }
#sestuff input.but { font-weight: bold; margin-left: 10px; margin-right: 10px; width: 40%; float: right;  border: 0px;   background-color: #444444;
  color: #fff; border-radius: 3px; 
    padding: 5px 5px;
  }
 
}


.ssrc { float: left; margin: 4px 20px 0px 0 }

.down {
    border: none;
    display: inline-block;
    outline: 0;
    padding: 6px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none!important;
    color: #fff;
    background-color: #000;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
}


 .down {
    color: #000;
    background-color: #ff9800;
}

a.down { color: #000 }
.down:hover {
    color: #000;
    
    background-color: #f1f1f1;
    
}

.mysd { text-align: left; }

.sli { float: left; width: 22%; margin-right: 2% }

.slix {
    overflow: hidden;
}
.sli {
    float: left;
    
    text-align: center;
    padding-bottom: 100%;
    margin-bottom: -100%;
}

#azindex {
margin: 0 auto;  


padding: 0;

}
#index {
font: bold 100% Verdana, Helvetica, sans-serif;
margin: 0 auto;  
padding: 0;
 clear: both ;
  justify-content: center;
}
#index li {
 float: left;
        text-align: center;
width: auto;
list-style-type: none;
margin :0 0 10px 0;
padding: 3px;

}

@media only screen and (min-width: 980px) {
#index li {
	float: none;
  display: inline;
  margin:0;
}
#index {display: flex; }
}

#index a:link, #index a:visited {
background: #fff;
padding: 5px 8px;
text-align: center;
text-decoration: none;

}

#index a:hover {
background: #444;
color: #fff;
text-decoration: underline;
}

.artl {
margin: 0 auto;  
padding: 0 0 0 10px;
 
}
.artl li {
  float: left;
        text-align: left;
width: 33%;
list-style-type: none;
margin :0;
padding: 3px 0;

}
	
.rula { margin-left: 10px;  }


#songa .list {
margin: 0 0 0 0px;  
padding: 0;
border-top: 1px solid #000;

}
#songa .list > li {
   float: left;
        text-align: left;
width: 33.333%;
list-style-type: none;
margin :0 0 0 0;
padding: 0 ;
 
  background-color: #f1f1f1;

  border-bottom: 1px solid #ddd;
}
#songa .nomor > li {
   
 white-space: nowrap;
 overflow:hidden;

}
#songa .morka > li{
	float: none;
	width:100%;
}

.textlyr {
	 background-color: #f1f1f1;
margin: 10px 0 10px 10px;
padding: 10px
  
}
.textlyr h3 { text-align: left; margin: 0 ; padding:0 0 0 10px }
.oneart { padding: 5px }

.ori { 
      text-align: left;
margin :0 0 0 0;
padding: 10px ;
 
  background-color: #f1f1f1;

  border-bottom: 1px solid #ddd;
}
#songa li.odd,.odd {     background-color: #f9f9f9; }
.highlight { font-weight: bold }

#songa .avatar {
  max-width: 150px;
}
#songa img {
  max-width: 100%;
}
#songa h3 {
  font-size: 16px;
  margin:0 0 0.3rem;
  font-weight: normal;
  font-weight:bold;
}
#songa p {
  margin:0;
}

#songa input {
  border:solid 1px #ccc;
  border-radius: 5px;
  padding:7px 14px;
  margin-bottom:10px
}
#songa input:focus {
  outline:none;
  border-color:#aaa;
}
#songa .sort {
  padding:5px;
  border-radius: 2px;
  border:none;
  display:inline-block;
  color:#fff;
  font-weight: bolder;
  text-decoration: none;
  background-color: #d64933;
  cursor: hand;
}
#songa .sort:hover {
  text-decoration: none;
  background-color:#000;
}
#songa .sort:focus {
  outline:none;
}
.txly2 { width: 40%; float: right }
.txly2 h3 { text-align: center; margin: 0; padding:0}
.pup { margin-left: 10px }
.txly1 { width: 55%; float: left }

.vi { text-align: center; margin-bottom: 20px }


@media only screen and (max-width: 600px) {
.xxfrm { width: 80% }
.txly2 { margin-top: 10px; width: 100%; float: none }
.txly1 { width: 100%; float: none }

}

.cent { text-align: center }

#vido, .but { cursor: hand;
	cursor: pointer;  }
	
	.artz { float: left; width:33%; text-align: center }
.imgl, .movlist img.imgl { float: left;padding:0;  margin-right: 10px }

  nav select {
      display: none;
    }

    @media (max-width: 960px) {
      nav ul     { display: none; }
      nav select { display: inline-block; }
      nav {margin: 0 auto; text-align:center }
      
      
      #songa .list > li {
 
width: 50%;

}
#allstuff { width: auto; padding-right:10px  }


table#examples td:nth-child(2) ~ td,table#examples th:nth-child(2) ~ th {
  display: none;
}
.artz { width: 50% }
    
    }
    
    @media (max-width: 360px) {
    	.artz { width: 100% }
    	.artz img { height: auto }
    }
#songa { padding-left: 10px }
.oneart p { margin: 0; padding: 0 }

.text1 {
  position:absolute;
  left:30%;
  top:30%
}
#vido { position: relative }

.saim { width: 100% }