ÿþ/*



- Include fonts

- General



- Color



- Font family

- Font size

- Font weight



- Line height



- Text decoration

- Text indent



*/



/*

Colors:

- Red =     #e64415

- Brown =   #532409

- Yellow =  #ffd500

- Purple =  #932683

- Blue =    #00aba4

- Orange =  #e64415

*/



/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 8, 2011 */

@font-face {

    font-family: 'MalibuBrushScriptMedium';

    src: url('malibu_brushscript-webfont.eot');

    src: url('malibu_brushscript-webfont.eot?iefix') format('eot'),

         url('malibu_brushscript-webfont.woff') format('woff'),

         url('malibu_brushscript-webfont.svg#webfontEEhNkTkK') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'MalibuSlab300';

    src: url('malibuslab-300-webfont.eot');

    src: url('malibuslab-300-webfont.eot?iefix') format('eot'),

         url('malibuslab-300-webfont.woff') format('woff'),

         url('malibuslab-300-webfont.svg#webfontaOizDmZK') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'MalibuSlab700';

    src: url('malibuslab-700-webfont.eot');

    src: url('malibuslab-700-webfont.eot?iefix') format('eot'),

         url('malibuslab-700-webfont.woff') format('woff'),

         url('malibuslab-700-webfont.svg#webfont5lPqwU4h') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'MalibuSlab900';

    src: url('malibuslab-900-webfont.eot');

    src: url('malibuslab-900-webfont.eot?iefix') format('eot'),

         url('malibuslab-900-webfont.woff') format('woff'),

         url('malibuslab-900-webfont.svg#webfontTNEoVIoe') format('svg');

    font-weight: normal;

    font-style: normal;

}





/*-------------------------------------------------------------------*/



/*  General */

body

{

    color: #532409;

    font-family: Calibri, Arial, Sans-Serif;

    font-size: 13px;

	line-height: 18px;

}



a

{

    color: #e64415;

}

    a:hover

    {

        color: #00aba4;

    }



a.fb_button_simple{

	font-size: 11px;

	line-height: 14px;

}

h1

{

    color: #e64415;

    /*font-family: 'MalibuSlab300';

    font-size: 42px;

    line-height: 42px;*/

	font-family: 'MalibuSlab900';

    font-size: 36px;

    line-height: 40px;

    font-weight: normal;

    text-decoration: none;

}

h2

{

    color: #e64415;

    font-family: 'MalibuSlab300';

    font-size: 20px;

    font-weight: normal;

    line-height: 21px;

    text-transform: uppercase;

}

h3

{

    color: #532409;

    font-family: 'MalibuSlab900';

    font-size: 13px;

    font-weight: normal;

    line-height: 21px;

    text-transform: uppercase;

}



#searchButton

{

	text-indent: -900000px;

}



#fallback

{

    text-align: center;

}





.readMore a,

.back a

{

    color: #e64415;

    font-family: 'MalibuSlab300';

    font-size: 20px;

    line-height: 20px;

    text-decoration: none;

    text-transform: uppercase;

	font-weight: normal;

	white-space: nowrap;

}



.readMore a:hover,

#filter .back a:hover{

	 color: #00aba4;

}





.listen a.playBytton

{

    text-decoration: none;

}



.borderLink{

	font-family: 'MalibuSlab700';

	font-size: 12px;

	line-height: 18px;

	color: #ffffff;

	text-decoration: none;

	text-transform: uppercase;

}

	

	.borderLink:hover{

		color: #ffffff;

	}





#paging .newer, #paging .older{

	font-family: 'MalibuSlab300';

	font-size: 20px;

	text-decoration: none;

	text-transform: uppercase;

	font-weight: normal;

	color: #e64415;

}



#paging UL LI, #paging UL LI A{

	font-family: 'MalibuSlab700';

	font-size: 15px;

	/*line-height: 23px;*/

	line-height: 18px;

	text-decoration: none;

}



#paging A:hover{

	color: #00aba4;

}

#paging UL LI.active{

	color: #ffffff;

}



a.fb_button_simple:hover .fb_button_text,

.fb_button_text

{

    color: #3B5998;

    text-decoration: none !important;

}







/*  AVP */

.avpTop

