/* COMMON BEHAVIOUR
************************************************************************************/
.clear { clear: both; }
.block { display: block; }
.left { float: left; }
.right { float: right; }

/* Colors
***************************************************************/
.orange { color: #d88b14; }

/* StartPage, NEW
***************************************************************/
#flashTextAnimation { margin: 15px 0 0 -20px; }

#leftColumnDefault, #rightColumnDefault  { margin-top: 30px; padding: 0 0 250px 0; display: inline; font-size: 12px; }

#leftColumnDefault 
{ 
    width: 582px;
    margin: 0 0 0 40px;
    float: left;
}
#rightColumnDefault 
{ 
    width: 260px;
    margin: 0 43px 0 0;
    float: right;
}

#leftColBottomGroup 
{ 
    clear: both;
    overflow: hidden; 
}

#leftColBottomGroup .subFirstColumn 
{ 
    width: 259px; 
    float: left;
    padding-right: 30px; 
}

#leftColBottomGroup .subSecondColumn 
{
    width: 260px; 
    float: left;
    padding-left: 30px;
    border-left: solid 1px #282727;
}

#leftColumnDefault h3 { font-size: 16px; color: #d88b14; padding: 3px 0 10px 0; }
#leftColumnDefault h4 { font-size: 14px; color: #d88b14; padding: 3px 0 10px 0; }

/***************************************************************/
/* CONTROLS ----------------------------------------------------/
/***************************************************************/

/* DancersOverview
***************************************************************/
#leftColBottomGroup ul#dancersOverview li.compact a { display: block; padding: 5px 10px 5px 0;}
#leftColBottomGroup #dancersDescription p { margin-top: 10px;}
#leftColBottomGroup #dancersDescription span { margin-top: 5px; }


/* LatestBlogPost
***************************************************************/
#latestBlogpost
{
    clear: both;
    overflow: hidden;
    padding: 16px 15px;
    background: transparent url(/Images/latestblog-gb.gif) no-repeat 0 0;
    height: 125px;
}
#latestBlogpost .first { width: 64px; padding-top:3px; }
#latestBlogpost .second { width: 488px; }
#latestBlogpost .second h4 { padding: 3px 0 3px 0; }
#latestBlogpost .second p { line-height: 1.4em; }
#latestBlogpost .second a { display: block; padding-top: 3px; }

#latestBlogpost .left span { display: block; padding: 0px 0px 0px 4px; font-size: 11px; } 
#latestBlogpost .left span.author { padding-top: 9px; }
#latestBlogpost .left span.date { padding-top: 5px; }

/* GoogleCalenderCompact
************************************************************************************/
#eventsCompact { margin: 0; padding: 7px; list-style: none; background: transparent url(/Images/Gcal/compact-bg.gif) repeat-y 0 0; }
#eventsCompact li { margin-bottom: 3px; clear: both; overflow: hidden; }
#eventsCompact li span.date { width: 90px; }
#eventsCompact li span.title { }

/* StartPageNewsColumn
************************************************************************************/
ul#news { list-style-type: none; margin: 0 0 100px 0; padding: 0; width: 260px; color: #000; }
ul#news li.first { padding: 0 0 5px 0; background: #f2f0eb none; }
ul#news li.first img { padding-top: 4px;}
ul#news li.first div#wrapper { padding: 0 9px; }
ul#news li a.booking:before { content: ""; }
ul#news li a.booking
{ 
    width: 130px; 
    height: 28px; 
    display: block; 
    color: #fff; 
    text-transform:uppercase; background: transparent url(/images/booking-btn.gif) no-repeat 0 0;
    font-size: 17px;
    margin: 10px auto 0 auto;
    text-align: center;
    padding-top: 4px;
}

ul#news li.firstChild {  background: transparent url(/Images/newsColumn/startPageNewsSep-first.gif) no-repeat top; }
ul#news li.firstChild img { padding: 15px 0 0 0;}
ul#news li.lastChild {  }
ul#news li.footer { padding: 0; height: 5px; background: transparent url(/Images/newsColumn/startPageNewsSep-last.gif) no-repeat bottom; }
ul#news li { padding: 15px 9px 5px 9px; background: transparent url(/Images/newsColumn/startPageNewsSep.gif) no-repeat top; }
ul#news li p { margin: 5px 0 0 0; }
ul#news li span.title { margin: 0; text-transform: uppercase; font-size: 14px; }
ul#news li img { margin: -4px 0 5px 0; }
ul#news li a:before { content: "+ "; }

/* StartPageBooking
************************************************************************************/
#booking { margin-bottom: 20px; }
#booking img {}
#booking p { margin-top: 15px;}
#booking a 
{ 
    width: 130px; 
    height: 28px; 
    display: block; 
    color: #fff; 
    text-transform:uppercase; background: transparent url(/images/booking-btn.gif) no-repeat 0 0;
    font-size: 17px;
    margin: 10px auto 0 auto;
    text-align: center;
    padding-top: 4px;
}

/* GoogleCalendar
************************************************************************************/
#events span.year { color: #cfc4b2; font-size: 1.8em; float: right; padding-top: 10px; }
#events span.month { color: #cfc4b2; font-size: 1.4em; float: left; text-transform: capitalize; padding: 14px 0 5px 0; }
#events div.event {  margin: 0 0 10px 0; border: solid 1px #333; clear: both; overflow:hidden; background: #000 url(/Images/Gcal/dateTime-bg.gif) repeat-y 0 0; }
/* DateTime box */
#events div.event div.dateTime { position: relative; width: 75px; background: #333; padding: 2px 0 2px 4px; display: block; }
#events div.event div.dateTime span.day     {  }
#events div.event div.dateTime span.date    {  }
#events div.event div.dateTime span.time    {  }
/* Content */
#events div.event div.content { width: 77%; padding: 2px 0 2px 8px; }
#events div.event div.content span.where    { margin-top: -5px; font-style: italic; }
#events div.event div.content span.title    {  }
#events div.event div.content span.what     { margin: 5px 0; }