/* Theme Name: WebTech By Design Theme Theme URI: http://www.webtechbydesign.com Description: This is the theme for the WebTech By Design website -- WordPress v3.4.2 Author: Scott Whitley Author URI: http://www.webtechbydesign.com Version: 1 */ html, body { margin: 0px; padding: 0px; font: 10pt arial, helvetica, sans-serif; color: #000000; background: #111 url("images/bg-main-three.png") repeat 0px 0px; } * {margin: 0; padding: 0;} article, aside, figure, footer, header, nav, section {display: block;} #page-wrap { position: relative; width: 1080px; margin-top: 10px; margin-bottom: 10px; margin-left: auto; margin-right: auto; border: 0px solid #000000; text-align: left; background-color: #fff; } .entry{ width: 575px; } /* ++++++++++ header styles START ++++++++++++++ */ #a5-header { position: relative; height: 410px; border: 0px solid #000000; display: inline-block; background-color: #fff; background-image:url("images/bg-header.png"); background-repeat: repeat-x; background-position: 0px 195px; } #a5-header-minimal { position: relative; height: 210px; border: 0px solid #000000; display: inline-block; background-color: #fff; } #logo{ float: left; padding-top: 25px; padding-left: 40px; } #logo img{ border: 0; } #headerText { position: absolute; top: -10px; left: 275px; width: 700px; text-align: right; color: #ce0f0f; height: 34px; padding: 15px 0px 10px 20px; margin: 13px 0px 10px 0px; } #headerText h1 { font-size: 22px; width: inherit; padding-right: 60px; padding-top: 80px; font-style: italic; margin-right: 30px; } #promises-list{ float: right; margin-top: 215px; margin-right: 90px; color: #fff; font-family: "Myriad Pro Cond"; font-size: 2.3em; font-weight: bold; text-align: right; } #questions-answered-list{ float: left; margin-top: 200px; margin-left: -280px; color: #fff; } .redHeading { font: 11pt arial, helvetica, sans-serif; color: #ce0f0f; width: 320px; font-size: 1.4em; font-weight: 900; text-align: left; padding: 0 0 10px 0; } #answers-list{ padding-top: 17px; padding-left: 20px; } /* ++++++++++ navigation styles START ++++++++++ */ nav { position: relative; width: 1080px; top: 170px; left: 0px; font: 11pt arial, helvetica, sans-serif; line-height: 20px; z-index: 1; border-top: 0px solid #ffffff; background: #000 url("images/bg-menu-bar.png") no-repeat 0% 0%; height: 38px; } #a5-menu-box { position: absolute; top: 8px; left: 693px; } #a5-menu-box a { text-decoration:none; padding:7px 10px 7px 15px; color:#fff; font-weight: bold; } #a5-menu-box a:hover { background:url("images/bullet-menu-top-on.png") no-repeat 0px 3px; color:#ebbd05; } #a5-menu-box ul{ list-style: none; } #a5-menu-box li{ display:inline; } /* ++++++++++ navigation styles END ++++++++++ */ /* ++++++++++ header styles END ++++++++++++++ */ /* ++++++++++ main-content styles START ++++++++++++++ */ #main-content{ float: right; width: 620px; margin-top: 30px; margin-bottom: 20px; margin-right: 30px; } #description-block{ float: right; width: 580px; padding: 20px; } #description-block h2{ padding: 20px 0 0 20px; } #description-block p{ width: 525px; padding: 20px 0 0 20px; } .justify{ text-align: justify; } #indexpage-emphasized-1{ font-size:1.7em; font-weight:bold; padding-left:12px; font-family: "Myriad Pro Cond"; } /* ++++++++++ main-content INDEX styles END ++++++++++++++ */ /* ++++++++++ main-content PACKAGES styles START ++++++++++++ */ #a5-sl-title { font: 16pt arial, helvetica, sans-serif; padding: 23px 0px 10px 0px; margin: 10px 0px 20px 0px; color: #000000; } #a5-column-right-sl-packages { background-color: #ffffff; margin-right: 20px; margin-bottom: 40px; margin-top: 20px; } #a5-column-right-text-sl { padding:0px 30px 0px 30px; border:0px solid red; } .tableData-1{ font-weight:bold; text-align:center; border-left:thin solid #fff; } .tableData-1a{ font-weight:bold; text-align:center; border-left:thin solid #FFF; background-color:#f6f6f6; } .tableData-1b{ font-weight:bold; text-align:left; border-left:thin solid #FFF; background-color:#f6f6f6; } .tableData-2{ font-weight:bold; text-align:left; padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:10px; width:200px; border-left:thin solid #FFF; } .gray{ background-color:#CCC; } .light-gray{ background-color:#f6f6f6; } .left{ border-left:thin solid #999; } .top{ border-top:thin solid #999; } .right{ border-right:thin solid #999; } .bottom{ border-bottom:thin solid #999; } /* ++++++++++ main-content PACKAGES styles END ++++++++++++++ */ /* ++++++++++ aside INDEX styles START ++++++++++++ */ #search-form{ width: 320px; } #index-aside{ float: left; width: 340px; padding-bottom: 40px; padding-left: 40px; padding-top: 40px; border: 1px solid #000000; } #index-aside h4{ font: 11pt arial, helvetica, sans-serif; color: #ce0f0f; height: 34px; width: 320px; padding: 30px 0px 0px 0px; font-size: 1.4em; font-weight: 900; } #widget{ width: 320px; } /*Sidebar Form*/ .myform{ margin: 0 auto 0 0px; width: 280px; padding-left: 10px; padding-right: 10px; padding-top: 20px; padding-bottom: 20px; color: #FFF; } /* ----------- stylized ----------- */ #stylized{ background: #fff; border: 1px solid #000000; margin-top: 40px; } #stylized h1 { font-size:14px; font-weight:bold; margin-bottom:8px; } #stylized p{ font-size:11px; color:#666666; margin-bottom:20px; border-bottom:solid 1px #b7ddf2; padding-bottom:10px; } #stylized label{ display: block; font-weight: bold; text-align: right; width: 110px; float: left; } #stylized .small{ color: #666666; display: block; font-size: 11px; font-weight: normal; text-align: right; width: 110px; } #stylized input{ float: left; font-size: 12px; padding: 4px 2px; border: solid 1px #aacfe4; width: 280px; margin: 2px 0 20px 20px; } #stylized button{ clear: both; margin-left: 80px; width: 140px; height: 31px; background: #666666 url(img/button.png) no-repeat; /*!!!!!Check on this one later!!!!!!!*/ text-align: center; line-height: 22px; color: #FFFFFF; font-size: 14px; font-weight: bold; } /* ++++++++++ aside INDEX styles END ++++++++++++ */ /* ++++++++++ aside PACKAGES styles START ++++++++++++ */ #index-aside-packages{ float: left; width: 390px; } #index-aside-packages h4{ font: 11pt arial, helvetica, sans-serif; color: #ce0f0f; height: 34px; width: 335px; padding: 45px 0px 0px 40px; font-size: 1.4em; font-weight: 900; } #a5-column-left-text-sl-packages { margin: 35px 0px 0px 40px; border: 0px solid #000; } /* ++++++++++ aside PACKAGES styles END ++++++++++++ */ #column-left{ width: 330px; margin-left: 40px; text-align: justify; padding-top: 10px; } .contact-para { font-weight: 400; font-size: 1em; padding-bottom: 25px; } .contactList{ color:#000; padding-bottom:10px; } /* ++++++++++ footer styles START ++++++++++++ */ #a5-footer { clear:both; font: 8pt arial, helvetica, sans-serif; height:27px; margin:0px 0px 0px 0px; padding:13px 20px 10px 0px; text-align:right; color:#999999; background:url("images/bg-footer.png") no-repeat 0px 0px; border-top:0px solid #ffffff; } /* ++++++++++ footer styles END ++++++++++++++ */