{

    color: #532409;

	text-align: center;

}

    .avpTop div.h1

    {

        color: #e64415;

        font-family: 'MalibuSlab300';

	    font-size: 26px;

	    left: 28px;

    }

        .avpTop div.h1 .small

        {

            font-family: 'MalibuSlab700';

	        font-size: 16px;

	        line-height: 28px;

        }

    .avpTop h2

    {

        color: #532409;

        font-family: 'MalibuSlab900';

        font-size: 13px;

        line-height: 15px;

		font-weight: normal;

    }

    .avpTop select

    {

        color: #532409;

        line-height: 34px;

    }

    .avpTop .avpInputBox

    {

        text-align: center;

    }

        .avpTop .avpInputBox input

        {

            color: #532409;

            font-family: 'MalibuSlab300';

            font-size: 30px;

            line-height: 30px;

            text-align: center;

        }

    .avpTop .avpSubmit A

    {

        color: #ffffff;

        font-family: 'MalibuSlab700';

        font-size: 12px;

        line-height: 21px;

        text-decoration: none;

        text-transform: uppercase;

    }

.avpFooter

{

    color: #9b9b9b;

    font-family: Arial, Sans-Serif;

	font-size: 10px;

	text-align: center;

}







/*  Header */

#searchbar .fb_button_text

{ 

    color: #ffffff !important;

    font-family: 'MalibuSlab900' !important;

    font-size: 11px !important;

    font-weight: normal !important;

    text-transform: uppercase !important;

}



#ticker,

#ticker a

{

    color: #ffffff;

    font-family: Arial, Sans-Serif;

    font-size: 11px;

    font-weight: normal;

    line-height: 19px;

    text-decoration: none;

}

    #ticker .poster

    {

        font-weight: bold;

        text-transform: uppercase;

    }

    #ticker .date

    {

        color: #ffd500;

        font-weight: bold;

    }



/*  Menu */

#navA

{

    text-align: center;

    text-transform: uppercase;

}

    #navA li a

    {

        font-family: 'MalibuSlab700';

        color: #532409;

        font-size: 16px;

        line-height: 17px;

        font-weight: bold;

        text-decoration: none;

    }

        #navA li a:hover,

		#navA li:hover a,

        #navA li.active a

        {

            color: #ffffff;

        }

        #navA a span span

        {

            font-family: 'MalibuSlab300';

            font-size: 12px;

            line-height: 17px;

            font-weight: normal;

        }

        #navA li ul a

        {

            color: #ffffff;

            font-size: 12px;

            line-height: 17px;

            font-weight: bold;

        }

        #navA li ul a:hover,

		#navA li ul li.active a

        {

            color: #ffd500;

        }





/*  Startpage */

.startpageTeaser

{

    display: inline-block;

    position: relative;

}

    .startpageTeaser img

    {

        border: none;

        left: 0px;

        position: absolute;

        top: 0px;

    }



/*      Large teaser */

#startpageMainTeaser

{

    height: 420px;

    width: 720px;

}

    #startpageMainTeaser img

    {

        height: 420px;

        width: 720px;

    }

    #startpageMainTeaser .teaserText,

    #startpageMainTeaser .teaserText a

    {

        color: #ffffff;

        font-family: 'MalibuSlab700';

        font-size: 16px;

        line-height: 21px;

        text-decoration: none;

        text-transform: uppercase;

    }

        #startpageMainTeaser .teaserText strong

        {

            color: #ffffff;

            font-family: 'MalibuSlab900';

            font-size: 20px;

            line-height: 21px;

            text-decoration: none;

            text-transform: uppercase;

        }





/*      Small teasers */

#startpageSmallTeasers .startpageTeaser .teaserText

{

    text-align: center;

}

    #startpageSmallTeasers p

    {

        font-size: 13px;

        line-height: 18px;

        text-align: left;

    }

    #searchbar p.link,

    #startpageSmallTeasers p.link,

    #red .RedDrinkTeaser .link a,

    p.link a

    {

        font-family: 'MalibuSlab700';

        text-align: center;

    }

        #searchbar p.link a,

        #startpageSmallTeasers p.link a,

        #red .RedDrinkTeaser .link a,

        #relatedContent .RedTeaser p.link a,

        #relatedContent .CounterOneControl p.link a

        {

            color: #ffffff;

            font-size: 12px;

            line-height: 21px;

            text-decoration: none;

            text-transform: uppercase;

        }

        #red p.link a:hover,

        #red p.link a:hover span

        {

            color: #DF0003;

        }





