/***********************************************/ /* slatermaker Style Sheet */ /* Aprille Slater */ /* Designer and Developer */ /***********************************************/ /***********************************************/ /* General STYLES */ /***********************************************/ body { margin:0; padding:0; font-family:Georgia, "Times New Roman", Times, Serif; background:#DDE6EC; } h1 { margin-bottom:5px; padding:0px 3px 5px 0px; font-family:Georgia, "Times New Roman", Times, Serif; font-size:18px; font-weight:bold; text-align:left; text-transform:none; letter-spacing:1px; background:transparent; color:#86A6BD; } h2 { margin-bottom:5px; padding:0px 3px 5px 0px; font-family:Georgia, "Times New Roman", Times, Serif; font-size:14px; font-weight:bold; text-align:left; text-transform:none; letter-spacing:1px; background:transparent; color:#A5B176; } h3 { margin:0px; padding:0px 0px 0px 0px; font-family:Georgia, "Times New Roman", Times, Serif; font-size:28px; font-weight:bold; text-align:left; text-transform:none; letter-spacing:4px; background:transparent; color:#fff; text-align:center; } /***********************************************/ /* Container STYLES */ /***********************************************/ #containerBlock { margin:0; margin-left:auto; margin-right:auto; padding:0px; border:0px solid #B3C7D4; width:1000px; height:auto; background:#A2BACA; } /***********************************************/ /* Top STYLES */ /***********************************************/ #topBlock { margin:0; padding:0px; border:0px solid #fff; width:1000px; height:94px; background:#86A6BD; } #logo { float:left; margin:0px; padding:4px 10px 0px 10px; border-right:5px solid #fff; background:#A2BACA; width:400px; height:90px; color:#fff; font-size:12px; letter-spacing:4px; } #logo a, #logo a:link, #logo a:visited, #logo a:active { text-decoration:none; text-align:right; color:#fff; font-size:30px; font-weight:bold; letter-spacing:4px; } #logo a:hover { text-decoration:none; text-align:right; color:#fff; font-size:30px; letter-spacing:4px; } #navigation { float:left; margin:0px; padding:0px; border-right:0px solid #fff; text-decoration:none; text-align:center; color:#fff; font-size:12px; font-weight:bold; letter-spacing:1px; } #navigation a, #navigation a:link, #navigation a:visited, #navigation a:active { float:left; display:block; min-width:45px; margin-left:0px; margin-right:0px; padding:2px 14px 2px 14px; width:auto; height:90px; border-right:5px solid #fff; background:#86A6BD; text-decoration:none; text-align:center; color:#fff; font-size:12px; font-weight:bold; letter-spacing:1px; } #navigation a:hover { float:left; display:block; min-width:45px; margin-left:0px; margin-right:0px; padding:2px 14px 2px 14px; width:auto; height:90px; border-right:5px solid #fff; background:#A2BACA; text-decoration:none; color:#990000; font-size:12px; font-weight:bold; letter-spacing:1px; } /***********************************************/ /* Space STYLES */ /***********************************************/ #spaceBlock { margin-bottom:0px; padding-left:0px; border-top:5px solid #fff; width:1000px; height:25px; background:#A5B176; } /***********************************************/ /* Content STYLES */ /***********************************************/ #contentBlock { margin:0; padding:0px 10px 0px 10px; border:5px solid #fff; width:970px; height:540px; background:#F6F6F6; color:#777; font-size:12px; letter-spacing:1px; } #img_conTitle { margin:0; padding:3px; border:1px solid #D8D8D8; width:420px; height:100px; } #img_conPortfolio { margin:0; padding:3px; border:1px solid #D8D8D8; width:420px; height:400px; } #contentBlock a, #contentBlock a:link, #contentBlock a:visited, #contentBlock a:active { text-decoration:none; text-align:right; color:#86A6BD; } #contentBlock a:hover { text-decoration:none; text-align:right; color:#990000; } /***********************************************/ /* Footer STYLES */ /***********************************************/ #footerBlock { margin-bottom:0px; padding:5px 10px 10px 10px; border:0px solid #fff; width:980px; height:120px; background:transparent; color:#fff; font-size:10px; text-align:right; } #footerBlock a, #footerBlock a:link, #footerBlock a:visited #footerBlock a:active { text-decoration:none; text-align:right; color:#fff; letter-spacing:1px; } #footerBlock a:hover { color:#A42627; letter-spacing:1px; } /***********************************************/ /* HOME PAGE STYLES */ /***********************************************/ #hom_leftBlock { float:left; margin:0px; padding:60px 0px 0px 0px; width:420px; height:320px; border-right:5px solid #fff; background:#A2BACA; color:#fff; font-size:16px; letter-spacing:2px; } #hom_rightBlock { float:left; margin:0px; padding:0px 0px 0px 0px; width:575px; height:320px; border:0px solid #fff; background:#A2BACA; } #hom_nav { margin:0px; padding:0px; border:0px solid #fff; width:575px; height:94px; background:#86A6BD; } #hom_pic { margin:0px; padding:0px; border-top:5px solid #fff; width:575px; height:120px; } #hom_txt { margin:0px; padding-left:10px; border-top:5px solid #fff; width:565px; } #hom_txt a, #hom_txt a:link, #hom_txt a:visited #hom_txt a:active { text-decoration:none; text-align:right; color:#fff; letter-spacing:0px; } #hom_txt a:hover { color:#A42627; letter-spacing:0px; } #hom_spaceBlock { clear:both; margin-bottom:0px; padding:0px; height:25px; border-top:5px solid #fff; border-bottom:5px solid #fff; background:#A5B176; } #hom_footerBlock { margin-bottom:0px; padding:5px 10px 10px 10px; border-top:0px solid #7E6C6A; height:360px; background:transparent; color:#fff; font-size:10px; text-align:right; } #hom_footerBlock a, #hom_footerBlock a:link, #hom_footerBlock a:visited #hom_footerBlock a:active { text-decoration:none; text-align:right; color:#fff; letter-spacing:1px; } #hom_footerBlock a:hover { color:#A42627; letter-spacing:1px; }