/* Original design: In Response (v1.1 - May 15th, 2013) For more information, see http://andreasviklund.com/dt_portfolio/in-response/ */ *{margin:0; padding:0;} /* General styles */ body {background:#000; color:#ccc; font:90% "ABeeZee",Tahoma,sans-serif; line-height:1.5em;} a {color:#990000; text-decoration:none; font-weight:400;} a:hover {text-decoration:underline;} p,ul,ol,dl {margin:0 0 15px 0; line-height:1.6em;} h1 {color:#888; font-size:3.2em; margin-bottom:0;} h2 {font-size:2em; color:#333; margin:0 0 10px;} h3 {font-size:1.5em; margin:0 0 10px 0;} h1,h2,h3 {font-family: 'Enriqueta', sans-serif; color:#990000; font-weight:400; line-height:1.4em;} /* Main layout container */ #layout {margin:40px auto 0; width:960px;} body.wider #layout {margin:40px auto 0; width:1200px;} /* Grid classes, fixed width, 960px with 12 columns */ .col {float:left; margin:0 10px; overflow:hidden; float:left; display:inline;} .col img {max-width:100%;} .row {width:960px; margin:20px auto 0; overflow:hidden;} .row .row {margin:0 -10px; width:auto; display:inline-block;} .c1 {width:60px;} .c2 {width:140px;} .c3 {width:220px;} .c4 {width:300px;} .c5 {width:380px;} .c6 {width:460px;} .c7 {width:540px;} .c8 {width:620px;} .c9 {width:700px;} .c10 {width:780px;} .c11 {width:860px;} .c12 {width:940px;} /* Grid classes, fixed width, 1200px with 12 columns - add class="wider" to the element to use this */ body.wider .row {width:1200px;} body.wider .c1 {width:80px;} body.wider .c2 {width:180px;} body.wider .c3 {width:280px;} body.wider .c4 {width:380px;} body.wider .c5 {width:480px;} body.wider .c6 {width:580px;} body.wider .c7 {width:680px;} body.wider .c8 {width:780px;} body.wider .c9 {width:880px;} body.wider .c10 {width:980px;} body.wider .c11 {width:1080px;} body.wider .c12 {width:1180px;} /* Additional text classes */ .slogan {color:#bbb; } .alignleft {text-align:left;} .alignright {text-align:right;} .aligncenter {text-align:center;} .alignjustify {text-align:justify;} .nomargin {margin:0; padding:0;} .separator {height:100px; margin:0; padding:0; background: #0a0a0a url(images/insidebg2.jpg) bottom center no-repeat; border-bottom:1px dotted #1a1a1a;} .larger {font-size:1.4em;} .bold {font-weight:700;} .smaller {font-size:0.7em;} .spacer {margin:0 20px;} .clear {clear:both;} .hide {display:none;} .border {border:1px solid red;} /* Light styles, apply by using class="light" on the body HTML element */ body.light {background:#fff; color:#777;} body.light a {color:#231F20;} /* body.light a:hover {color:#555;} */ body.light a:hover {color:#0063A3;} body.light h1 {color:#990000; font-size:3.2em; margin: 0em 0em 0em 0.5em;} body.light h1.mini {color:#990000; font-size:2.7em; margin: 0em 0em 0em 0.5em;} body.light h2 {color:#555;} body.light h1, body.light h2, body.light h3 {color:#990000;} body.light ul.menu {border-top:1px solid #ddd;} body.light ul.menu li {border-bottom:1px solid #ddd;} body.light ul.menu li a:hover {color:#333;} body.light .separator {background: #f5f5f5 url(images/insidebg2-light.jpg) bottom center no-repeat; border-bottom:1px dotted #ccc;} body.light .slogan {color:#888; margin:0; font-size:1.3em; font-weight:700; margin-top:0.8em; margin-bottom:-0.3em;} body.light #footer {background:#f5f5f5 url(images/insidebg-light.jpg) top center no-repeat;} body.light #footer .col {color:#555; border-top:1px dotted #ccc;} body.light #footer a {color:#555; border-bottom:1px dotted #ddd;} body.light #footer a:hover {color:#444; border-bottom:1px dotted #eee;} body.light .navmenu li {font-size:1.4em;} .navmenu li {font-size:1.4em; margin: 0 1em; cursor:pointer; display:block; float:left; color:#777; text-decoration:none; font-weight:400;} body.light .navmenu li.current {color:#990000;} body.light .navmenu li {color:#777;} .navmenu li:hover {text-decoration:underline;} div.thumbnails img {width:160px; margin:0 10px 10px 0; border-radius:12px;} div.thumbnails img.last {margin-right:0;} #headerimage img {border-radius:12px;} @media only handheld and (max-width : 960px){ #layout, body.wider #layout {width:auto; margin:0; padding:20px;} .row {width:100%;} .col {margin:0 0 20px 0;} .c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12 {width:100%;} h1 {margin:-15px auto 5px; line-height:1.4em;} body .navmenu {margin:0px 0 -15px;} body .navmenu li {font-size:1.4em; display:inline-block; line-height:2.0em;padding:7px 12px; margin:0 10px 8px 0; background-color:#111; border:1px solid #222; border-radius:10px;} body.light .navmenu li {font-size:1.2em; display:inline-block; line-height:2.0em;padding:7px 12px; margin:0 10px 15px 0; background-color:#eee; border:1px solid #ddd; border-radius:10px;} body .navmenu li.current {border-color:#444;} body.light .navmenu li.current {color:#666; border-color:#666;} /* .headerimage img {width:100%; height:auto;} */ div.thumbnails img {width:24%; margin:0;} div.thumbnails img.last {margin-right:0;} /* My additions */ #headerimage {display:none;} body { -webkit-text-size-adjust: none;} body.light .slogan {margin-top:0em;} } /* My additions */ ul.table { float:left; margin:0; display:table; padding:0; clear:both; } ul.table li.table-row { margin:0em 0em -0.5em 0em; display:table-row-group; float:left; clear:both; } li.table-row ul { float:left; display:table-row; /* padding:5px; */ } li.table-row ul li { float:left; display:table-cell; text-decoration:none; text-align:left; padding:0em 1em 0em 0em; } li.name, li.course {color:#231F20;} /* Fix final */ body.light a.normal {color:#777;} body.light a.normal:hover {color:#0063A3;} /* Syntax error */ div.error {color:red;} table td{ padding:0px 10px 5px 10px; /* top right bottom left */ }