/* Theme Name: Pacifica Pet Care Theme URI: http://www.pacificapetcare.com/ Description: Pacifica Pet Care style Version: 1.0 Author: James Lin Author URI: http://www.thespectrum.net */ /* --- Body and General --- */ body, h1, h2, h3, h4, p, ul, li, form{border:0; margin:0; padding:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff;} body #wrapper{} body.mainwrapper{background:#241a12 url(images/00_background.jpg) top left no-repeat;} body.altwrapper{background:#241a12 url(images/00_background-large.jpg) top left no-repeat;} #wrap{width:1000px; margin:0 auto;} a{color:#5396d4; text-decoration:underline;} a:hover, a:active{color:#a6ccf0; text-decoration:underline;} h1{font-weight:normal; font-size:1.3em; line-height:1.3em; font-family:"Palatino Linotype", "Trebuchet MS", Arial, Helvetica, sans-serif; margin:15px 10px 0 10px; border-bottom:2px solid #0972d6; padding:0 0 5px 10px;} .sticky h2{font-weight:normal; font-size:1.3em; line-height:1.3em; font-family:"Palatino Linotype", "Trebuchet MS", Arial, Helvetica, sans-serif; margin:15px 10px 10px 10px; border-bottom:2px solid #0972d6; padding:0 0 5px 10px;} h2{font-weight:normal; font-size:1.1em; line-height:1.1em; font-family:"Palatino Linotype", "Trebuchet MS", Arial, Helvetica, sans-serif; margin:35px 10px 0 10px; border-bottom:3px solid #51473f; padding:0 0 5px 10px;} h2 a{color:#fff; text-decoration:none;} h2 a:hover, h2 a:active{color:#fff; text-decoration:underline;} h2.services{padding:0 0 0 40px; line-height:35px; vertical-align:bottom;} .services.paw{background:url(images/services_paw.png) top left no-repeat;} .services.cat{background:url(images/services_cat.png) top left no-repeat;} .services.sleep{background:url(images/services_sleep.png) top left no-repeat;} .services.exotic{background:url(images/services_exotic.png) top left no-repeat;} h3{font-weight:bold; font-size:1.3em; line-height:1.3em;} h4{font-weight:bold; font-size:1em; line-height:1em;} p{font-weight:normal; font-size:0.9em; line-height:1.5em; padding:10px 15px 0 15px;} .fontsmall{font-size:0.8em; line-height:1.3em; padding:10px 15px 0 15px;} .fontlarge{font-size:1.1em; line-height:1.3em; padding-top:15px;} .license{font-size:0.8em; line-height:1.3em; padding:20px 0 0 0; text-align:center; color:#908983; font-weight:bold;} ul{font-weight:normal; font-size:0.9em; line-height:1.5em; padding:10px 15px 0 15px; margin-left:25px;} .splitLeft{width:50%; float:left;} *html .splitLeft h2{width:300px;} .splitRight{width:50%; float:right;} *html .splitRight h2{width:300px;} .clear{clear:both;} .bold{font-weight:bold;} .brown{color:#51473f;} .lightbrown{color:#908983} .blue{color:#5396d4;} .darkblue{color:#607B8B;} .center{text-align:center;} .imageLeft{float:left; margin:0 10px 5px 0;} .imageRight{float:right; margin:0 0 5px 10px;} .shadow{background:url(images/shadow_01.png) bottom right no-repeat; padding:0 5px 5px 0;} .shadowsmall{background:url(images/shadow_02.png) bottom right no-repeat; padding:0 5px 5px 0;} .hidden{position:absolute; left:-999999px;} /* --- Header --- */ #setlink a{position:absolute; z-index:7; top:0; left:auto; width:346px; height:200px;} #setlink h1{display:none} #head{width:100%;} #headLeft{width:346px; height:200px; float:left; position:relative; z-index:5; background:url(images/01_logo.png) no-repeat;} #headRight{width:654px; height:200px; float:left; background:url(images/01_logo-right.png) no-repeat;} /* --- Banner --- */ #banner{width:950px; background:url(images/02_mainbg.png) no-repeat; padding:19px;} .bannerInside{width:912px; height:262px;} .bannerBreak{width:100%; height:194px; position:relative; top:-194px; z-index:2;} .banner1{background:url(images/main_yoshiradio.jpg) no-repeat;} .banner1 .bannerBreak{background:url(images/main_yoshiradio-out.png) no-repeat;} .banner2{background:url(images/main_vanna.jpg) no-repeat;} .banner2 .bannerBreak{background:url(images/main_vanna-out.png) no-repeat;} .banner3{background:url(images/main_bonnie.jpg) no-repeat;} .banner3 .bannerBreak{background:url(images/main_bonnie-out.png) no-repeat;} .banner4{background:url(images/main_oona.jpg) no-repeat;} .banner4 .bannerBreak{background:url(images/main_oona-out.png) no-repeat;} .banner5{background:url(images/main_brownie.jpg) no-repeat;} .banner5 .bannerBreak{background:url(images/main_brownie-out.png) no-repeat;} .banner6{background:url(images/main_dauschund.jpg) no-repeat;} .banner6 .bannerBreak{background:url(images/main_dauschund-out.png) no-repeat;} .banner7{background:url(images/main_woods.jpg) no-repeat;} .banner7 .bannerBreak{background:url(images/main_woods-out.png) no-repeat;} .banner8{background:url(images/main_sunset.jpg) no-repeat;} .banner8 .bannerBreak{} .banner9{background:url(images/main_yoshi.jpg) no-repeat;} .banner9 .bannerBreak{background:url(images/main_yoshi-out.png) no-repeat;} .banner10{background:url(images/main_eloisa.jpg) no-repeat;} .banner10 .bannerBreak{background:url(images/main_eloisa-out.png) no-repeat;} .banner11{background:url(images/main_kettle.jpg) no-repeat;} .banner11 .bannerBreak{background:url(images/main_kettle-out.png) no-repeat;} .banner12{background:url(images/main_tabby.jpg) no-repeat;} .banner12 .bannerBreak{background:url(images/main_tabby-out.png) no-repeat;} .banner13{background:url(images/main_zoeee.jpg) no-repeat;} .banner13 .bannerBreak{background:url(images/main_zoeee-out.png) no-repeat;} .banner14{background:url(images/main_alldogs.jpg) no-repeat;} .banner14 .bannerBreak{} .banner15{background:url(images/main_lucy.jpg) no-repeat;} .banner15 .bannerBreak{background:url(images/main_lucy-out.png) no-repeat;} .banner16{background:url(images/main_august.jpg) no-repeat;} .banner16 .bannerBreak{background:url(images/main_august-out.png) no-repeat;} .banner17{background:url(images/main_radio.jpg) no-repeat;} .banner17 .bannerBreak{background:url(images/main_radio-out.png) no-repeat;} /* --- Navigation --- */ #navarea{width:975px; height:97px; margin:0; padding:0; background:url(images/03_navbg.png) no-repeat;} #navwrap{width:574px; height:73px; margin:0 0 0 170px; padding:10px 0 0 0;} #ppcnav {list-style:none; margin:0; padding:0; float:left;} #ppcnav:hover li a#navhome {background-position:-65px;} #ppcnav:hover li a#navabout {background-position:-305px;} #ppcnav:hover li a#navservices {background-position:-627px;} #ppcnav:hover li a#navgallery {background-position:-922px;} #ppcnav:hover li a#navcontact {background-position:-1222px;} #ppcnav li {float:left;} #ppcnav li a {text-indent:-999999px; overflow:hidden; display:block; height:73px;} #navhome {background:url(images/03_nav.png); width:64px;} #navhome:hover {background:url(images/03_nav.png) -130px 0 !important;} #navhome.active {background:url(images/03_nav.png) -65px 0;} #navabout {background:url(images/03_nav.png) -194px 0; width:111px; margin-left:25px;} #navabout:hover {background:url(images/03_nav.png) -416px 0 !important;} #navabout.active {background:url(images/03_nav.png) -305px 0; } #navservices {background:url(images/03_nav.png) -528px 0; width:98px; margin-left:25px;} #navservices:hover {background:url(images/03_nav.png) -726px 0 !important;} #navservices.active {background:url(images/03_nav.png) -627px 0; } #navgallery {background:url(images/03_nav.png) -825px 0; width:96px; margin-left:25px;} #navgallery:hover {background:url(images/03_nav.png) -1019px 0 !important;} #navgallery.active {background:url(images/03_nav.png) -922px 0; } #navcontact {background:url(images/03_nav.png) -1116px 0; width:105px; margin-left:25px;} #navcontact:hover {background:url(images/03_nav.png) -1328px 0 !important;} #navcontact.active {background:url(images/03_nav.png) -1222px 0;} .pg-home #navhome {background:url(images/03_nav.png) -130px 0 !important;} .pg-about #navabout {background:url(images/03_nav.png) -416px 0 !important;} .pg-service #navservices {background:url(images/03_nav.png) -726px 0 !important;} .pg-gallery #navgallery {background:url(images/03_nav.png) -1019px 0 !important;} .pg-contact #navcontact {background:url(images/03_nav.png) -1328px 0 !important;} /* --- Sub Nav --- */ #subnav{width:200px; margin:25px 0 0 0; padding:0;} #subnav li a{display:block; list-style:none; color:#908983; font-size:1.3em; padding:0 0 0 10px; line-height:50px; vertical-align:center; height:50px; text-decoration:none; cursor:pointer;} #subnav li a:hover{color:#fff;} #subnav li a.yelp{background:url(images/sub_yelp.png) 0 0 no-repeat;} #subnav li a:hover.yelp{background:url(images/sub_yelp.png) 0 -50px no-repeat;} /* --- Main --- */ #main{width:964px;} #mainLeft{width:730px; min-height:667px; float:left; background:url(images/04_main.png) no-repeat;} *html #mainLeft{height:667px;} /* IE6 Fix */ #mainRight{width:214px; min-height:308px; float:right; background:url(images/04_mainright.png) no-repeat;} #rightSide{width:200px;} *html #rightSide{height:500px;} /* IE6 Fix */ #rightSide h1{padding:0 0 5px 0; text-align:center;} #rightSide h2{padding:0 0 5px 0; text-align:center;} #rightSide li{list-style-type:none;} .ngg-widget{text-align:center;} #blognav{margin-top:30px; padding:0 15px; font-size:0.8em;} #blognav .prev{float:left;} #blognav .next{float:right;} #contactform{margin:30px 0 0 30px; width:300px;} #contactform p{padding:0; color:#a9a9a9;} #contactform .required{font-weight:bold; color:#fff;} #contactform input{margin-bottom:15px; width:200px;} #contactform textarea{width:300px; margin-bottom:15px;} #contactform .submitbutton input{width:100px; font-weight:bold; padding:5px 0;} /* --- Footer --- */ #footer{width:950px; height:79px; margin:30px 0; background:url(images/05_footer.png) no-repeat;} #footer p{line-height:1.7em;}