html{background:#eee;}body{background:transparent;color:#444;font-family:'Helvetica neue','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',メイリオ,Meiryo,'ＭＳ Ｐゴシック',sans-serif;text-shadow:0 1px 0 #FFF;}a:focus{outline:none}a{overflow:hidden}a{text-decoration:none}a:link{color:#9e1c44}a:visited{color:#88183a}a:hover{color:#c02252;text-decoration:underline;}a:active{color:#d8265d}a.btn-primary{color:#fff}a.btn-default{color:#333}a.btn{text-shadow:none}hr{border-color:#C1C1C1 #F9F9F9 #F9F9F9;-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;border-color:#ddd 0 #FFF;border-image:none;border-left:0 none;border-right:0 none;border-style:solid none;border-width:1px 0;margin:12px 0;border-top:1px solid #DDD;text-shadow:0 1px 0 #FFF;}h1,h2,h3,h4,h5,h6{text-rendering:optimizelegibility}.form-control{padding:6px 8px}.must{color:#9E1C44}.report_link,.report_link a{color:#777;font-size:12px;position:relative;top:-6.2px;}.wrapper{width:100%;background:#eee;}.container_wrapper{margin:0 auto;width:1359px;padding-left:10px;}._container{max-width:none!important;width:1024px;padding-left:0;padding-right:0;position:relative;}._container .navbar-header,._container .navbar-collapse{margin-right:-15px;margin-left:-15px;}#side_column{position:absolute;top:12px;left:1039px;}#side_column #recents{width:300px;text-overflow:ellipsis;}#side_column #recents li a{white-space:nowrap;text-overflow:ellipsis;display:block;}#side_column #recents h3 span{color:#88183a;cursor:pointer;font-size:88%;}.nav>li>a{padding:3px 15px}.navbar-header{float:left}.navbar{border-radius:0;border:0;min-height:0;margin-bottom:0;text-shadow:none;}.navbar-default{background-color:#333;border-color:#333;}.navbar-default .navbar-nav>li>a{color:#fff;text-decoration:none;}.navbar-default .navbar-nav>li>a:hover{color:#fff;background:#fafafa;text-decoration:none;}.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#fff;background-color:transparent;}.navbar-collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important;background-color:#333;border-color:#333;}.navbar-toggle{display:none}.navbar-brand{margin-left:-15px}.navbar-nav{float:left;margin:0;}.navbar-nav>li{float:left}.navbar-nav>li>a{padding:3px 12px;font-size:13px;color:#fff;line-height:18px;}.navbar-nav.navbar-right{float:right}.navbar-default .navbar-nav>.dropdown>a .caret{border-bottom-color:#fff;border-top-color:#fff;}.dropdown-menu{font-size:13px}.navbar .open .dropdown-menu{position:absolute;float:left;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.15);border-width:0 1px 1px;border-radius:0 0 4px 4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);box-shadow:0 6px 12px rgba(0,0,0,0.175);}.navbar .open .dropdown-menu>li>a{color:#333}.navbar .open .dropdown-menu>li>a:hover,.navbar .open .dropdown-menu>li>a:focus,.navbar .open .dropdown-menu>.active>a,.navbar .open .dropdown-menu>.active>a:hover,.navbar .open .dropdown-menu>.active>a:focus{color:#000!important;background-color:#eee!important;}.navbar .open .dropdown-menu>.disabled>a,.navbar .open .dropdown-menu>.disabled>a:hover,.navbar .open .dropdown-menu>.disabled>a:focus{color:#999!important;background-color:transparent!important;}.dropdown-menu .divider{margin:6px 0}.navbar-right .myphotos img{display:inline-block;float:left;margin-left:-7px;border-radius:16px;margin-right:8px;}.navbar-right .myphotos span{line-height:32px}.navbar-right .myphotos a:hover img{}.nav.social{padding-top:2px;padding-left:50px;height:24px;overflow:hidden;}.fb_iframe_widget>span{vertical-align:baseline!important;}.tumblr-a{position:relative;top:-5px;}.fb-like-photo{position:relative;top:-5px;}.nav.social .fb,.nav.social .vk{padding-right:15px}header{height:90px;position:relative;}#header_ad{cursor:pointer;height:90px;position:absolute;right:0;top:0;width:728px;}#logo a{background:url(/img/logo.png) no-repeat scroll 0 0/ 200px 66px transparent;
    display: block;
    height: 66px;
    position: relative;
    top: 13px;
    width: 200px; //original width
}@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {#logo a{background:url(/img/logo@2x.png) no-repeat scroll 0 0/ 200px 66px transparent
    }
}

#header_menu {
    padding-top: 10px;
    position: relative;
    margin-bottom: 10px;
}

#header_menu .nav > li > a {
    padding: 3px 10px
}
.ru #header_menu .nav > li > a ,
.pt #header_menu .nav > li > a {
    padding: 3px 6px
}


#header_menu a {
    color: #000;
    text-decoration: none;
}

#header_menu .open>a {
    color: #fff;
}

#header_menu ul {
    padding-bottom: 10px;
    max-width:800px;
}

#header_menu hr {
    margin: 0
}

#hearder_search {
    position: absolute;
    top: 8px;
    right: 0;
    width: 220px;
}

#main {
    padding-top: 10px;
    padding-bottom: 50px;
}

.websta-features h3{
    text-transform:uppercase;
}

.breadcrumbs {
    font-size: 11px;
    padding-bottom: 5px;
}

.breadcrumbs h1,
.page_header .breadcrumbs h1,
.breadcrumbs h2,
.page_header .breadcrumbs h2 {
    display: inline;
    font-size: 11px;
    font-weight: 400;
    margin: 0;
    padding: 0;
}

.page_header {
    position: relative;
    padding-bottom: 10px;
}

.page_header h1 {
    color: #444;
    font-size: 24px;
    margin: 0;
    padding: 3px 0 12px;
    font-weight: 700;
}

.page_header.wbc h1 {
    font-size: 24px;
    margin-top: -5px;
    font-weight: normal;
}

.page_header .vm_switch {
    position: absolute;
    top: 3px;
    right: 0;
}

.page_header .tag_tools {
    position: absolute;
    top: 30px;
    right: 4px;
}

.page_header .location_tools {
    position: absolute;
    top: 30px;
    right: 0px;
}

.page_header .vm_switch div {
    display: inline-block;
    margin-left: 5px;
}

.page_header .vm_switch a {
    color: #333
}

.page_header hr {
    margin: 0
}

.page_header .vm_switch .fa-rss {
    color: #f60
}

.profbox {
    padding-top: 9px;
    padding-bottom: 5px;
}

.profbox .profimg {
    border-radius: 60px;
    float: left;
    margin-bottom: 5px;
}

.profbox .userinfo {
    margin-left: 15px;
    float: left;
    width: 213px;
    overflow: hidden;
}

