/*************************************************** ******* Y design - base style 2008 enginehouse@gmail.com ****************************************************/ /****** global reset and body ****************************************************/ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite, code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li, fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;outline:0;font-size:100.01%;vertical-align:baseline;background:transparent;font-family:tahoma,arial,sans-serif;} ol,ul {list-style:none;} blockquote,q {quotes:none;} :focus {outline:0;} ins {text-decoration:none;} del {text-decoration:line-through;} /*table { border-collapse:collapse; border-spacing:0;}*/ body {background-color:#fff;color:#666;text-align:center;} a {outline:none;text-decoration:none;color:#666;} img {border:none;display:inline;} html {overflow-y:scroll;} /****** plain typography ****************************************************/ h1 {float:left;display:block;height:110px;} h1 a {text-indent:-9999px;float:left;display:block;width:143px;height:100px;background:url(../img/structure/logo-yda.gif) no-repeat 0 30px;} h2 {font-size:130%;font-weight:normal;color:#E20D15;padding:10px 0 20px;clear:both;} h3 {font-size:82%;} h4 {font-size:78%;} h5 {font-size:76%;} #yda-judging h2 {padding-bottom:6px;} p {font-size:76%;padding:0 0 15px;line-height:1.5;} p a {color:#E20D15;text-decoration:underline;} p a {color:#E20D15;text-decoration:underline;} p.image {padding:20px 0 10px;} /****** structure divs ****************************************************/ ul#accessibility {display:none;} #wrapper {width:925px;margin:0 auto;text-align:left;} #header {width:740px;border-bottom:5px #f5f5f5 solid;float:left;} #centre-panel {width:740px;padding:0 0 30px;float:left;} #content {width:490px;float:right;display:inline;padding:0 20px 20px 0;} #advertising-column {width:185px;float:right;} #news-blog {width:205px;float:left;} /****** main navigation ****************************************************/ #header ul {float:left;width:550px;clear:both;font-size:120%;padding:0 0 10px;} #header li {display:inline;list-style:none;background:none;} #header li a {float:left;display:block;color:#666;padding:0 22px 0 0;text-decoration:none;background:url(../img/structure/main-nav_forward-slash.gif) no-repeat right center;} #header p.ldf a {float:right;display:block;text-indent:-9999px;text-decoration:none;margin-top:20px;height:90px;width:53px;background:url(../img/structure/logo-ldf.gif) no-repeat left center;} #header ul.sub-navigation, #content ul.sub-navigation {width:100%;} #header ul.sub-navigation a, #content ul.sub-navigation a {font-size:65%;color:#999;font-weight:bold;padding:0 12px 5px 0;background:url(../img/structure/main-nav_forward-slash_small.gif) no-repeat right center;line-height:1.3;} #content ul.sub-navigation li {display:inline;background:none;list-style:none;padding:0;} #content ul.sub-navigation a {padding:0 12px 5px 0;font-size:95%;text-transform:lowercase;background:url(../img/structure/main-nav_forward-slash_small.gif) no-repeat right center;} #header ul.sub-navigation a span{font-weight:normal;} #header ul li a.here, #header ul li a.here:hover, #content ul.sub-navigation a:hover, #header ul li a:hover {color:#E20D15;} .last {background:none;} .hide {display:none;} /****** content typography ****************************************************/ #content h3 {font-size:95%;color:#E20D15;font-weight:normal;} #content h3.sub-title-lead {padding-bottom:10px;} #content ul {} #content li {font-size:76%;line-height:1.5;padding:0 0 15px 15px;background:url(../img/structure/bullet-unordered-grey.gif) no-repeat 0 5px;} #content li a {} h4.external-link {padding:0 0 25px;font-size:80%;} /****** news blog ****************************************************/ #advertising-column {text-align:right;padding-top:20px;} #advertising-column img a {float:right;display:block;clear:both;padding-bottom:25px;} #advertising-column img {padding-bottom:10px;} /****** news blog ****************************************************/ #news-blog h2 {padding-bottom:5px;} #news-blog h2 span {color:#666;} h3.date {padding:8px 0;font-weight:normal;font-size:72%;color:#D4160D;border:#CCCCCC solid;border-width:1px 0;} ul#news li {border-bottom:5px solid #f5f5f5;padding:5px 0;} ul#news li h3 {font-size:95%;font-weight:bold;} ul#news li p.more {padding:0;font-size:60%;font-weight:bold;text-decoration:none;} ul#news li p.more a {text-decoration:none;} ul#news li p.more span {padding:10px;background:url(../img/structure/bullet-red-circle.gif) no-repeat center 56%;display:inline;} /****** categories navigation ****************************************************/ ul.categories {padding:10px 0 30px;} ul.categories a {display:block;height:1%;width:190px;font-size:71%;padding:8px 2px;border-bottom:1px solid #ccc;} ul.categories a.here {font-weight:bold;color:#E20D15;} ul.categories a.here:hover {color:#E20D15;} ul.categories a:hover {color:#222;} ul#sponsors li {margin:15px 0;} /****** judging page ****************************************************/ #yda-judging #content {padding-right:0;float:left;margin-top:10px;width:740px;} #yda-judging #wrapper {width:740px;} div.entry-description {padding:10px;display:block;float:left;background-color:#f5f5f5;clear:both;} div.entry-description ul {list-style:none;} #content div.entry-description li {background:none;padding:0;font-size:130%;} #content div.entry-description li span {color:#E20D15;} div.entry-description fieldset {display:block;float:left;width:400px;} div.entry-description label {clear:both;font-size:130%;} div.entry-description textarea {width:380px;font-size:74%;float:left;margin-bottom:10px;border-style:double;margin-top:5px;} #comment-form fieldset { clear: both; } textarea.approach, textarea.comment {height:100px;overflow:auto;} textarea.comment {height:50px;} div.image-holder {float:right;width:310px;padding-top:30px;} div.image-holder h4 {padding-top:5px;float:right;} div.image-holder h4 a {padding-right:10px;background:url(../img/structure/arrow-entrants-grey.gif) no-repeat right 70%;} h2.bordered {border-bottom:5px #f5f5f5 solid;} #content div.score-summary {background-color:#D5160C;padding:15px 10px;font-size:120%;display:block;float:left;clear:both;width:720px;} #content div.score-summary h3 {color:#fff;} #content div.score-summary ul {width:350px;display:block;padding:10px 0;float:left;} #content div.score-summary li {background:none;padding:0;color:#fff;clear:both;font-weight:bold;font-size:70%;line-height:1.5;} #content div.score-summary li span, #content div.score-summary li h3 {float:left;} #content div.score-summary li h3 {font-size:140%;padding-top:5px;} #content div.score-summary li span.right{float:right;} #content div.score-summary li span.big {font-size:200%;font-weight:bold;} #content div.score-summary div {float:right;padding:70px 30px 0 0;} /****** toggle list ****************************************************/ #content ul.toggle-list {} #content ul.toggle-list li {padding:0;background:none;border-bottom:1px solid #ccc;overflow:hidden;width:480px;} #content ul.toggle-list li div {width:100%;} #content ul.toggle-list h3 {font-size:120%;cursor:pointer;padding:10px 0 10px 15px;background:url(../img/structure/arrow-categories-red.gif) no-repeat 0 13px;} #content ul.toggle-list h3.active {background-position:0 -25px;} #content ul.toggle-list p {font-size:98%;} #content ul.toggle-list p img {clear:both;} #content ul.toggle-list h4 {font-size:98%;} #content ul.toggle-list h5 {font-size:120%;font-weight:normal;} #content ul.toggle-list h6 {font-size:98%;font-weight:normal;color:#D5160C;padding:0 0 10px;border-bottom:1px solid #f3f3f3;} /****** ordered list ****************************************************/ #content ol {padding:10px 20px;} #content ol li {background:none;list-style-type:decimal;list-style-position:outside;margin:0;padding:0 0 10px;line-height:1.5;} #content ol li ol {padding:10px 20px 0;} #content ol li ol li {list-style-type:lower-alpha;font-size:110%;} /****** tables ****************************************************/ table {font-size:74%;font-weight:bold;vertical-align:top;margin-top:25px;} caption {text-indent:-10000px;font-size:0;height:0px;} table.table-data {width:100%;padding:20px 0 0;margin:0;} table.table-data td {padding:5px 0;background-color:#f5f5f5;border:solid #fff;border-width:0 0 1px 0;} table.table-data td a {text-decoration:underline;color:#333;} .entry-form form#entry-form h2, table.table-data th.heading {background:url(../img/structure/arrow-table-red.gif) no-repeat left 35%;font-size:160%;padding:0 10px 10px;text-align:left;font-weight:normal;color:#E20D15;} table.table-data th {font-size:80%;padding-left:15px;} table.table-data td {border:0;padding:10px;font-weight:normal;} table.table-data th.ten-options {width:270px;background:url(../img/structure/table-head-numbering-ten.gif) no-repeat -1px 10px;} table.table-data th.five-options{width:140px;background:url(../img/structure/table-head-numbering-five.gif) no-repeat -1px 10px;} table.table-data tfoot td {padding-bottom:0;margin-bottom:0;height:0;background-color:transparent;} table.table-data tbody {padding:0;margin:0;} table.table-data input.radio, table.table-data input.checkbox {display:inline;margin:0;width:21px;} table.table-data td table {width:auto;} table.table-data td table td {width:auto;padding:0;} /****** sponsors ****************************************************/ ul#sponsorsa, ul#sponsorsb {padding:10px 0;display:block;} ul#sponsorsa {margin-top:20px;} ul#sponsorsb {margin-top:100px;} ul#sponsors li {padding:5px 0;} ul#sponsors a {display:block;} ul#skyscraper {float:left;margin-left:65px;} div.sponsors {display:block;height:220px;} #advertising-column div {height:420px;} /****** research lists ****************************************************/ div.entries {width:100%;float:left;margin:0 0 1px;clear:both;} div.entries h4 {font-size:74%;padding:8px 0 0;} div.entries h4 a {color:#666;padding:2px 10px 2px 0;background:url(../img/structure/arrow-entrants-grey.gif) no-repeat right 70%;} div.entries p {font-size:74%;padding:20px 0 2px;width:auto;line-height:1.4;} div.entries img {float:left;padding:10px 10px 25px 10px;background-color:#ccc;margin:0 15px 0 0;} div.entries div {width:auto;float:left;display:block;} div.entries.judges {margin:0 0 30px;} div.entries.judges img {padding:0 20px 0 0;background-color:transparent;} div.entries.judges p {padding-top:0;} div.entries.judges a {display;block;float:left;width:100%;} div.entries.judges a:hover {text-decoration:underline;} #content ul.judges-listing {width:240px;float:left;} #content ul.judges-listing.right {float:right;clear:right;} #content ul.judges-listing li {padding:5px 0;margin:0 0 20px;background:none;display:block;clear:both;} #content ul.judges-listing li img {float:left;margin:0 10px 10px 0;} #content ul.judges-listing li h3, #content ul.judges-listing li h4, #content ul.judges-listing li h5 {font-size:95%;} #content ul.judges-listing li h3 {color:#666;font-weight:bold;} #content ul.judges-listing li h4 {} #content ul.judges-listing li h5 {line-height:3em;display:inline;cursor:pointer;padding:0 12px 0 0;background:url(../img/structure/arrow-judges-grey.gif) no-repeat right top;} #content ul.judges-listing li h5.active {background-position:right bottom;} #content ul.judges-listing li div {clear:both;border-bottom:1px solid #ccc;padding:0 0 15px;} #content div.judging-terms {clear:both;width:100%;display:block;} /****** entry forms ****************************************************/ fieldset.entry-form legend {background:#fff url(../img/structure/arrow-table-red.gif) no-repeat left 35%;font-size:160%;padding:0 10px 10px;color:#E20D15;} fieldset.entry-form, fieldset.login {width:600px;background-color:#f5f5f5;padding:10px 20px;font-size:74%;margin-top:5px;} fieldset.login {width:450px;} label {display:block;clear:both;} label span {width:250px;float:left;display:block;} input.text {width:270px;float:right;border:1px solid #ccc;padding:3px 4px;} input.text:focus, textarea.entry-textarea:focus {border-color:#ff9900;} input.text.required {border-color:#ff0000;} textarea.entry-textarea {width:270px;height:120px;overflow:auto;float:right;} fieldset.login input.text {width:237px;} fieldset.login label span {width:200px;} div.section {clear:both;padding:10px 0;} div.section div {float:right;} div.section div label span {float:right;width:240px;line-height:20px;} div.section div input.radio, div.section div input.checkbox {float:right;margin-right:20px;} p#count {clear:both;float:right;} label.error {color:red;font-size:130%;} label.valid {} input.file {width:275px;float:right;} div.section input.submit-image {float:right;} .entry-form #content p {width:600px;} .entry-form form#entry-form h2 {font-size:120%;} /****** strong,emphasis,acronym and abbreviation ****************************************************/ strong {font-weight:bold;} strong a {font-size:125%;font-weight:normal;text-decoration:none;color:#E20D15;} /****** breadcrumb ****************************************************/ .breadcrumb {font-size:65%;font-weight:bold;clear:both;float:left;padding:10px 0 0;width:100%;} .breadcrumb a {color:#666666;text-decoration:none;background:url(../img/structure/breadcrumb-arrow-666.gif) no-repeat right 75%;padding:0 7px 0 0;margin-right:6px;} .admin-links {font-size:75%;float:right;padding:0 30px 0 0;} .admin-links a {color:#666666;text-decoration:none;background:none;display:inline;padding:0 5px 0 0;margin-right:6px;} /****** paddings and margins ****************************************************/ .padding-20 {} /****** footer links and forms ****************************************************/ #footer {text-align:center;font-size:71%;display:block;height:60px;clear:both;border-top:5px solid #f5f5f5;padding-top:15px;} #footer ul {} #footer li {display:inline;} #footer li a {text-decoration:none;background:url(../img/structure/footer-nav-pipe-delimiter.gif) no-repeat right center;padding:5px 8px 5px 5px;} #footer li a.last {background:none;} #footer li a:hover {text-decoration:underline;} /****** hacks ****************************************************/ .clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix {display:inline-table;} * html .clearfix {height:1%;} .clearfix {display:block;} /*************************************************** ******* enginehouse@gmail.com ****************************************************/