/* Tags */

@font-face {
    font-family: 'Droid Sans';
    src: url('http://themes.googleusercontent.com/static/fonts/droidsans/v3/s-BiyweUPV0v-yRb-cjciFQlYEbsez9cZjKsNMjLOwM.eot');
    src: url('http://themes.googleusercontent.com/static/fonts/droidsans/v3/s-BiyweUPV0v-yRb-cjciFQlYEbsez9cZjKsNMjLOwM.eot?#iefix') format('embedded-opentype'),
         url('http://themes.googleusercontent.com/static/fonts/droidsans/v3/s-BiyweUPV0v-yRb-cjciBsxEYwM7FgeyaSgU71cLG0.woff') format('woff'),
         url('http://themes.googleusercontent.com/static/fonts/droidsans/v3/s-BiyweUPV0v-yRb-cjciC3USBnSvpkopQaUR-2r7iU.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html {
    height: 100%;
    background: #000 url(../images/room.jpg) center bottom no-repeat fixed;
    overflow-y: scroll;
}

body {
    padding: 10px 0;
    font-family: Droid Sans, Tahoma, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 18px;
    color: #E8E5E3;
}

a {
    color: #FFF;
    font-weight: bold;
    text-decoration: none;
}
a:hover {
    color: orange;
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    color: #FFF;
}
h1, h2, h3 {
    font-family: Just Another Hand, Tahoma, Helvetica, sans-serif;
    font-size: 26px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 28px;
}

h1 a, h2 a, h3 a {
    font-weight: bold;
}

ul, ol {
    margin-left: 26px;
}
.ie7 ul,
.ie7 ol {
    margin-left: 32px;
}

ul li {
    list-style: square;
}
ol li {
    list-style: decimal-leading-zero;
}
.ie6 ol li,
.ie7 ol li {
    list-style: decimal;
}

img {
    display: block;
}

/* Global */

#wrapper {
    position: relative;
    z-index: 1;
}

#pageheader {
    height: 85px;
}
#pageheader .logo {
    /*padding-top: 3px;*/
}
#pageheader .logo img {
    display: inline;
}

#header, #container, #footer {
    margin-bottom: 20px;
    background-color: rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.5);
}
#container {
    margin-bottom: 10px;
}

.ie6 #header, .ie7 #header, .ie8 #header,
.ie6 #container, .ie7 #container, .ie8 #container,
.ie6 #footer, .ie7 #footer, .ie8 #footer {
    background-color: #000;
    filter:Alpha(opacity=60);
    zoom: 1;
}

.ie6 #main {
    zoom: 1;
    margin-right: 320px;
}

#pagefooter .copy {
    text-align: right;
    font-size: 11px;
    line-height: 20px;
    text-shadow: 2px 2px 1px #000;
    text-transform: uppercase;
}

/* Navigation */

.mod_navigation ul,
.mod_customnav ul { margin: 0; padding: 0; }

#pageheader .mod_navigation {
    float: right;
    padding-top: 28px;
    clear: right;
}

#pageheader .mod_navigation li {
    float: left;
    display: inline;
    padding-left: 14px;
    list-style: none;
}
#pageheader .mod_navigation li a,
#pageheader .mod_navigation li span {
    font-size: 28px;
    line-height: 28px;
    font-family: Just Another Hand, Tahoma, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
    color: #E8E5E3;
    text-transform: uppercase;
    text-shadow: 2px 2px 2px #000;
    position: relative;
}
.ie6 #pageheader .mod_navigation li a,
.ie6 #pageheader .mod_navigation li span {
    position: static;
}

#pageheader .mod_navigation li.trail a,
#pageheader .mod_navigation li span {
    color: #FFF;
}

#pageheader .mod_changelanguage {
    float: right;
}

#pageheader .mod_changelanguage li {
    float: left;
    display: block;
    padding-left: 5px;
    list-style: none;
    width: 25px;
    height: 17px;
}

#pageheader .mod_changelanguage img {
    display: block;
    float: left;
}

#pageheader .mod_changelanguage li a,
#pageheader .mod_changelanguage li span {
    display: block;
    width: 25px;
    height: 17px;
}