.profbox .userinfo h1 {
    color: #444;
    font-size: 18px;
}

.profbox .userinfo li {
    font-size: 16px;
    font-weight: 700;
}

.profbox .userinfo li a,
.profbox .userinfo li .ui_wrapper {
    display: block;
    text-decoration: none;
    overflow: hidden;
    color: #333;
}

.profbox .userinfo li a:hover,
.profbox .userinfo li a:active,
.profbox .userinfo li a:hover span.legend,
.profbox .userinfo li a:active span.legend {
    color: #9E1C44 !important
}

.profbox .userinfo li .legend {
    font-size: 12px;
    font-weight: 400;
    color: #999;
    display: block;
}

.profbox .leftbox {
    float: left;
    width: 348px;
}

.profbox #follow_btn_wrapper {
    float: left;
    padding-left: 10px;
    width: 100px;
    display: block;
}

.profbox .bio {
    float: left;
    padding-left: 10px;
    font-size: 13px;
    width: 550px;
}

.profbox .bio .extlink a {
    color: #777
}

.profbox .btn-group-wrap {
    float: left;
    width: 348px;
    padding-top: 10px;
}

.profbox .btn-group a {
    color: #555
}

.profbox .user_keywords li {
    padding-right: 0
}

.profbox .user_keywords .ttl {
    display: inline-block;
    padding: 3px 3px 3px 0;
    vertical-align: top;
}

.profbox .user_keywords a {
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 2px;
    padding: 2px 4px;
    background: #f9f9f9;
    white-space: nowrap;
}

.profbox .user_keywords a .fa {
    color: #C77F8E
}

.profbox .user_keywords a:hover {
    color: #222;
    border: 1px solid #aaa;
    text-decoration: none;
}

#follow_btn_wrapper button {
    margin-bottom: 10px
}

#followed #follow_btn_wrapper button {
    margin-bottom: 0
}

.keyword .pager,
.pager.nm {
    margin: 0
}

.keyword .inner .user_info {
    margin-left: 88px
}

.keyword .inner .user_info .profbox {
    padding: 0
}

.photobox_wrapper {
    float: left;
    margin-bottom: 0;
}

.photoeach .photobox {
    width: 328px;
    background: #fff;
    border-radius: 4px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
}

.photoeach .photobox.single {
    width: 532px
}

.photoeach .commentbox {
    margin-bottom: 25px;
    margin-left: 328px;
    overflow: hidden;
}
.photoeach .commentbox strong{
    font-weight: normal;
}
.comment_body strong{
    font-weight: normal;
}

.photoeach .commentbox ul.list-unstyled {
    max-height: 350px;
    overflow-y: scroll;
}

.photoeach .commentbox .needlogin {
    padding-left: 30px
}

.photoeach .commentbox .loadmore {
    padding-bottom: 10px;
    padding-left: 30px;
}

.photoeach .comment-form input {
    margin-top: 10px
}

.photoeach hr {
    clear: left
}

.photoeach .photobox .userinfo {
    font-size: 13px;
    padding-bottom: 5px;
}

.photobox .userinfo .profimg {
    float: left;
    border-radius: 20px;
    display: block;
    border: 1px solid #EAEAEA;
}

.profimg:hover {
    opacity: 0.8
}

.photobox .userinfo .infobox {
    margin-left: 48px;
    line-height: 21px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
}

