/* Theme Name: Outside the Lines Designs Theme URI: http://outsidethelinesdesign.net/ Description: The theme was created by Sandbox Development and Consulting Inc for Outside the Lines Designs. Version: 1.0 Author: Jennifer Zelazny/Sandbox Development and Consulting Inc. Author URI: http://www.sandboxdev.com/ */ /* JZ CSS file organization ----------------- [1] General - All general items, browser specific hacks [2] Header - All things specific to the header [3] Navigation - All things specific to the navigation [4] Main Content - All things specific to the main content [5] Footer - Things which are page and section specific. [6] WordPress - Things which are WordPress specific. Questions/Comments: Email jzelazny@sandboxdev.com */ /*---------[1]General---------*/ body {background: #d7e1bc;font-family: 'Trebuchet MS', Verdana;font-size:.85em;line-height:1.6em;color:#333;margin:0;padding:0;} a, a:visited {color:#555c43;font-weight:bold;text-decoration:underline;} a:hover, a:active {color:#ce553f; font-weight:bold;text-decoration:underline;} h1{font:1.4em/1.8em bold 'Trebuchet MS', Verdana;color:#e17155;margin:0;padding:0;} h2 {font-size:1.2em;line-height:1.4em;font-weight:bold;margin:0;padding:0;} h3 {font-size:.9em;line-height:1.2em;font-weight:bold;margin:0;padding:0; color:#555c43;} img {border:0;} ul {margin-bottom:20px} table {border:1px solid #bbb;} td {border:1px solid #bbb;padding:5px;} #container {background: #fff;text-align: left;margin: 0px auto;margin-top:15px;width: 800px;border:1px solid #9ca780;} /*---------[2]Header---------*/ #header {background: url("images/header_bg.gif") no-repeat;height:165px;} /*---------[3]Navigation---------*/ #navigation {width: 800px;margin:0 auto;text-align:center;line-height:28px;} #navigation ul {list-style:none;width: 800px;margin:0;padding:0;background: url("images/nav_bg.gif") repeat-x;} #navigation ul li {display:inline;padding: 0 15px 0 15px;font-size:1.2em;line-height:28px;} #navigation ul li a {color:#fff;font-weight:normal;text-decoration:none;} #navigation ul li a:hover {color:#c33118;} #home #nav-home a, #history #nav-history a, #about-our-products #nav-about a, #gallery-of-work #nav-gallery a, #order-online #nav-order a, #contact-online #nav-contact a, #events #nav-events a {color: #f3dca6;} /*---------[4]Main Content---------*/ #content {margin-bottom:15px;padding:25px;text-align:left;} #content p {margin:0 0 10px 0;padding:0;} #content .post {text-align:center;} #content .post ul {margin:5px 0 5px 0;padding:0;} #content .post ul li {margin: 0 0 0 35px;padding:0;} #content .post img {margin-right:10px; border:2px solid #9ca780; padding:5px;} #content .post .entry {padding:10px 0 10px 0;border-bottom:1px solid #9ca780;} /*---------[5]Footer---------*/ #footer {width: 800px;margin: 0 auto;} #footer p {text-align:center;font-size:.8em;color:#5B5B5B;margin:2px 0 0 0;padding:0;} /*---------[6]Page Specific---------*/ p.signature {font-size:.8em;margin:0;padding:0; line-height:1em;} /* Home */ #myGallery {width: 307px;height: 384px;z-index:5;display: none;border: 3px solid #9ca780; margin:0 auto; font-size:1.1em; line-height:1em;} #myGallery p {margin-left:5px; font-size: .7em;} .jdGallery {overflow: hidden;position: relative;} .jdGallery img {border: 0;margin: 0;} .jdGallery .slideElement {width: 100%;height: 100%;background-color: #000;background-repeat: no-repeat;} .jdGallery .loadingElement{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: #000;background-repeat: no-repeat;background-position: center center;background-image: url("images/galery/loading-bar-black.gif");} .jdGallery .slideInfoZone {position: absolute;z-index: 10;width: 100%;margin: 0px;left: 0;bottom: 0;height: 50px;background: #333;color: #fff;text-indent: 0;overflow: hidden;} * html .jdGallery .slideInfoZone {bottom: -1px;} .jdGallery .slideInfoZone h2 {padding: 0;font-size: 80%;margin: 0;margin: 2px 5px;font-weight: bold;color: inherit;} .jdGallery .slideInfoZone p{padding: 0;font-size: 60%;margin: 2px 5px;color: #eee;} .jdGallery div.carouselContainer{position: absolute;height: 135px;width: 100%;z-index: 10;margin: 0px;left: 0;top: 0;} .jdGallery a.carouselBtn{position: absolute;bottom: 0;right: 30px;height: 20px;text-align: center;padding: 0 10px;font-size: 13px;background: #333;color: #fff;cursor: pointer;} .jdGallery .carousel {position: absolute;width: 100%;margin: 0px;left: 0;top: 0;height: 115px;background: #333;color: #fff;text-indent: 0;overflow: hidden;} .jdGallery .carousel .carouselWrapper {position: absolute;width: 100%;height: 78px;top: 10px;left: 0;overflow: hidden;} .jdGallery .carousel .carouselInner {position: relative;} .jdGallery .carousel .carouselInner .thumbnail {cursor: pointer;background: #000;background-position: center center;float: left;border: solid 1px #fff;} .jdGallery .carousel .label {font-size: 13px;position: absolute;bottom: 5px;left: 10px;padding: 0;margin: 0;} .jdGallery .carousel .label .number {color: #b5b5b5;} .jdGallery a {font-size: 100%;text-decoration: none;color: inherit;} .jdGallery a.right, .jdGallery a.left {position: absolute;height: 99%;width: 25%;cursor: pointer;z-index:10;filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity: 0.2;opacity: 0.2;} * html .jdGallery a.right, * html .jdGallery a.left{filter:alpha(opacity=50);} .jdGallery a.right:hover, .jdGallery a.left:hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;} .jdGallery a.left{left: 0;top: 0;background: url("images/gallery/fleche1.png") no-repeat center left;} * html .jdGallery a.left { background: url("images/gallery/fleche1.gif") no-repeat center left; } .jdGallery a.right {right: 0;top: 0;background: url("images/gallery/fleche2.png") no-repeat center right;} * html .jdGallery a.right { background: url("images/gallery/fleche2.gif") no-repeat center right; } .jdGallery a.open {left: 0;top: 0;width: 100%;height: 100%;} .withArrows a.open {position: absolute;top: 0;left: 25%;height: 99%;width: 50%;cursor: pointer;z-index: 10;background: none;-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;} .withArrows a.open:hover { background: url("images/gallery/open.png") no-repeat center center; } * html .withArrows a.open:hover { background: url("images/gallery/open.gif") no-repeat center center;filter:alpha(opacity=80);}