/* -------------------------------------------------------------- 
  
   Screen Styles
   Date: 
  
-------------------------------------------------------------- */

@import 'screen/reset.css'; /*Resets browser default settings to give all browsers same starting point*/
@import 'screen/typography.css'; /* All styles involving text including tables, links and headings*/
@import 'screen/forms.css'; /* Form styles*/

/*--=General Styles--*/
body { background: #fff url(../images/bg_tile.jpg) center top;}

/*Image Replacement - saves duplication of below through stylesheet*/
.ir { display: block; text-indent: -5000px;}

/*Holder - should be the total width*/
.holder { width: 950px; margin: 0 auto; position: relative; }
.header_holder { background: url(../images/grunge_header2.jpg) no-repeat center top; }
.footer_holder { background: url(../images/grunge_footer.jpg) no-repeat center bottom; }
.holder .returntohome { position: absolute; top: 40px; }
.holder .returntohome a { text-indent: -5000px; display: block; width: 220px; height: 170px;}

p, ul, ol { font-size: 1.4em; }
a { overflow: hidden; }

#accessibility { display: none; }

.float_l { float: left;}
.float_r { float: right;}

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet      { color: #666; }

.hide       { display: none; }
.highlight  { background:#ff0; }
.added      { color:#060; }
.removed    { color:#900; }

.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

.txt_align_l { text-align: left;}
.txt_align_r { text-align: right;}

.first_para { font-weight: 700;}

.clear { clear: both; margin: 0; padding: 0; visibility: hidden; height: 0;}
.clear-both { clear: both; }
.button-margin { padding: 20px 0 20px; }

/* Standard styles to apply margin and padding the same width/height as the column gutter*/
.marg_t { margin-top: 10px;}
.marg_b { margin-bottom: 10px;}
.marg_r { margin-right: 10px;}
.marg_l { margin-left: 10px;}
.marg_0 { margin: 0;}
.marg { margin: 10px;}

.pad_t { padding-top: 10px; }
.pad_b { padding-bottom: 10px;}
.pad_r { padding-right: 10px; }
.pad_l { padding-left: 10px;}
.pad_0 { padding: 0;}
.pad { padding: 10px;}

/*--=Header--*/
.sitename { display: block; height: 207px; text-indent: -5000px; margin: 0; }
.home_sitename { display: block; height: 207px; text-indent: -5000px; margin: 0; }

/*--=Navigation--*/
#navigation { height: 37px; margin: 0 0 0 0; }
#navigation.home_nav { margin-top: 0; }
#navigation ul { padding: 0 0 0 165px;  font-size: 1.2em; }
#navigation li { float: left; margin: 0; height: 36px; padding: 0; border-right: 1px solid #476262; border-left: 1px solid #091414; }
#navigation li a { height: 29px; color: #fff; text-transform: uppercase; text-decoration: none; padding: 10px 19px 0; display: inline-block; width: auto; }
#navigation li a.on { background: #300; }

#subnavigation { height: 37px; margin: 0 0 15px 165px; background: #300 url(../images/subnavigation_bg.gif) repeat-x left bottom; }
#subnavigation li { float: left; border-right: 1px solid #4e4f5e; border-left: 1px solid #0d0d13; height: 36px; }
#subnavigation li a { height: 28px; color: #999; text-transform: uppercase; text-decoration: none; padding: 8px 20px 0; display: inline-block; width: auto;}
.no_nav { height: 37px; margin: 0 0 15px; }
#subnavigation li a.on { color: #fff; }
#subnavigation .narrow-subnav li a { padding: 8px 10px 0; }

#breadcrumbs { min-height: 2.5em; padding: 0; clear: both; }
#breadcrumbs li { float: left; margin: 0 0.6em 0 0;}
#breadcrumbs a { text-decoration: none; color: #333; }
#breadcrumbs a:hover { text-decoration: underline; }

/*--=Home page--*/
.video_panel { margin: 50px 0 35px; background: #000; height: 369px; }
.homerightcol { padding-top: 50px; }
.left_column p img.para-nominate { margin: 0 15px 20px 0; border: none; }

/*--Sharing--*/
.share-title { font-size: 1.4em; border: none; margin: 30px 0 10px; padding: 0; }
.share-this-box { border: 1px solid #ccc; padding: 10px; height: 24px; }
.share-facebook, .share-this { float: left; }
.share-this { padding: 3px 0 40px; }

/*--=Main Content--*/
.main_content { position: relative; min-height: 326px; padding: 0; clear: both; }
.right_column { width: 300px; float: right; padding-bottom: 40px; }
.left_column { width: 630px; padding: 0; float: left;  padding-bottom: 40px; }
.left_column p img { margin: 0 0 1.2em; border: 5px solid #ccc; }

/*--Common Right Column--*/
.right_column h2 { font-size: 2em; margin-top: 0; }
.right_column h2.first-h2 { font-size: 2em; margin-top: 0; }
.small-quote { background: #154142; margin: 0 0 20px; padding: 22px; }
.small-quote p { color: #ccc; font-size: 1.3em; margin: 0; }
.rio-ferdinand { background: #154142 url(../images/quote-rio.jpg) no-repeat left bottom; padding-bottom: 44px; }
.michael-caine { background: #154142 url(../images/quote-michael.jpg) no-repeat left bottom; padding-bottom: 44px; }
.richard-taylor { background: #154142 url(../images/quote-richard.jpg) no-repeat left bottom; padding-bottom: 44px; }
#date, #countdown { text-transform: uppercase; }
#date { font-size: 2.5em; margin: 0; color: #300; margin: 0 0 4px; }
#countdown { font-size: 2em; color: #003333; }
.nominate_someone { background: url(../images/btn_nominate_someone.gif) no-repeat right top; padding: 0 110px 0 0; display: block; text-decoration: none; color: #333; }
.nominate_someone strong, .community-safety a strong { color: #033; }
.nominate_someone:hover strong, .community-safety a:hover strong { color: #300; text-decoration: underline; }
.right_column p img { float: none; margin: 0; border: 5px solid #e5e5e5; }
.right_column p.community-safety img { border: none; float: left; margin: 0 10px 0 0; }
.community-safety a { color: #333; text-decoration: none; }

/*--=Partner--*/
.partner_panel { margin: 0 0 30px; min-height: 190px; }
.partner_panel h3 { text-transform: uppercase; font-size: 2em; color: #666; border-bottom: 1px solid #666; padding: 15px 0 10px; clear: both; }
.partner_panel h3 a { text-decoration: none; color: #666; }
.partner_panel p { margin: 0 0 8px; }
.partner_panel ul { margin: 0 0 15px; float: left; }
.partner_panel li { list-style: disc; margin: 0 0 7px 20px; }
.partner_panel p img { border: 5px solid #ccc; float: left; margin: 0 10px 4px 0; }

/*--=Social Media--*/
.social_links { height: 52px; margin: 0 0 20px; }
.social_links li { float: left; }
.social_links a { width: 51px; height: 53px; margin: 0 30px 0 0; }
.social_links a.social_youtube { background: url(../images/social_youtube.gif) no-repeat; margin-right: 0; }
.social_facebook { background: url(../images/social_facebook.gif) no-repeat; }
.social_myspace { background: url(../images/social_myspace.gif) no-repeat; }
.social_twitter { background: url(../images/social_twitter.gif) no-repeat; }

/*--=About - What--*/
.special-caption { position: relative; margin: 0; }
p.special-caption img { margin: 0 0 5px; }
.special-caption span { position: absolute; left: 20px; top: 20px; width: auto; background: rgba(255,255,255,0.9); padding: 6px 10px; font-weight: 700; font-size: 2.3em; }
.fake-caption { background: #ccc; padding: 0 10px 10px; }

/*--=About - Who--*/
.row { clear: both; padding: 15px 0 0 0; }
.person_panel { margin: 0 20px 40px 0;}
.person_panel h2 { font-size: 2.4em; }
.person_panel h2 span { font-size: 0.7em; }
.person_panel p img { margin: 0 1em 1.5em 0; border: none; }
h2.big-h2 { font-size: 3em; line-height: 1; margin: 0 0 0.75em; border-bottom: 1px solid #050728; text-transform: uppercase; padding: 1em 0 0.4em; color: #300; clear: both; }
.about-links { height: 62px; }
.about-links li { float: left; margin: 0 10px 10px 0; }
.about-links li a { display: block; width: 32px; height: 32px; text-indent: -5000px; }
.web-address a { background: url(../images/small-web.gif) no-repeat; }
.facebook a { background: url(../images/small-facebook.gif) no-repeat; }
.blog a { background: url(../images/small-blog.gif) no-repeat; }
.linkedin a { background: url(../images/small-linkedin.gif) no-repeat; }
.twitter a { background: url(../images/small-twitter.gif) no-repeat; }
.myspace a { background: url(../images/small-myspace.gif) no-repeat; }
.youtube a { background: url(../images/small-youtube.gif) no-repeat; }

/*--=Winners List--*/
.winners_panel { min-height: 260px; width: 463px; float: left; margin: 0 20px 0 0;}
.winners_panel.last { margin-right: 0; }
.award-sponsor span { height: 63px; display: block; border: 5px solid #ccc; background: #fff; padding-left: 12px; }
.award-sponsor span img, .winners-leftcol .award-sponsor span img { border: none; }

/*--=Winners Details--*/
.winners-rightcol { width: 650px; float: right; }
.winners-leftcol { width: 280px; float: left; padding-bottom: 30px; }
.winners-leftcol img { border: 5px solid #ccc; margin: 0 0 5px; }
.winners-leftcol  a { text-decoration: none; color: #333; }
.youtube-video { border: 5px solid #ccc; margin: 0 0 20px; }
.winners-leftcol h2, .winners-rightcol h2 { font-size: 2em; }
.winners-rightcol h3 { font-size: 2.8em; text-transform: uppercase; color: #143e3e; }
.large-quote { background: #154142; margin: 0 0 30px; padding: 22px; }
.large-quote p { color: #ccc; font-size: 1.3em; margin: 0; }
.caption { background: #ccc; }
p.caption img { margin: 0 0 5px; }
.caption span { display: block; padding: 0 10px 10px; }
.winners-rightcol p img { margin: 0 0 0.5em; border: 5px solid #ccc; }
.runners-up-panel { padding: 0 0 20px; }
.runners-up-panel h3 { font-size: 2em; }
.winners-rightcol .runners-up-panel img { float: left; margin: 0 12px 12px 0; }
.winners-leftcol p img { float: none; border: 5px solid #ccc; margin: 0; }
.about-para { font-size: 1.8em; color: #333; }

/*--=Judges - The Process--*/
.theprocess_list li { padding: 6px 0 30px 100px; }
.point_one { background: url(../images/point_01.gif) no-repeat;}
.point_two { background: url(../images/point_02.gif) no-repeat;}
.point_three { background: url(../images/point_03.gif) no-repeat;}
.point_heading { display: block; text-transform: capitalize; color: #666; font-size: 1.8em; border-bottom: 1px solid #666; padding: 0 0 10px; margin: 0 0 10px; }
.left_column p img.last-image { margin-bottom: 50px; }

/*--=Judges - Panel --*/
.judges_panel { width: 455px; float: left; margin: 0 40px 20px 0; }
.judges_panel.last { margin-right: 0; }
.judges_panel img { margin: 0 10px 10px 0; }
.judges_panel .more-info { background: #eee; color: #666; }
.judges_panel ul { margin: 0 0 20px; }
.judges_panel li { list-style: none; margin: 0 0 0 15px; }

/*--=Awards--*/
.awards_panel { min-height: 260px; width: 463px; float: left; margin: 0 20px 20px 0;}
.awards_panel.last { margin-right: 0; }
.awards_panel h2 { font-size: 2.4em; }
.awards_panel h2 span { font-size: 0.7em; }
.awards_panel h2.two-line { height: 33px; padding-top: 14px; }
.awards_panel img { margin: 0 0 1em 0; border: 5px solid #ccc; }
.the-winners { text-transform: uppercase; font-size: 2.4em; color: #300; margin: 0 0 14px; }
.the-winners span { font-size: 0.7em; display: block; color: #666; }
.more-info, .btn-previous { display: inline-block; width: auto; background: #1f5051; padding: 5px 10px; text-transform: uppercase; color: #fff; text-decoration: none; }
.more-info:hover, .btn-previous:hover { background: #300; color: #fff; }
.btn-previous { font-size: 1.2em; position: absolute; right: 0; top: -39px; }
.directory-holder { background: #ddd; padding: 20px 10px; }
.btn-directory { margin: 0; }
.btn-directory a { display: block; background: #ddd; padding: 5px 10px; color: #333; font-weight: 700; text-decoration: none; }
.btn-directory a span { background: #fff; display: inline-block; padding: 0 5px; margin: 0 0 0 5px; }
.awards-first-para { margin-top: 20px; }

/*--=SOLA Foundation--*/
.sola_foundation_list { margin: 0 0 22px; }
.sola_foundation_list li { margin: 0 0 0 25px; list-style: disc; }

/*--=Forms--*/
label { display: block; font-size: 1.2em; margin: 1em 0 0.3em 0; font-weight: 400;}
label.first { margin-top: 0; }
input.last, textarea.last { margin-bottom: 1.5em;}
textarea.address { height: 100px; }
.form_text { float: left; width: 350px; margin: 5px 50px 0 0; }
.form_holder { float: left; width: 500px; }
.form_holder h2 { font-weight: 700;}
.submitted_info { background: url(../images/submitted_background.gif); padding: 30px; text-align: center; color: #fff; margin-top: -15px;}
.submitted_info h2 { color: #fff; font-weight: 700;}

/*--=Contact--*/
.staff_contact { float: left; width: 270px; margin: 0 20px 30px 0; font-size: 1.4em;}
.jobtitle { display: block; font-size: 1.2em; text-transform: uppercase; height: 40px; border-bottom: 1px solid #333; color: #333; margin: 0 0 12px;}
.fn { font-size: 1.2em; }

/*--=FAQs--*/
.faq_left { background: url(../images/faq_divider.gif) repeat-y top right; width: 450px; float: left; padding: 0 25px 0 0;}
.faq_right { float: left; width: 440px; padding: 0 0 0 25px; }
.faq_left h2, .faq_right h2 { background: url(../images/question_graphic.gif) no-repeat; height: 45px; padding: 10px 0 0 60px; margin: 0; font-size: 1.3em; font-weight: 700;}

/*--=Sitemap--*/
.sitemap { margin: 0 0 0 50px; }
.sitemap li { list-style: disc; padding-left: 10px; margin: 0 0 8px 0; }
.sitemap ul { margin: 0 0 0 20px; font-size: 1em; }
.sitemap ul li { list-style: circle; padding-left: 10px; margin: 5px 0 8px; }

/*--=Footer--*/
#footer { padding: 155px 0 0 0; }
#footer p { color: #fff; font-size: 1.2em; margin: 0 0 2em;}
#footer a { color: #fff; text-decoration: none; }
.copyright { float: left; }
.credit { float: right; }

/*--=Footer Partners--*/
.partners_holder { clear: both; margin: 40px 0 30px 0; }
.partners_holder ul { border: 1px solid #ccc; padding: 20px; height: 85px; }
.partners_holder li { float: left; margin: 0 10px 5px 0; }
.partners_holder a { height: 80px; }
.partners_holder a img { margin: 0; float: none; border: 3px solid #e5e5e5; }
.partners_holder.small_partners  ul { height: 60px; }
.partners_holder.small_partners a { height: 50px; }

/*--=2009 Awards--*/
#slideshow { position:relative; height:434px; margin: 0 0 25px; }
#slideshow img { margin: 0; border: 5px solid #ccc; }
#slideshow div { position:absolute; top:0; left:0; z-index:8; opacity:0.0; }
#slideshow div.active { z-index:10; opacity:1.0; }
#slideshow div.last-active { z-index:9; }
.nominees li { width: 325px; float: left; }
.winner { background: url(../images/winner.gif) no-repeat left center; padding: 0 0 0 20px; }
.videos { margin: 0 0 25px; }
.videos li { background: url(../images/video-icon.gif) no-repeat left center; padding: 0 0 0 15px; margin: 0 0 5px; }
.winners-rightcol p img.event-image { margin: 0 15px 10px 0; }

/*--=Directory--*/
.list { margin: 0 0 30px; }
.directory-org { border-bottom: 1px dotted #ccc; padding: 0 0 10px; margin: 0 0 10px; }
.directory-org p { margin: 0; }
.directory-org h3 { margin: 0 0 4px; }
.tabNavigation { border-bottom: 2px solid #600; height: 48px; margin: 0 0 30px; }
.tabNavigation li { float: left; width: 88px; border-right: 1px solid #ccc; border-left: 1px solid #fff; }
.tabNavigation li a { background: #f5f5f5; display: table-cell; height: 48px; padding: 3px; text-align: center; color: #666; text-decoration: none; vertical-align: middle; width: 82px; text-transform: uppercase; font-size: 0.82em; font-weight: 700; }
.tabNavigation li a.selected { background: #600; color: #fff; }

/*--=Blog--*/
.blog_panel { width: 300px; margin: 0 25px 25px 0; float: left; }
.blog_panel.last { margin-right: 0; }
.blog_panel img { border: 5px solid #ccc; }
.blog_panel p { clear: both; }
.blog_panel h2 { min-height: 48px; }
.blog_panel h2 span { font-size: 0.6em; color: #999; }