.photobox .userinfo .infobox .username {
    display: block;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.photobox .userinfo .infobox .fullname {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.photobox .userinfo .infobox .filter,
.photobox .userinfo .infobox .time {
    font-size: 11px;
    float: right;
    color: #777;
}

.photobox .userinfo .infobox .location {
    color: #777;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 258px;
}

.photobox.single .userinfo .infobox .location {
    width: 462px
}

.photobox .userinfo .infobox .location a {
    color: #666
}

.photobox .mainimg {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 5px;
    position: relative;
}

.photobox.single .mainimg {
    width: 510px;
    height: auto;
    cursor: zoom-in;
    cursor: 0;
    cursor: 0;
}

.photobox .playvideo {
    color: #fff;
    opacity: 0.9;
    position: absolute;
    font-size: 50px;
    top: 45%;
    left: 45%;
    display: block;
    z-index: 999;
}

.videovolume {
    color: #fff;
    opacity: 0.9;
    position: absolute;
    font-size: 25px;
    top: 10px;
    left: 10px;
    display: block;
}

.photobox .mainimg:hover .playvideo {
    opacity: 1
}

.photobox .playvideo.grid {
    top: 145px;
    left: 110px;
}

.photobox .playvideo.grid-user {
    top: 98px;
    left: 110px;
}

.mainimg_wrapper {
    position: relative
}

.users_in_photo a {
    position: absolute;
    display: block;
    background: #000;
    opacity: 0;
    padding: 2px 5px;
    color: #fff;
    text-shadow: none;
    text-decoration: none;
    border-radius: 3px;
    z-index: 100;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
}

.mainimg_wrapper:hover .users_in_photo a {
    opacity: 0.8
}

.photobox .like_stats {
    color: #444;
    padding-bottom: 5px;
    font-size: 12px;
    padding-right: 10px;
}

.photobox .like_stats .fa {
    color: #777;
    font-size: 11px;
}

.photobox .like_stats button .fa {
    font-size: 13px
}

.photobox .like_stats ul {
    margin: 0;
    padding: 0;
}

.photobox .like_stats ul li {
    padding-left: 2px;
    padding-right: 2px;
}

.photobox .popflag .fa{
    color: #F7394F;
}

.photobox .like_stats .fa-comment {
    position: relative;
    top: -1px;
}

.photobox .like_stats button.likeButton {
    background: #e0e0e0;
    border: 1px solid #d0d0d0;
    color: #999;
    font-weight: 700;
    padding: 1px 7px;
}

.photobox .like_stats button.likeButton:hover {
    border: 1px solid #aaa
}

.photobox .like_stats button.likeButton.done {
    background: #999;
    border: 1px solid #888;
    color: #fff;
}

.photobox .like_stats button.likeButton.done .fa {
    color: #d02f42
}

.photobox .like_stats .list-inline > li:first-child {
    padding-right: 5px;
    padding-left: 0;
}

.photobox .like_stats .btn-group {
    margin-left: 5px
}

.photobox .like_stats .btn-group a.btn {
    color: #333
}

.photobox .tags,
.photobox .likes {
    padding-right: 10px;
    padding-bottom: 5px;
    color: #777;
}

.photobox .tags ul,
.photobox .likes ul {
    padding-left: 0;
    margin-bottom: 0;
}

.photobox .tags ul li,
.photobox .likes ul li {
    padding-left: 1px;
    padding-right: 4px;
}

.photobox .tags ul > li:first-child,
.photobox .likes ul > li:first-child {
    padding-left: 0;
    padding-right: 0;
}

.photobox .tags ul li a,
.photobox .likes ul li a {
    white-space: nowrap
}

.comment_each {
    clear: left;
    padding-bottom: 5px;
    padding-left: 30px;
    position: relative;
}

.loadmore.comment_each {
    padding-bottom: 10px
}

.comment_each .fa-reply {
    color: #777;
    display: none;
    left: 10px;
    line-height: 24px;
    position: absolute;
    top: 0;
}

.comment_each:hover .fa-reply {
    display: block;
    cursor: pointer;
}

.comment_each:hover .fa-reply:hover {
    color: #333
}

.comment_each .fa-trash-o {
    color: #777;
    display: none;
    padding-left: 5px;
}

.comment_each:hover .fa-trash-o {
    display: inline-block;
    cursor: pointer;
}

.comment_each:hover .fa-trash-o:hover {
    color: #333
}

.comment_each .profimg {
    border: 1px solid #ccc;
    border-radius: 13px;
    display: inline-block;
    height: 26px;
    width: 26px;
}

.comment_each .profimg:hover {
    opacity: 0.8
}

.comment_each .comment_body {
    display: inline-block;
    word-wrap: break-word;
}
.single .comment_each .comment_body {
    max-width: 462px;
}

.comment_each .comment_body .username {
    font-weight: 700
}

.comment_each .comment_body .time {
    font-size: 11px;
    color: #777;
}

.commentbox form {
    padding-left: 30px
}

.photogrid {
    display: inline-block;
    margin-left: 5px;
    margin-right: 4px;
}

.photogrid .photo_stats {
    color: #bfbfbf;
    padding-bottom: 5px;
}

.photogrid .photo_stats .time,
.photogrid .photo_stats .filter {
    color: #aaa
}

.photogrid .photobox {
    width: 243px;
    margin-bottom: 10px;
}

.photogrid .mainimg {
    width: 220px;
    height: 220px;
}

.grid3 .photogrid{
    margin:0;
}

.grid3 .photogrid .photobox{
    width: 316px;
    margin-bottom: 3px;
}
.grid3 .photogrid .mainimg {
    height: 306px;
    width: 306px;
}

.grid3 .photogrid .mainimg img {
    height: 306px;
    width: 306px;
}
.grid3 .photoeach .photobox{
    padding-left: 5px;
    padding-top: 5px;
}
.grid3 .photos_wrapper{
    padding-left:38px;
}
.grid3 .photobox .like_stats{
    padding-bottom:0;
}
.grid3.login .photobox .like_stats{
    padding-bottom: 5px;
}
.grid3 .photobox .playvideo.grid{
    left: 141px;
    top: 180px;
}
.grid3 .photobox .playvideo.grid-user{
    left: 141px;
    top: 135px;
}

.tooltip-inner {
    text-shadow: none
}

#map_wrapper {
    height: 260px;
    width: 100%;
    border: 1px solid #DDD;
    border-radius: 4px 4px 4px 4px;
}

.mapinfo {
    padding-bottom: 25px
}

.search_page_form {
    width: 300px
}

.ad_bottom_top {
    margin: 20px auto 10px;
    text-align: center;
}

#footer {
    padding-top: 15px;
    width: 100%;
    padding-bottom: 25px;
    border-top: 1px solid #ddd;
    box-shadow: inset 0 1px 0 #ddd;
    font-size: 13px;
    -webkit-box-shadow: inset 0 1px 0 #ddd;
    -moz-box-shadow: inset 0 1px 0 #ddd;
    -ms-box-shadow: inset 0 1px 0 #ddd;
    -o-box-shadow: inset 0 1px 0 #ddd;
    text-shadow: none;
    color: #666;
}

#footer a {
    color: #666
}

#footer h6 {
    color: #888;
    margin-bottom: 8px;
    padding: 0;
    font-size: 15px;
}

#footer .list-menu {
    padding-left: 25px
}

#footer .list-menu li {
    line-height: 180%
}

#footer .list-menu.list-unstyled {
    padding-left: 13px
}

#footer .list-menu li a {
    color: #444
}

#footer hr {
    border-color: #dfdfdf 0 #FFF
}

#footer .language-option li:after {
    content: " / ";
    padding: 0 0 0 8px;
}

#footer .language-option li:first-child:after {
    display: inline;
    content: '';
    padding-left: 0;
}

#footer .language-option li:last-child:after {
    content: ""
}

.lazy {
    display: none
}

.photoeach .fb_comment {
    padding-top: 30px;
    padding-left: 30px;
}

#emoji_palette {
    position: absolute;
    z-index: 1000;
}

#emoji_palette .palette {
    width: 300px;
    background: #fff;
    border: 1px solid #ddd;
    border-top: none;
    padding: 3px 1px 2px 3px;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.04), 0 1px 5px rgba(0,0,0,0.03);
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
}

#emoji_palette .palette span {
    cursor: pointer;
    margin-right: 1px;
    margin-bottom: 1px;
}

#emoji_palette ul li {
    display: inline-block;
    list-style-type: none;
    text-align: center;
    width: 60px;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.04), 0 1px 5px rgba(0,0,0,0.03);
    z-index: 10;
    padding: 5px 0;
    cursor: pointer;
}

#emoji_palette ul {
    margin: 0;
    padding: 0;
}

.jp-video {
    width: 510px;
    margin-bottom: 5px;
}

.pw-widget .list-inline > li {
    padding-right: 0
}

.nav-tabs > li > a:hover {
    background: none repeat scroll 0 0 #F6F6F6;
    border-color: #DDD;
}

.nav-tabs > li > a {
    border-color: #DDD #DDD transparent
}

.post_in_boards {
    padding-top: 10px;
    padding-bottom: 0;
}

.post_in_boards p,
.board_index p {
    font-weight: 700;
    color: #555;
}

.post_in_boards .profimg,
.board_index .profimg {
    border: 1px solid #EAEAEA;
    border-radius: 20px 20px 20px 20px;
    display: block;
}

.post_in_boards .board-list {
    width: 540px;
    margin-left: -5px;
    margin-right: -5px;
}

.board-category-list {
    padding: 10px;
    margin: 5px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #ddd;
}

.board-list .board {
    position: relative;
    background: #fff;
    border-radius: 4px;
    display: inline-block;
    padding: 10px;
    margin-bottom: 10px;
    margin-right: 5px;
    margin-left: 5px;
    border: 1px solid #ddd;
    width: 170px;
}

.board-list.large .board {
    width: 245px
}

.board-list .board .mask {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 170px;
    height: 220px;
    z-index: 100;
}

.board-list .admin-remove {
    display: block;
    position: absolute;
    top: 10;
    right: 0;
    z-index: 101;
    padding-right:10px;
}



.board-list.large .board .mask {
    width: 243px;
    height: 257px;
}

.board_index .board-list.large .board .mask {
    height: 296px;
}

