/* Theme Name: www.walkercontracting.ca Theme URI: http://www.walkercontracting.ca Description: Description: A two-column, fixed-width design for 800 width screen resolutions. Version: 1 Author: len Dobrucki Author URI: http://www.dobrucki.ca */ /*

*/ /**** general styles ****/ body { margin: 0 auto; color: #000000; font-family: "Century Gothic", Verdana, Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; font-variant: normal; background-color: #333333; } h1, h2, h3 { margin: 0; padding: 0; color: #660000; /*color: #F49500;*/ } h2 { font-size: 14px; font-weight: bold; } .upper{ text-transform: uppercase; } h3 { text-transform: uppercase; letter-spacing: 2px; font-size: 11px; } ul { font-size: 14px; } #photo_list ul{ list-style-type: none; } #photo_list a{ color: #000000; text-decoration: none; } #photo_list li.centered{ width: 200px; text-align: center; margin-top: 10px; } .photo_list a{ color: #000000; text-decoration: none; } p, blockquote, ul, ol { line-height: 18px; /*text-align: justify;*/ } p{ font-size: 14px; } blockquote { padding-left: 20px; background: url(images/dotty.gif) repeat-y; } a { color: #0033CC; } a:hover { text-decoration: none; color: #3366FF; } .big-text { font-size: 14px; font-weight: bold; color: #660000; } .flat ul{ width: 850px; display: block; list-style-type:none; margin: 0px; padding: 0px; margin: auto; } .flat ul li{ float: left; padding: 0px 10px 0px 5px; } /* Header */ #header { width: 800px; height: 171px; margin: 0 auto; background-image: url(images/banner.jpg); border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #000000; border-left-color: #000000; } #header h1, #header h2 { text-transform: none; font-weight: normal; color: #000000; } #header h1 { float: left; font-size: 36px; padding-top: 20px; padding-right: 0; padding-bottom: 120; padding-left: 20px; } #header h2 { float: right; font-size: 22px; padding-top: 120px; padding-right: 110px; padding-bottom: 0; padding-left: 0; } /* Menu */ #menu { background: #FFFFFF url(images/menu-bg.jpg) repeat-x; width: 800px; height: 50px; margin: 0 auto; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #000000; border-left-color: #000000; } #menu ul { margin: 0; padding: 0; list-style: none; } #menu li { display: inline; } #menu a { display: block; float: left; padding: 17px 20px 0px 20px; background: url(images/menu-sep.gif) no-repeat; text-transform: uppercase; text-decoration: none; font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #D8D8D8; } #menu a:hover { color: #FFFFFF; } #menu .end-space { background: url(images/menu-sep.gif) no-repeat; margin-left: 11px; height: 35px; width: 2px; } /* current page highlighting */ #home #menu .home a, #about #menu .about a, #roofing_info #menu .roofing_info a, #chimneys #menu .chimneys a, #windows #menu .windows a, #gallery #menu .gallery a, #survey #menu .survey a, #contact #menu .contact a { color:#FF0000; } /* Content */ #content { width: 800px; margin: 0 auto 20px auto; padding: 0px; background: #FFFFFF url(images/content-bg.jpg) repeat-x left bottom; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #000000; border-left-color: #000000; } /* Posts */ #posts { float: right; width: 550px; background-repeat: repeat-y; background-position: right; padding: 25px 30px 0 30px; background: url(images/dotty.gif) repeat-y; } #posts .mid { font-weight: bold; text-align: center; } #posts-home { float: right; width: 750px; padding-top: 15px; padding-right: 30px; padding-bottom: 0; padding-left: 30px; } /* Sidebar */ #sidebar { float: left; width: 150px; padding: 20px 15px 0px 15px; } #sidebar ul { padding: 0; list-style: none; margin: 0; } #sidebar li { margin-top:10px; } #sidebar li ul { padding: 5px 0 30px 0; } #sidebar li li { padding: 7px 10px; background: url(images/sidebar-ul.gif) repeat-x left bottom; } #sidebar li a { text-decoration: none; text-align: left; color: #333333; } #sidebar li a:hover { text-decoration: underline; } #sidebar li h2 { font-size: 14px; } /* Footer */ #footer { height: 60px; padding-top: 10px; background: #2D2D2D url(images/footer-bg.gif) repeat-x; } #footer p { text-align: center; color: #999999; } .centeredImage { text-align:center; padding:0px; list-style-type: none; } #footer a { text-decoration: none; } a[href^="http:"]{ background:url(images/externalLink.gif) no-repeat right top; padding-right: 10px; } .table-box { border: 1px solid #666666; padding: 1px; } .table-sides { border-right-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: none; border-left-style: solid; border-top-color: #666666; border-right-color: #666666; border-bottom-color: #666666; border-left-color: #666666; border-top-width: 1px; } .box_image{ background-image: url(images/home%20box.gif); background-repeat: repeat-x; height: 400px; width: 400px; } .box_top { font-size: 12px; color: #660000; font-weight: bold; } .box { font-family: Arial, Helvetica, sans-serif; font-size: 10px; /*color: #000066;*/ border: 1px solid #3333CC; } .red{ color: red; } .italic{ font-style: italic; } .img-float{ position: absolute; top: 336px; left: 750px; } #training_logo{ position: absolute; left: 508px; top: 600px; text-align: center; } #certainteed_logo{ position: absolute; left: 681px; top: 600px; text-align: center; width: 190px; height: 253px; } #infinity_logo{ position: absolute; left: 507px; top: 756px; text-align: center; }