/* CSS Document */ /* Design By: Harlan A. Brown Website: http://www.habrown.com © Copyright 2011 - Harlan A. Brown COLORS => #600 (Maroon), #000 (Black), #FFF (White), #999 (Med. Grey) */ * {margin: 0;} html, body {height: 100%; margin: 0; padding: 0;} img, div { behavior: url(iepngfix.htc) } body{background-color: #000; color: #000; font-family: Verdana, Geneva, sans-serif; font-weight: normal;} #backgroundimgstrtch{background-position: center top; background-repeat: no-repeat; background-attachment: scroll; /*display: block;*/ height: 100%;} /* Main Container */ #mainCon{width: 1024px !important; margin: 0 auto 0 auto;} /* Header */ #networks{height: 32px !important; width: 100% !important; background-color: transparent;} #logobanner{width: 1024px !important; height: 59px !important;} #logo{background-image: url(img/habrown_logo.png); background-repeat: no-repeat; height: 59px;} #navigation{height: 18px; font-size: 10px; color: #FFF; vertical-align: middle; text-align: right;} /* Content Area */ #mainDiv{width: 1024px; background: #FFF; border-radius: 3px; -moz-border-radius: 3px;} h4{color: #600; text-shadow: #CCC 1px 1px; font-size: 14px; font-weight: bold;} h3{color: #600; text-shadow: #999 1px 1px; font-size: 26px; margin-left: 32px; font-family: Myriad Pro, Georgia, sans-serif;} h2{color: #600; text-shadow: #CCC 1px 1px; font-size: 18px; margin-left: 32px; font-family: Myriad Pro, Georgia, sans-serif;} table#twoCol{width: 986px; margin: 0px auto 0px auto; vertical-align: top;} td.left{width: 592px; height: 100px !important; vertical-align: top; padding: 15px;} div.serviceajax{width: 552px; height: 231px; border-top: 1px solid #CCC; margin: auto;} td.right{width: 312px; height: 100px !important; vertical-align: top; padding: 15px;} /* Slide Show */ #slideshowDiv{width: 986px; margin: 0 auto 0 auto; height: 324px; border: 1px solid black;} #ssSpacer{height: 234px !important; width: 986px;} table#latestProjects{width: 986px; height: 92px; background: repeat-x url(img/projSSbg.png); margin: auto auto 0px auto; font-size: 12px;} #latestProjects h4{font-size: 16px; font-weight: bold; color: #CCC; text-shadow: #333 1px 1px;} #portfolio #ssSpacer{height: 108px !important; width: 986px;} #portfolio table#latestProjects{width: 986px; height: 92px; background: repeat-x url(img/projSSbg.png); margin: auto auto 0px auto; font-size: 12px;} #portfolio #latestProjects h4{font-size: 16px; font-weight: bold; color: #CCC; text-shadow: #333 1px 1px;} td#projDesc{width: 660px; height: 92px; color: #FFF; padding: 5px; vertical-align: top;} /*td#projDsec div#pjDsc{width: 650px; height: 82px; margin: auto;}*/ td#projTech{width: 326px; height: 92px; color: #FFF; text-align: center;} #visitButton{width: 104px; height: 25px; background: url(img/buttonbg-104x25.png) no-repeat; margin: 0px auto 0px auto;} .spacer5px{height: 5px !important;} .shadow{width: 988px; background: url(img/slideshow_shadowbox.png) repeat-x; height: 2px; margin: 0 auto 0 auto;} /* Left Side */ p.content{margin: 0px 22px 0px 22px; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; padding: 5px; text-align: justify;} p.content:first-letter{font-size: 12px; font-weight: normal; margin-left: 8px;} /* Blog Posts */ .posted{border-top: 1px solid #CCC; width: 100% !important; font-size: 10px;} .postblurb{font-size: 12px; text-align: justify;} p.postblurb:first-letter{font-size: 12px; font-weight: normal; margin-left: 8px;} /* Links */ #navigation a{color: #FFF; text-decoration: none;} #navigation a:visited{color: #FFF; text-decoration: none;} #navigation a:hover{color: #990000; text-decoration:none;} /* Navigation Page ID */ /* Slideshow Link */ #visitButton a{color: #FFF; text-decoration: none; font-size: 10px;} #visitButton a:hover{color: #999; text-decoration: none; font-size: 10px;} #visitButton a:visited{color: #FFF; text-decoration: none; font-size: 10px;} /* Blog Header Links */ .header a{font-size: 14px; color: #333; font-weight: bold; text-decoration: none;} .header a:visited{font-size: 14px; color: #333; text-decoration: none;} .header a:hover{font-size: 14px; color: #999; font-weight: bold; text-decoration: none;} /* Blog Poster Link */ a.posterlink{color: #600; text-decoration: none; font-weight: normal;} a.posterlink:visited{color: #600; text-decoration: none; font-weight: normal;} a.posterlink:hover{color:#900; text-decoration:none; font-weight: normal;} .postblurb a{color: #600; text-decoration: none; font-weight: normal;} .postblurb a:visited{color: #600; text-decoration: none; font-weight: normal;} .postblurb a:hover{color:#900; text-decoration:none; font-weight: normal;} #copyright a{color: #999; text-decoration: none; font-weight: normal; font-size: 10px;} #copyright a:visited{color: #999; text-decoration: none; font-weight: normal; font-size: 10px;} #copyright a:hover{color: #CCC; text-decoration: none; font-weight: normal; font-size: 10px;} /* Misc */ .doubleline{height: 4px !important; width: 900px !important; margin: 0px auto 0px auto; background: url(img/doublelinebg.gif) repeat-x; font-size: 9px; color: black;} /* Contact Forms */ form{font-size: 11px; color: #333;} form.quickContact{width: 592px; height: 231px !important; margin: 0px auto 0px auto;} .quickContact input[type="text"]{width: 180px; border: 1px solid #999; background-color: #fff;} form.contact{width: 760px; height: 500px !important; margin: 0px auto 0px auto;} .contact input[type="text"]{width: 180px; border: 1px solid #999; background-color: #fff; -moz-border-radius: 3px;} fieldset.contactby{width: 200px; margin: 0px auto; text-align: center; -moz-border-radius: 3px; border:1px solid #999;} input[type="radio"]{vertical-align: middle;} select{background: #CCC url(img/dropdowntest.png) right no-repeat scroll; border: 1px solid #999; -moz-border-radius: 3px;} optgroup{font: 11px normal normal Verdana, Geneva, sans-serif;} option{font-size: 12px;} /* Portfolio */ .portWebsite{width: 946px !important; height: 306px !important; background: url(img/portfolio_bg.png) repeat-x; margin: 0px auto 0px auto; padding: 10px; -moz-border-radius: 3px; border: 1px solid #eee;} /*.bgtest1{width: 946px !important; height: 306px !important; background: url(img/bgtest01.png) no-repeat;}*/ .siteDesc{font-size: 12px; padding: 8px; text-align: justify; margin-left: 32px; background:url(img/bgtest11.png) repeat;-moz-border-radius: 3px; border: 1px solid #ccc; margin-top: 3px; margin-bottom :3px;} .webdescred{color: #600; font-weight: bold;} .websiteSS{width: 347px; height: 305px; margin: auto 32px auto 18px; float: left; } .websiteDesc{float: left; width: 547px !important; } .websiteDesc a,visited{color: #600; text-decoration:none;} .websiteDesc a:hover{color: #C00; text-decoration: none;} .websiteSSr{width: 347px; height: 305px; margin: auto 2px auto 18px; float: right; } .websiteDescr{float: right; width: 547px !important; margin-right: 32px; } p.webVisit{padding: 20px; font-size: 14px; text-align: right;} p.webVisit a{color: #600; text-decoration: none;} p.webVisit a:visited{color: #600; text-decoration: none;} p.webVisit a:hover{color: #600; text-decoration: none;} /* Copyright */ #copyright{width: 1024px; text-align:center; color: #999; font-size: 10px; margin: 0px auto 0px auto;}