.board-list .board:hover img {
    opacity: 0.85
}

.post_in_boards .board-list img,
.board_index .board-list img {
    float: left
}

.post_in_boards .board-list .userinfo,
.board_index .board-list .userinfo {
    margin-bottom: 7px
}

.post_in_boards .board-list .infobox,
.board_index .board-list .infobox{
    margin-left: 45px;
    white-space: nowrap;
}

.post_in_boards .board-list .infobox .boardname,
.post_in_boards .board-list .infobox .username,
.large .boardname{
    color: #9E1C44;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 103px;
}

.large .boardname ,
.large .username {
    width: 178px
}

.post_in_boards .board-list .infobox .username,
.board_index .board-list .infobox .username{
    color: #777
}

.imagetile li {
    background-color: #F9F9F9;
    box-shadow: 0 0 4px 2px rgba(200,200,200,0.3) inset;
    display: inline-block;
    height: 49px;
    overflow: hidden;

    width: 49px;
}

.large .imagetile li {
    width: 74px;
    height: 74px;
}

.imagetile li img {
    height: 49px;
    width: 49px;
}

.large .imagetile li img {
    height: 74px;
    width: 74px;
}

.imagetile li.image_1 {
    width: 147px;
    height: 98px;
    margin-bottom: -5px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.imagetile li.image_2 {
    border-bottom-left-radius: 3px
}

.imagetile li.image_4 {
    border-bottom-right-radius: 3px
}
.imagetile li:last-child {
    border-bottom-right-radius: 3px;
}

.imagetile .image_1 img {
    width: 147px;
    height: 147px;
    top: -25px;
    position: relative;
}

.large .imagetile li.image_1 {
    width: 222px;
    height: 148px;
    margin-bottom: -5px;
}

.large .imagetile .image_1 img {
    width: 222px;
    height: 222px;
    top: -38px;
    position: relative;
}

.board-list-main {
    margin-left: -3px;
    margin-right: -3px;
    padding-left: 4px;
}

.board-list-main li {
    display: inline-block;
    margin: 0 4px 10px;
    background: #fff;
    border: 1px solid #DDD;
    border-radius: 4px;
    padding: 5px;
    position: relative;
}

.board-list-main li a {
    display: block;
    position: relative;
}

.board-list-main form {
    bottom: 10px;
    position: absolute;
    right: 10px;
    opacity: 0;
    z-index: 100;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
}

.board-list-main li:hover form {
    opacity: 1;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
}

.board-list-main li a:hover img {
    opacity: 0.9
}

.btn-load-more {
    color:#444;
    width:200px;
}

.edit_delete a {
    color: #555
}

.edit_delete a:hover {
    color: #999
}

ul.edit_delete {
    margin-bottom: 0
}

.board-caption h1 {
    margin: 0;
    padding-bottom: 5px;
}

.board-caption p {
    margin-top: -5px;
    margin-bottom: 5px;
}

.board-info {
    padding-bottom: 10px
}

.board-info .profimg {
    border: 1px solid #CCC;
    border-radius: 10px;
    display: inline-block;
    height: 20px;
    width: 20px;
    vertical-align: text-bottom;
}

.board-info .profimg img {
    vertical-align: text-bottom
}

.board-info .count {
    color: #666
}

.board-info .mdash {
    color: #666;
    display: inline-block;
    margin-left: 1em;
}

#clip_add {
    width: 300px;
    padding: 10px;
}

#clip_add p {
    font-weight: 700
}

#clip_add p a {
    font-weight: 400
}

#clip_add select {
    margin-bottom: 10px
}

h2 {
    margin: 0;
    font-size: 22px;
    color: #777;
    padding: 18px 0 12px;
}

h3 {
    font-size: 16px
}

.page_title h2 {
    padding: 0 0 14px
}

#special_box {
    background-color: #fff;
    padding: 30px;
    margin-bottom: 30px;
}

#special_box .sub {
    float: left;
    width: 320px;
}

#special_box .photo {
    float: right
}

#notificationslist img.profimg {
    display: inline-block;
    width: 50px;
    border-radius: 25px;
}

#notificationslist li {
    margin-bottom: 1em
}

.top100tags td,
.top100instagramers li,
.popular_stars li,
ul.users li {
    padding: .3em
}

.keyword ul {
    list-style: none
}

.top100instagramers img,
.popular_stars img {
    width: 50px;
    height: 50px;
    border-radius: 25px;
}

.top100instagramers .username {
    width: 50%;
    display: inline-block;
}

.ffcount {
    font-size: 13px;
    color: #777;
    font-weight: 400;
}

.profimage_small {
    display: inline-block;
    vertical-align: middle;
}

.profimage_small a {
    padding: 3px
}

.search_tags .count_num,
ul.mostUsedFilters .filters_name,
ul.mostUsedFilters .filters_count {
    display: inline-block;
    width: 100px;
}

ul.visitors,
.search ul.tags,
.search ul.users,
ul#notificationslist {
    list-style-type: none;
    padding-left: 0;
}

ul.visitors img,
.search ul.users img {
    width: 50px;
    height: 50px;
    border-radius: 25px;
}

ul.visitors li {
    display: inline
}

ul.visitors ul.personal {
    padding-left: 0
}

ul.visitors ul.personal {
    margin: .5em
}

ul.visitors ul.personal li {
    display: inline-block;
    width: 20%;
}

ul.visitors ul.personal li.usericon {
    padding: 0;
    display: inline-block;
    width: 70px;
}

ul.visitors ul.personal li.username {
    display: inline-block;
    width: 100px;
}

.tagname {
    display: inline-block;
    width: 200px;
}

ul.tags li {
    padding: .3em
}

.keyword ul.userlist li.userbox a.userpic {
    display: block;
    float: left;
    margin-right: 12px;
}

.keyword ul.userlist li.userbox .inner {

}

.keyword ul.userlist li.userbox {
    display: inline-table;
    width: 48.8%;
    background: #FFF;
    margin: 5px;
    padding: 10px;
    border-radius: 3px;
    border: solid 1px #ddd;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.03), 0 1px 5px rgba(0,0,0,0.02);
}

.keyword ul.userlist,
ul.tags,
ul.users {
    padding-left: 0
}

.keyword ul img {
    width: 76px;
    border-radius: 38px;
}

ul.keywords li {
    display: inline
}

#followed ul.userlist li,
#follows ul.userlist li {
    list-style: none;
    margin: 10px 0;
    display: inline-block;
    width: 49%;
}

#followed ul.userlist li a.profimg,
#follows ul.userlist li a.profimg {
    display: inline-block;
    height: 72px;
    vertical-align: middle;
    width: 72px;
}

#followed ul.userlist li img,
#follows ul.userlist li img {
    width: 72px;
    height: 72px;
    border-radius: 36px;
}

#search .search_user ul,
#search .search_tags ul {
    list-style: none
}

