/*SINGLE LINE DECLARATIONS*/ .hide {display: none;} body {margin: 5px 0 0 3px; padding: 0; font: 12px/1.3em Verdana, Helvetica, Arial, sans-serif; color: #333; background: #fff; text-align: center;} h1 {font-size: 16px; margin: 0; padding: 0;} h2 {font-size: 14px; margin: 0; padding: 0;} h3, h4, h5 {font-size: 13px; margin: 10px 5px 0;} p {margin: 0 5px 10px 5px; padding: 0;} h2.pageTitle {width: 384px; height: 16px; padding-top: 5px; text-align: center;} acronym {border-bottom: 1px dotted; cursor: help;} code {font-family: "Courier New", Courier, monospace; color: #000;} /*Form styles*/ fieldset {border: none; margin: 5px;} legend {font-weight: bold; font-size: 14px; color: #00508f;} input, textarea {border: 1px solid #333; font: 12px Verdana, Helvetica, Arial, sans-serif;} input:focus, textarea:focus, select:focus {background: #eee;} input.submit {background: #fff; cursor: pointer;} blockquote {border: 1px solid #333; background: #eee; padding: 5px; margin: 0 40px 10px 40px; text-align: justify;} /*---------------------------------------ul of big days on about page*/ ul.bigdays {margin: 0 25px; padding: 0; list-style: none;} ul.bigdays li {margin: 0; padding: 0;} /*---------------------------------------ul of skills on services page*/ ul.skills {margin: 0 25px; padding: 0; list-style: circle;} ul.skills li {margin: 0; padding: 0;} /*---------------------------------------books and works page styles*/ .book, .work {clear: left;} .book img, .work img {float: left; clear: left; padding: 2px; margin: 3px; border: 1px solid #333;} .book a.img:hover img, .work a.img:hover img {border: 1px solid #ccc;} .book p, .work p {margin-left: 110px;} .work h5 {font-weight: normal; font-size: x-small;} /*---------------------------------------LAYOUT AND POSITIONING---------------------------------------------*/ div#container {margin: 0 auto 0; width: 630px; text-align: left;} div#header {width: 513px; height: 22px;} div#header h1 {width: 204px; height: 22px; float:left;} div#header h1 a {display: block; width: 204px; height: 22px;} div#header h1 span {display: none;} /*---------------------------------------SECONDARY NAVIGATION-----------------------------------------------*/ div#secnav {float: right; margin: 10px 0 0;} div#secnav ul li {list-style: none; display: inline;} div#secnav ul li a {display: block; float: left; margin: 0 0 0 13px;} div#secnav ul li a span {display: none;} div#secnav #articles a {width: 35px; height: 12px;} div#secnav #favbooks a {width: 67px; height: 12px;} div#secnav #favlinks a {width: 62px; height: 12px;} div#secnav #mycalendar a {width: 56px; height: 12px;} /*---------------------------------------PRIMARY NAVIGATION-------------------------------------------------*/ div#primnav {width: 126px;} div#primnav ul li {list-style:none; margin: 0; padding: 0;} div#primnav ul li a {display: block; margin: 0 0 2px; padding: 0;} div#primnav ul li a span {display: none;} div#primnav #whoami a, div#primnav #whathaveidone a, div#primnav #whatcanido a, div#primnav #contactme a {width: 126px; height: 64px;} /*---------------------------------------STYLE SWITCHER BLOCKS----------------------------------------------*/ div#styleSwitcher {width: 100%;} div#styleSwitcher ul {margin: 0 0 0 12px; padding: 0; list-style: none;} html>body div#styleSwitcher ul {margin: 0 0 0 15px;} div#styleSwitcher p {margin: 0 0 0 22px;} div#styleSwitcher ul li {width: 20px; height: 20px; margin: 0; padding: 0; display: inline;} div#styleSwitcher ul li a span {display: none;} div#styleSwitcher ul li a {display: block; float: left; width: 20px; height: 20px; margin: 5px;} div#styleSwitcher ul li#freshSwitch a { background-image: url('../../../Documents%20and%20Settings/Teresa/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/images/switch.gif'); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 } div#styleSwitcher ul li#freshSwitch a:hover { background-image: url('../../../Documents%20and%20Settings/Teresa/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/images/switch.gif'); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 -21px } div#styleSwitcher ul li#hotSwitch a { background-image: url('../../../Documents%20and%20Settings/Teresa/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/images/switch.gif'); background-repeat: no-repeat; background-attachment: scroll; background-position: -21px 0 } div#styleSwitcher ul li#hotSwitch a:hover { background-image: url('../../../Documents%20and%20Settings/Teresa/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/images/switch.gif'); background-repeat: no-repeat; background-attachment: scroll; background-position: -21px } div#styleSwitcher ul li#coolSwitch a { background-image: url('../../../Documents%20and%20Settings/Teresa/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/images/switch.gif'); background-repeat: no-repeat; background-attachment: scroll; background-position: -42px 0 } div#styleSwitcher ul li#coolSwitch a:hover { background-image: url('../../../Documents%20and%20Settings/Teresa/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/images/switch.gif'); background-repeat: no-repeat; background-attachment: scroll; background-position: -42px -21px } /*---------------------------------------CONTENT AND COL1---------------------------------------------------*/ div#col1 {float: left; width: 126px;} div#content {min-height: 510px; margin: 0 0 0 129px; padding: 0 0 10px; width: 384px;} form#addCommentForm, form#contactForm {margin: 5px;} /*---------------------------------------FOOTER-------------------------------------------------------------*/ div#footer {margin: 0 0 25px 132px; padding: 0; font-size: 10px; width: 384px; text-align: center;} html>body div#footer {margin: 0 0 25px 129px;} div#footer a {text-decoration:none; margin: 0; padding: 0;} div#footer a:hover {color: #333;} /*---------------------------------------HOMEPAGE-----------------------------------------------------------*/ div#secnavHome ul, div#secnavHome ul li, div#primnavHome, div#primnavHome ul {margin: 0; padding: 0;} div#containerHome {margin: 0 auto 0; width: 570px; text-align: center;} div#headerHome {width: 290px; height: 36px; margin: 0 auto 0;} div#headerHome h1 {text-indent: -9999px; overflow: hidden; width: 204px; height: 22px;margin: 0 auto 0;} div#headerHome h1 span {display: none;} div#secnavHome {margin: 0 auto 0;} div#secnavHome ul li {list-style: none; display: inline;} div#secnavHome ul li a {display: block; float: left; margin: 0 0 0 13px;} div#secnavHome ul li a span {display: none;} div#secnavHome #articles a {width: 35px; height: 12px;} div#secnavHome #favbooks a {width: 67px; height: 12px;} div#secnavHome #favlinks a {width: 62px; height: 12px;} div#secnavHome #mycalendar a {width: 56px; height: 12px;} div#primnavHomeWrap {margin: 0 auto 0; padding: 0; width: 570px; height: 64px;} div#primnavHome {width: 570px;} div#primnavHome ul li {list-style:none; margin: 0; padding: 0; display: inline;} div#primnavHome ul li a {display: block; margin: 0; padding: 0; float: left;} div#primnavHome ul li a span {display: none; } div#primnavHome #whoami a {width: 126px; height: 64px; margin-right: 2px;} div#primnavHome #whathaveidone a {width: 126px; height: 64px; margin-right: 62px;} div#primnavHome #whatcanido a {width: 126px; height: 64px; margin-right: 2px;} div#primnavHome #contactme a {width: 126px; height: 64px;} div#contentHome {width: 235px; height: 403px; margin: 0 auto 0;padding: 0;} html>body div#contentHome {background-position: -7px -64px;} div#footerHome {margin: 0 auto 0; padding: 0; font-size: 10px; width: 384px; text-align: center; clear: both;} div#footerHome p {margin: 0; padding: 0;} div#footerHome a {text-decoration:none; margin: 0; padding: 0;} div#footerHome a:hover {color: #333;}