/* Theme Name: SNPF Theme URI: http://snpulmonaryfunction.ca Description: Description: A two-column, fixed-width design for 780 width screen resolutions. Version: 1 Author: len Dobrucki Author URI: http://www.dobrucki.ca */ /* */ /**** general styles ****/ body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 14px; } #wrapper { background-color: #faf7f7; width: 780px; margin: 0 auto; text-align: left; } h2 { font-size: 16px; font-family: "Georgia", Times New Roman, Times, serif; color: #7E5F30; } a[href^="http:"]{ background:url(images/externalLink.gif) no-repeat right top; padding-right: 10px; } /**** Header ****/ * html #header {height:90px} /* IE Min-Height Hack */ #header{ position: relative; } #header h1 { float: left; font-size: 26px; color: #FFFF66; margin-top: 10px; margin-left: 20px; } #address{ color: #FFFFFF; position: absolute; left: 67px; top: 178px; font-weight: bold; width: 432px; } #header a{ color: #FFFFFF; } #header { background-image: url(images/header.jpg); height: 246px; } /**** Menu *****/ /* in sidebar */ .mainnav { list-style: none; } ul.mainnav{ padding: 40px 0px 0px 0px; } ul.mainnav li a:link, ul.mainnav li a:visited { display: block; text-decoration: none; width: 100%; padding: 4px 0px 4px 2px; color: #0000FF; } #current{ color: #FF3300; } ul.mainnav li a:hover { display: block; text-decoration: none; padding: 4px 0px 4px 2px; color: #fff; width: 100%; background-color: #CCAB79; } /***** Content *****/ #content { float: right; } #mainContent { min-height: 375px; width: 550px; float: right; border: 1px solid #ccc; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 0px; padding-top: 20px; padding-right: 20px; padding-bottom: 8px; padding-left: 8px; } #mainContent h1, .highlight1 { font-size: 19px; font-family: Arial, Helvetica, sans-serif; color: #0000FF; padding-top: 20px; padding-left:20px; } #mainContent h2 { font-size: 15px; font-family: Arial, Helvetica, sans-serif; color: #0000FF; padding-top: 20px; padding-left:20px; } p{ padding-left: 10px; } #mainContent ul{ padding-left: 60px; } #mainContent a { font-size: 14px; color: #000000; text-decoration: none; } #mainContent a:hover { color: #666666; } /***** Sidebar *****/ #sidebar { width: 150px; float: left; background-color:#eeeeee; border: 1px solid #ccc; display: inline; margin-top: 10px; margin-right: 10px; margin-bottom: 0px; margin-left: 5px; padding-top: 0px; padding-right: 7px; padding-bottom: 7px; padding-left: 7px; } #sidebar li{ list-style-type: none; } /***** Footer *****/ #footer { clear: both; background-image: url(images/footer.jpg); color: #fff; font-size: 11px; border: 1px solid #ccc; height: 33px; padding-top: 10px; padding-left: 20px; } #footer a { color: #FFFFFF; } /****** Misc *******/ .address-body { font-size: 14px; font-weight: bold; color: #0000FF; text-align: center; } /* google map */ .google { border: 1px solid #666666; margin-top: 0px; margin-right: 30px; margin-bottom: 0px; margin-left: 40px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 30px; } /* sign images */ #signs { list-style-type: none; display: block; float: left; } #signs li { text-align: center; } /* print button */ .button { font: bold 11px Arial; text-decoration: none; background-color: #EEEEEE; color: #333333; padding: 2px 6px 2px 6px; border-top: 1px solid #CCCCCC; border-right: 1px solid #333333; border-bottom: 1px solid #333333; border-left: 1px solid #CCCCCC; } /* jQuery apple animation */ .pane { background: #edf5e1; borderp: solid 1px #c4df9b; width: 250px; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; position: absolute; top: 611px; right: 202px; } .apple{ margin-left:50px; }