/* Style Sheet for DONTTOUCHME.COM - With CSS-P */ /* Copyright 1999-2007 Steven Hoober */ /* default small type body style */ body {color:#333; background-color:#fff; font-size:13px; font-family:lucida grande,arial; position:absolute; left:0; top:0; z-index:0; padding:0; margin:0; width:100%; height:100%; background:url(/Assets/back07.gif) 0px 95px no-repeat; } /* body links */ a:link { color:#c60; } a:visited { color:#963; } a:active { color:#333; } a:hover { color:#930; } #pageArea {margin:0; padding:0; width:100%; } /* Small HACK - 59 down instead of 60 because I cannot get rid of the top border... */ #navcontainer {position:absolute; left:0; top:59px; margin:0; padding:0; height:25px; width:100%; background:#000; } #navcontainer ul {border:0; margin:0; padding:0; list-style-type:none; } #navcontainer ul li {width:145px; float:left; text-align:left; padding:0; margin:0; } #navcontainer ul li a {height:18px; border:none; border-bottom:1px solid #000; background:#fff url(/Assets/tab-middle.gif) no-repeat top right; padding:2px 10px 2px 1em; margin:0 0 10px 0; color:#09f; text-decoration:none; display:block; text-align:left; font-size:14px; } #navcontainer ul li a:hover {color:#f60; font-weight:bold; } #navcontainer a:active {background:#c60; font-weight:bold; color:#fff; } /* By default, everything (except HOME) is off (display:none); elements are turned on as needed */ ul li#one1 a {display:block; background:#fff url(/Assets/tab-home.gif) no-repeat top right; margin-left:25px; } #one2 {display:none; } #one3 {display:none; } #one4 {display:none; } #one5 {display:none; } #one6 {display:none; } #one7 {display:none; } #one21 {display:none; } #one22 {display:none; } #one23 {display:none; } #location2 #one2 a{color:#000; font-weight:bold; background:#fff url(/Assets/tab-right.gif) no-repeat top right; } /* web design */ #location2 #one21 {display:block; } #location2 #one2 {display:block; } #location3 #one3 a{color:#000; font-weight:bold; background:#fff url(/Assets/tab-right.gif) no-repeat top right; } /**/ #location3 #one23 {display:block; } #location3 #one7 {display:block; } #location4 #one4 a{color:#000; font-weight:bold; background:#fff url(/Assets/tab-right.gif) no-repeat top right; } /* Resume */ #location4 #one21 {display:block; } #location4 #one4 {display:block; } #location5 #one5 a{color:#000; font-weight:bold; background:#fff url(/Assets/tab-right.gif) no-repeat top right; } /* Family Photos*/ #location5 #one22 {display:block; } #location5 #one5 {display:block; } #location6 #one6 a{color:#000; font-weight:bold; background:#fff url(/Assets/tab-right.gif) no-repeat top right; } /* Contact */ #location6 #one23 {display:block; } #location6 #one6 {display:block; } #location7 #one7 a{color:#000; font-weight:bold; background:#fff url(/Assets/tab-right.gif) no-repeat top right; } /* Blogger*/ #location7 #one23 {display:block; } #location7 #one7 {display:block; } #location21 #one21 a{color:#000; font-weight:bold; background:#fff url(/Assets/tab-right.gif) no-repeat top right; } /* work - 9to5 */ #location21 #one21 {display:block; } #location22 #one22 a{color:#000; font-weight:bold; background:#fff url(/Assets/tab-right.gif) no-repeat top right; } /* personal - weekends */ #location22 #one22 {display:block; } #location23 #one23 a{color:#000; font-weight:bold; background:#fff url(/Assets/tab-right.gif) no-repeat top right; } /* internet - 24x7 */ #location23 #one23 {display:block; } #masthead {position:absolute; left:0; top:0px; height:60px; padding:0; margin:0; width:100%; background: #000 url(/Assets/masthead07.jpg) 0px 0px repeat-x } #masthead span{display:none; } #contents {position:relative; left:60px; top:112px; padding:0; margin:0; width:625px; margin-bottom:25px; } #headline {position:relative; left:15px; top:0; border:0; padding:0; margin:0; } #imageArea {position:relative; left:15px; top:0; padding:0; margin:0 0 22px 0; width:608px; text-align:center; } #bodyArea {position:relative; left:15px; top:0; padding:0; margin:0 0 22px 0; width:608px; text-align:left; } /* #textArea {position:absolute; left:654px; top:10px; padding:0; margin:-10px 0 0 0; width:255px; height:500px; overflow:auto; } */ #textArea {color:#666; font-size:12px; line-height:1.5em; position:absolute; left:654px; top:10px; padding:0; margin:-10px 0 0 10px; width:255px; } #textArea a:link { color:#666; } #textArea a:visited { color:#666; } #textArea a:active { color:#333; } #textArea a:hover { color:#09f; } /* Headlines for heirarchy in the breadcrumbs */ #headline h2 {font-size:12px; font-weight:normal; color:#000; border:0; margin:0; } #headline h3 {font-size:15px; font-weight:bold; color:#000; } #headline h3 span {color:#06c; } #headline h4 {margin-bottom:0; } /* Headlines for in page, as usual */ h2 {font-size:18px; font-weight:bold; color:#f60; padding-top:4px; border-top:1px #f60 solid; margin-top:2em; } h2.first {border-style:hidden; margin-top:0; } h2.zero {margin-bottom:0; } h3 {font-size:14px; font-weight:bold; color:#f60;} h3 span {color:#f00;} h3.zero {margin-bottom:0; } h4 {margin-bottom:0; color:#f60} h3 a:link { color:#f60; } h3 a:visited { color:#963; } h3 a:active { color:#333; } h3 a:hover { color:#930; } /* sidebar title-links in blogger */ div.widget-content a:link { color:#f60; } div.widget-content a:visited { color:#963; } div.widget-content a:active { color:#333; } div.widget-content a:hover { color:#930; } td {color:#003; font-size:12px; font-family:lucida grande,arial; } th {color:#003; font-size:12px; font-family:lucida grande,arial; } table {margin-bottom:1em; border-collapse:collapse; } table td {vertical-align:baseline; } table.data td {border:1px solid #036; padding:2px; } table.data th {border:1px solid white; background:#036; color:white; } table.center td {text-align:center; } table.sm td, td.sm {width:45px; } table.med td, td.med {width:75px; } table.wide td, table.wide th, td.wide {width:105px; } table.wide td, td.third {width:33%; } address {margin-bottom:1em; } address p {margin:0; } .floatright {margin-left:15px; float:right; width:280px; } .floatleft {margin-right:15px; float:left; } .ruletop {border-top:2px solid f60; } .hide {display:none; } /* Paragraph tag with auto padding below */ p { margin:0 20px 15px 0;} /* Paragraph tag with looser padding below for special layouts */ p.loose {margin-bottom:25px;} /* Paragraph tag with tighter padding below for special layouts */ p.tight {margin-bottom:7px;} /* Paragraph tag with padding of 0 below for special layouts */ p.zero {margin-bottom:0;} /* First sentence or clause, bolder for intro emphasis */ span.first {color:#09f; font-size:16px; font-weight:bold; } .smaller {font-size:11px; } .smaller h2 {font-size:15px; } .smaller h3 {font-size:12px;} /* Image and control styles */ img.full {border: 1px solid #333; margin-bottom:5px; } img.thumb {border: 1px solid #06c; } #imageArea p {color:ff4100; font-weight:bold; } #imageArea p span {margin:0 40px 0 40px; } /* List styles to tighten them up, etc. */ li {list-style-type:square;} ul {margin-top:0; margin-bottom:15px; padding:0em 0em 0em 3em; margin:0 20px 0 0;} ul.tight {margin-top:0; margin-bottom:7px;} ul.zero {margin-top:0; margin-bottom:0;} ul.resume {margin-top:0; margin-bottom:15px; padding:0em 0em 0em 3em; margin:0 20px 0 0; color:#333; font-size:11px; } .clear {clear:both; height:1px;} .hundredSpace {height:100px;} /* Footer v.2007 */ p.footer {margin:225px 0 4em 25px; border-top:2px solid #f60; width:650px; font-size:10px; height:45px; }