/* Theme Name: datasyst Theme URI: http://www.consultaro.com Description: A custom theme developed for Jerri and Bruce of Dat-A-Syst by aro solutions. Version: 1.0 Author: Dan Simeone & Jim Brennan Author URI: http://www.consultaro.com The CSS, XHTML and design copyright 2010 Dan Simeone of aro Solutions and GestaltCreations | All Rights Reserved: No portion of this theme (CSS, XHTML, Design, etc...) may be reproduced in whole or in part without the express written permission of Dan Simeone */ /*///////////////////////////////////////////////////////////////////*/ /* Globals */ /*///////////////////////////////////////////////////////////////////*/ * {padding:0;margin:0;} body{text-align:center;font-size:62.5%; font-family:Verdana, Geneva, sans-serif;background:url(img/whole-bg.jpg) top repeat-x #122539;} h1 {} h2 {} ol{} a:focus, a:active {outline:none; color:#656565} a, a:link, a:visited{ text-decoration:none;color:#656565} a:hover{color:#000} .clearfloat{clear:both;} #bodyWrap{width:auto; height:auto; margin:0 auto 0 auto;} #pageWrap{width:983px; height:auto; margin:20px auto 0 auto;text-align:left;} #headerWrap{width:983px;height:auto;margin:0 auto 0 auto;} #headerRounded{width:983px;height:12px;margin:0 auto 0 auto; background:url(img/headerRounded.png);} #headerContent{width:983px; height:90px; background:url(img/headerContent.jpg); margin:0 auto 0 auto;} #mainNav{width:983px;height:43px; background:url(img/mainNavBG.jpg) top repeat-x;} #mainNav ul{font-size:1.6em; font-weight:bold;padding:8px 0 0 7px;} #mainNav li{list-style:none; display:inline;padding:0 17px 0 17px;} #mainNav a:active, a:focus {outline:none; color:#fff} #mainNav a, a:link, a:visited{ text-decoration:none;color:#fff} #mainNav a:hover{color:#4aabd3} #contentWrap{width:983px;height:auto;margin:0 auto 0 auto; background:url(img/contentWrap-bg.jpg) top repeat-y; overflow:hidden;} #content{width:671px;float:left;min-height:850px;height:auto !important;height:850px;} .contentBG{ background:url(img/contentBG.jpg) top no-repeat; text-align:center !important;} #content p{font-size:1.4em;line-height:1.5em;margin:0 0 20px 24px;padding:10px 30px 0 0;text-align:left;} #content p.moreStuff{font-size:1.4em;line-height:1.5em;margin:0 0 20px 24px;padding:10px 30px 0 0;text-align:left;border-top:1px solid black;} #content h2{font-size:2.4em;line-height:1.1em;margin:0 0 0 24px;padding:20px 30px 0 0;text-align:left;} #content h3{font-size:1.8em;line-height:1.1em;margin:0 0 0 24px;padding:5px 30px 0 0;color:#5f5f5f;text-align:left;} #content ul{margin:0 0 20px 0;text-align:left;} #content li{font-size:1.4em;margin-left:45px;line-height:1.6em;} #content a{text-decoration:none;color:#000;} #content a:link{text-decoration:none;color:#000;} #content a:visited{text-decoration:none;color:#000;} #content a:focus{outline:none;color:#000;} #content a:active{outline:none;color:#000;} #content a:hover{color:#666666;} #content .homePageLinks{float:left;font-size:0.8em;height:75px;} #content .homePageLinks li{list-style: url(img/a.gif);} #content .homePageLinks a, a:link, a:visited{text-decoration: underline;color:#C00;} #content .homePageLinks a:focus, a:active{text-decoration: underline;color:#C00;} #content .homePageLinks a:hover{text-decoration:none;color:#C00;} #content .readmore{font-size:0.8em;} #content .readMore a:active, a:focus {outline:none; color:#b8b7b7} #content .readMore a, a:link, a:visited{ text-decoration:none;color:#b8b7b7} #content .readMore a:hover{color:#555} .logoRotate{margin-left:80px;} #socialsContainer{width:550px;height:36px;margin:-10px 0 10px 24px;border-bottom:1px solid #CCC;} .socials{float:left;margin:0 5px 8px 0;} #content .homePageExtras{float:left;font-size:0.8em;height:75px;} #content .homePageExtras img{margin:0 0 0 24px;} #content .homePageExtras p.address{font-size:1.2em;margin:-10px 0 0 24px;} #sidebar{width:310;height:702px;float:right; background:url(img/sidebarBG.jpg) top no-repeat;} .sidebarPostBG{ background:url(img/sidebarPostBG.jpg) top no-repeat;} #sidebar p{font-size:1.2em;line-height:1.5em;margin:0 0 20px 24px;padding:5px 30px 0 0;} #sidebar .readmore{font-size:0.8em;} #sidebar .readMore a:active, a:focus {outline:none; color:#b8b7b7} #sidebar .readMore a, a:link, a:visited{ text-decoration:none;color:#b8b7b7} #sidebar .readMore a:hover{color:#555} #sidebar h2{font-size:2.0em;line-height:1.1em;margin:0 0 0 24px;padding:20px 0 12px 0;} #sidebar h2.main{font-size:2.0em;line-height:1.1em;margin:0 0 0 24px;padding:20px 0 0 0;} #sidebar h3{font-size:1.4em;line-height:1.1em;margin:0 0 0 24px;padding:20px 0 0 0;} .jeriCommercial{margin-top:32px;} .sidebarDog{width:290px;height:249px;margin:0 0 0 11px; background: url(img/sidebar-dog.jpg) top no-repeat;} .dogText{width:270px;height:52px;margin:0 0 0 9px;padding:5px 0 0 0;} #footerWrap{width:983px;height:auto;margin:0 auto 0 auto; clear:both;} #finisher{width:983px;height:101px;margin:0 auto 0 auto; background:url(img/finisher.jpg) top no-repeat;} #footerRounded{width:983px;height:13px;margin:0 auto 0 auto; background:url(img/footerRounded.png) top no-repeat;} #footerLinks {width:983px;height:auto;margin:0 auto 0 auto;text-align:center;} #footerLinks ul{font-size:1.2em; padding-top:15px;} #footerLinks li{list-style:none; display:inline; color:#000;padding:0 15px 0 15px;} #footerLinks a{text-decoration:none;color:#FFF;} #footerLinks a:link{text-decoration:none;} #footerLinks a:visited{text-decoration:none;} #footerLinks a:focus{outline:none;} #footerLinks a:active{outline:none;} #footerLinks a:hover{color:#F90;} #credits{width:983px;height:auto;margin:0 auto 0 auto;text-align:center;padding-top:12px;color:#999;} #credits a{text-decoration:none;color:#999;} #credits a:link{text-decoration:none;} #credits a:visited{text-decoration:none;} #credits a:focus{outline:none;} #credits a:active{outline:none;} #credits a:hover{color:#F90;} /**************************** Images *******************************/ img.float-left{float:left;margin:7px 10px 0 0;} img.float-right{float:right;margin:7px 0 0 10px;} img.float-left2{float:left;margin:0 0 0 -24px;} .dogJokeBG{ background:url(img/dog-joke.jpg) top no-repeat;height:700px;} #content p.dogJoke{margin:10px 0 0 24px;} /*///////////////////////////////////////////////////////////////////*/ /* Pages */ /*///////////////////////////////////////////////////////////////////*/ /**************************** Home *******************************/ #home-wrap {height:auto; min-height:700px; padding:1px solid; overflow:hidden; margin-top:20px; margin-bottom:20px; } /************************* Store ***************************/ /**************************** Contact *****************************/ #contactWrap{width:604px;margin-left:24px;} #contactWrap h2{font-size:1.8em;} #contactWrap a{text-decoration:none;color:#5c5c5c;} #contactWrap a:link{text-decoration:none;color:#5c5c5c;} #contactWrap a:visited{text-decoration:none;color:#5c5c5c;} #contactWrap a:focus{outline:none;color:#5c5c5c;} #contactWrap a:active{outline:none;color:##5c5c5c;} #contactWrap a:hover{color:#000;} .button-wrap {margin-bottom:15px;} .fixer {padding:1px;overflow:hidden;color:#545454;text-align:left;margin-right:10px;line-height:1.5em;} .angelic-button {width:604px; height:68px;} #contactWrap .angelic-button h2 {margin:-63px 0 0 88px;} #angelic-text { display:none; border:1px solid #ccc; background:url(img/contact-expand-bg.gif) repeat-x bottom #fff; padding:10px; } .monty-button {width:604px; height:68px;} #contactWrap .monty-button h2 {margin:-63px 0 0 88px;} #monty-text { display:none; border:1px solid #ccc; background:url(img/contact-expand-bg.gif) repeat-x bottom #fff; padding:10px; } .horrace-button {width:604px; height:68px;} #contactWrap .horrace-button h2 {margin:-63px 0 0 88px;} #horrace-text { display:none; border:1px solid #ccc; background:url(img/contact-expand-bg.gif) repeat-x bottom #fff; padding:10px; } .harry-button {width:604px; height:68px;} #contactWrap .harry-button h2 {margin:-63px 0 0 88px;} #harry-text { display:none; border:1px solid #ccc; background:url(img/contact-expand-bg.gif) repeat-x bottom #fff; padding:10px; } .big-john-button {width:604px; height:68px;} #contactWrap .big-john-button h2 {margin:-63px 0 0 88px;} #big-john-text { display:none; border:1px solid #ccc; background:url(img/contact-expand-bg.gif) repeat-x bottom #fff; padding:10px; } .phyllis-button {width:604px; height:68px;} #contactWrap .phyllis-button h2 {margin:-63px 0 0 88px;} #phyllis-text { display:none; border:1px solid #ccc; background:url(img/contact-expand-bg.gif) repeat-x bottom #fff; padding:10px; } .terry-button {width:604px; height:68px;} #contactWrap .terry-button h2 {margin:-63px 0 0 88px;} #terry-text { display:none; border:1px solid #ccc; background:url(img/contact-expand-bg.gif) repeat-x bottom #fff; padding:10px; } .roy-button {width:604px; height:68px;} #contactWrap .roy-button h2 {margin:-63px 0 0 88px;} #roy-text { display:none; border:1px solid #ccc; background:url(img/contact-expand-bg.gif) repeat-x bottom #fff; padding:10px; } .raymond-button {width:604px; height:68px;} #contactWrap .raymond-button h2 {margin:-63px 0 0 88px;} #raymond-text { display:none; border:1px solid #ccc; background:url(img/contact-expand-bg.gif) repeat-x bottom #fff; padding:10px; } .sales-button {width:604px; height:68px;} #contactWrap .sales-button h2 {margin:-63px 0 0 88px;} #sales-text { display:none; border:1px solid #ccc; background:url(img/contact-expand-bg.gif) repeat-x bottom #fff; padding:10px; } /**************************** Testimonials *****************************/ #testimonials{} #testimonials p.title{color:#5f5f5f} #testimonials .date{font-size:0.8em;font-style:italic;color:#5f5f5f} /*************************** Products *******************************/ /**************************** Single *****************************/ .post {text-align:left;padding:10px;color:#577561;} .post p {margin-bottom:15px;} .post a { color:#467DA9; font-weight:bold; text-decoration:none; } .post-title { color:#467DA9; font-weight:bold; text-decoration:none; margin-left:10px; margin-bottom:10px; margin-right:10px; width:95%; border-bottom:1px solid #8EB5DC; } .byline { margin-left:26px; float:left; width:100%; text-align:left; } .entry {color:#545454;} .post-meta-data{} .categories {font-style:italic;} .tags{font-style:italic;} /**************************** Comments *****************************/ #comments{text-align:left;} #comment-head h3 {text-align:center;margin-bottom:10px;font:small-caps 1.3em bold Verdana, Geneva, sans-serif;} ol.commentlist{margin:0;padding:0;text-align:left;} .commentlist li{list-style:none;margin-bottom:14px;border:1px solid #B8C4D3;} .commentlist cite{padding:7px;display:block;font-style:normal;background:#B8C4D3;border-bottom:1px solid #B8C4D3;color:#577561;} .commentlist a:link, .commentlist a:visited{color:#467DA9;font-weight:bold;text-decoration:none;} .commentlist a:hover, .commentlist a:active{color:#467DA9;font-weight:bold;text-decoration:none;} .commentlist cite img{padding:1px;border:1px solid #aab59a;float:left;margin-right:9px;width:40px;height:40px;} .commentlist .author{font:small-caps bold 1.2em Verdana, Geneva, sans-serif;text-decoration:underline;color:#373737;} .commenttext{background:#F8FCFD;padding:10px 20px 10px 20px;color:red;} #logged {padding-left:25px;} #commentform{text-align:left;} #comment{background:#f7f7f7;margin:5px auto 10px 25px;max-width:655px;border:1px solid #B8C4D3;} #submit {margin-left:25px;} #email, #author, #url{margin:5px 5px 0 25px;background:#F7F7F7;border:1px solid #B8C4D3;} #respond h3, #respond p {font-style:italic;color:#373737;} #respond a {color:#467DA9;font-weight:bold;text-decoration:none;}