/*

- Include fonts
- General

- Color

- Font family
- Font size
- Font weight

- Line height

- Text decoration

*/

/*  Include fonts
	Generated by Font Squirrel (http://www.fontsquirrel.com) on June 1, 2010
*/

@font-face{
	font-family: 'SerifaRegular';
	src: url('serifrom_b-webfont.eot');
	src: local('☺'), url('serifrom_b-webfont.woff') format('woff'), url('serifrom_b-webfont.ttf') format('truetype'), url('serifrom_b-webfont.svg#webfont3zn2b4UW') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'RosewoodStdFillRegular';
	src: url('rosewoodstd-fill-webfont.eot');
	src: local('☺'), url('rosewoodstd-fill-webfont.woff') format('woff'), url('rosewoodstd-fill-webfont.ttf') format('truetype'), url('rosewoodstd-fill-webfont.svg#webfontE7uEOcj1') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*  General */
body
{
    color: #533638;
    font-family: Georgia, Serif;
    font-size: 12px;
}


.fb_button_text
{ 
    color: #2b80c3 !important; /*  Facebook blue    */
    font-family: 'RosewoodStdFillRegular' !important;
    font-size: 14px !important;
    font-weight: normal !important;
}
.fb_share .fb_button_text
{ 
    color: #3B5998 !important;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif !important;
    font-size: 11px !important;
    font-weight: normal !important;
}


/*  Color */

#mainNav li a,
.readMore a,
.blog .blogFooter .writer p a,
#blogArchive h2,
#searchbar input.button,
#searchbar A.button,
.teaser a,
#footer a,
#radio a,
#open .dj h1,
#open .dj h2,
#open .music #playlist a.active,
#open .music #playlist a:hover,
#paging a,
#campaignContainer p#viewAll a,
#blogArchive ul li ul a,
#filter a,
.campaignPaging a,
.dj .text .djFooter p a,
.drinkList A,
.djItemFooter .djDrinkSuggestion H1,
.djItemFooter .djDrinkSuggestion H2,
.searchResult LI H2,
.searchResult LI A,
.drinkSuggestion .text A,
#mainContent a,
#open .related #drinkHead h2,
#open .related #drinkHead h1,
a#rss,
.avpFooter a
{ 
    color: #d92d21; /*  Red */
}
    #filter .back a:hover,
    .drinkList a .drinkLink
    { 
        color: #d92d21 !important;
    }

/*.campaignPaging a
{ 
    color: #4a4a4a;   Dark grey   
}*/

.blog .legal
{ 
    color: #999999;   /*  Light grey */   
}

#mainNav li.active a,
#mainNav li a:hover,
#relatedContent .teaser h1,
#paging,
#paging ul li a:hover,
#filter a.active,
#filter a:hover,
.djItemFooter .djDrinkSuggestion A
{ 
    color: #ffffff; /*  White   */
}
    .drinkList a:hover .drinkLink,
    .djDrinkSuggestion a,
    #open .related #drinkHead p A
    { 
        color: #ffffff !important;
    }

.blog .listen,
.blog .listen a,
.dj .listen,
.dj .listen a,
.djItem .listen,
.djItem .listen a,
.teaser .listen,
.teaser .listen a,
#ResultArea .listen,
#ResultArea .listen a,
.djGuest .listen,
.djGuest .listen a,
.campaignPaging a:hover
{
    color: #ff6600 !important; /*  Dark orange */
}

.blog .listen h2, .djItem .listen h2
{
    color: #ff9966; /*  Light orange    */
}

#searchbar #facebook a,
.fb_button_text
{
    color: #2b80c3; /*  Facebook blue    */
}

#relatedContent #toplist h2
{
    color: #1c7f4d; /*  Medium green    */
}

#relatedContent #toplist ul,
#relatedContent #toplist ul a
{
    color: #344a1c; /*  Dark green    */
}

#footer h1,
#campaignContainer .campaign .header1,
#campaignContainer .campaign .header2,
#campaignContainer .campaign p
{
    color: #8f2975; /*  Purple    */
}
#open .music #playlist a,
#blogArchive ul a,
.djGuest P.posted a,
.avpTop,
.searchResult H1,
#mainContent .mainContentItem .blog h1 a,
.show .campaignPaging a
{
    color: #533638; /*  Brown   */
}
    .drinkList A,
    .show .campaignPaging a:hover
    {
        color: #533638 !important;
    }


/*  Font family */
#mainNav li a,
.blog h1,
.blog .listen h2,
#blogArchive h2,
#toplist h2,
#searchbar #facebook a,
#searchbar input.button,
#searchbar A.button,
#relatedContent .teaser h1,
#footer h1,
#open .dj h1,
#open .dj h2,
#campaignContainer .campaign .header1,
#campaignContainer .campaign .header2,
.dj .text h2,
.dj .text h1,
.djItem h2,
.djItem h1,
.djItemFooter .djDrinkSuggestion A,
.djGuestList h1,
.avpTop h1,
.avpTop .avpInputBox INPUT,
.avpTop A.vpaSubmit,
.searchResult H1,
.drinkSuggestion .text H3,
.drinkSuggestion .text H1,
.drinkDetail .text h3,
#open .related #drinkHead h2,
#open .related #drinkHead h1,
#open .related #drinkHead p A,
.drinkList h1,
a#rss,
.avpTop A.avpSubmit
{ 
    font-family: 'RosewoodStdFillRegular';
    font-weight: normal !important; 
}

/*  Font size */
.listen p,
#footer p,
#radio .dj p,
.related p.detach,
#open .music #playlist a,
#blogArchive ul li,
#campaignContainer .campaign p,
.fb_share,
.djGuest P.posted,
.avpTop,
.searchResult LI A,
.blog .legal,
.blog .blogFooter,
.searchResult LI H2 span
{
    font-size: 11px;
}
.dj #open p,
.djGuest,
.djGuest H2,
.drinkDetail .text p
{
    font-size: 12px !important;
}
.drinkDetail .text h3
{
    font-size: 13px !important;
}
#searchbar,
#open .dj h2,
.dj .text h2,
.dj .text .intro,
.djItem .text P,
.djItem .intro p,
.djItem H2,
.djItemFooter .djDrinkSuggestion A,
.avpTop H2,
.searchResult LI,
.drinkSuggestion .text H3,
.blog,
.drinkSuggestion .text p,
#open .related #drinkHead h2,
#open .related #drinkHead p A,
a#rss
{
    font-size: 14px;
}
#mainNav li a,
#relatedContent .teaser h1,
#open .dj h1
{ 
    font-size: 18px;
}
.readMore,
#footer h1,
#paging,
.djItemFooter .djDrinkSuggestion H1,
.searchResult LI H2 a,
#open .related #drinkHead h1
{
    font-size: 20px;
}

.avpTop H1{
	font-size: 22px;
}
.blog .listen h2,
#campaignContainer .campaign .header1
{
    font-size: 26px;
}
.dj .text h1,
.djItem h1,
.djGuestList h1,
.searchResult H1,
.blog h1,
.drinkSuggestion .text H1
{
    font-size: 30px;
}

.djItem .listen h2
{
    font-size: 36px;
}


/*  Font weight */
#blogArchive h2,
#relatedContent .teaser h1,
#footer h1,
#open .dj h1,
#open .dj h2,
.dj .text h2,
.dj .text h1,
.djItem H1,
.djItem H2,
.djItemFooter .djDrinkSuggestion A,
.djGuestList h1,
.avpTop H1,
.searchResult H1,
.searchResult LI H2,
#relatedContent #toplist h2,
.blog H1,
.drinkSuggestion .text H3,
.drinkSuggestion .text H1,
#open .related #drinkHead h2,
#open .related #drinkHead h1
{
    font-weight: normal;
}
.listen p.mixName,
.dj p.mixName,
#open .music #playlist a .playlistDj,
#blogArchive ul li.year,
#blogArchive ul a,
#campaignContainer .campaign .header1,
.blog .preamble,
.toplistText .mix
{
    font-weight: bold;
}
#blogArchive ul li ul a
{
    font-weight: normal;
}


/*  Line height */
.listen p
{
	line-height: 11px;
}

#searchbar A.button,
.djItem h2,
.fb_share,
#open .related #drinkHead h2
{
	line-height: 14px;
}

/*#mainNav li,*/
#relatedContent .teaser h1,
.djGuest .text P,
.blog .legal,
.blog .blogFooter,
.searchResult LI H2 span
{ 
    line-height: 18px;
}
.drinkDetail .text p
{ 
    line-height: 19px;
}
#blogArchive ul li,
.dj .text .djFooter p,
.drinkList,
.drinkDetail .text .ingredients p
{
    line-height: 20px;
}
.dj .text .intro,
.djItem .text P,
.avpTop H1,
.searchResult LI H2 a,
.searchResult LI,
.blog,
.drinkSuggestion .text p,
.djItem .intro p,
.djItemFooter .djDrinkSuggestion p
{
    line-height: 23px;
}
.blog .listen h2,
#blogArchive ul li.year,
.djItem .listen h2
{
    line-height: 26px;
}

.dj .readMore
{
    line-height: 32px;
}

.searchResult H1,
.blog h1
{
	line-height: 36px;
}

.djItemFooter .djDrinkSuggestion A,
#open .related #drinkHead p A
{
	line-height: 45px;
}


/*  Text align */
.blog .listen h2,
#open .music #playlist a .playlistTime,
#paging p.next,
.djItem .listen h2
{
    text-align: right;
}
#paging li,
#fallback
{
    text-align: center;
}


/*  Text decoration */
#mainNav li a,
#mainNav li.active a:hover,
#searchbar #facebook a,
.blog .blogFooter .share a,
#relatedContent #toplist ul li a.toplistPlay,
#open .music #playlist a,
#paging ul li a:hover,
#blogArchive ul a,
#campaignContainer a.campaign,
.djItemFooter .djDrinkSuggestion A,
.avpTop A.vpaSubmit,
#searchbar A.button,
.drinkList A,
#open .related #drinkHead p A,
.searchResult LI H2 a,
.show .campaignPaging a,
a#rss,
.avpTop A.avpSubmit
{
    text-decoration: none;
}
#blogArchive ul li ul a,
#filter a
{
    text-decoration: underline;
}
#filter a.active,
#filter a:hover,
#filter .back a,
.drinkList A:hover,
.blog h1 a
{
    text-decoration: none;
}