#right .mod_navigation {
    padding: 20px 20px 8px;
}
#right .mod_navigation ul.level_1 {
    padding-bottom: 20px;
    border-bottom: 1px dotted #666;
}
#right .mod_navigation li {
    list-style: none;
    margin-bottom: 5px;
}
#right .mod_navigation li a,
#right .mod_navigation li span {
    font-size: 26px;
    line-height: 28px;
    font-family: Just Another Hand, Tahoma, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
    color: #E8E5E3;
    text-transform: uppercase;
    text-shadow: 2px 2px 2px #000;
    position: relative;
}
#right .mod_navigation li a:hover {
    color: #FFF;
}
#right .mod_navigation li span {
    color: #FFF;
}

#pagefooter .mod_customnav {
    float: right;
    padding-left: 20px;
}
#pagefooter .mod_customnav li {
    display: inline;
    padding-left: 6px;
    list-style: none;
}
#pagefooter .mod_customnav li a,
#pagefooter .mod_customnav li span {
    font-size: 11px;
    line-height: 20px;
    font-weight: normal;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: 2px 2px 1px #000;
}
#pagefooter .mod_customnav li a:hover {
    color: #FFF;
}

/* Content */

.mod_article {
    padding: 20px 20px 8px;
}
.ie6 .mod_article {
    padding: 20px 18px 8px;
}
.clear_padding {
    padding: 0;
}

.small {
    font-size: 11px;
    line-height: 130%;
}

.image_container {
    display: block;
    padding: 5px;
    color: #EEE;
    background-color: #000;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.ie6 .image_container {
    position: relative;
}
.no_frame .image_container {
    padding: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: none;
}
.image_container:hover {
    /*background-color: #E8E5E3;
    -moz-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.5);*/
}
.no_frame .image_container:hover {
    background-color: inherit;
}
.no_shadow .image_container:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.image_container .caption {
    padding-top: 5px;
    font-size: 11px;
    line-height: 130%;
}

.ce_text .image_container {
    display: inline-block;
}

.ce_text .image_container.float_left {
    margin-right: 20px;
    margin-bottom: 15px;
}

.ce_comments .comment_default {
    padding: 15px 15px 3px 15px;
    background-color: #bfbcbb;
    color: #111;
    margin-bottom: 20px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
.ce_comments p.info {
    font-size: 11px;
}
.ce_comments .reply {
    padding-left: 50px;
    margin-top: 20px;
    background: url(../images/avatar.png) 0 0 no-repeat;
}

.ce_gallery {
    margin-top: 20px;
}

.ce_gallery td .image_container {
    margin-right: 15px;
    margin-bottom: 15px;
}
.ie6 .ce_gallery td .image_container {
    margin-right: 13px;
    margin-bottom: 13px;
}
.ce_gallery td.col_last .image_container {
    margin-right: 0;
}
.ce_gallery tr.row_last td .image_container {
    margin-bottom: 0;
}

.redcarpet_links .ce_text a {
    font-size: 12px;
}

.youtube_frame {
    margin-top: 8px;
}

#main .col_left,
#main .col_right {
    width: 280px;
}
#main .col_left {
    float: left;
}
#main .col_right {
    float: right;
}

