/* Home */
#home div.tabs { background: #e0e5ea url('images/nik-lhs.gif') no-repeat top left; height: 8px; }
#home div.tabs span { height: 8px; width: 15px; display: block; }
#home div.tabs span.tab1 { background: url('images/nik-mid.gif') no-repeat top right; float: left; width: 316px; height: 8px; display: block; }
#home div.tabs span.tab2 { background: url('images/nik-mid.gif') no-repeat top right; float: left; width: 369px; height: 8px; display: block; }
#home div.tabs span.rhs { background: url('images/nik-rhs.gif') no-repeat top right; float: right; width: 50px; height: 8px; display: block; }

#home div.columns { padding: 20px 0 0 0; margin: 0 15px 0 15px; }
#home div.column1 { width: 310px; float: left; }
#home div.column2 { width: 370px; float: left; background-color: #e0e5ea; }
#home div.column2b { border-left: 1px dashed #afb7bf; border-right: 1px dashed #afb7bf; }
#home div.column3 { width: 310px; float: left; }
#home div.endtabs { background: #d6dde4 url('images/nik-lhs-dark.gif') no-repeat bottom left; height: 8px; display: block; }
#home div.endtabs span { height: 8px; width: 6px; display: block; background: url('images/nik-rhs-dark.gif') no-repeat bottom right; float: right; }

#content a.rss { height: 16px; width: 16px; margin-left: 6px; }
#content h2 span { display: block; height: 1px; width: 1px; overflow: hidden; clear: left; }

#latestnews { padding-top: 20px; }
#latestposts h2 { background: url( images/title-youth-latest.gif) no-repeat top left; height: 16px; padding: 0 0 10px 0; }
#latestposts h2 a { display: block; height: 16px; width: 210px; float: left; }
#latestposts ul li { padding-bottom: 8px; }
#latestposts h3 a.title { background: url('images/icon-post-norm.gif') 0 2px no-repeat; padding-left: 15px; margin-right: 4px; color: #011624; font-weight: bold; }
#latestposts h3 a.title:hover { color: #87959f; }
#latestposts p { color: #142a38; margin: 0; padding: 0; }
#latestposts p a { text-transform: uppercase; }
#latestposts span { color: #a2acb3; }
#latestposts span.caps { text-transform: uppercase; color: #142a38; }

#latestnews { padding-top: 30px; }
#latestnews h2 { background: url( images/title-youth-news.gif) no-repeat top left; height: 16px; padding: 0 0 3px 0; }
#latestnews h2 a { display: block; height: 16px; width: 193px; float: left; }
#latestnews h3 { font-weight: normal; color: #304653; }
#latestnews h3 a { font-weight: normal; color: #011624; background: url('images/icon-post-norm.gif') 0 2px no-repeat; padding-left: 15px; }
#latestnews h3 a:hover { color: #506574; }
#latestnews span { color: #a2acb3; }
#latestnews li.last-child { margin-top: 4px; }

#baseinfo { padding-top: 40px; }
#baseinfo h2 { background: url( images/title-youth-facts.gif) no-repeat top left; height: 16px; padding: 0 0 3px 0; }
#baseinfo h2 a { display: block; height: 16px; width: 163px; float: left; }

#mediaframe { display: block; width: 155px; height: 83px; background: url('images/media-frame.gif') no-repeat; margin-top: 40px; padding: 7px 0 0 30px; }
#mediacrop { display: block; width: 94px; height: 68px; overflow: hidden; background-color: #111111; text-align: center; }
#mediacrop img { max-width: 94px; max-height: 68px; }

#latestmedia { padding-top: 40px; }
#latestmedia h2 { background: url( images/title-youth-media.gif) no-repeat top left; height: 16px; padding: 0 0 3px 0; }
#latestmedia h2 a { display: block; height: 16px; width: 209px; float: left; }
#latestmedia h3 { font-weight: normal; color: #304653; }
#latestmedia h3 a { font-weight: normal; color: #011624; background: url('images/icon-post-norm.gif') 0 2px no-repeat; padding-left: 15px; }
#latestmedia h3 a:hover { color: #506574; }
#latestmedia span { color: #a2acb3; }
#latestmedia li.last-child { margin-top: 4px; }