/*  Drinks */

.drinkSuggestion h1

{

   

}

	

	.drinkSuggestion h1 a{

		text-decoration: none;

	}



.drinkSuggestion p

{

    font-size: 13px;

    line-height: 18px;

}

#recipBtn a

{

	color: #ffffff;

	font-family: 'MalibuSlab700';

    font-size: 12px;

	text-decoration: none;

    text-transform: uppercase;

}



.drinkDetail h1

{

    

}

.drinkDetail h3

{

}

.drinkDetail h4

{

    font-size: 13px;

    font-weight: bold;

    line-height: 18px;

    text-transform: uppercase;

}

.drinkDetail p

{

    font-size: 13px;

    line-height: 18px;

}

.drinkList h2

{

    font-family: 'MalibuSlab700';

    font-size: 18px;

    line-height: 25px;

}

.drinkList a

{

    font-size: 13px;

    line-height: 18px;

    text-decoration: none;

}

    .drinkList a .drinkName,

    .drinkList a.drinkName

    {

        color: #532409;

    }

    .drinkList a.drinkLink

    {

    }





/*  Products */

.productPromotionContent h1,

.productDetail h1

{

    

}

	.productPromotionContent h1 a,

	.productDetail h1 a{

		text-decoration: none;

	}



.productDetail .share .fb_button_simple .fb_button_text,

.productDetail .share .fb_button_simple:hover .fb_button_text

{

    color: #3B5998;

    text-decoration: none;

}





/*  Blog */

.blog h1 a

{

    text-decoration: none;

}

.comments h1

{

    font-size: 26px;

    line-height: 26px;

}

.blog h2

{

    

    font-family: Arial, Sans-Serif;

}

.blog .preamble{

	font-weight: bold;

}



.blog p

{

    color: #532409;

    font-size: 13px;

    font-weight: normal;

    line-height: 18px;

}

    .blog .readMore .comments

    {

        font-size: 13px;

        font-weight: normal;

        text-decoration: underline;

        text-transform: none;

		white-space: nowrap;

    }

    .blogFooter p

    {

        font-size: 11px;

        font-weight: normal;

        line-height: 14px;

    }

    .blog .legal

    { 

        color: #999999;   /*  Light grey */   

        font-size: 11px;

        font-weight: normal;

        line-height: 16px;

    }





/*  Apps */

.downloadText h1

{

    

}

.downloadText .gotoLink

{

    color: #ffffff !important;

    font-family: 'MalibuSlab900';

    font-size: 13px;

    line-height: 24px;

    text-align: center;

    text-decoration: none;

    text-transform: uppercase;

}







/*  Events */

.event h1

{

    text-transform: uppercase;

}

.event .comments h1

{

    font-size: 26px;

    line-height: 26px;

}

.event h2

{

    font-family: 'MalibuSlab300';

}

.event p

{

    color: #532409;

    font-size: 13px;

    font-weight: normal;

    line-height: 18px;

}

    .event .footer p

    {

        font-size: 11px;

        font-weight: normal;

        line-height: 14px;

    }

    .event .facebook a

    {

        text-decoration: none;

		line-height: 20px

    }

/*.event .readMore a

{

    color: #e64415;

    font-family: 'MalibuSlab300';

    font-size: 20px;

    text-decoration: none;

    text-transform: uppercase;

}*/





/*  Blog - Filter */

#filter UL A

{

    color: #532409;

    font-size: 12px;

    font-weight: bold;

    line-height: 21px;

    text-decoration: none;

}

    #filter UL a.active,

    #filter UL a:hover

    {

        color: #ffffff;

    }







/*  Listen */

.listen, .listen p

{

    font-size: 11px;

	line-height: 13px;

}

    .listen p.mixName

    {

        font-weight: bold;

    }

    .listen a

    {

        color: #532409;

        text-decoration: none;

    }

.DJteaser .listen,

