/** * ELHSAA styles * Auhtor: James Quinlan * Last updated: 05.28.2009 ----------------------------------*/ * { padding: 0; margin: 0; } /* * Reset browser defaults -------------------------*/ body,div,dl,dt,dd,ul,ol, li,h1,h2,h3,h4,h5,h6, pre,form,fieldset,p, blockquote,th,td {margin:0;padding:0;} body {line-height:1;color:#121212;background:#fff;} h1,h2,h3,h4,h5,h6,p {font-size:100%;font-weight:400;} ol,ul {list-style:none;} caption,cite,code,th {font-style:normal;font-weight:400;} fieldset,img {border:0;} caption,th {text-align:left;} :focus {outline:1px dotted #eee;} table {border-collapse:collapse;border-spacing:0;} hr {border:0;border-top:1px solid #555;margin:0;height:1px;} /* * General XHTML styles -------------------------*/ body {font:.9em/1.4 Verdana, Arial, Helvetica, sans-serif;text-align:center;border-top:10px solid #0860a8; background:#fff url(http://www.elhsaa.com/images/bg_branding.jpg) repeat-x 0 5px;} h2 {font-size:1.8em;} h4 {font-size:1.4em;font-weight:700;} h5 {font-size:1.2em;font-weight:700;} p {font-size:0.9em;margin:1em .5em;line-height:1.6;} p code {font-size:12px;} blockquote {background:#eee;padding:.5em;} label {cursor:pointer;} label:hover {color:#999;} /* * Links -------------------------*/ a {text-decoration:none;color:#0860a8;} a.profile {text-decoration:none;color:#0860a8; font-size:12px;} /* * Classes -------------------------*/ .skipto, .skip {position:absolute;top:-9999px;left:-9999px;} .clear {clear:both;} .hide {display:none;visibility:hidden;} img.margin_top {position:relative;top:10px;} .addition {border:1px solid #eee;padding:1em;} .yay, .oops {font-size:.8em;text-align:center;padding:10px;color:#fff;font-weight:700;} .yay {background:#090;} .oops {background:#f30;} div.error {font-size:.8em;font-weight:700;padding:5px 0 0;color:#f30;margin:0 0 0 90px;} .right {float:right;} .left {float:left;} .block {display:block;margin:auto;width:auto;} .maintext {font-size:12px;} .regF {border:1px solid #333;} /* * Layout styles -------------------------*/ #branding, #search, #nav, #nav-main, #nav-social, #nav-icon, #content, #site-info ul {min-width:820px;width:66em;margin:0 auto;position:relative;text-align:left;} /*65.9em */ #branding {height:135px;background:url(http://www.elhsaa.com/images/elhscres.gif) no-repeat 0 5px;} #branding h1 {font:1.8em/1 Verdana, Arial, Helvetica, sans-serif;position:absolute;top:10px;left:135px;} #branding p {font:1em/1.4 "Courier New", Courier, monospace;position:absolute;top:41px;left:125px;margin:0;} #search form {position:absolute;right:100px;top:3.2em;right:10px;z-index:99;} #nav-main h3 {position:absolute;top:-9999px;left:-9999px;} #nav-main ul {background:#333 url(http://www.elhsaa.com/images/bg_nav-main.png) repeat-x;height:2.3em;} #nav-main li {display:inline;} #nav-main a {color:#fff;text-transform:uppercase;display:block;padding:0 25px;float:left;line-height:2.3em; /*border-right:1px solid #585858; */} #nav-main a:hover {background:#336699;} #nav-social {background:#fff url(http://www.elhsaa.com/images/bg_nav-social.png) no-repeat 0 bottom;clear:both; height:2.8em;} #nav-social h3 {position:absolute;top:10px;left:10px;color:#fff;font-weight:700;text-transform:uppercase;font-size:1em;} #nav-social ul {height:2.8em;position:absolute;top:7px;left:120px;font-size:.9em;} #nav-social li {display:inline;} #nav-social li a {color:#fff;text-transform:capitalize;display:block;float:left;padding:0 0 0 20px; margin:0 0 0 20px;background-repeat:no-repeat;background-position:0 center;line-height:2;} #nav-social li.facebook a {background-image:url(http://www.elhsaa.com/images/icons/facebook.gif);} #nav-social li.twitter a {background-image:url(http://www.elhsaa.com/images/icons/twitter_small.gif);} #nav-social li.dopplr a {background-image:url(http://www.elhsaa.com/images/icons/dopplr.gif);} #nav-social li.plurk a {background-image:url(http://www.elhsaa.com/images/icons/plurk.gif);} #nav-social li.pandora a {background-image:url(http://www.elhsaa.com/images/icons/pandora.gif);} #nav-icon h3 {position:absolute;top:-9999px;left:-9999px;} #nav-icon ul {text-align:center;position:absolute;top:-175px;right:40px;font-size:.8em;} #nav-icon li {display:inline;} #nav-icon a {display:block;float:left;background:#ccc;margin:0 1em 0 0;padding:45px 0 0 0;width:75px;font-weight:700;} #nav-icon li.rss a {background:url(http://www.elhsaa.com/images/icons/rss_large.png) no-repeat center 0;} #nav-icon li.twitter a {background:url(http://www.elhsaa.com/images/icons/twitter.png) no-repeat center 0;} #nav-icon li.fatfold a {background:url(http://www.elhsaa.com/images/icons/fatfold.png) no-repeat center 0;} #nav-icon a:hover {text-decoration:underline;} #content-main a:hover {background:#0860a8;color:#fff;} #content-main {position:relative;width:33em;left:175px;float:left;padding:0 0 3em;} #content-main h2 {margin:.5em 0 0 0;} #content-main h3 {font-size:1.4em;margin:1em 0 0 0;} #content-main dl {margin:1.5em 0 2em .5em;} #content-main dt {font-size:1.1em;margin:0 0 .3em 0;border-bottom:1px solid #ccc;} #content-main dt a {font-weight:700;} #content-main dd {line-height:1.5;border-bottom:1px solid #fff;margin:0 0 30px 0;font-size:.8em;padding:0 0 20px 0;} #content-main dd em {color:#999;font-style:italic;} body.home #content-main dd img {display:block;width:auto;margin:0 auto;} #content-main table {margin:1em;font-size:.8em;} #content-main table td {padding:5px;} #content-main ul, #content-main ol {font-size:.8em;margin:1em;} #content-main li {line-height:1.8;} body.home #content-main dl dd a {display:block;text-align:center;padding:5px 0;margin:5px 0;border:1px solid #ccc;width:100px;float:right;clear:both;} #content-sub {width:19em;float:right;} #content-sub h3 {font-size:1.2em;color:#999;border-bottom:1px solid #999;margin:1em 0 .5em;} #content-sub h3 a {color:#999;background:url(http://www.elhsaa.com/images/icons/rss_small.jpg) no-repeat right center; line-height:1.6;padding:.3em 28px .3em 0;} #content-sub h2 {font-size:1.3em;margin:1em 0 0 0;} #content-sub dl {font-size:.8em;padding:5px 0 5px 10px;} #content-sub dt {font-weight:700;} #content-sub dd {margin-bottom:10px;} #content-sub #upcoming-events ul, #content-sub #quicklinks ul, #content-sub #homepage-login ul, #content-sub #new-in-the-lab ul {font-size:.8em;margin:0 0 0 10px;} #content-sub #upcoming-events ul li, #content-sub #quicklinks ul li, #content-sub #new-in-the-lab ul li {padding:.2em 0;} #content-sub #homepage-login li {padding:.8em 0} #content-sub #homepage-login li span {display:block;margin:.5em 0;font-size:.8em;} #content-sub #newestmembers {width:10.5em;position:absolute;left:0;top:0;color:#fff} #content-sub #newestmembers ul {margin:0;} #content-sub #newestmembers a img {width:60px;height:60px;border:1px solid #bbb;display:block;} #content-sub #newestmembers ul li {width:60px;overflow:hidden;height:60px;margin:0 0;background:#fff;padding:0;float:left;padding:6px;} #site-info {clear:both;border-top:10px solid #0860a8;} #site-info ul {margin-top:10px;} #site-info li {font-size:.8em;} #site-info li.random-friend {position:absolute;top:0;right:10px;} #site-info img {margin:1em 0;} #footer{ background:url(http://www.elhsaa.com/images/footer.gif) top left repeat-x; clear:both; color:#666; font-size:85%; height:70px; text-align:center; width:100%; padding:30px 0 0; } ul#mainpic li img{ border: 0px solid #ccc; padding: 0px; margin: 0px 0px 0px 0px; list-style:none; height: auto; display: inline; } /** * Contact -----------------------------*/ body.contact #content-main, body.js_form_checker #content-main, body.ie7_basetag #content-main, body.random_image #content-main {padding-bottom:300px;} form#contactForm fieldset {padding:10px 30px;margin:0;border:0;} form#contactForm input {width:250px;} form#contactForm input, form#contactForm textarea {border:1px solid #ccc;padding:5px;margin:10px 0 0 0;} form#contactForm input:focus, form#contactForm textarea:focus {background:#ffc;} form#contactForm textarea {font:.9em Verdana, Arial, Helvetica, sans-serif;} form#contactForm label {display:block;margin:12px 0 0;font-weight:700;font-size:.9em;float:left;clear:left;width:90px;} form#contactForm label:after {content:": ";} form#contactForm button {display:block;float:left;clear:both;margin:1em 0;} /** /** * Portfolio -----------------------------*/ body.portfolio #content-main h3 {font-size:1.3em;font-weight:700;} body.portfolio #content-main ul li {float:left;width:47%;margin-right:2%;text-align:center;} body.portfolio #content-main ul li li {float:none;width:auto;} body.portfolio #content-main ul li img {border:1px solid #333} /** * Search -----------------------------*/ body.search #content-main iframe {width:33em;margin-bottom:3em;} /** * Main -----------------------------*/ #commentlist li {border:1px solid #ccc;margin:1em;padding:.5em;min-height:105px;font-size:1.2em;} #commentlist li:hover {background:#f7f7f7;} #commentlist li img.gravatar {float:left;margin:5px 10px 5px 5px;} #commentlist li.author {border:5px solid #0860a8;} #feedback {margin:1em 0 0 0;padding:1em 0 0 0;border-top:1px dashed #ccc;} #feedback p.note {font-size:.75em;} #feedback form textarea {width:35em;padding:6px;} #feedback h2 {font-size:.9em;font-weight:700;} #searchresult {font-size:.8em;} #searchresult li {padding:.5em;} .post h3 {font-weight:700;font-size:1.2em;padding:15px 0 10px 0;color:#444;} .post h4 {font-weight:700;font-size:1.1em;padding:0 0 10px 0;color:#444;} .post h5 {font-weight:400;font-size:1em;margin:10px 0 -3px 0;} middlecontent {padding-right:30px;} .middlecontent ul li {margin-left:20px;list-style:disc;} #content-mainR {position:relative;width:650px;left:0px;float:left;padding:0 0 0 0} /* width og = 45em; */ #content-main h3 {font-size:1.4em;margin:1em 0 0 0;} .middlecontent { position:relative; left:0px; float:left; padding:0 2px 0 0; margin-right:0px; } .middlecontentQ { left:0px; float:left; padding:0 0 0 0; margin-right:0px; } #classesindex a{border:1px solid #ccc;color:#036;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:.9em;line-height:2.2em;text-decoration:none;text-transform:uppercase;padding:1px 4px;}