@import url("als-css01.css");

@import url(http://fonts.googleapis.com/css?family=Wallpoet);
@import url(http://fonts.googleapis.com/css?family=Nosifer);
@import url(http://fonts.googleapis.com/css?family=Fredericka+the+Great);
@import url(http://fonts.googleapis.com/css?family=Fascinate+Inline);
@import url(http://fonts.googleapis.com/css?family=Shadows+Into+Light+Two);
@import url(http://fonts.googleapis.com/css?family=Audiowide);
@import url(http://fonts.googleapis.com/css?family=Monoton);
@import url(http://fonts.googleapis.com/css?family=Aclonica);
@import url(http://fonts.googleapis.com/css?family=Rock+Salt);
@import url(http://fonts.googleapis.com/css?family=VT323);
@import url(http://fonts.googleapis.com/css?family=Prosto+One);
@import url(http://fonts.googleapis.com/css?family=Akronim);

@font-face
{
    font-family: FontAwesome;
    src: url('../fonts/fontawesome-webfont.ttf'),
        url('../fonts/fontawesome-webfont.eot'); /* IE9 */
}

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

/* facebook like & send widget fix */
.fb_edge_widget_with_comment span.fb_edge_comment_widget {
    top: 15px !important;
    left: -250px !important;
}

@media (min-width: 768px) {
    .page-content{
        min-height: 500px;
        margin: 20px 0 10px 0;
        border: 1px solid #111111;
        padding: 20px;
        border-radius: 5px;
        background-color: #18091b;
        box-shadow: inset 3px 3px 6px #000000;
        overflow: auto;
    }
}

@media (max-width: 768px){
    .page-content{
        margin: 0;
        border: none;
        padding: 0;
        border-radius: 0;
        overflow: auto;
    } 
}

/* GALLERY */
.gallery{
    position: relative;
    width:100%; 
    min-height:100px; 
    overflow:hidden;
}

.gal-img{
    position: relative;
    margin: 0 10px 0 0;
    border-radius: 4px;
    box-shadow: 3px 3px 5px #000000;
}

.gal-img:hover{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

@media (min-width: 768px) {
    .img-view{
        margin: -40px 0 0 0;
    }
}

@media (max-width: 768px){
    .img-view{
        margin: 20px;
    }
}

#img{
    padding:0;
    visibility:hidden; 
    position:absolute; 
    left:0; 
    right:0; 
    display:none; 
    overflow:hidden;
}

.img-close{
    padding:10px;
    margin: 0;
    font-size: 20px;
    visibility:hidden; 
    position:absolute; 
    right:0; 
    top:0;
    z-index: 4;
    background: rgba(0,0,0,0.3);
    border-radius: 0 0 0 5px;
}

.img-close a, .img-close i, .img-close a:hover{
    text-decoration: none;
    border: none;
    color: #e0e0e0;
}

.img-title{
    padding:2px;
    margin: 0;
    font-size: 14px;
    visibility:hidden; 
    position:absolute; 
    bottom:0; 
    z-index: 4;
    background: rgba(0,0,0,0.5);
    border-radius: 0 5px 0 0;
}


/* FORMATTING */
.lead{
    font-family: "Prosto One", Helvetica, Arial, sans-serif;
    text-shadow: 2px 2px 4px #000000;

}

pre{
    position: relative;
    margin: 30px 10px 30px 10px;
    padding-top: 40px;
    background-color: #0b040c;
    border: none;
    color: #ffffff;
    border-radius: 20px;
    box-shadow: inset 2px 2px 5px #000000;
}

pre:before{
    position:absolute;
    display: block;
    width: 20px;
    padding-left: 6px;
    background-color: #555555;
    line-height: 100%;
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -o-transform: scale(2);
    -ms-transform: scale(2);
    font-family: FontAwesome;
    color: #77ff08;
    border-radius: 8px 0 8px 0;
    top:9px;
    left: 16px;
    content: "\f121";
    text-shadow: 2px 2px 4px #000000;
}

/* icon defaul color */
i{
    color: #a48fab;
}

.rededit{
    background-color: #1f101b;
    border: none;
}

input[type=text]{
    border: none;
    background-color: #333333;
    background: rgba(255,255,255,0.5);
    box-shadow: inset 1px 1px 4px #000000;
}

input.nav-search{
    position: relative;
    margin-top: 7px;
    background: rgba(255,255,255,0.5);
    /*background-color: #333333;*/
    border: 1px solid #ffe030;
    border-radius: 10px;
    height: 15px;
    width: 180px;
    padding-left: 20px;
    color: #333333;
    font-size: 12px;
}

.top-space{
    padding-top:50px;
}



/* BOOTSTRAP CUSTOMIZATION */
body {
    margin: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    /*padding-top:40px;*/
    background-color: #0b040c;
    color: #ffffcc;
}

a,
p a {
    color: #d090d0;
    border-bottom: 1px dotted #777777;
} 

a:hover{
    color: #debbde;
    text-decoration: none;
    border-bottom: none;
}

p {
    font-size: 16px;
    color:#ffffcc;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    /*color:#ffff99;*/
    color: #00cc00;
    font-weight: normal;
}

h1,
h2 {
    font-family: 'Fascinate Inline', Helvetica, Arial, sans-serif;
    color: #00cc00;
    text-shadow: 3px 3px 6px #000000;
    /*-webkit-text-fill-color: #00cc00;
    -webkit-text-stroke: 1px #960000;*/
}

h1 small,
h2 small,
h3 small{
    font-family: 'Fascinate Inline', Helvetica, Arial, sans-serif;
    color: #4bab3c;
    text-shadow: 2px 2px 4px #000000;
    /*-webkit-text-fill-color: #00cc00;
    -webkit-text-stroke: 1px #960000;*/
}

h3,
h4,
h5,
h6 {
    font-family: 'Wallpoet', Helvetica, Arial, sans-serif;
    color: #ff9900;
    text-shadow: 1px 1px 2px #000000;
}

.page-header {
    border-bottom: 1px solid #eeeeee;
}

hr {
    border-top: 1px solid #222222;
    border-bottom: 1px solid #777777;
}

.dropdown-menu{
    background-color: #77ff08;
    box-shadow: 0px 4px 50px #77ff08;
}

/* Caret color */
.dropdown-menu .caret {
    border-bottom-color: #77ff08;
    border-top-color: #77ff08;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    background-color: #ffffff;
    padding: 4px 4px 4px 4px;
    font-size: 13px;
    color: #555555;
    border: 1px solid #ccc;
}

.well{
    margin: 10px 0 10px 0;
    border: 1px solid #222222;
    padding: 20px;
    border-radius: 5px;
    background-color: #1f101b;
    box-shadow: 3px 3px 6px #000000;
}

.well-small{
    margin: 10px 0 10px 0;
    border: 1px solid #222222;
    padding: 10px;
    border-radius: 3px;
    background-color: #2d1a31;
    box-shadow: 2px 2px 4px #000000;
}

a .well-small:hover{
    background-color: #1f101b;
}

.well-inset {
    margin: 10px 0 10px 0;
    padding:20px;
    border-radius: 5px;
    background-color: #1f101b;
    border: none;
    box-shadow: inset 3px 3px 6px #000000;
}

.well-small-inset {
    margin: 10px 0 10px 0;
    padding:10px;
    border-radius: 3px;
    background-color: #2d1a31;
    border: none;
    box-shadow: inset 2px 2px 4px #000000;
    overflow: auto;
}

blockquote {
    position: relative;
    padding: 0 0 0 15px;
    margin: 0 0 20px 30px;
    color: #999999;
    border-left: none;
    /*border-left: 5px solid #eeeeee;*/
}

blockquote:before{
    position:absolute;
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -o-transform: scale(3);
    -ms-transform: scale(3);
    font-family: FontAwesome;
    top:5px;
    left:-20px;
    content: "\f10d";
    color: #999999;
    text-shadow: 2px 2px 4px #000000;
}


.breadcrumb {
    padding: 8px 15px;
    margin: 0 0 10px;
    list-style: none;
    background-color: #1f101b;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: inset 1px 1px 2px #000000;
}

.breadcrumb > li {
    display: inline-block;
    *display: inline;
    /*text-shadow: 0 1px 0 #ffffff;*/
    *zoom: 1;
    transform: rotate(-4deg);
    -ms-transform: rotate(-4deg); /* IE 9 */
    -webkit-transform: rotate(-4deg); /* Safari and Chrome */
}

.breadcrumb > li > .divider {
    padding: 0 5px;
    color: #ccc;
}

.breadcrumb > .active {
    color: #999999;
}

/* pagination */
.pagination{
    margin: 0;
}
.pagination a{
    color: #000000;
    background-image: -moz-linear-gradient(top, #77ff08, #003300);
    background-image: -ms-linear-gradient(top, #77ff08, #003300);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#77ff08), to(#003300));
    background-image: -webkit-linear-gradient(top, #77ff08, #003300);
    background-image: -o-linear-gradient(top, #77ff08, #003300);
    background-image: linear-gradient(top, #77ff08, #003300);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'77ff08, endColorstr='#'003300, GradientType=0);
    border: none;
    /*box-shadow: 2px 2px 4px #000000;*/
}

.pagination a:hover{
    color: #222222;
    box-shadow: inset 1px 1px 1px #777777;
}

.pagination ul > .active > a,
.pagination ul > .active > span {
    color: #FFFFFF;
    cursor: default;
    box-shadow: inset 2px 2px 4px #000000;
}

.btn {
    color: #333333;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(top, #ffffff, #e6e6e6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'ffffff, endColorstr='#'e6e6e6, GradientType=0);
}

.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
    color: #333333;
    background-color: #e6e6e6;
}

.btn-primary {
    background-color: #006dcc;
    color: #ffffff;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(top, #0088cc, #0044cc);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'0088cc, endColorstr='#'0044cc, GradientType=0);
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
    background-color: #0044cc;
}

.btn-warning {
    color: #ffffff;
    background-image: -moz-linear-gradient(top, #fbb450, #f89406);
    background-image: -ms-linear-gradient(top, #fbb450, #f89406);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
    background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
    background-image: -o-linear-gradient(top, #fbb450, #f89406);
    background-image: linear-gradient(top, #fbb450, #f89406);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'fbb450, endColorstr='#'f89406, GradientType=0);
}

.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
    background-color: #f89406;
}

.btn-danger {
    color: #ffffff;
    background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
    background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: linear-gradient(top, #ee5f5b, #bd362f);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'ee5f5b, endColorstr='#'bd362f, GradientType=0);
}

.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
    background-color: #bd362f}

.btn-success {
    color: #ffffff;
    background-image: -moz-linear-gradient(top, #62c462, #51a351);
    background-image: -ms-linear-gradient(top, #62c462, #51a351);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
    background-image: -webkit-linear-gradient(top, #62c462, #51a351);
    background-image: -o-linear-gradient(top, #62c462, #51a351);
    background-image: linear-gradient(top, #62c462, #51a351);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'62c462, endColorstr='#'51a351, GradientType=0);
}
.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
    background-color: #51a351;
}

.btn-info {
    color: #ffffff;
    background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
    background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: linear-gradient(top, #5bc0de, #2f96b4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'5bc0de, endColorstr='#'2f96b4, GradientType=0);
}
.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
    background-color: #2f96b4;
}

.alert {
    padding: 8px 35px 8px 14px;
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.alert-success, .alert-success .alert-heading {
    color: #468847;
}
.alert-danger, .alert-error {
    background-color: #f2dede;
    border-color: #eed3d7;
}
.alert-danger,
.alert-error,
.alert-danger .alert-heading,
.alert-error .alert-heading {
    color: #b94a48;
}
.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.alert-info, .alert-info .alert-heading {
    color: #3a87ad;
}

.navbar{
    box-shadow: 0px 4px 50px #77ff08;
    border: none;
}

.navbar-inner {
    /*
    background-image: -moz-linear-gradient(top, #2d1a31, #0b040c);
    background-image: -ms-linear-gradient(top, #ffe030, #ff3300);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffe030), to(#ff3300));
    background-image: -webkit-linear-gradient(top, #ffe030, #ff3300);
    background-image: -o-linear-gradient(top, #ffe030, #ff3300);
    background-image: linear-gradient(top, #ffe030, #ff3300);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'ffe030, endColorstr='#'ff3300, GradientType=0);
    */
    background-color: #77ff08;
    background-image: none;
    background-repeat: no-repeat;
    filter: none;
    border: none;
}

.navbar .brand {
    padding: 8px 20px 12px;
    font-family: 'Rock Salt', Helvetica, Arial, sans-serif;
    font-size: 24px;
    /*font-weight: bold;*/
    color: #960000;
    text-shadow: inset 2px 2px 4px #000000;
    border: none;
}

.navbar .divider-vertical {
    height: 41px;
    background-color: #000000;
    border-right: 1px solid #000000;
}

.navbar .nav > li > a {
    padding: 10px 10px 11px;
    font-family: 'Audiowide', Helvetica, Arial, sans-serif;
    font-size: 18px;
    color: #4bab3c;
    text-shadow: 1px 1px 1px #000000;
    border: none;
}

.navbar .nav > li > a:hover {
    padding: 10px 10px 11px;
    font-size: 18px;
    color: #bdfda3;
    text-shadow: 3px 3px 6px #000000;
    border: none;
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
    color: #FFFFFF;
    /*background-color: #d6bc11;*/
    background-color: #77ff08;
    font-weight: normal;
}

.label,
.badge {
    padding: 1px 3px 2px;
    font-size: 9.75px;
    color: #ffffff;
    background-color: #999999;
}

.label-important,
.badge-important {
    background-color: #468847;
}

.label-warning,
.badge-warning {
    background-color: #b94a48;
}

.label-success,
.badge-success {
    background-color: #f89406;
}

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