#search .search_user ul li img {

}

#search_index .profbox {
    padding-top: 12px
}

ul.user_keywords li {
    padding-left: 0
}

.profimg:hover {
    opacity: 0.8
}

a.fullname {
    color: #444
}

a.fullname:hover {
    color: #444;
    text-decoration: none;
}

.no_notification {
    color: #aaa;
    border-bottom-color: #aaa;
    border-top-color: #aaa;
}

.notification .fa-circle {
    color: #428bca
}

.badge {
    padding: 1px 9px 2px;
    font-size: 12.025px;
    font-weight: 700;
    white-space: nowrap;
    color: #fff;
    background-color: #999;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
}

.badge:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.badge-error {
    background-color: #b94a48
}

.badge-error:hover {
    background-color: #953b39
}

.badge-notification {
    background-color: #f89406
}

.badge-notification:hover {
    background-color: #c67605
}

.badge-success {
    background-color: #468847
}

.badge-success:hover {
    background-color: #356635
}

.badge-info {
    background-color: #3a87ad
}

.badge-info:hover {
    background-color: #2d6987
}

.badge-inverse {
    background-color: #333
}

.badge-inverse:hover {
    background-color: #1a1a1a
}

.newnav {

}

.newnav .navbtns {
    color: #000;
}

.newnav .navbtns:hover {
    color: #fff !important;
    background: #343434;
    text-shadow: 0 0 0 !important;
}

.newnav .navbtns-drop {
    cursor:pointer;
    color: #000;
}

.newnav .navbtns-drop:hover {
    color: #fff !important;
    background: #343434;
}

.padding {
    padding: 6px 0 0 2px
}

.textalign {
    text-align: right;
    vertical-align: middle;
    padding-top: 10px;
    font-size: 12px;
}

.tools-size {
    font-size: 11px
}

.feedpreview {
    background: #04a5da;
    padding: 7px 15px;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #FFF !important;
    text-shadow: 0 0 red;
}

.feedpreview:hover {
    text-decoration: none;
    color: #FFF;
    background: #0598c9 !important;
}

.fullname-headline {
    margin: 0 0 10px;
    font-size: 14px;
    color: #444;
    padding: 0px;
    font-weight: 350px;
}

/*
 * Skin for jPlayer Plugin (jQuery JavaScript Library)
 * http://www.jplayer.org
 *
 * Skin Name: Blue Monday
 *
 * Copyright (c) 2010-2012 Happyworm Ltd
 * Dual licensed under the MIT and GPL licenses.
 *  - http://www.opensource.org/licenses/mit-license.php
 *  - http://www.gnu.org/copyleft/gpl.html
 *
 * Author: Silvia Benvenuti
 * Skin Version: 4.3 (jPlayer 2.2.0)
 * Date: 19th November 2012
 */

div.jp-audio,
div.jp-audio-stream,
div.jp-video {
    /* Edit the font-size to counteract inherited font sizing.: ;
    * Eg. 1.25em = 1 / 0.8em: ;*/
    font-size: 1.25em;
    /* 1.25em for testing in site pages */
    /* No parent CSS that can effect the size in the demos ZIP */
    line-height: 1.6;
    color: #666;
    border: 1px solid #ddd;
    background-color: #eee;
}

div.jp-audio {
    width: 420px
}

div.jp-audio-stream {
    width: 182px
}

div.jp-video-270p {
    width: 510px
}

div.jp-video-360p {
    width: 510px
}

div.jp-video-full {
    /* Rules for IE6 (full-screen) */
    width: 510px;
    height: 510px;
    /* Rules for IE7 (full-screen) - Otherwise the relative container causes other page items that are not position: static (default) to appear over the video/gui. */;
    position: static !important;
    position: relative;
}

/* The z-index rule is defined in this manner to enable Popcorn plugins that add overlays to video area. EG. Subtitles. */

div.jp-video-full div div {
    z-index: 1000
}

div.jp-video-full div.jp-jplayer {
    top: 0;
    left: 0;
    position: fixed !important;
    position: relative;
    /* Rules for IE6 (full-screen) */
    overflow: hidden;
}

div.jp-video-full div.jp-gui {
    position: fixed !important;
    position: static;
    /* Rules for IE6 (full-screen) */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1001;
    /* 1 layer above the others. */;: ;
}

div.jp-video-full div.jp-interface {
    position: absolute !important;
    position: relative;
    /* Rules for IE6 (full-screen) */
    bottom: 0;
    left: 0;
}

div.jp-interface {
    position: relative;
    background-color: #eee;
    width: 100%;
}

div.jp-audio div.jp-type-single div.jp-interface {
    height: 80px
}

div.jp-audio div.jp-type-playlist div.jp-interface {
    height: 80px
}

div.jp-audio-stream div.jp-type-single div.jp-interface {
    height: 80px
}

div.jp-video div.jp-interface {
    border-top: 1px solid #eee
}

/* @group CONTROLS */

div.jp-controls-holder {
    clear: both;
    width: 440px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    top: -8px;
    /* This negative value depends on the size of the text in jp-currentTime and jp-duration */;: ;
}