#sponsors { margin-top: 20px; width: 135px; height: 55px; text-align: center; padding-top: 1px;  }
#sponsorsuse { margin-top: 20px; width: 135px; height: 55px; background: url('images/logo-block.gif') no-repeat; text-align: center; padding-top: 1px;  }


#involved { padding-top: 0px; padding-bottom: 10px; }
#involved h2 { background: url( images/title-get-involved.gif) no-repeat top left; height: 16px; padding: 0 0 3px 0; }
#involved h2 a { display: block; height: 16px; width: 210px; float: left; }
#involved h3 { color: #011624; padding-top: 14px; }
#involved h3 a { margin-left: 4px; }
#involved p { color: #011624; padding-bottom: 0; }
#involved span { color: #a2acb3; }
#involved ul { padding-top: 2px;  }
#involved li a { background: url('images/icon-post-norm.gif') 0 2px no-repeat; padding-left: 15px; text-transform: uppercase; }

#crewprofiles { padding-top: 20px; padding-bottom: 30px; }
#crewprofiles h2 { background: url( images/title-youth-crew.gif) no-repeat top left; height: 16px; padding: 0 0 3px 0; }
#crewprofiles h2 a { display: block; height: 16px; width: 90px; float: left; }

#crewprofiles li { font-weight: normal; color: #304653; clear: left; }
#crewprofiles li span { float: left; }
#crewprofiles li a { font-weight: bold; color: #011624; background: url('images/icon-post-norm.gif') 0 2px no-repeat; padding-left: 15px; }
#crewprofiles li a:hover { color: #506574; }
#crewprofiles li span.crewdate { background: url('images/icon-post-arrow.gif') 0 2px no-repeat; padding-left: 8px; margin-left: 6px; }


#youthprofiles { padding-top: 0px; }
#youthprofiles h2 { background: url( images/title-youth-blogs.gif) no-repeat top left; height: 16px; padding: 0 0 10px 0; }
#youthprofiles h2 a { display: block; height: 16px; width: 164px; float: left; }
#youthprofiles li { font-weight: normal; color: #304653; float: left; width: 110px; height: 140px; display: block; text-align: center; }
#youthprofiles div { display: block; height: 72px; width: 110px; padding: 0; margin: 0; }
#youthprofiles div.cutout a { display: block; height: 72px; width: 110px; background: url('images/profile-mask.gif') no-repeat; }
#youthprofiles div.clearer { clear: both; display: block; height: 1px; width: 1px; padding: 0; margin: 0; }
#youthprofiles h3 { font-weight: normal; color: #304653; padding-top: 4px; }
#youthprofiles h3 a { font-weight: bold; color: #011624; }
#youthprofiles h3 a:hover { color: #506574; }

#youthprofiles li p { margin-left: 12px;  }
#youthprofiles li p span { background: url('images/icon-post-arrow.gif') 0 2px no-repeat; padding-left: 8px; margin-left: 6px; float: left; }
#youthprofiles li p span.postnumonly { background: none; padding-left: 0; margin-left: 0; }

#youthprofiles span.postnumonly a, #youthprofiles span.postnumonly a:visited, #youthprofiles span.postnumonly a:active, #youthprofiles span.postnumonly a:hover { font-size: 0px; line-height: 0px; color: #ffffff; width: 15px; height: 14px; background: url('images/icon-post-active.gif') no-repeat; background-position: 0px 3px; display: block; float: left; }

.akash { background: url('images/profile-akash.jpg') no-repeat; }
.amelie { background: url('images/profile-amelie.jpg') no-repeat; }
.amy { background: url('images/profile-amy.jpg') no-repeat; }
.doriana { background: url('images/profile-doriana.jpg') no-repeat; }
.franziska { background: url('images/profile-franziska.jpg') no-repeat; }
.hayley { background: url('images/profile-hayley.jpg') no-repeat; }
.jethro { background: url('images/profile-jethro.jpg') no-repeat; }
.josef { background: url('images/profile-josef.jpg') no-repeat; }
.liam { background: url('images/profile-liam.jpg') no-repeat; }
.lydia { background: url('images/profile-lydia.jpg') no-repeat; }
.katharina { background: url('images/profile-katharina.jpg') no-repeat; }
.nonie { background: url('images/profile-nonie.jpg') no-repeat; }
.shona { background: url('images/profile-shona.jpg') no-repeat; }