/*
Theme Name:Suonia
Theme URI:http://www.Suonia.com/
Version:1
Description:Suonia template
Author: MM
*/



/* ==== RESET ====
Link: http://meyerweb.com/eric/tools/css/reset
Version: 2.0
Date: 2011/01/26
License: Public Domain 
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;font:inherit;/*vertical-align:baseline;*/}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
/*table {border-collapse: separate;border-spacing: 0;}*/
textarea {resize: none;}
strong {font-weight:bold;}
a:active, a:focus, input:focus[type=submit]{outline-color:invert; outline-style:none; outline-width:0;}


/* ==== FONTFACE: BryantSlim ==== */
@font-face {
font-family: 'BryantSlim';
src: url('font/BryantSlim.eot');
src: url('font/BryantSlim.eot?#iefix') format('embedded-opentype'),
     url('font/BryantSlim.woff') format('woff'),
     url('font/BryantSlim.ttf') format('truetype'),
     url('font/BryantSlim.svg#BryantSlim') format('svg');
font-weight: normal;
font-style: normal;
}


body,html{height:100%;max-height: 100%;}
body{background:#0e0808 url("images/body.jpg") center top fixed no-repeat;font-family:Helvetica, Arial,sans-serif;color:#FFFFFF;}
.clear{clear: both;}
a{text-decoration:none;color:#FFFFFF;}
a:hover{text-decoration:underline;}


/* ANIMAZIONE
------------------*/ 
#topBar,.fbLikeBox,.twitterBird,.ywp-playback-controls,.ywp-track-group,.copyright,.cdAlbum,.coverAlbum,.facebookLogout,#categoryList li ul,#categoryList,.buttonList,#categoryList ul{-webkit-transition: all .4s ease .0s;-moz-transition: all .3s ease .0s;-o-transition: all .4s ease .2s;}

/* SPRITE24
------------------*/
.twitterBird,.buttonList,.facebookInvite,.facebookLogin,.ywp-btn-next,.ywp-btn-prev,.ywp-btn-play,.ywp-btn-pause,.fbButtonO,.twButtonO,.sf_input,#related_posts_thumbnails a:last-child,.diskIcon,.patina,.post-edit-link,.logo,.sf_button,.cdAlbum,.facebookConnect,.socialConnect,.ywp-page-btn-play,.ywp-page-btn-pause,.buttonLover,.buttonLover .wpfp-link,.listLover .count em {background-color: transparent;background-image:url("images/sprite.png")!important;background-repeat: no-repeat;}

/* FONT-FACE-FAMILY
------------------*/
.error404,.int .titolo,#sf_val ul li.sf_header,#infoAlbum .autorAlbum a,#headArtistPage .titleArtistPage{font-family:BryantSlim,sans-serif;letter-spacing: -4px;}


/*=== MAIN LAYOUT ===*/
.center{width:960px;margin: 0 auto;position: relative;}
.noise{background:url("images/noise.png") left top;width:100%;height:100%;position: fixed;}
#container {position:relative; z-index:10;margin-bottom:20px;}
html {padding-bottom: 100px;}
#extItem{position: relative;}


/*=== TOPBAR ===*/
#topBar{background:rgba(0,0,0,0.3);height: 50px;line-height: 50px;color:#FFFFFF;font-size: 12px;text-shadow: 0 0 8px rgba(0,0,0,0.3); position: fixed; top:0;width: 100%;z-index: 10000;}
.socialConnect{height: 32px;width:32px;display:inline-block;overflow: hidden;position: absolute;top:9px;right: 0px;background-position:-525px 0px;}
.connetti{position: absolute;right:40px; top:0px;}
.wellcome{position: absolute;right:0; top:0px;text-transform: capitalize;}
.oneall_social_login{width:78px;height:37px;overflow: hidden;position: absolute; left:-2px; padding-top:5px;top:-7px;}
#topBar a{color:#FFFFFF;}
.youAvatar{border:1px solid #FFFFFF;vertical-align: middle;}
.logoutIcon{background: #333333;position:absolute; top:29px; right: 0px;text-decoration:none!important;line-height:0px;border:1px solid #FFFFFF;padding:5px 2px 6px;}
.logoutIcon:hover{background: red;}
#fbloginbutton{float: right;width:auto!important;margin: none!important;position: relative;top:-5px;}
.invitebutton br{display: none;}
.fbconnect_miniprofile{width:120px!important;margin: none!important;position: absolute;top:-4px;right:-20px;overflow: visible!important;}
.fbconnect_miniprofile b{display: none;}
.fbconnect_userpicmain{box-shadow: 0 0 0px 1px #FFFFFF;border-radius:18px;overflow: hidden;}
.fbconnect_userpicmain_cont img{width:36px;height:36px;}
.fbconnect_userpicmain_cont {float:right!important;width:36px;height:36px;margin-top:5px;}
.facebookLogin{background-position: 0 0;height: 50px;width:200px;display: block;overflow: hidden;text-indent: -200px;position: absolute;right: -10px;top:1px;}
.facebookInvite{background-position: 0 -50px;height: 50px;width:200px;display: block;overflow: hidden;text-indent: -200px;position: absolute;right: 60px;top:-3px;}
a.facebookLogout{text-decoration: none!important;position: absolute;color:#666666!important;top:0px;right: 17px;}
.fbconnect_userpicmain_cont:hover a.facebookLogout{color:#FFFFFF!important;}
.joinNow{position: absolute;right: 178px;top:0px;text-decoration: none!important;}
.joinNow:hover{text-decoration: underline!important;}
.topLeft{margin-left: 40px;}
.topLeft a{text-decoration: underline;z-index: 10001;position: relative;}
#path{display: inline;}
#path h1{display: inline;}


/*=== MENU ===*/
#categoryList{height: 28px;overflow: hidden;width: 28px;position: absolute;z-index: 10000;padding: 0 0 0 20px; top:13px; left:-20px;text-align: left;}
#categoryList .buttonList{background-position:-575px -175px;cursor: pointer;height: 23px; text-align: center;border-radius: 4px; width: 23px; border: 1px solid rgba(255, 255, 255, 0.4);display:block;margin-bottom: 6px;}
#categoryList:hover .buttonList{border: 1px solid rgba(255, 255, 255, 1);background-color: black;}
#categoryList:hover{height:600px;width:360px;}
#categoryList ul{width:160px;border-radius: 4px;opacity:0;box-shadow:0 0 1px rgba(0, 0, 0, 0.8),0 10px 25px rgba(0, 0, 0, 0.4);}
#categoryList:hover ul{opacity:1;}
#categoryList li:first-child{border-radius: 4px 4px 0 0;padding-top:4px;}
#categoryList li:last-child{border-radius:  0 0 4px 4px;padding-bottom:4px;}
#categoryList li ul li:first-child{border-radius: 0 4px 0 0;padding-top:4px;}
#categoryList li ul li:last-child{border-radius:  0 0 4px 0px;padding-bottom:4px;}
#categoryList li{width:140px;height: 26px;line-height: 26px;padding:0 10px;display: block;position: relative;font-size: 12px;border-bottom: 1px solid rgba(0,0,0,0.2);background:rgba(0,0,0,0.9);}
#categoryList li a{display: block;color:#CCCCCC;}
#categoryList li ul{position: absolute;right: 0px;top: 0px;width:0;opacity:0!important;border-radius: 0 4px 4px 0;left:160px;overflow: hidden;}
#categoryList li:hover{background:#000000;}
#categoryList li:hover ul{display:block;opacity:1!important;width:160px;}
.current-cat{font-weight: bold;}
#categoryList .count{background:rgba(255,255,255,0.2);color:black;font-size:9px;border-radius:10px;display: inline-block;margin-left: 4px;line-height: 0px;padding: 7px 5px 6px;float:right;margin-top: 9px;}
#categoryList a:hover{color:#FFFFFF;text-decoration:none!important;}
#categoryList a:hover .count{background:rgba(255,255,255,0.7)}


/*=== HEADER ===*/
#header{position: relative;padding: 80px  0 27px 0;}
.int{float:left;width:180px;height:80px;margin-top:10px;text-align:left;position: relative;}
.int .beta{position: absolute; top:0px;right:-11px;}
.int .titolo{color:white;font-size: 70px;line-height: 45px;text-shadow: 0 0 6px rgba(0,0,0,0.3);margin-top: 6px;display: block;}
.int .sottoTitolo{color:white;font-size:10px;text-shadow: 0 0 6px rgba(0,0,0,0.3);}
.int .logo{top:0px; left:-15px; position:absolute; width:100px; height:100px;background-position:-400px 0px;}
.int a:hover{text-decoration: none;cursor: pointer;}
/*.separaWhite{background: #FFFFFF;opacity:0.1;height:2px;margin: 8px 0 14px;width: 1000px;margin-left: -20px;}*/
.screen-reader-text{display: none;}


/*=== SIDEBAR ===*/
#sidebar{position:absolute; top:0; right:0px;height: 200px; width: 380px;}
#related_posts_thumbnails a:first-child{box-shadow:0 0 8px rgba(0,0,0,0.3);border-radius: 2px;overflow: hidden;height: 150px;width:150px;display: block;}
#related_posts_thumbnails a:last-child{white-space: nowrap!important;overflow: hidden;text-overflow:ellipsis;display: block;text-decoration:none!important;text-shadow: 0 0 8px rgba(0,0,0,0.5);font-size:12px;font-weight:bold;text-align:center;width:150px;padding: 160px 0 0 0;position: absolute;background-position:0px -225px;top:0px;left:0px;z-index: 10;}
#related_posts_thumbnails li{height: 200px;position: relative;float: left;margin-left: 40px;}


/*=== SEARCH ===*/
#search{float:right;width:460px;margin:16px 0 0  0;display: block;position: relative;}
#search .sf_input{background-position:-749px -178px;letter-spacing:-0.4px;text-shadow:0 1px 0 #FFFFFF;box-shadow:inset 0 4px 12px #B4B4B4,0 0 6px rgba(0,0,0,0.3);display:block;width:400px;border:3px #FFFFFF solid;background-color:#f5f5f5;border-radius: 32px;font-size:16px;color:#aaa9a9; font-family:helvetica,Arial,sans-serif;padding:14px 10px 10px 45px; outline:0 none; position:static;}
#search .sf_input:focus{color:#7c7b7b; } 
#search .sf_button{background: gray;display: none;}
#sf_sb{width:440px!important;margin:20px 0 0 0px;z-index: 99999;}
#sf_results{padding:10px;background:rgba(0,0,0,0.9);font-size:11px !important;z-index:9999 !important;text-align: left !important;border-radius: 4px;box-shadow:0 0 1px rgba(0,0,0,0.8),0 10px 25px rgba(0,0,0,0.4);overflow: hidden;}
.sf_more{padding:10px 0;display: block;min-height: 1px;text-align: center;font-weight:bold;line-height:12px;}
.sf_more .sf_text, .sf_more .sf_small{text-align:center !important;}
.sf_more .sf_text{display: none!important;}
#sf_val{z-index:9999 !important;-height:180px;-overflow-y:auto;}
#sf_val ul{margin:0 !important;list-style:none;padding: 0 !important;}
#sf_val ul li.sf_header{padding:10px 15px 6px 6px;font-size: 18px;line-height: 20px !important;letter-spacing: -1px;}
#sf_val ul li.sf_category {margin-left:5px;padding: 3px 0;display: inline-block;margin-right: 5px;border: 1px solid transparent;padding: 2px 4px;}
#sf_val ul li.sf_category.sf_selected{border: 1px solid #666666;background:#222222;}
#sf_val ul li{list-style:none;color:#FFFFFF;}
#sf_val ul li.sf_selected{color: white !important;}
#sf_val ul li a:hover{text-decoration:none !important;}
#sf_val ul li a{text-decoration:none !important;display: block;}
#sf_val ul li.sf_selected a, 
#sf_val ul li.sf_selected span{color: white !important;text-decoration:none;}
#sf_val ul li.sf_item{min-height:50px;padding:5px 30px 5px 60px;position:relative;font-size:13px!important;border: 1px solid transparent;}
#sf_val ul li.sf_item.sf_selected{background:#222222;border: 1px solid #333333;}
#sf_val ul li.sf_item a{display:block;min-height:50px;}
#sf_val li.sf_item img{background-color: #ECEFF5;display: block;left: 5px;position: absolute;}
#sf_val li .sf_text{padding-bottom: 2px;font-weight:bold;text-align: left;}
#sf_val ul li.sf_item.sf_text{line-height: 50px;}
#sf_val li a span{display:block;}
#sf_val li .sf_small{color:#666;text-align: left;}
#sf_val li.sf_more .sf_small{font-size:9px;text-align: center !important;}
.sf_hidden{display:none;}
.screen-reader-text{display:none;}
#sf_loading{background-image: url("images/ajax-loader.gif") !important;background-repeat: no-repeat !important;background-position: center center !important;display:block !important;width:100%;height:30px !important;}
.sf_sb_top{border-color: transparent transparent rgba(0,0,0,0.7) transparent;border-style: solid;border-width: 0px 10px 10px 10px;height: 0px;width: 0px;position: absolute;top:-10px;left: 50px;}
.sf_search{width: 100%!important;}


/*=== ALBUM ===*/
.album200{height:265px; width:200px;margin: 0 0 35px;padding: 0px 20px 0;color:#FFFFFF;text-align: center;float:left;letter-spacing:-0.2px;position: relative;}
.album200 a{color:#FFFFFF;text-shadow: 0 0 8px rgba(0,0,0,0.5);text-decoration: none;}
.album200 .coverAlbum{background-color:rgba(48, 48, 48, 0.90);height:200px; width:200px;box-shadow:0 0 8px rgba(0,0,0,0.3);border-radius: 2px;overflow: hidden;display: block;position: relative;margin-top:0px;top:0px;left:0;z-index: 300px;}
.album200 .cdAlbum{position: absolute;top:0px;left: 20px;height:200px; width:200px;background-position:-200px 0px;}
.album200 .patina{height: 200px;width: 200px;display: block;position: absolute;background-position:-450px -225px;top:0px; left:0px;}
.album200.animation:hover .cdAlbum{top:-34px;-webkit-transform:rotate(-180deg);}
.album200.animation:hover .coverAlbum{margin-top:34px;}
.album150{height:205px; width:150px;margin: 0 0 45px;color:#FFFFFF;text-align: center;float:left;letter-spacing:-0.2px;position: relative;}
.album150 a{color:#FFFFFF;text-shadow: 0 0 8px rgba(0,0,0,0.5);text-decoration: none;}
.nameAlbum,.artistAlbum{text-overflow:ellipsis;white-space: nowrap;overflow: hidden;width:100%;}
.nameAlbum{font-size:12px;font-weight:bold;margin-top:8px;}
.artistAlbum{font-size:11px;margin-top:6px;display: block;z-index:200px;}
.album300{border-radius: 2px;overflow: hidden;height: 300px;width: 300px;position: relative;}
.album150 .patina{height: 150px;width: 150px;display: block;position: absolute;background-position:0px -225px;top:0px; left:0px;}
.album300 .patina{height: 300px;width: 300px;display: block;position: absolute;background-position:-150px -225px;top:0px; left:0px;}


/*=== HEADER Big ===*/
#homePage.sloggato #sf_sb{width: 740px!important;}
#homePage.sloggato #search .sf_input {border-radius: 32px;font-size:20px;padding:18px 20px 12px 65px;width:670px;background-position:-740px -125px;}
#homePage.sloggato #header{position: relative;padding: 90px  0 80px 0;}
#homePage.sloggato .int{margin:20px auto 0; width:210px;height:105px;padding:0 0 0;text-align:center;float:none;}
#homePage.sloggato .int .titolo,
#homePage.sloggato .int .sottoTitolo {cursor:default;font-size: 80px;}
#homePage.sloggato .int .logo{width:200px; height:200px;background-position:0px 0px;left: 0px;}
#homePage.sloggato #search{width:760px;margin:0 auto;float:none;}


/*=== PAGINA: Album ===*/
.item{width:580px;background:#ececec;border-radius: 4px;box-shadow:0 0 1px rgba(0,0,0,0.8),0 10px 25px rgba(0,0,0,0.4);}
.headItem{z-index:10;overflow: hidden;border-radius:  4px 4px 0 0;position:relative;text-align:center;padding:0 20px;height:42px;border-bottom:1px solid #373737;box-shadow:inset 0 1px 0px #efefef,inset 0 -1px 0px #c8c8c8;background:-moz-linear-gradient(top,#E6E6E6 0%,#B6B6B6); background:-webkit-gradient(linear, left top, left bottom, from(#E6E6E6), to(#B6B6B6));}
.headItem a{color:#4f4f4f;}
#artistPage .headItem,
#albumPage .headItem{text-align: right;}
.titleAlbumItem, 
.autorAlbumItem {color:#4f4f4f;font-size:13px;font-weight:bold;text-shadow:0 1px 0px #FFFFFF;line-height: 42px;display: inline;}
.coverItem{height:324px;width:580px;padding:0;background:url("images/bgCover.png") repeat-x top left #3c3c3c;position: relative;overflow: hidden;}
.coverItem .album300{position: absolute; top:83px;left: 39px;}
.bgPlayer{display: none;}
#staticPlayer{width:100%;height:54px;background:#1f1f1f;margin-top:300px;display: none;}
#infoAlbum{width:200px;position: relative;z-index: 10;float: left;margin-left: 359px;margin-top: 63px;}
#infoAlbum .autorAlbum a{letter-spacing: -2px;display: block;color:white;font-size:30px;line-height:25px;text-decoration: none!important;margin: 20px 0 0  -2px;}
#infoAlbum .titleAlbum{color:white;font-size:15px;line-height:15px;display: block;margin: 10px 0 20px;}
.post-wrap ul,
.post-wrap ol{background:url("images/bgOl.png") repeat-x top left #ececec;padding-left:0px;font-size: 11px;color:#888888;cursor: default;}
.post-wrap li{text-indent: 84px;line-height: 26px;padding-bottom:1px;padding-right:10px;text-overflow:ellipsis;white-space: nowrap;text-shadow:0 1px 0px #FFFFFF;position: relative;overflow: hidden;}
.post-wrap ul a,
.post-wrap ol a{color:#888888;font-weight: bold;}
.post-wrap p{position:absolute;left:-100%;color: black;}
.footItem{z-index:10;position:relative;overflow: hidden;border-radius:0 0  4px 4px;clear:both;height:9px;border-top:1px solid #9d9d9d;box-shadow:inset 0 1px 0px #efefef;background:-moz-linear-gradient(top,#e3e3e6 0%,#b9b9b9); background:-webkit-gradient(linear, left top, left bottom, from(#e3e3e6), to(#b9b9b9));}
.facebookComment{background: #FFFFFF;padding: 10px;min-height: 40px;}
.topRow{position:relative;border-bottom:1px solid #FFFFFF;padding-left:85px;height:26px;line-height:26px;background:-moz-linear-gradient(top,#a6a6a6 0%,#c6c6c6); background:-webkit-gradient(linear, left top, left bottom, from(#a6a6a6), to(#c6c6c6));font-size: 10px;color:#555555;text-shadow:0 1px 0px #EEEEEE;}
.topRow span{height:26px;width:1px;display: block;position: absolute;top:0px;background: #CCCCCC;}
.topRow .line1{left:39px;}
.topRow .line2{left:72px;}
.post-edit-link{height: 25px;width: 25px; position: absolute;left:240px;top:10px;background-position:-750px 0px;overflow: hidden;text-indent:100%;z-index:20;}

/*=== PAGINA: Artista ===*/
#artistPage .item{width: 760px;margin-bottom:50px;background:#ECECEC;}
#artistPage .coverItem{float:left;width:200px;min-height:216px;height: auto;padding: 0px;}
#artistPage .post-wrap{width: 560px;float:right;}
#artistPage .facebookComment{width: 565px;float:right;}
#artistPage .album150{margin: 25px 25px 0!important;}
#artistPage .cdAlbum{top:0;-moz-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);}
#artistPage .sidebarColor{background:#3c3c3c;width: 200px; height: 100%;position: absolute;top: 0px; left: 0px;}
#artistPage .buttonLover{top:15px!important;}

/*=== BOTTON LOVER ===*/
.buttonLover{position:absolute;height:100px;width:100px;background-position:-600px 0px;top:32px;left:-100px;}
.buttonLover .wpfp-link{position:absolute;height:50px;width:50px;top:10px;left:25px;overflow: hidden;text-indent: -1000px;}
.buttonLover .theButton{width:100px;font-size: 9px;color:#3f3f3f;text-shadow:0 1px 0 #FFFFFF;text-align: center;display: table;height:48px;margin-top: 12px;}
.buttonLover .theButton .inner{display:table-cell;vertical-align:middle;}
.buttonLover .Add{background-position:-700px 0px;}
.buttonLover .Remove{background-position:-700px -50px;}
.listLover{overflow:hidden;width:38px;height:430px;position: absolute;top:61px;left:31px;}
.listLover span{background:#FFFFFF;display: block;width:34px;margin: 0 auto;box-shadow:0 0px 2px rgba(0, 0, 0, 0.6);border-bottom-left-radius:2px; border-bottom-right-radius:2px; }
.listLover img{padding:0 1px 1px;}
.listLover .count{width:34px;height:19px;line-height:19px;text-align: center;}
.listLover .count em{font-size: 8px;color: #8f8f8f;padding-left:10px;background-position:-575px -49px;}
.listLover .shadow{position: absolute;top:0px; left: 0px; width: 36px;height: 5px;z-index: 10;
background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */}


/*===LIBRERIA ALBUM (favoriti) ===*/
#libreriaAlbum{margin-bottom:60px;width:100%;background-color:rgba(0,0,0,0.5);}
#libreriaAlbum .clearAll{display:none;}
#libreriaAlbum .listaAlbum{padding:10px;}
#libreriaAlbum h1{display: block; text-align: center;font-size: 14px;}
#libreriaAlbum li{display: block;float:left;width:175px;font-size: 12px;font-weight: bold;padding:10px 10px 10px 0;position: relative;overflow: hidden; text-indent: 30px; text-overflow: ellipsis;white-space: nowrap;}
#libreriaAlbum li a{color: #FFFFFF; }
#libreriaAlbum .remove-parent{font-size: 10px;display: none;}
#libreriaAlbum .diskIcon{background-position:-575px -75px;width:25px;height:25px;position:absolute;top:2px; left:0px;}
#libreriaAlbum .messaggio{color: #FFFFFF;display: block;text-align: center;font-size: 12px;font-weight: bold;padding: 20px;}

/*=== INFINITE SCROLLING ===*/
#infscr-loading{text-align:center;position:fixed!important;bottom:0px;left:0px;height:100px!important;width:100%!important;background-image: url("images/ajax-loader.gif") !important;background-repeat: no-repeat !important;background-position: center center !important;background-color:rgba(0,0,0,0.8)!important;z-index:99999 !important;}
#infscr-loading div{display: none;color: #FFFFFF;font-size:12px !important;margin-top:55px;}
#infscr-loading img{display: none;}


/*=== ERROR404 ===*/
.error404 {text-align: center;font-size: 30px;margin-top: 80px;}


/*=== PAGE NAVI ===*/
.navigation a{font-size:12px;color:#FFFFFF; background:rgba(0,0,0,0.4)!important;display:block; width:150px;height: 40px;line-height: 40px;text-align: center;margin:0 auto;}


/*=== SOCIAL ===*/
.socialButton{position:absolute;top:10px;left:10px;z-index:20;display:inline;width:225px;}
.socialButton a{position:absolute;white-space:nowrap;min-width: 7px;text-decoration:none!important;overflow: hidden;text-shadow:0 1px 0px #222222;margin-bottom:2px;margin-left:10px;display:inline-block;height: 18px;line-height: 20px; font-weight: bold;color:#FFFFFF;font-size: 11px;padding:0 10px 0 80px;overflow: hidden;border-radius: 3px;border-style: solid;border-width:1px;box-shadow:0 1px 1px #222222;}
.socialButton .message{margin-top: -18px;position: absolute;top:-18px;}
.twButtonO{background-position:-400px -125px;border-color: #3389cc;left:110px;} 
.fbButtonO{background-position:-400px -100px;border-color: #526a99;} 
.fbLikeBox {z-index:10;background: #FFFFFF;width:252px;height: 158px;overflow: hidden;position:fixed;border-radius: 4px 0 0 0;box-shadow:0 0 1px rgba(0,0,0,0.8),0 10px 25px rgba(0,0,0,0.4); bottom:-94px; right:0px;}
.fbLikeBox iframe{position: absolute;left:-2px;top:-1px;}
.fbLikeBox .headItem{height:24px;}
.fbLikeBox h3{line-height:24px;}
.closeFbLikeBox{position: absolute; top:8px;right:10px; display: block;width: 14px;height: 14px; color:#999999;z-index: 100;font-size: 22px;cursor: pointer;}
.closeFbLikeBox:hover{color:#000000;}
.openFbLikeBox{position: absolute; top:0px;left:0px; display: block;width: 20px;height: 160px; z-index:100;cursor: pointer;display: none;}

/*
.twitterBird{color:#FFFFFF;display:block;height:50px;width: 50px;position: fixed;bottom:158px;right:195px;background-position:-625px -100px;opacity:0.6;z-index:10;}
.twitterBird:hover{bottom:155px;opacity:1;}
.twitterBird span{font-size: 10px;display: block;position: absolute;top: 15px;left: 46px;width: 200px}
*/

/*=== COPYRIGHT ===*/
.copyright{background: rgba(0,0,0,0.6);border-radius: 10px;opacity:0.4;height: 150px;margin: 50px auto 30px;position: relative;text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);}
.copyright iframe{padding: 15px;width: 940px;}
.copyright:hover{opacity:1;position: relative;z-index: 100;}


/*=== YWP PLAYER ===*/

/* v0.4 */
.ywp-player{box-shadow: none!important;}
.ywp-tray .ywp-video-pane-mode{background:none!important;}
.ywp-clearfix{opacity: 1!important;}
.ywp-container{padding-right:0px!important;width: 100%!important;z-index: 9990!important;top:0!important;bottom:auto!important;position:absolute!important;}
.ywp-container .ywp-player{width: 100%!important;}
.ywp-container .ywp-mod.ywp-tray-wrapper{z-index:100;height: 324px!important;width:580px!important;border:0;display: block!;margin-top:0px!important;margin-left: -480px!important;left: 50%;top:240px!important;position: absolute!important;overflow:visible!important;}
.ywp-tray .ywp-media-content-pane{height: 324px!important;width:580px!important;margin: 0px!important;}
#artistPage .ywp-mod.ywp-tray-wrapper{top:-1000px!important;}
.ywp-container.ywp-ltr{left:0!important;}
.ywp-video-pane-mode span{margin-left: 112px!important;display: block!important;}
.ywp-video-queued-btn-replay{display:none!important;}
.ywp-mod.ywp-row.ywp-body.ywp-clearfix{z-index:9998;height:242px!important;width:580px!important;margin:0 0 0 -480px!important;padding:0!important;float:none!important;position:relative;left:50%;position:absolute!important;top:240px;bottom:auto!important;overflow:visible!important;}
.ywp-row {width: auto!important;}
.ywp-mod.ywp-row.ywp-hdr.ywp-clearfix {display:none;}
.ywp-video-queued .ywp-video-queued-play a{display: none!important;}
.ywp-tray {width: 100%!important;overflow:visible!important;display: block!important;position: absolute!important;top:0!important;left:auto!important;right:auto!important;bottom:auto!important;float:none!important;margin: 0 auto!important;}
.ywp-seek-time{position: absolute!important;right:60px;top:-13px;}
.ywp-seek-wrapper,
.ywp-seek{overflow: visible!important;}
.ywp-mod.ywp-info.ywp-clearfix{position: absolute;top:2px; left:160px;float:none!important;}
.ywp-body-buttons{display: block!important;float:none!important;}
.ywp-playback-controls{margin:0!important;position: absolute;top:0px; left: 0px;width: 580px!important;height:0px!important;background:rgba(0,0,0,0.8);opacity: 1!important;}
.ywp-track-group{left:10px;top:8px!important;overflow: visible!important;position:absolute;opacity: 0!important;}
.ywp-btn-expand-player,
.ywp-display-controls,
.ywp-btn-expand-collapse-player,
.ywp-btn-player-close,
.ywp-button-list,
.ywp-tray-content-pane,
.ywp-video-queued .ywp-video-queued-header {display: none!important;}
.ywp-mod.ywp-row.ywp-meta-primary.ywp-ellipsis{width: 210px!important;white-space: nowrap!important;overflow: hidden;text-overflow:ellipsis;display: block;}
.item .ywp-page-btn-play{background-position:-575px 0px!important;height: 25px!important;width:25px!important;position: absolute!important;left: 44px;}
.item .ywp-page-btn-pause{background-position:-575px -25px!important;height: 25px!important;width:25px!important;position: absolute!important;left: 44px;}
.item .ywp-link-hover {color:#4F4F4F;}
.item .ywp-link-hover a{color:#0058AF;}
.ywp-mod.ywp-video-pane-mode.ywp-video-buffering{display:none!important;}
.ywp-player-mode-video .ywp-info{width: 340px!important;}
.ywp-container .ywp-body-buttons a.ywp-mod{width:35px!important;height:35px!important;background:none!important;margin-right: 8px!important;margin-top: 22px; }
.ywp-container .ywp-body-buttons a.ywp-mod span{width:35px!important;height:35px!important;margin:-1px 0 0 0!important;}
.ywp-mod.ywp-prev{margin-left:20px!important;}
span.ywp-btn-play{background-position:-525px -100px!important;}
span.ywp-btn-pause{background-position:-525px -150px!important;}
span.ywp-btn-prev{background-position:-525px 0px!important;}
span.ywp-btn-next{background-position:-525px -50px!important;}
.ywp-mod.ywp-volume{position: absolute!important;top:4px;left: 530px!important;}
.ywp-ltr a.ywp-btn-disabled span.ywp-btn-prev{background-position:-525px 0px!important;opacity:.30;}
.ywp-ltr a.ywp-btn-disabled span.ywp-btn-next{background-position:-525px -50px!important;opacity:.30;}
.ywp-mod.ywp-player.ywp-clearfix.ywp-player-mode-video{}
.ywp-mod.ywp-row.ywp-body.ywp-clearfix:hover .ywp-playback-controls{opacity: 1!important;height: 76px!important;}
.ywp-mod.ywp-row.ywp-body.ywp-clearfix:hover .ywp-track-group{opacity: 1!important;}
.ywp-video-error{display:none!important;}
.ywp-track-btns{margin-left: -320px!important;}
#artistPage .ywp-mod.ywp-row.ywp-body.ywp-clearfix{top:-500px!important;}



/*=== PIXASTIC ===*/
.pixastic{width: 580px;z-index: 0;position:absolute;top:0px;left:0px;}
img.pixastic{opacity:0;}
.coverItem canvas{position:absolute;left:0px;display: block;animation:mymove 2s;-moz-animation:mymove 2s ;-webkit-animation:mymove 2s ;-o-animation:mymove 2s ;opacity: 0.5;}
/*@keyframes mymove{from {opacity:0;} to { opacity: 0.5;}}
@-moz-keyframes mymove{from {opacity:0;} to { opacity: 0.5;}}
@-webkit-keyframes mymove{from {opacity:0;} to { opacity: 0.5;}}
@-o-keyframes mymove{from {opacity:0;} to { opacity: 0.5;}}*/


/* MEDIA QUERIES BIG ///////////////*/



/* MEDIA QUERIES SMALL ///////////////*/
@media screen and (max-width: 960px) {
	.ywp-container{width: 960px!important;}
}
audio  {
	min-height: 45px;
	width: 70%;
}
@media screen and (max-width: 431px) {
	.audio-element {
		width: 100%;
		min-height: 45px;
	}
}


  
/*
@media screen and (max-width: 600px) {
	div.center{width: 600px!important;}
	#sidebar{position: relative;}
	.fbLikeBox{display: none;}
	.ywp-container{}
	
}*/


.shab-sokoot-kavir{background:#0e0808 url("images/bg/shab-sokoot-kavir.jpg") center top fixed no-repeat;font-family:Helvetica, Arial,sans-serif;color:#FFFFFF; -moz-background-size: cover; -o-background-size: cover;background-size: cover;background-repeat:no-repeat;background-attachment:fixed;background-position:center;overflow:hidden;}

.man-agar-parandeh-boodam{background:#0e0808 url("images/bg/man-agar-parandeh-boodam.jpg") center top fixed no-repeat;font-family:Helvetica, Arial,sans-serif;color:#FFFFFF; -moz-background-size: cover; -o-background-size: cover;background-size: cover;background-repeat:no-repeat;background-attachment:fixed;background-position:center;overflow:hidden;}

.gol-e-sad-barg{background:#0e0808 url("images/bg/gol-e-sad-barg.jpg") center top fixed no-repeat;font-family:Helvetica, Arial,sans-serif;color:#FFFFFF; -moz-background-size: cover; -o-background-size: cover;background-size: cover;background-repeat:no-repeat;background-attachment:fixed;background-position:center;overflow:hidden;}

.sarv-e-chaman{background:#0e0808 url("images/bg/sarv-e-chaman.jpg") center top fixed no-repeat;font-family:Helvetica, Arial,sans-serif;color:#FFFFFF; -moz-background-size: cover; -o-background-size: cover;background-size: cover;background-repeat:no-repeat;background-attachment:fixed;background-position:center;overflow:hidden;}

.toefl{background:#0e0808 url("http://yekelergroup.com/toefl/images/bg/bg.jpg") center top fixed no-repeat;font-family:Helvetica, Arial,sans-serif;color:#FFFFFF; -moz-background-size: cover; -o-background-size: cover;background-size: cover;background-repeat:no-repeat;background-attachment:fixed;background-position:center;}

.unfolding{background:#0e0808 url("images/bg/unfolding.jpg") center top fixed no-repeat;font-family:Helvetica, Arial,sans-serif;color:#FFFFFF; -moz-background-size: cover; -o-background-size: cover;background-size: cover;background-repeat:no-repeat;background-attachment:fixed;background-position:center;overflow:hidden;}



.noise{
	width: 100%;
	text-align: center;
	padding-right: 40%;
	padding-left: 40%;
}
.noise-list{
	width: 100%;
	text-align: center;
}
.elements{
}
figure{
	margin-top: 40px;
}