div.jp-interface ul.jp-controls {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

div.jp-audio ul.jp-controls {
    width: 380px;
    padding: 20px 20px 0;
}

div.jp-audio-stream ul.jp-controls {
    width: 142px;
    padding: 20px 20px 0;
}

div.jp-video div.jp-type-single ul.jp-controls {
    width: 78px;
    margin-left: 200px;
}

div.jp-video div.jp-type-playlist ul.jp-controls {
    width: 134px;
    margin-left: 172px;
}

div.jp-video ul.jp-controls,
div.jp-interface ul.jp-controls li {
    display: inline;
    float: left;
}

div.jp-interface ul.jp-controls a {
    display: block;
    overflow: hidden;
    text-indent: -9999px;
}

a.jp-play,
a.jp-pause {
    width: 40px;
    height: 40px;
}

a.jp-play {
    background: url(/img/jplayer.blue.monday.jpg) 0 0 no-repeat
}

a.jp-play:hover {
    background: url(/img/jplayer.blue.monday.jpg) -41px 0 no-repeat
}

a.jp-pause {
    background: url(/img/jplayer.blue.monday.jpg) 0 -42px no-repeat;
    display: none;
}

a.jp-pause:hover {
    background: url(/img/jplayer.blue.monday.jpg) -41px -42px no-repeat
}

a.jp-stop,
a.jp-previous,
a.jp-next {
    width: 28px;
    height: 28px;
    margin-top: 6px;
}

a.jp-stop {
    background: url(/img/jplayer.blue.monday.jpg) 0 -83px no-repeat;
    margin-left: 10px;
}

a.jp-stop:hover {
    background: url(/img/jplayer.blue.monday.jpg) -29px -83px no-repeat
}

a.jp-previous {
    background: url(/img/jplayer.blue.monday.jpg) 0 -112px no-repeat
}

a.jp-previous:hover {
    background: url(/img/jplayer.blue.monday.jpg) -29px -112px no-repeat
}

a.jp-next {
    background: url(/img/jplayer.blue.monday.jpg) 0 -141px no-repeat
}

a.jp-next:hover {
    background: url(/img/jplayer.blue.monday.jpg) -29px -141px no-repeat
}

/* @end */

/* @group progress bar */

div.jp-progress {
    overflow: hidden;
    background-color: #ddd;
}

div.jp-audio div.jp-progress {
    position: absolute;
    top: 32px;
    height: 15px;
}

div.jp-audio div.jp-type-single div.jp-progress {
    left: 110px;
    width: 186px;
}

div.jp-audio div.jp-type-playlist div.jp-progress {
    left: 166px;
    width: 130px;
}

div.jp-video div.jp-progress {
    top: 0;
    left: 0;
    width: 100%;
    height: 10px;
}

div.jp-seek-bar {
    background: url(/img/jplayer.blue.monday.jpg) 0 -202px repeat-x;
    width: 0;
    height: 100%;
    cursor: pointer;
}

div.jp-play-bar {
    background: url(/img/jplayer.blue.monday.jpg) 0 -218px repeat-x;
    width: 0;
    height: 100%;
}

/* The seeking class is added/removed inside jPlayer */

div.jp-seeking-bg {
    background: url(/img/jplayer.blue.monday.seeking.gif)
}

/* @end */

/* @group volume controls */

a.jp-mute,
a.jp-unmute,
a.jp-volume-max {
    width: 18px;
    height: 15px;
    margin-top: 12px;
}

div.jp-audio div.jp-type-single a.jp-mute,
div.jp-audio div.jp-type-single a.jp-unmute {
    margin-left: 210px
}

div.jp-audio div.jp-type-playlist a.jp-mute,
div.jp-audio div.jp-type-playlist a.jp-unmute {
    margin-left: 154px
}

div.jp-audio-stream div.jp-type-single a.jp-mute,
div.jp-audio-stream div.jp-type-single a.jp-unmute {
    margin-left: 10px
}

div.jp-audio a.jp-volume-max,
div.jp-audio-stream a.jp-volume-max {
    margin-left: 56px
}

div.jp-video a.jp-mute,
div.jp-video a.jp-unmute,
div.jp-video a.jp-volume-max {
    position: absolute;
    top: 12px;
    margin-top: 0;
}

div.jp-video a.jp-mute,
div.jp-video a.jp-unmute {
    left: 50px
}

div.jp-video a.jp-volume-max {
    left: 134px
}

a.jp-mute {
    background: url(/img/jplayer.blue.monday.jpg) 0 -170px no-repeat
}

a.jp-mute:hover {
    background: url(/img/jplayer.blue.monday.jpg) -19px -170px no-repeat
}

a.jp-unmute {
    background: url(/img/jplayer.blue.monday.jpg) -60px -170px no-repeat;
    display: none;
}

a.jp-unmute:hover {
    background: url(/img/jplayer.blue.monday.jpg) -79px -170px no-repeat
}

a.jp-volume-max {
    background: url(/img/jplayer.blue.monday.jpg) 0 -186px no-repeat
}

a.jp-volume-max:hover {
    background: url(/img/jplayer.blue.monday.jpg) -19px -186px no-repeat
}

div.jp-volume-bar {
    position: absolute;
    overflow: hidden;
    background: url(/img/jplayer.blue.monday.jpg) 0 -250px repeat-x;
    width: 46px;
    height: 5px;
    cursor: pointer;
}

div.jp-audio div.jp-volume-bar {
    top: 37px;
    left: 330px;
}

div.jp-audio-stream div.jp-volume-bar {
    top: 37px;
    left: 92px;
}

div.jp-video div.jp-volume-bar {
    top: 17px;
    left: 72px;
}

div.jp-volume-bar-value {
    background: url(/img/jplayer.blue.monday.jpg) 0 -256px repeat-x;
    width: 0;
    height: 5px;
}

/* @end */

/* @group current time and duration */

div.jp-audio div.jp-time-holder {
    position: absolute;
    top: 50px;
}

div.jp-audio div.jp-type-single div.jp-time-holder {
    left: 110px;
    width: 186px;
}

div.jp-audio div.jp-type-playlist div.jp-time-holder {
    left: 166px;
    width: 130px;
}

div.jp-current-time,
div.jp-duration {
    width: 60px;
    font-size: .64em;
    font-style: oblique;
}

div.jp-current-time {
    float: left;
    display: inline;
}

div.jp-duration {
    float: right;
    display: inline;
    text-align: right;
}

div.jp-video div.jp-current-time {
    margin-left: 20px
}

div.jp-video div.jp-duration {
    margin-right: 20px
}

/* @end */

/* @group playlist */

div.jp-title {
    font-weight: 700;
    text-align: center;
}

div.jp-title,
div.jp-playlist {
    width: 100%;
    background-color: #ccc;
    border-top: 1px solid #009be3;
}

div.jp-type-single div.jp-title,
div.jp-type-playlist div.jp-title,
div.jp-type-single div.jp-playlist {
    border-top: none
}

div.jp-title ul,
div.jp-playlist ul {
    list-style-type: none;
    margin: 0;
    padding: 0 20px;
    font-size: .72em;
}

div.jp-title li {
    padding: 5px 0;
    font-weight: 700;
}

div.jp-playlist li {
    padding: 5px 0 4px 20px;
    border-bottom: 1px solid #eee;
}

div.jp-playlist li div {
    display: inline
}

/* Note that the first-child (IE6) and last-child (IE6/7/8) selectors do not work on IE */

div.jp-type-playlist div.jp-playlist li:last-child {
    padding: 5px 0 5px 20px;
    border-bottom: none;
}

div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
    list-style-type: square;
    list-style-position: inside;
    padding-left: 7px;
}

div.jp-type-playlist div.jp-playlist a {
    color: #333;
    text-decoration: none;
}

div.jp-type-playlist div.jp-playlist a:hover {
    color: #0d88c1
}

div.jp-type-playlist div.jp-playlist a.jp-playlist-current {
    color: #0d88c1
}

div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove {
    float: right;
    display: inline;
    text-align: right;
    margin-right: 10px;
    font-weight: 700;
    color: #666;
}

div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove:hover {
    color: #0d88c1
}

div.jp-type-playlist div.jp-playlist span.jp-free-media {
    float: right;
    display: inline;
    text-align: right;
    margin-right: 10px;
}

div.jp-type-playlist div.jp-playlist span.jp-free-media a {
    color: #666
}

div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover {
    color: #0d88c1
}

span.jp-artist {
    font-size: .8em;
    color: #666;
}

/* @end */