.DJteaser .listen p

{

    color: #ffffff;

    font-family: 'MalibuSlab700';

    font-size: 22px;

	line-height: 21px;

}

    .DJteaser .listen a

    {

        color: #ffffff;

    }



/*  Related content */

#relatedContent H2,

#relatedContent H3

{

    text-align: center;

}



#relatedContent H2 A,

#relatedContent H3 A

{

    text-decoration: none;

}



.detach

{

    cursor: pointer;

}



.teaser .fbItem a

{

    color: #8b8b8b;

    font-size: 11px;

    line-height: 14px;

    text-decoration: none;

}

    .teaser .fbItem a .poster

    {

        color: #532409;

        font-weight: bold;

    }

        .teaser .fbItem a:hover .poster

        {

            text-decoration: underline;

        }

    .teaser .fbItem a .event

    {

        color: #e64415;

    }



/*  General teaser */

    #relatedContent .teaser .teaserHeader

    {

        color: #e64415;

        text-transform: uppercase;

		text-align: center;

    }

        #relatedContent .teaser .teaserHeader .label

        {

            color: #e64415;

            color: #532409;

            font-family: 'MalibuSlab900';

            font-size: 13px;

            line-height: 21px;

			text-align: center;

        }

        #relatedContent .teaser .teaserHeader .headline

        {

            font-family: 'MalibuSlab300';

            font-size: 20px;

            font-weight: normal;

            line-height: 21px;

        }



/*  Drinkslider */

#DrinkSlideShowContainer p

{

    text-align: center !important;

}

    #DrinkSlideShowContainer .drinkItemIngredients,

    #DrinkSlideShowContainer .drinkItemIngredients p,

    #DrinkSlideShowContainer .drinkItemHowto,

    #DrinkSlideShowContainer .drinkItemHowto p

    {

        text-align: left !important;

    }

    #DrinkSlideShowContainer h3

    {

    }

    #DrinkSlideShowContainer h2

    {

    }



/*  Toplists */

#toplist h3

{

	text-align: center;

}

#toplist h2

{

	text-align: center;

}

#toplist a,

#toplist .toplistText

{

    color: #532409;

    font-size: 11px;

    line-height: 13px;

    text-align: left;

    text-decoration: none;

}



#toplist .toplistText .mix{

	font-weight: bold;

}





/*  DJ */

.dj .text h1,

.djItem .intro H1,

.djItemFooter .djDrinkSuggestion H1

{

	text-transform: uppercase;

}



.dj .text h1 A{

	text-decoration: none;

}



.djItemFooter .djDrinkSuggestion H1{

	font-size: 30px;

	line-height: 30px;

}



.dj .text h2,

.djItem .intro H2,

.djItemFooter .djDrinkSuggestion H2

{

	font-family: 'MalibuSlab900';

	font-size: 13px;

	line-height: 18px;

	color: #532409;

	font-weight: normal;

}



.dj .text .intro, .djItem .intro{

	font-size: 13px;

	line-height: 18px;

}



.dj .listen, .djItem .listen{

	 font-size: 11px;

	 line-height: 13px;

}





.djItemFooter .djDrinkSuggestion H1{

	

}





.djItemFooter .djDrinkSuggestion H2{

	

}



.djItemFooter .djDrinkSuggestion P

{

    font-size: 13px;

    line-height: 18px;

}



	.djDrinkSuggestion a{

		

	}



.djGuestList H1{

	font-size: 30px;

	line-height: 30px;

}



/* Mashup */

.mashup P{

	font-size: 13px;

	line-height: 18px;

}

.mashup H2{

	font-family: 'MalibuSlab900';

	font-size: 13px;

	line-height: 18px;

	color: #532409;

	font-weight: normal;

}



.mashup .mashupList A{

	text-decoration: none;

	color: #532409;

}



.mashup .mashupList A:hover{

	text-decoration: none;

	color: #e64415;

}



.mashup .mashupList SPAN{

	line-height: 20px;

	font-weight: bold;

}



.mashup .mashupList .date{

	color: #e64415;

}



.mashup .mashupList .name{

	font-weight: bold;

}



.mashup .mashupList .creator{

	font-weight: normal;

}



