/******************************************************
  Skin CSS document 
  Marius Nel  
  - Quirk E-Marketing -
******************************************************/

.floatL { float: left; }
.floatR { float: right !important;}
.noFloat { float: none; }
.padT { padding-top: 15px; }
.noMarg { margin: 0 !important; } .noTPad { padding-top: 0 !important; }
.margR { margin-right: 30px !important; } .margB { margin-bottom: 40px; } .margL { margin-left: 24px; } .margT { margin-top: 24px; }
.flickr { margin-right: 0 !important; float: right !important; }
.clr { clear: both; } .clrL { clear: left; }
.resultshr { border: 1px solid #ccc; } 
.noShow { display: none; }
.noBorder { border: none !important; }
.grey { background: #f0f0f0; }
ul.nobold li a { font-weight: normal !important; }
.nobold a { font-weight: normal !important; }
#teenBanner { float: right; margin: 23px 5px 0 0; }
.pullUp { margin-bottom: -100px !important; } .moveDown { margin-top: 200px !important; }
div#siteInfo { position: absolute; top: 103px; right: 0; width: 675px; height: 34px; background: transparent top left no-repeat url(/images/black-bar.png); }
.viewingSpace { margin-right: 15px; } .viewingSpaced { margin-right: 13px; }
.space { margin-right: 5px; }
div#siteInfo img, div#siteInfo a { float: right; outline: none; }
a#missTeenLink { width: 164px; height: 34px; background: transparent bottom left no-repeat url(/images/miss-teen-link.png); } 
a#missSaLink { width: 121px; height: 34px; background: transparent bottom left no-repeat url(/images/miss-sa-link.png); }
a#missTeenLink:hover, a#missSaLink:hover { background-position: bottom left; text-decoration: none; }
a#missTeenLink span, a#missSaLink span { width: 164px; height: 34px; display: none; cursor: pointer; } *html a#missTeenLink span, *html a#missSaLink span { color: transparent; display: block; }
#logo { position: relative; float: left; margin-top: 11px; }
div.hr { position: relative; float: left; clear: both; width: 100%; height: 1px; background: #cbcbcb; }

/* Breadcrumbs */
#crumbs { font-size: 11px; float: left; padding: 10px 15px 10px 9px; position: relative; background: #FFFFFF url(/images/grad-bg.gif) repeat-x scroll left top; width: 936px; }

/* Gallery Styles */
div#gallery, #galleryBox, #competitionBox { position: relative; clear: both; width: 960px; }
div#gallery { background: #000; height: 394px; }
#gallery img { position:absolute; top:0; left:0; display:none }
#gallery div { z-index: 10; }
#gallery #next, #gallery #prev { position: absolute; top: 178px; cursor: pointer; width: 54px; height: 54px; display: block; }
#gallery #next { right:0; background: transparent top left no-repeat url(/images/gallery-home/next.jpg); }
.teen #gallery #next { right:0; background: transparent top left no-repeat url(/images/gallery-home/blue-next.gif); }
#gallery #prev { left:0; background: transparent top left no-repeat url(/images/gallery-home/prev.jpg); }
.teen #gallery #prev { left:0; background: transparent top left no-repeat url(/images/gallery-home/blue-prev.gif); }
#gallery div#caption { width: 912px; height: 84px; position: absolute; bottom: 0; left: 0; padding: 19px 24px 0 24px; background: transparent top left repeat-x url(/images/shade.png); }
.teen #gallery div#caption { width: 912px; height: 52px; position: absolute; bottom: 33px; left: 0; padding: 7px 24px 0 24px; background: #FE00AD; }
#gallery div#number { float: right; }

/* Gallery Page */
#galleryBox { background: #FFF; border-bottom: 1px solid #f1f1f1; padding-bottom: 34px; float: left; }
#galleryBox .pic { float: left; margin-right: 24px; }
#galleryBox .info { position: absolute; width: 288px; height: auto; bottom: 34px; right: 24px;  margin-top: 35px; }

/* Competition */
#competitionBox { background: url(/images/competition/bg.gif) no-repeat top left;}
#competitionBox .competition { width: 402px; float: left; color:#000000; margin-left:20px; padding-right: 10px; }
#competitionBox .competition h1 { font-size: 45px; padding: 0 0 15px 0; }
#competitionBox .competition p { font-size: 16px; }
#competitionBox .competition p strong { color:#000000; font-weight: bold; }
#competitionBox .competitionpic img { width: 173px; float:left; }
#competitionBox .competitionform { width: 575px; margin-left:20px; font-size:14px; color:#807f7f; }
#competitionBox .competitionform h2 { color:#8E7029; font-size:18px; font-weight:normal; line-height:26px; margin-bottom:10px; margin-top:10px; padding:0; }
#competitionBox .competitionform ol li { font-size: 12px; }
#competitionBox .submitButton { background: url(/images/competition/submit.gif) no-repeat; width: 84px; height: 31px; border:none; margin-top:20px; }
#competitionBox .info { top: 0pt; margin-top: 0; width:320px; position: absolute; height: auto; bottom: 34px; right: 24px }

/* Block Links */
div.blockLinksWrapper { position: relative; float: left; clear: both; background: #fefefe top left repeat-x url(/images/imgblock/bg.jpg); padding: 25px 0 19px 24px; width: 936px; }
div.blockLink { position: relative; float: left; display: block; padding: 12px 19px 19px 12px; background: transparent top left no-repeat url(/images/imgblock/frame.gif); margin-right: 9px; } *html div.blockLink { margin-right: 5px;  }
div.blockLink .caption { position: absolute; bottom: 19px; left: 12px; width: 252px; height: 27px; background: transparent top left repeat-x url(/images/imgblock/shade.png); padding: 9px 10px 0 10px; font-size: 17px; color: #bb9c53; }

/* Content */
#topBox { background: #FFF; float: left; display: block; width: 912px; padding: 0 24px; }
#topBox img.hdr { margin-top: 15px; }
#topBox h1 { margin: 16px 0; padding: 0; }
div#content, div.contentBlock, div#thumbWrapper, div#thumbs, div#finalistthumbs { position: relative; float: left; }
div#content { width: 912px; background: #FFF; padding: 30px 24px; }
div.contentBlock { margin-bottom: 15px; display: block; }

/* ThumbsBlock */ 
div#thumbWrapper { width: 324px; margin-right: 10px; }
div#thumbs { width: 100%; background: transparent top left repeat-y url(/images/fin-block-bg.gif); padding: 9px 0 9px 9px; }
div#thumbs .block img { float: left; margin-right: 3px; margin-bottom: 2px; background: #FFF top left no-repeat url(/images/thumb-frame.gif); padding: 2px 8px 10px 3px; width: 61px; height: 71px; cursor: pointer; }
div#finalistthumbs { width: 324px; margin-right: 20px; }
div#portraitWrapper { width: 278px; height: 331px; position: relative; float: left; margin-right: 28px; }
div#portraitWrapper img {  position: absolute; top: 0; left: 0; }
div#portraitContent { width: 275px; height: 331px; position: relative; float: left; }
div#portraitContent span { position: absolute; top: 0; left: 0; width: 100%;}
/* Columns */
div.colWrapper, div.wideCol, div.col, div.imageCol, div.widerCol, div.blurb, div.newsWrapper, div.diaryCol, div.formWrapper, div.narrowCol, div.blurbitem { position: relative; float: left; display: block; }
div.colWrapper, div.newsWrapper, div.formWrapper { clear: both; z-index: 10; width: 100%; }
div.newsWrapper { background: transparent top left repeat-y url(/images/news-bg.gif); }
div.formWrapper { background: transparent right top repeat-y url(/images/news-bg.gif); }
div.wideCol { width: 576px; } div.widerCol { width: 600px; } div.diaryCol { width: 624px; } 
div.col { padding-left: 24px; width: 288px; display: inline; } div.colWrapper div.col { padding-top: 15px; }
div.blurb, div.blurbitem { padding-left: 24px; }
div.blurbitem { padding-top: 10px; } 
div.wideBlurb { float: left; position: relative; width: 586px; margin: 10px 0 0 336px; } 
div.narrowCol { width: 275px; display: inline; }
div.blurb { overflow: hidden; }
div.blurb img { float: left; padding-right: 10px; padding-bottom: 10px; }
.blurbImg { float: right; clear: right; }
img.hdr { margin-bottom: 14px; display: block; }
div#footer div.col { min-height: 95px; }
.newsPic { float: right; padding-left: 24px; background: #FFF; display: block; margin: 0 -24px 24px 0;  }

/*Image Column */
.imageCol { width: 312px; display: block; margin-right: 24px; }

/* SPECIFICS */
div.curlieContent { width: 430px; float: left; padding: 0 10px; }
ul.social li { float: left; display: block; margin-right: 9px; }

/* Poll */
div.result { margin-top: 5px; clear: both; float: left; } 
div.result span, div.result div { float: left; }
.scale { width: 120px; height: 7px; margin-top: 6px; background: transparent top left no-repeat url(/images/poll-grad.gif); display: block; margin-right: 5px; } 
.answer { width: 100px; text-align: left; }
.crownspace { padding-top: 211px; } .moreSpace { padding-top: 271px; } .whatsonSpace { padding-top: 180px; } .ticketSpace { padding-top: 277px; }
#twoColWrapper { position: relative; float: left; margin-top: 85px; }
#twoColWrapper img.hdr { margin-bottom: 27px; }
img.icon { vertical-align: middle; }
img.montage { margin-left: 24px; }
div#footerLinks { position: relative; float: right; display: block; padding: 15px 0; }
div#ftrLinks { float: left; padding: 15px 0; display: block; } 

/* Events and Programmes */
table.eventsTable { float: left; position: relative; width: 575px; margin-bottom: 15px; }
table.eventsTable th { background-color: #f0f0f0; padding: 10px 5px 10px 5px; text-align: left; border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; }
table.eventsTable td { border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 10px 5px 10px 5px; }
table.eventsTable .last { border-right: 1px solid #cccccc;  margin-right: 15px; }
table.eventsTable th .last { border-right: 1px solid #cccccc;  margin-right: 15px; }
ul.bulleted, .bulleted ul { line-height: 2em !important; list-style-type: disc !important; padding: 0 0 10px 15px !important; }
ol { line-height: 1.5em !important; padding: 0 0 10px 25px !important; }
ul.bulleted li ul, .bulleted ul li ul { line-height: 2em !important; list-style-type: circle !important; padding: 0 0 10px 0 !important; }
ul.sitemap { line-height: 2em; list-style-type: disc; color: #3c6998; padding-left: 15px; }
ul.sitemap li ul { line-height: 2em; list-style-type: circle; padding-left: 10px; }

a#castVote { width: 78px; height: 18px; background: transparent top left no-repeat url(/images/buttons/votenow.gif); padding: 0; float: left; margin-top: 10px; }
a#castVote:hover { background-position: bottom left; }

ul.social span#sharethis_0 a.stico_default { background: transparent top left no-repeat url(/images/icons/sharethis.jpg) !important; width: 34px !important; height: 35px !important; display: block; padding: 0; }