/*- OMLxi main CSS compressed - Author: Oliver Liebscher- Date 18th March 2011*/ html {background:#fff;font-family:Arial,Helvetica,sans-serif;} h3 {font-size:18px;color:#3270a9;} h4 {font-size:18px;color:#3270a9;padding: 15px 0 0 0;} p,ul,li {font-size:14px;line-height:1.9em;color:#2b2b2b;} a {color:#a64141;} #container {width: 950px;margin:auto;} #header {background:url(../imgs/header_bg.gif) repeat-x bottom #fff;border-bottom: solid 1px #d7d7d7;} #header_inner {width: 950px;margin:auto;padding: 0;} #header_left {width: 370px;float:left;} /* logo sprite */ a.logo {display:block;width:350px;height:45px;float:left;margin:0px;background:url(../imgs/logo_sprite.gif) top left no-repeat;} a:link.logo {text-decoration:none;} a:visited.logo {text-decoration:none;} a:hover.logo {background-position: 0 -44px;text-decoration:none;} a:active.logo {text-decoration:none;} p.header_contact {font-size: 11px; color:#707070; font-family:Arial, Helvetica, sans-serif; padding:0 0 10px 0;} p.header_contact a {color:#707070; text-decoration:none;} .menu {font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;width: 568px; float:right;padding: 50px 0 5px 0;} h2.tagline {font-size:14px; font-style:italic; color:#8b8787; padding:0 0 5px 0;} h2.tagline a:link {text-decoration:none; color:#8b8787;} h2.tagline a:visited {text-decoration:none; color:#8b8787;} h2.tagline a:hover {text-decoration:none; color:#000;} h2.tagline a:active {text-decoration:none; color:#000;} .large_intro a:link {text-decoration:none; color:#A64141;} .large_intro a:visited {text-decoration:none;color:#A64141;} .large_intro a:hover {text-decoration:underline;} .large_intro a:active {text-decoration:underline;} .menu a {padding: 7px 10px 7px 10px; margin: 0 6px;} .menu a:link {text-decoration:none; background:#fff; color:#4e4d4d;} .menu a:visited {text-decoration:none; background: #fff; color: #999999;} .menu a:hover {text-decoration:none; background: #a64141; color:#fff;} .menu a:active {text-decoration:underline; color:#fff;} .menu a.selected {text-decoration:none; background: #a64141; color:#fff;} #footer a {padding: 0px 4px; color:#4e4d4d;} #footer a.selected {text-decoration:none; background: #a64141; color:#fff;} #footer a:link {text-decoration:none; background:#fff; color:#4e4d4d;} #footer a:visited {text-decoration:none; color:#4e4d4d; background: #fff;} #footer a:hover {text-decoration:none; background: #a64141; color:#fff;} #footer a:active {text-decoration:underline; color:#fff;} #arrows {width:950px;position:relative;top: -100px;margin:auto;} #footer {height:100px;background:url(../imgs/footer_bg.gif) repeat-x top #fff;border-top: solid 1px #d7d7d7;} #footer_inner {width:950px;margin:auto;font-size:10px;font-family:Arial, Helvetica, sans-serif;color:#808080;} .footer_box {width: 120px;margin: 10px 0 0 0;padding: 0 0 0 10px;border-left: dashed 1px #ccc;float:left;} .footer_box a {padding:5px 0 0 0;} h1.main_title {font-family:"Times New Roman", Times, serif;font-style:italic;font-size:20pt;color:#3270a9;} h2.sub_head {background: url(../imgs/h2_bg.gif);height:20px;font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold;color:#fff;margin: 20px 0 10px 0;padding:5px 0 0 10px;} h2.footer_head {font-size: 14px; font-weight: bold; padding: 0 0 5px 0;} h2.box {background: url(../imgs/h2_bg_286.gif);height:24px;width:281px;font-size:17px; padding:2px 0 0 5px;} .large_intro {font-family:"Times New Roman", Times, serif;font-style:italic;font-size:22pt;color:#5a2121;width: 900px;margin:auto;line-height:1.2em;} .available {color:#0e6208;background:#e2f8e0;padding: 0 5px;} .box {background:#fff;width:306px;float:left;} .box_inner {padding:10px; font-family:Arial, Helvetica, sans-serif;} .box_inner h2 {font-size:22px; font-family:"Times New Roman", Times, serif;color:#436084;} .box_inner p {color:#808080; line-height:1.8em; font-size:12px;} #box2 {margin:0 7px;padding:0 7px;border-left: dashed 1px #ccc;border-right: dashed 1px #ccc;} p.author {width:135px; float:right; padding:10px 0 0 0; font-size:11px;} /* web design tags */ p.tags {color:#939191;font-size:10px;font-family:Arial, Helvetica, sans-serif;} #wdtags {color:#939191;font-size:10px;font-family:Arial, Helvetica, sans-serif;} #wdtags a {-moz-border-radius: 5px; -webkit-border-radius: 5px;padding: 2px 5px;border: dotted 1px #ddd;} #wdtags a:link {text-decoration:none; background:#fff; color:#4e4d4d;} #wdtags a:visited {text-decoration:none; background: #fff; color:#4e4d4d;} #wdtags a:hover {text-decoration:none; background: #a64141; color:#fff;} #wdtags a:active {text-decoration:underline; color:#fff;} #wdtags a.selectedtag {background:#ffe4e4; color:#4e4d4d;} #wdtags a.selectedtag:visited {background:#ffe4e4; color:#4e4d4d;} .cv_options {width: 140px; float:right; padding:10px 0 0 0;} .cv ul {padding: 0 0 0 25px;} .dissertation_news {padding:8px;border:dashed 1px #808080;width:580px; background:#f2f2f2; margin:0 0 0 20px;} /* looped slider | nathansearles.com */ #loopedSlider {} .slide_container {width:950px; height:222px; overflow:hidden; position:relative; background:#f4f4f4;/*background:url(imgs/slides_bg.gif) no-repeat;*/ } div.slides {position:absolute; top:0; left:0; } .slides h2 {font-size: 20px; font-weight:bold; text-decoration:none; color:#3270A9;} ul.slides {position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; } div.slides > div,ul.slides li {position:absolute; top:0; width:950px; display:none; padding:0; margin:0; } a.previous {float:right;} a.next {float:right;} p.slider_list {font-size: 10pt;font-family:Arial, Helvetica, sans-serif;line-height:18pt; padding:8px 0 0 15px;} div.inner_slide {padding: 20px 0 0 20px;} .inner_slide h2 a:link {text-decoration: none; color: #3270A9;} .inner_slide h2 a:visited {text-decoration: none; color: #3270A9;} .err {color:#9d0022;} .err ul {list-style-type:none; background:#fddde4; padding:0 0 0 10px;} .sm_date {font-size:10px;color:#ccc;} .wd_top {padding:3px;border: solid 1px #ccc;margin: 5px 5px 0 0;} .project .wd_top {float:right;margin: 0 0 0 15px;} #wd_top_mid {margin: 0 8px;} /* jquery tooltip */ #tooltip {position: absolute;z-index: 3000;border: 1px solid #111;background-color: #eee;padding: 5px;opacity: 0.85;} #tooltip h3, #tooltip div { margin: 0; } .hidden {visibility:hidden;} /* web design tabs */ #tabs {border-top: solid 1px #A64141; padding: 10px 0 0 0; background: #FFFDFD; margin:0;} a.tab.selected_tab {background: #A64141; color: #fff; text-shadow: 1px 1px 1px #7E3232;} a.tab {background: #eee; color: #A64141; padding: 3px 5px 4px 5px; text-decoration:none; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;} a.tab:visited {color:#D17C7C;} a.tab:hover {background: #A64141; color:#fff;} a.tab.selected_tab:visited {background: #A64141; color: #fff; text-shadow: 1px 1px 1px #7E3232;} img.wd_top:hover {opacity:0.6;filter:alpha(opacity=60);} p.alert {border: solid 1px #e70606; padding: 0px 5px; color: #e70606; background: #ffecec;} .green {background: #32A93D;font-size: 80%; font-weight: bold; color:#fff;} .orange {background: #EE8E12;font-size: 80%; font-weight: bold; color:#fff;} .red {background: #BD0606;font-size: 80%; font-weight: bold; color:#fff;} /*awesome css3 buttons*/ .awesome, .awesome:visited {background: #222 url(../images/alert-overlay.png) repeat-x; display: inline-block; padding: 5px 10px 6px; color: #fff; text-decoration: none;-moz-border-radius: 5px; -webkit-border-radius: 5px;-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);text-shadow: 0 -1px 1px rgba(0,0,0,0.25);border-bottom: 1px solid rgba(0,0,0,0.25);position: relative;cursor: pointer;} .awesome:hover {background-color: #111; color: #fff; } .awesome:active {top: 1px; } .small.awesome, .small.awesome:visited {font-size: 11px; padding: ; } .awesome, .awesome:visited, .medium.awesome, .medium.awesome:visited {font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); } .large.awesome, .large.awesome:visited {font-size: 14px; padding: 8px 14px 9px; } .blue.awesome, .blue.awesome:visited {background-color: #A64141; } .blue.awesome:hover {background-color: #6D2222; } .green.awesome, .green.awesome:visited {background-color: #7AD107; } .green.awesome:hover {background-color: #5FA405; }