#mashInfo #mashDate,

#mashInfo #mashName{

	font-weight: bold;

}



#mashInfo #mashCreator SPAN{

	color: #e64415;

}





/* radioDetached - player */

.playerHeader H1{

	font-size: 30px;

	line-height: 30px;

}



#playlist DIV SPAN{

	font-size: 12px;

	color: #532409;

}





#playlist div:hover SPAN,

#playlist div:hover SPAN SPAN{

	color: #e64415;

}



#playlist .playlistSongNumber{

	color: #e64415;

	font-weight: bold;

	text-align: right;

}



#playlist .playlistDj{

	font-weight: bold;

}



#playlist .playlistTime{

	text-align: right;

}





/* searchResult */

.searchResult{

	

}



	.searchResult UL H2{

		font-family: 'MalibuSlab900';

		font-size: 13px;

		line-height: 18px;

		color: #532409;

		font-weight: normal;

	}



	.searchResult UL H3{

		font-family: 'MalibuSlab300';

		font-size: 18px;

		line-height: 20px;

		font-weight: normal;

	}

		.searchResult UL H3 A{

			text-decoration: none;

		}



	.searchResult .searchFooter{

		font-size: 11px;

		line-height: 16px;

	}



/* Form */

#form INPUT{

	color: #532409;

}



#form LABEL,

#form legend

{

	font-family: 'MalibuSlab900';

	color: #532409;

	text-transform: uppercase;

}

    #form fieldset label

    {

	    font-family: Arial,Sans-Serif;

	    color: #532409;

	    text-transform: none;

    }



#form SPAN{

	font-size: 30px;

}



#form TEXTAREA{

	font-family: Arial, Sans-Serif;

	font-size: 13px;

	line-height: 18px;

}



#form input[type="submit"]{

	font-family: 'MalibuSlab700';

	font-size: 12px;

	color: #ffffff;

	text-transform: uppercase;

}



/*  Footer */

#footer{

	font-size: 11px;

    line-height: 16px;

}

.footerHeader

{

    color: #532409;

    font-family: 'MalibuSlab900';

    font-size: 13px;

    line-height: 18px;

    text-transform: uppercase;

}

#stayConnected

{

    font-size: 11px;

    line-height: 21px;

    text-align: center;

}

    #stayConnected a

    {

        font-family: 'MalibuSlab700';

    }

    

    

/*  Black theme */

body#black,

#black h2,

#black h3,

#black p,

#black a,

#black #toplist a,

#black #toplist .toplistText,

#black #navA li a,

#black #relatedContent .teaser .teaserHeader,

#black #relatedContent .teaser .teaserHeader .label,

#black .footerHeader

{

    color: #000000;

}

#black #ticker .date,

#black #ticker .poster,

#black #ticker a,

#black .listen a,

#black .borderLink,

#black #navA li:hover a

{

    color: #ffffff;

}

    #black #navA li li a:hover

    {

        color: #818181 !important;

    }

    

    

/*  Red theme */

body#red,

#red h2,

#red h3,

#red p,

#red a,

#red #toplist a,

#red #toplist .toplistText,

#red #relatedContent .teaser .teaserHeader,

#red #relatedContent .teaser .teaserHeader .label,

#red .footerHeader

{

    color: #DF0003;

}

#red #navA li a,

#red #ticker .date,

#red #ticker .poster,

#red #ticker a,

#red .listen a,

#red .borderLink,

#red #navA li:hover a,

#red .teaserText p

{

    color: #ffffff;

}

    #red #navA li a:hover,

    #red #navA li.active a

    {

        color: #DF0003;

    }

#red #searchbar input.textfield {

	color:#9d9d9d;

	font-family: 'MalibuSlab700';

	font-size:12px;

	line-height: 26px;

}

.countdown_section {

	color:#f71f28;

	font-family: 'MalibuSlab700';

	font-size:18px;

	line-height: 20px;

	text-align:center;

	text-transform:uppercase;

}

.countdown_amount {

	color:#ffffff;	

	font-size:60px;	

	line-height: 63px;

}

.sidenav-countdown .countdown_separator {

	font-size:24px;	

	line-height: 40px;

	margin: 0px -3px 0px -3px;

}