/* ---------------------------------------------------------------- Global Stylesheet for dilworth.org ---------------------------------------------------------------- */ /* Reset CSS styles to ensure standard behavior in all browsers. */ body,hr,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,blockquote {margin:0;padding:0; } table { border-collapse:separate; empty-cells:show; } img { border:0; } address,caption, cite,code,dfn,em, strong,th,var { font-style:normal;font-weight:normal; } caption,th { text-align:left; } h1,h2,h3, h4,h5,h6 { font-size:100%;font-weight:normal; } q:before,q:after { content:''; } abbr,acronym { border:0; } blockquote { quotes: none; } blockquote:before, blockquote:after { content: ''; content: none; } /* Reset Font Styles to Base */ body { font:13px "Helvetica Neue",Arial,Helvetica,sans-serif; *font-size:small;*font:x-small; } table { font-size:inherit; font:100%; border-collapse: collapse; border-spacing: 0; } select, input, textarea { font:100% arial,helvetica,clean,sans-serif; } pre, code { font:115% monospace;*font-size:100%; } body * { line-height:1.5em; } del { text-decoration: line-through; } b, strong { font-weight:bold; } /* Now... define std block elements the way we want them */ body { margin:0px; background-color:#efeeee; background-image:url(/images/body_bg.jpg); background-repeat:repeat-x; } td { vertical-align:top; } td, p, body, ul { color:#333; } h1 { font-family:"Helvetica Neue",Arial,Helvetica,sans-serif; color:#666; font-size:290%; font-size:290%; font-weight:bold; } h1 .subtitle { display:block; color:#999; font-size:60%; } h2 { font-family:"Helvetica Neue",Arial,Helvetica,sans-serif; font-size:225%; font-weight:bold; color:#666; margin-bottom:10px; margin-top:30px; } h3 { font-family:"Helvetica Neue",Arial,Helvetica,sans-serif; font-size:121%; font-weight:bold; margin:20px 0px 10px; } h4 { font-size:100%; font-weight:bold; margin-top:20px; } p { margin:10px 0px; } th { font-weight:bold; text-align:left; } div { text-align:left; } img { vertical-align: top; } /* Fixes Mozilla baseline issue */ dt { font-weight:bold; } dd { font-style:italic; } ul { margin-left:15px; margin-bottom:8px; } ol { margin-left:25px; margin-bottom:8px; } li { margin-left:15px; } ul.list li { margin-bottom:5px; } ul.para li, ol.para li { margin-bottom:12px; } a { color:#0282B9; } a:hover { color:#cc77123 } button { margin:0px; padding:0px; } input { vertical-align:middle; } /* General Styles */ ol.para li, ul.para li { margin-bottom:15px; } /* Page Layout */ #wrapper { max-width:980px; margin:0px auto; } #page { position:relative; margin:0px 50px 20px 10px; background-color:#fff; padding:10px 12px 12px; } #header { position:relative; background-repeat:repeat-x; height:70px; margin:10px 50px 0px 10px; } /* background-image:url(/images/header_bg.gif); */ #logo { position:absolute; top:8px; left:-5px; } #primary_nav { position:absolute; bottom:0px; right:0px; } #primary_nav ul { list-style-image:none; list-style-position:outside; list-style-type:none; } #primary_nav li { float:left; margin-left:0px; padding-left:0px; overflow:visible; } #primary_nav li a { background-color:transparent; background-repeat:no-repeat; background-position:top right; display:block; height:40px; text-indent:-9999px; width:120px; } #primary_nav li#pnav1 a { background-image:url(/images/tab_pers_off.gif);} #primary_nav li#pnav1 a.active { background-image:url(/images/tab_pers_active.gif);} #primary_nav li#pnav2 a { background-image:url(/images/tab_prof_off.gif);} #primary_nav li#pnav2 a.active { background-image:url(/images/tab_prof_active.gif);} #thirdpartycol { position:absolute; background-color:#fff; left:-42px; top:40px; text-align:center; -moz-border-radius:5px; border-radius:5px; } #thirdpartycol div { margin:7px; padding-right:2px; } #cover_image { position:absolute; top:40px; right:-40px; border:8px solid #fff; -webkit-transform: rotate(-6deg); -moz-transform: rotate(-6deg); box-shadow: 5px 5px 5px #aaa; } /* Used for the maincontent with the page fades */ #content, .classic_main { border:10px solid white; padding:10px; } /* Used in some of the archive pages */ .crumbtrail { display:none; font-size:89% } /* Deprecated in d7 */ #footer { clear:both; margin-top:35px; background-color:#aaa; color:#fff; font-size:87%; padding:3px 10px;} #copy { } #contact { float:right; } #footer a { color:#fff; } /* Inline tab-panel structure - Used in Resume */ #internal_links { overflow:auto; margin-left:10px; position:absolute; top:-25px; width:900px; } #internal_links li { list-style-type:none; float:left; overflow:visible; height:75px; margin-left:0px; } #internal_links li a { background-color:transparent; background-image:url(../work/images/resume_tabs.png); background-repeat:no-repeat; background-position:top right; display:block; height:75px; text-indent:-9999px; } #internal_links li a.current { font-weight:bold; } #internal_links li#inav1 a { background-position:-1px -75px; width:167px;} #internal_links li#inav1 a.current { background-position:-1px 3px; width:167px;} #internal_links li#inav2 a { background-position:-167px -75px; width:124px; } #internal_links li#inav2 a.current { background-position:-167px 3px; width:124px;} #internal_links li#inav3 a { background-position:-291px -75px; width:134px; } #internal_links li#inav3 a.current { background-position:-291px 3px; width:134px;} #internal_links li#inav4 a { background-position:-425px -75px; width:71px; } #internal_links li#inav4 a.current { background-position:-425px 3px; width:71px;} #internal_links li#inav5 a { background-position:-496px -75px; width:160px; } #internal_links li#inav5 a.current { background-position:-496px 3px; width:160px;} /* MicroPage - Used for pop-up windows in my portfolio */ body.micropage { background-image:none; background-color:#fff; } /* Styles */ .small_img { width:230px; padding:3px; border:1px solid #e6e6e6; } .crumbtrail { display:none; font-size:89% } /* Deprecated in d7 */