div.jp-video-play {
    width: 100%;
    overflow: hidden;
    /* Important for nested negative margins to work in modern browsers */
    cursor: pointer;
    background-color: rgba(0,0,0,0);
    /* Makes IE9 work with the active area over the whole video area. IE6/7/8 only have the button as active area. */;: ;
}

div.jp-video-270p div.jp-video-play {
    margin-top: -510px;
    height: 510px;
}

div.jp-video-360p div.jp-video-play {
    margin-top: -510px;
    height: 510px;
}

div.jp-video-full div.jp-video-play {
    height: 100%
}

a.jp-video-play-icon {
    position: relative;
    display: block;
    width: 112px;
    height: 100px;
    margin-left: -56px;
    margin-top: -50px;
    left: 50%;
    top: 50%;
    background: url(/img/jplayer.blue.monday.video.play.png) 0 0 no-repeat;
    text-indent: -9999px;
}

div.jp-video-play:hover a.jp-video-play-icon {
    background: url(/img/jplayer.blue.monday.video.play.png) 0 -100px no-repeat
}

div.jp-jplayer audio,
div.jp-jplayer {
    width: 0;
    height: 0;
}

div.jp-jplayer {
    background-color: #000
}

/* @group TOGGLES */

/* The audio toggles are nested inside jp-time-holder */

ul.jp-toggles {
    list-style-type: none;
    padding: 0;
    margin: 0 auto;
    overflow: hidden;
}

div.jp-audio .jp-type-single ul.jp-toggles {
    width: 25px
}

div.jp-audio .jp-type-playlist ul.jp-toggles {
    width: 55px;
    margin: 0;
    position: absolute;
    left: 325px;
    top: 50px;
}

div.jp-video ul.jp-toggles {
    margin-top: 10px;
    width: 100px;
}

ul.jp-toggles li {
    display: block;
    float: right;
}

ul.jp-toggles li a {
    display: block;
    width: 25px;
    height: 18px;
    text-indent: -9999px;
    line-height: 100%;
    /* need this for IE6 */;: ;
}

a.jp-full-screen {
    background: url(/img/jplayer.blue.monday.jpg) 0 -310px no-repeat;
    margin-left: 20px;
}

a.jp-full-screen:hover {
    background: url(/img/jplayer.blue.monday.jpg) -30px -310px no-repeat
}

a.jp-restore-screen {
    background: url(/img/jplayer.blue.monday.jpg) -60px -310px no-repeat;
    margin-left: 20px;
}

a.jp-restore-screen:hover {
    background: url(/img/jplayer.blue.monday.jpg) -90px -310px no-repeat
}

a.jp-repeat {
    background: url(/img/jplayer.blue.monday.jpg) 0 -290px no-repeat
}

a.jp-repeat:hover {
    background: url(/img/jplayer.blue.monday.jpg) -30px -290px no-repeat
}

a.jp-repeat-off {
    background: url(/img/jplayer.blue.monday.jpg) -60px -290px no-repeat
}

a.jp-repeat-off:hover {
    background: url(/img/jplayer.blue.monday.jpg) -90px -290px no-repeat
}

a.jp-shuffle {
    background: url(/img/jplayer.blue.monday.jpg) 0 -270px no-repeat;
    margin-left: 5px;
}

a.jp-shuffle:hover {
    background: url(/img/jplayer.blue.monday.jpg) -30px -270px no-repeat
}

a.jp-shuffle-off {
    background: url(/img/jplayer.blue.monday.jpg) -60px -270px no-repeat;
    margin-left: 5px;
}

a.jp-shuffle-off:hover {
    background: url(/img/jplayer.blue.monday.jpg) -90px -270px no-repeat
}

/* @end */

/* @group NO SOLUTION error feedback */

.jp-no-solution {
    padding: 5px;
    font-size: .8em;
    background-color: #eee;
    border: 2px solid #009be3;
    color: #000;
    display: none;
}

.jp-no-solution a {
    color: #000
}

.jp-no-solution span {
    font-size: 1em;
    display: block;
    text-align: center;
    font-weight: 700;
}

/* @end */

/** @group Welcomebox of referer */

.welcomebox {
    border-bottom: 1px solid #CCC;
    margin-bottom: -7px;
    margin-top: -10px;
    padding-bottom: 10px;
    position: relative;
    box-shadow: #CCC 0 1px 2px;
}

.welcomebox strong {
    font-size: 120%
}

.welcomebox_inner {
    margin: 0 auto;
    padding: 20px 10px 0;
    text-align: left;
    width: 100%;
    background:#fff;
    min-width: 1040px;
    position: relative;
}

.welcomebox_inner .fb-like-box {
    background: none repeat scroll 0 0 #FFF;
    border: 1px solid #CCC;
    border-radius: 5px 5px 5px 5px;
    padding: 3px;
    width: 286px;
    float: left;
    margin-right: 20px;
}

.welcomebox .close_button {
    position: absolute;
    right: 10px;
    bottom: 0;
    cursor: pointer;
    display: block;
    line-height: 1;
    border-radius: 5px 5px 5px 5px;
    background: #fd835c;
    padding: 5px;
    color: #fff;
}

/* @end */

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/

#colorbox,
#cboxOverlay,
#cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
}

#cboxWrapper {
    max-width: none
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
}

#cboxMiddleLeft,
#cboxBottomLeft {
    clear: left
}

#cboxContent {
    position: relative
}

#cboxLoadedContent {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

#cboxTitle {
    margin: 0
}

#cboxLoadingOverlay,
#cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
    cursor: pointer
}

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: none;
    -ms-interpolation-mode: bicubic;
}

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
}

#colorbox,
#cboxContent,
#cboxLoadedContent {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/

#cboxOverlay {
    background: #000
}

#colorbox {
    outline: 0
}

#cboxTopLeft {
    width: 14px;
    height: 14px;
    background: url(/img/cbox/controls.png) no-repeat 0 0;
}

#cboxTopCenter {
    height: 14px;
    background: url(/img/cbox/border.png) repeat-x top left;
}

#cboxTopRight {
    width: 14px;
    height: 14px;
    background: url(/img/cbox/controls.png) no-repeat -36px 0;
}

#cboxBottomLeft {
    width: 14px;
    height: 43px;
    background: url(/img/cbox/controls.png) no-repeat 0 -32px;
}

#cboxBottomCenter {
    height: 43px;
    background: url(/img/cbox/border.png) repeat-x bottom left;
}

#cboxBottomRight {
    width: 14px;
    height: 43px;
    background: url(/img/cbox/controls.png) no-repeat -36px -32px;
}

#cboxMiddleLeft {
    width: 14px;
    background: url(/img/cbox/controls.png) repeat-y -175px 0;
}

#cboxMiddleRight {
    width: 14px;
    background: url(/img/cbox/controls.png) repeat-y -211px 0;
}

#cboxContent {
    background: #fff;
    overflow: visible;
}

.cboxIframe {
    background: #fff
}

