/*

Theme Name: Hernandez College Consulting Theme 2.0
Description: The original page design for the HernandezCollegeConsulting.com site.
Version: 2.0
Author: Tim Slavin
Author URI: http://www.redhorsecommunications.com/
Tags: green, custom header, fixed width, two columns, no widgets

*/



/*import area-specific stylesheets*/

@import url(style-hernandez.css); /*original legacy styles for old content*/

@import url(style-newsletter-signup.css);

@import url(style-products.css);

@import url(style-stats-tables.css);

@import url(style-top-navigation.css);





/*General styles used by most/all pages*/



body {

 background: #215134;

 margin: 0; padding: 0;

}

h2, h3, h4, h5, p, ul, ol {

 margin: 0 30px; padding: 0;

}

#right-col h2, #right-col h3, #right-col h4, #right-col h5, #right-col p, #right-col ul, #right-col ol {

 margin: 0 10px; padding: 0;

}

p, #copy li {

 color: #333;

 font: 12px/20px Georgia, "Times New Roman", Times, serif;

 text-align: left;

}

a, li {

 color: #000;

 text-decoration: none;

}

a:hover {

 text-decoration: underline;

}

strong {

 color: #432816;

}

img {

 border: none;

 margin: 0; padding: 0;

}

form input, form textarea {

 background: #dbded6;

}



.hidden {

 display: none;

 visibility: hidden;

}

h1 {

 color: #000;

 margin: 0; padding: 0;

 z-index: 1;

}

#header h1 {

 background: url("images/layout/hcc-logo.jpg") no-repeat transparent;

 height: 110px; /*logo image height*/

 margin: 0 0 0 30px; /*margin-top was 100px*/

 width: 405px; /*logo image width*/

 z-index: 10;

}

h1 span { /*Hides site title if page viewed by web browser*/

 display: none;

 visibility: hidden;

}



#copy h2 {

 font: 24px/28px Georgia, "Times New Roman", Times, serif;

}

#copy h3 {

 font: 22px/28px Georgia, "Times New Roman", Times, serif;

}

#testimonials-inside h3 {

 font: 16px/24px Georgia, "Times New Roman", Times, serif;

}

#copy h4, #content #copy .sm-catalog-head {

 font: 16px/20px Tahoma, Arial, Helvetica, sans-serif;

 margin: 0; padding: 20px 30px 10px;

}

#testimonials-inside h4 {

 font: 14px/18px Tahoma, Arial, Helvetica, sans-serif;

}

#content #copy h2, #content #copy h3, #content #copy h4, #content #copy .sm-catalog-head, #content #copy h5, #content #copy h6 {

 clear: both;

}

#content #copy .products h4 {

 clear: none;

}



/*common layout styles*/

#header, #topnav, #home-top-box, #home-second-top-box, .testimonials, #content, #copy, #breadcrumbs, .share-this-box, .products, .products-image, .product-details, .product-details-image, .product-price, .product-buttons, .buy-options, #product-top-copy, #top-row, #second-row, #second-row-img, #second-row-copy, #testimonials-inside, .contact-info, #right-col, #email-signup-inside, #signup-box, .photo-full, .photo-left, .photo-right, #footer, #footer-contact, #topnav, .right, .left {

 display: inline;

 float: left;

 margin: 0; padding: 0;

 position: relative;

}

#phone-number-top, #site-link, #top-buttons, #small-logo, .buy-button-top, #email-signup-home {

 display: inline;

 margin: 0; padding: 0;

 position: absolute;

}





/*specific layout styles*/

#frame {

 margin-right: auto; /*centers page design*/

 margin-left: auto; /*centers page design*/

 width: 950px;

}





#header, #content {

 background: #fff;

 width: 950px;

}



#header {

 height: 120px; /*was 220px*/

 padding-top: 10px;

 width: 100%;

 z-index: 10;

}

#header #phone-number-top {

 color: #888;

 font-size: 18px;

 left: 630px; /*670px for 3 buttons, 34+5 for each button*/

 margin: 0; padding: 0;

 top: 10px;

}

#phone-number-top {

}

#header #top-buttons {

 left: 770px; /*810px for 3 buttons, 34+5 for each button*/

 top: 10px;

}

#header #top-buttons img {

 padding-right: 5px;

}

#header #site-link {

 left: 780px;

 top: 100px; /*was 200px*/

}

#site-link a {

 color: #888;

}

#header #small-logo {

 left: 868px;

 top: 80px; /*was 180px*/

}







#home-top-box, #home-second-top-box {

 width: 950px;

}

#home-top-box .right, #home-second-top-box .right {

 margin-right: 0;

}

#home-top-box a, #home-second-top-box .right a {

 text-decoration: underline;

}

#home-top-box a:hover, #home-second-top-box .right a:hover {

 text-decoration: none;

}



#home-top-box {

 background: #e8f2ec;

}

#home-top-box img {

 float: left;

 margin: 15px 20px 0 30px; padding-bottom: 15px;

 position: relative;

}

#home-top-box h2 {

 font: 24px/28px Georgia, "Times New Roman", Times, serif;

 margin: 15px 0 5px;

}

#home-top-box .check-mark {

 background: url("images/layout/check-mark.gif") no-repeat transparent;

 margin: 0 0 0 220px; padding: 0 0 0 25px;

}

#home-top-box p {

 font: 14px/24px Georgia, "Times New Roman", Times, serif;

}



#home-second-top-box {

 background: #f8fffb;

 padding-bottom: 15px;

}

#home-second-top-box h3 {

 font: 21px/25px Georgia, "Times New Roman", Times, serif;

 margin: 15px 30px 5px;

}