.songtracks table { width: 100%; }
.songtracks tr.hover { color: #FFF; }
.songtracks td { padding: 0 5px 1px; vertical-align: middle; height: 14px; }
.songtracks td.col_first { padding: 0; width: 22px; }
.songtracks td.col_last { padding-right: 0; width: 335px; }

/* audiojs */

.audiojs {
    font-family: inherit;
    font-size: inherit;
    background: none;
    height: 16px;
    width: 330px;
    float: right;
    background-color: #BBB;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.audiojs .play-pause { border: none; padding: 0; height: 16px; }

.audiojs p { height: 16px; width: 16px; margin-left: 4px; }
.audiojs .play { background-position: 0 0; }
.audiojs .pause { background-position: 0 -32px; }
.audiojs .loading { background-position: 0 -48px; }
.audiojs .error { background-position: 0 -16px; }

.audiojs .time {
    height: auto;
    float: right;
    color: #333;
    font-size: 11px;
    line-height: 16px;
    margin: 0 4px 0 0;
    padding: 0;
    border: none;
    text-shadow: none;
}
.audiojs .time .played { color: #222; }

.audiojs .duration { display: none; }

.audiojs .scrubber { background: #222; border: 0; margin: 1px 0 0 0; width: 265px; }
.audiojs .progress { background: #EEE; }
.audiojs .loaded { background: #555; }
.audiojs .error-message { margin: 0; height: auto; font-size: 11px; line-height: 16px; width: 265px; color: #666; }

/* Modules */

.mod_eventlist .layout_upcoming {
    margin-bottom: 12px;
}
.mod_eventreader .layout_full h1 {
    margin-bottom: 0;
}
.mod_eventreader .layout_full p.info {
    font-size: 11px;
}
.mod_eventreader .enclosure .mime_icon {
    display: inline;
    vertical-align: middle;
}
.mod_eventreader .enclosure a {
    vertical-align: middle;
}

.mod_eventlist .layout_upcoming .date {
    padding-right: 5px;
}
.mod_eventlist .layout_upcoming .time {
    padding-left: 5px;
}

.mod_newsarchive .layout_short {
    margin-bottom: 12px;
}

.mod_newsarchive .layout_short h2,
.mod_newsreader .layout_full h1 {
    margin-bottom: 0;
}

.mod_newsarchive .layout_short p.info,
.mod_newsreader .layout_full p.info {
    font-size: 11px;
}

.mod_newsreader .enclosure .mime_icon {
    display: inline;
    vertical-align: middle;
}
.mod_newsreader .enclosure a {
    vertical-align: middle;
}

.mod_randomImage {
    margin-bottom: 12px;
}
.mod_randomImage .image_container {
    margin-top: 20px;
}

.social_links {
    margin-bottom: 12px;
}

.social_links a {
    margin-right: 5px;
}
.social_links img {
    display: inline;
}

/* Forms */

.formbody .widget {
    margin-bottom: 3px;
    vertical-align: middle;
}

.formbody .text,
.formbody .textarea {
    width: 350px;
    margin: 0;
    padding: 3px;
    background-color: #E8E5E3;
    border: 1px solid #000;
    font: 12px sans-serif;
}
.formbody .textarea {
    width: 348px;
    min-width: 348px;
    max-width: 348px;
    padding: 3px 4px;
}
.ie .formbody .textarea {
    width: 350px;
    min-width: 350px;
    max-width: 350px;
    padding: 3px;
}

.formbody .submit {
    padding: 2px 5px;
    font: 12px sans-serif;
}

.formbody input.error,
.formbody textarea.error {
    background-color: #fffad7;
}

.formbody p.error {
    color: orange;
    margin-bottom: 2px;
    font-size: 11px;
}

.form p.confirm {
    color: orange;
}

span.mandatory {
    padding-left: 3px;
    color: orange;
}

.contact .formbody td.col_0 {
    width: 100px;
}
.contact .formbody td {
    padding-bottom: 3px;
}
.contact .formbody .textarea {
    width: 490px;
    min-width: 490px;
    max-width: 490px;
    height: 126px;
    min-height: 126px;
    max-height: 252px;
}
.ie .contact .formbody .textarea {
    width: 492px;
    min-width: 492px;
    max-width: 492px;
}

.ce_comments .formbody .textarea {
    width: 591px;
    min-width: 591px;
    max-width: 591px;
    height: 126px;
    min-height: 126px;
    max-height: 252px;
}
.ie .ce_comments .formbody .textarea {
    width: 593px;
    min-width: 593px;
    max-width: 593px;
}

.slideshow-captions-visible {
    padding: 10px 15px;
    height: 80px;
    width: 680px;
    opacity: 0.8;
    margin-left: 250px;
}
.slideshow-captions p {
    color: #FFF;
    font-family: Droid Sans,Helvetica,sans-serif;
    font-size: 13px;
    /*font-size: 95%;*/
    line-height: 136%;
    text-indent: 0;
    opacity: 1;
}

/* Facebook */

#right .fb-like {
    height: 80px;
    margin-bottom:  12px;
}
#right iframe {
    background: transparent;
}
#main .fb-like {
    height: 24px;
    margin-bottom: 12px;
}

/* Mobile */

@media screen and (min-device-width : 320px) and (max-device-width : 800px) {
    html {
        /*background-image: url(../images/room_smartphone.jpg);*/
        background-image: none;
    }
    body {
        -webkit-text-size-adjust: none;
    }
    #carpet {
        display: none;
    }
}