/* Theme customized based on: Theme Name: Safe Haven Theme URI: http://http://www.wpgalaxy.com Description: Professional theme, Valid XHTML & CSS, 2 Columns, Widget Ready, Illustration Author: DonCano Author URI: http://www.wpgalaxy.com */ /* ---------- KEY ---------- Link: #FFE136 Background color: #990033 Background border color: #670a34 Panel background color: #4D091A */ * { margin: 0; padding: 0; } html { overflow-y: scroll; } body { margin: 0px auto; padding: 0px; font-size: 14px; font-weight: normal; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: left; color: #FFFFFF; width: 100%; position: relative; background: #000000 url('http://www.spaciousmind.com/images/bodybg3.jpg') no-repeat center top;} #page { } #page-body { margin: 0 auto; width: 925px; min-height: 300px; padding: 10px 0 120px 0; background: #990033 url('http://www.spaciousmind.com/images/container-bottombg.jpg') bottom no-repeat; border: 4px solid #670a34; -moz-border-radius: 20px; -webkit-border-radius: 20px; z-index: 1;} /* ---------- IE6 ---------- */ #ie6Warning { color: #FFF; border: #F00 solid 15px; width: 800px; margin: 0 auto 25px auto; font-family:Arial, Helvetica, sans-serif; background-color: #333; padding:25px; } .ie6Warning-header { color: #FFF; font-size:18px; font-family: Verdana, Helvetica, Arial, sans-serif; } #ie6Warning a { color: #F00; text-decoration:none; } #ie6Warning a:hover { color: #F00; text-decoration:underline; } /* ---------- HEADER ---------- */ #header { margin: 0 auto; padding: 0; height: 270px; width: 100%; } #logo { display:block; text-indent: -9999px; height: 250px; } /* ---------- STRUCTURE ---------- */ #content { margin:10px 15px 10px 18px; line-height: 1.4em;} #content-home-leftcolumn { width: 410px; min-height: 350px; margin: 5px 25px 0 0; float: left;} #content-home-rightcolumn { width: 450px; min-height: 350px; margin-bottom: 20px; float: right; clear: right;} #webdevpackages-header { text-indent: -9999px; display: block; height: 32px; margin: 6px 0 10px 10px; background: url('http://www.spaciousmind.com/images/home/packages_subhead.png') no-repeat;} #content-home-rightcolumn-lower { width: 430px; min-height: 120px; margin-top: 30px;} #content-home-rightcolumn-lower a {display: block; -moz-border-radius: 15px; -webkit-border-radius: 15px; text-indent: -9999px; width: 450px; height: 120px; background-image: url('http://www.spaciousmind.com/images/projects/projectshome-wide.jpg');} #content-home-rightcolumn-lower a:hover {background-image: url('http://www.spaciousmind.com/images/projects/projectshome-wide-rollover.jpg');} /*background: url('http://www.spaciousmind.com/images/home/projectshome.jpg');} */ /*#content-home-rightcolumn a { display: block; margin-top: 317px; text-indent: -9999px; background: #000000 url('http://www.spaciousmind.com/images/home/projectshome_click2.gif'); height: 33px; width: 300px; overflow: hidden;} #content-home-rightcolumn a:hover { background: #000000 url('http://www.spaciousmind.com/images/home/projectshome_click_over2.gif');}*/ .content-projects { width: 780px; height: 300px; margin-bottom: 20px; background: #4D091A; -moz-border-radius: 20px; -webkit-border-radius: 20px;} .content-projects-left { width: 350px; height: 275px; padding: 8px 0px 0px 20px; float: left; } .content-projects-right { width: 285px; padding: 16px 25px 5px 0px; float: right; text-align: left; } #clients-leftcolumn { width: 565px; margin-right: 25px; float: left; } #clients-rightcolumn { width: 240px; margin-right: 15px; float: right; clear: right; padding: 10px; background-color: #4D091A; border: 4px solid #670a34; -moz-border-radius: 20px; -webkit-border-radius: 20px;} #services { line-height: 18px; text-align: left; } #services ul { margin-left: 15px; } #services li { margin-bottom: 10px; padding-left: 3px; } #services-web { background-color: #4D091A; width: 470px; min-height: 645px; padding: 10px; margin-bottom: 20px; float: left; -moz-border-radius: 20px; -webkit-border-radius: 20px; } #services-print { background-color: #4D091A; padding: 10px; width: 360px; margin-bottom: 16px; float: right; -moz-border-radius: 20px; -webkit-border-radius: 20px; } #services-logos { background-color: #4D091A; padding: 10px; width: 360px; margin-bottom: 16px; float: right; -moz-border-radius: 20px; -webkit-border-radius: 20px; } #services-other { background-color: #4D091A; padding: 10px; width: 360px; margin-bottom: 16px; float: right; -moz-border-radius: 20px; -webkit-border-radius: 20px; } #services-closer { clear: both; width: 900px; text-align: center;} #contact-left {width: 300px; height: 650px; float:left; margin: 0 20px 30px 0; padding: 0 20px 0 0; } #contact-right {width: 520px; float: left; padding: 0 0 0 30px; border-left: 1px solid #670a34; margin: 0px;} /* ---------- UTILITY ---------- */ .clear { clear: both; } .hidden { display: none; } /* ---------- TYPOGRAPHY ---------- */ a { color: #FFE136; text-decoration: none; outline: none; } a:hover { text-decoration: underline; } h1, h2, h3, h4, h5 { margin: 0 0 5px 0; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; } h1 { font-size: 24px; } h2 { font-size: 22px; } h3 { font-size: 18px; } h4 { font-size: 16px; } p { font-size: 12px; margin-bottom: 10px; } /* ---------- TYPOGRAPHY: PAGE-SPECIFIC ---------- */ #content-home-leftcolumn h3 {font-size: 14px; font-weight: bold; line-height: 20px; margin-bottom: 12px; padding: 12px; display:block; background-color: #7d0020; -moz-border-radius: 15px; -webkit-border-radius: 15px;} .Projectspageheader { text-indent: -9999px; background: url('http://www.spaciousmind.com/images/pageheaders/page-header-projects2.gif'); height: 50px; width: 200px; overflow: hidden; } #clients-leftcolumn h3 { border-bottom: 1px dotted #fff; margin: 18px 0 5px 0; } #clients-leftcolumn p { margin:0 0 30px 0; } .Clientspageheader { text-indent: -9999px; background: url('http://www.spaciousmind.com/images/pageheaders/page-header-clients2.gif'); height: 50px; width: 200px; overflow: hidden; } .testimonialheader { margin-top: 0px; text-indent: -9999px; background: url('http://www.spaciousmind.com/images/clients-testimonials2.gif'); height: 36px; width: 177px; overflow: hidden; border: 0;} .testimonial { font-size: 12px; line-height: 17px; text-align: left; } .testimonial_authorname { font-size: 12px; text-align: right; } .testimonial_authorassociation { display: block; font-size: 10px; text-align: right; line-height: 13px; margin-bottom: 40px; } .Servicespageheader { text-indent: -9999px; background: url('http://www.spaciousmind.com/images/pageheaders/page-header-services2.gif'); height: 50px; width: 200px; overflow: hidden; } #services h5 { font-size: 16px; margin-top:20px; margin-bottom:10px; padding-bottom: 5px; text-align: left; line-height: 18px; border-bottom: 1px solid #990033; } #services-web h5 { padding-top: 15px;} #services-web h4 { background-image: url('http://www.spaciousmind.com/images/subheaders/services_web.gif'); height: 30px; width: 220px; background-repeat: no-repeat; text-indent: -9999px; margin: 0px; } #services-print h4 { background-image: url('http://www.spaciousmind.com/images/subheaders/services_print.gif'); height: 30px; width: 220px; background-repeat: no-repeat; text-indent: -9999px; margin: 0px; } #services-logos h4 { background-image: url('http://www.spaciousmind.com/images/subheaders/services_logos.gif'); height: 30px; width: 220px; background-repeat: no-repeat; text-indent: -9999px; margin: 0px; } #services-other h4 { background-image: url('http://www.spaciousmind.com/images/subheaders/services_other.gif'); height: 30px; width: 220px; background-repeat: no-repeat; text-indent: -9999px; margin: 0px; } .Contactpageheader { text-indent: -9999px; background: url('http://www.spaciousmind.com/images/pageheaders/page-header-contact2.gif'); height: 50px; width: 200px; overflow: hidden; } #contact-left p { font-size: 14px; line-height: 20px;} /* ---------- FOOTER ---------- */ #footer { font-family: 'Lucida Grande', Helvetica, Arial, Verdana, sans-serif; font-size:12px; font-weight: bold; border: none; margin-top: 20px; } #footer a { color: #FFE136; padding: 8px 5px 5px 5px; margin: 0 5px 0 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} #footer a:hover { color: #000; background-color: #FFCC00; text-decoration: none;} /* ---------- IMAGES ---------- */ p img { padding: 0; max-width: 100%; } img.centered { display: block; margin-left: auto; margin-right: auto;} img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left; } .iconimage_inkey { margin-left: 15px; vertical-align: middle } .iconimage { vertical-align: middle }