#home-second-top-box .testimonials {

 font: 12px/20px Georgia, "Times New Roman", Times, serif;

 margin-left: 30px;

 width: 305px;

}

#home-second-top-box .right, #home-top-box .right {

 font: 12px/24px Georgia, "Times New Roman", Times, serif;

 padding-bottom: 15px;

}

#home-second-top-box .testimonials p {

 margin: 0; padding: 0;

 width: 305px;

}







#content {

 background: url("images/layout/bkg-content.gif") repeat transparent;

}



#copy {

 background: transparent;

 min-height: 600px;

 padding: 0 0 50px;

 text-align: left;

 width: 600px;

 z-index: 0;

}

#copy h2, #copy h3 {

 margin-top: 40px; margin-bottom: 10px;

}

#copy h4, #content #copy .sm-catalog-head {

 margin-bottom: 0; padding-bottom: 0;

}

#copy p {

 padding-bottom: 1em;

}

#copy ul, #copy ol {

 margin-top: 0; padding-left: 60px;

}

#copy a {

 color: #66572e;

 text-decoration: underline;

}

#copy a:hover {

 text-decoration: none;

}

#copy #breadcrumbs p {

 clear: both;

 font: 11px/14px Arial, Helvetica, sans-serif;

 margin-top: 15px;

}

#content #copy img {

 margin: 0; padding: 15px 10px 10px 0;

}



#copy .products {

 margin: 15px 0 15px 30px;

 width: 540px;

}

#copy .products h4 {

 font-size: 18px;

 margin: 0; padding: 0;

}

#copy .products h4 a {

 text-decoration: none;

}

#copy .products h4 a:hover {

 text-decoration: underline;

}

#copy .products p {

 margin: 0; padding: 0 0 10px;

 }

#copy .products-image {

 float: left;

 margin: 0 10px 10px 0; padding: 0;

 position: relative;

}

#content #copy .products-image img {

 margin: 0; padding: 0;

}

#copy .products ul {

 margin: 0; padding: 0 0 10px;

}



#content .inside h2 {

 clear: both;

 margin: 10px 30px 15px;

}

#content .inside p, #content .inside ul li {

 font: 16px/24px Georgia, "Times New Roman", Times, serif;

}

#content .inside ul {

 margin: 0 60px 30px;

}

#content #copy table {

 margin: 15px 0 15px 30px;

}

#content .inside img {

 float: left;

 padding: 15px 15px 15px 0;

}



.share-this-box {

 clear: both;

 float: right;

 padding: 10px;

}



#content #testimonials-inside {

 float: right;

 padding-top: 0px; padding-bottom: 50px; /*thumbtack: 300px*/

 width: 330px;

}

#testimonials-inside h3 {

 font-weight: bold;

 margin: 0 0 10px; padding: 0;

 text-align: center;

}

#testimonials-inside .contact-info {

 margin: 20px 0; padding: 10px 0;

 width: 330px;

}

#testimonials-inside .contact-info h3, #testimonials-inside .contact-info p {

 margin: 0; padding: 0;

 text-align: center;

}







/*Thank You page styles*/

#thanks-pdf-box {

 float: right;

 width: 200px;

}

#thanks-pdf-box p, #thanks-pdf-box img {

 margin: 0; padding: 0;

 text-align: center;

}

#thanks-full-box {

 border: 3px solid #648671;

 margin: 16px 0 16px 8px; padding: 0 0 20px;

 text-align: center;

 width: 665px;

}

#thanks-full-box h3, #thanks-full-box h4 {

 padding-bottom: 16px;

}

#thanks-full-box h4 a {

 text-decoration: none;

}

#thanks-full-box h4 a:hover {

 text-decoration: underline;

}

#thanks-full-box p, #thanks-left-box img, #thanks-center-box img, #thanks-right-box img {

 margin: 0; padding: 0;

 text-align: center;

}

#thanks-left-box img, #thanks-center-box img, #thanks-right-box img {

 border: 1px solid #aaa;

}

#thanks-left-box {

 width: 170px;

}

#thanks-center-box {

 border-left: 1px solid #648671;

 border-right: 1px solid #648671;

 height: 180px;

 margin: 0; padding: 0 16px;

 width: 288px;

}

#thanks-right-box {

 width: 170px;

}





#right-col {

 padding-top: 0px; padding-bottom: 60px; /*thumbtack: 280px top*/

 width: 335px;

}

#right-col h3 {
 color: #215134;

 font: bold 16px/20px Tahoma, Arial, Helvetica, sans-serif;

 padding: 15px 15px 0 25px;

}

#right-col a {

 text-decoration: underline;

}

#right-col a:hover {

 text-decoration: none;

}

#right-col p {

 padding: 0 15px 15px 25px;

}

#right-col p, #right-col li {

 font: 12px/16px Tahoma, Arial, Helvetica, sans-serif;

 padding-bottom: 6px;

}

#right-col ul {

 padding-bottom: 15px;

}

#right-col li {

 margin-left: 40px;

}





.photo-left {

 margin: 0; padding: 0;

}

.photo-right {

 float: right;

 margin: 0 0 20px 20px;

 padding: 0;

}

.photo-border {

 border: 5px solid #fff;

}



.right {

 float: right;

}

.left {

 float: left;

}

.green {

 color: #215134;

}







#footer {

 background: #f8fffb;

 padding: 20px 0;

 width: 100%;

}

#footer p {

 color: #777;

 margin: 0 30px; padding: 0;

}

#footer a {

 color: #777;

}

#footer-contact {

 float: right;

}

#footer-contact p {

 color: #555;

 font-size: 14px;

}

#footer-contact a {

}

.post-edit-link {
 clear: both;
 float: left; position: relative;
 font: 12px/14px Arial, Helvetica, sans-serif;
}