#cboxError {
    padding: 50px;
    border: 1px solid #ccc;
}

#cboxLoadedContent {
    margin-bottom: 5px
}

#cboxLoadingOverlay {
    background: url(/img/cbox/loading_background.png) no-repeat center center
}

#cboxLoadingGraphic {
    background: url(/img/cbox/loading.gif) no-repeat center center
}

#cboxTitle {
    position: absolute;
    bottom: -25px;
    left: 0;
    text-align: center;
    width: 100%;
    font-weight: 700;
    color: #7C7C7C;
}

#cboxCurrent {
    position: absolute;
    bottom: -25px;
    left: 58px;
    font-weight: 700;
    color: #7C7C7C;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */

#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
    border: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
    position: absolute;
    bottom: -29px;
    background: url(/img/cbox/controls.png) no-repeat 0 0;
    width: 23px;
    height: 23px;
    text-indent: -9999px;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */

#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
    outline: 0
}

#cboxPrevious {
    left: 0;
    background-position: -51px -25px;
}

#cboxPrevious:hover {
    background-position: -51px 0
}

#cboxNext {
    left: 27px;
    background-position: -75px -25px;
}

#cboxNext:hover {
    background-position: -75px 0
}

#cboxClose {
    right: 0;
    background-position: -100px -25px;
}

#cboxClose:hover {
    background-position: -100px 0
}

.cboxSlideshow_on #cboxSlideshow {
    background-position: -125px 0;
    right: 27px;
}

.cboxSlideshow_on #cboxSlideshow:hover {
    background-position: -150px 0
}

.cboxSlideshow_off #cboxSlideshow {
    background-position: -150px -25px;
    right: 27px;
}

.cboxSlideshow_off #cboxSlideshow:hover {
    background-position: -125px 0
}

//override bootstrap
.navbar-default .navbar-nav > .dropdown > a:hover .caret, .navbar-default .navbar-nav > .dropdown > a:focus .caret {
border-top-color: red;
border-bottom-color: red;
}

.navbar-default .navbar-nav>.dropdown>a:hover .caret, .navbar-default .navbar-nav>.dropdown>a:focus .caret {
border-top-color: #fff;
border-bottom-color: #fff;
}

// Angular
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

// Websta Message
.message-arrow:after{
    border-bottom-color:#ffffe0;
}
.popover.bottom .message-arrow:after {
    border-bottom-color:#ffffe0;
}

.flip-item {
}

.flip-item img {
    width: 130%;
}


.flip-future {
    opacity: 0.6;
}

.flip-past {
    opacity: 0.6;
}

.no-padding-left {
    padding-left: 0px;
}

.location-wid-btn {
    margin-bottom: 8px;
}








.sp2014 .instruction{
    float:left;
    width: 330px;
    display: block;
    margin-right: 10px;
}
.sp2014 .instruction strong{
    font-size: 18px;
}

.sp2014 .ranking,
.sp2014 .col{
    float:left;
    display: block;
}

.sp2014 .ranking ol{
    list-style-type: none;
    margin: 0;
    padding:0;
}
.sp2014 .ranking li{
    position: relative;
    margin: 0 10px 10px 0;
}
.sp2014 .ranking img{
    -webkit-filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");

    filter: gray;
    width:330px;
    height:55px;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -ms-transition: all 1s ease;
}
.sp2014 .ranking a:hover img{
    -webkit-filter: grayscale(0%);
    filter: none;
}
.sp2014 .ranking li span{
    position: absolute;
    bottom: 3px;
    left: 3px;
    color:#fff;
    font-weight: bold;
    font-size:17px;
    text-shadow:none;
    z-index: 10;
}
.sp2014 .ranking li i{
    position: absolute;
    display: block;
    background-color: #000;
    opacity:0.3;
    left: 0;
    bottom: 3px;
    width: 330px;
    height: 45%;
    z-index: 5;
}
.sp2014 .ranking li i.long{
    height:90%;
}

.sp2014.details .ranking{
    padding-right: 20px;
}

.sp2014.details li{
    margin-bottom: 5px;
}
.sp2014.details h1{
    font-size: 22px;
    margin:0 0 10px;
}

.sp2014 .location-photos {
    margin-left: 360px;
}
.sp2014 .location-photos a:hover{
    opacity: 0.8;
}
.sp2014 .location-photos img{
    width: 166px;
    height:166px;
}

.hot-photo-row {
    //background-color: #333;
    color: #333;
}

.hot-photo-image {
    width: 400px;
    height: 400px;
}

.hot-photo-image-small {
    width: 300px;
    height: 300px;
}

.hot-photo-ranking {
    margin-top:200%;
    font-size:30px;
    font-weight: bold;
}

.jp-hot-photo-ranking {
    margin-top:100%;
    font-size:30px;
    font-weight: bold;
}


.fa-trophy-1 {
    color:#daa520;
}

.fa-trophy-2 {
    color:#c0c0c0;
}

.fa-trophy-3 {
    color:#88592a;
}

.hot-photo-likes {
    color:#d02f42;
    font-size: 20px;
}

.hot-photo-user {
    width:100px;
    height:100px;
}

.newnav .open>a, .newnav .open>a:hover, .newnav .open>a:focus {
    background-color: #343434;
    color: #fff;!important
}

.img-cover {
	width: 100%;
	height: 100%;
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center;
}

.img-cover.jp-jplayer > img {
	display: none !important;
}

.img-cover.jp-jplayer > video {
	background-color: #fff !important;
}

.comment-form.hide {
	display : none;
}

.comment-form input:disabled {
	opacity: 0.8 !important;
}
.comment-form textarea:disabled {
	background-color: #e0e0e0 !important;
	border-color: #dbdbdb !important;
	opacity: 0.95;
}

.loading-text {
	display: none;
	font-size: 11px;
}

/*sp 2015 styles*/
.media-grid{
    overflow: hidden;
}

.media-grid .media-item {
    /*display: inline-block;*/
    display: block;
    float: left;
    position: relative;
}
.media-grid .media-item .img-cover{
    width: 219px;
    height:219px;
    margin-right: 5px;
    margin-bottom: 5px
}

.sp2014 .ranking li span{
    overflow: hidden;
    max-width: 330px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#states_list div{
    overflow: hidden;
    max-width: 330px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #fff;
    font-weight: bold;
    font-size: 17px;
    text-shadow: none;
    z-index: 10;
    text-align: center;
    margin: 0 0 10px 0;
    line-height: 55px;
}
/*end of sp2015 styles*/


.follow-me-section textarea:focus, .follow-me-section input:focus {
	outline: none;
	box-shadow: none;
}

.follow-me-section textarea {
	font-family: Inconsolata-g, Monaco, Consolas, monospace;
}

/*circular buttons added by @emilenriquez */
.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 35px;
}

.sub-btn {
	display: none;
}