/* Theme Name: Jester Creative Inc. Theme URI: http://www.jestercreative.com Description: Version: 5.0 Author: Simon Jones Author URI: http://sdjentertainment.com/ */ *{ margin: 0; padding: 0;} .clear { clear: both;} .hide {display: none;} .left,.alignleft{float: left;} .alignleft{margin-right:20px;} .right,.alignright{float: right;} .alignright{margin-left:20px;} .small { font-size: 12px;} .aspire-sue{margin-left:-55px;margin-bottom:30px; padding-right:5px;} .aspire-jen{margin-right:-30px;} #aspire-about{width:520px;} #aspire-jen-sue {padding-top:50px;margin-left:-25px;margin-right:-10px} .wpcf7-list-item{display:block;margin-bottom:5px;} blockquote{text-indent: 15px; } .twofourty{width: 240px; float: left;} body{ background: #000 url(image/bg.gif) top center repeat-y; font-family: Georgia, "Times New Roman", Times, serif; font-size: 100%;} #wrapper{width: 1000px; height:auto; background: #fff; margin: 0 auto; padding-bottom: 50px;} /* HEADER */ #header{ background: url(image/header-main2.png) top left no-repeat; width: 1033px; height: 550px;} #logo a{ background: url(image/logo.png) top left no-repeat; width: 458px; height: 115px; display: block; position: absolute; margin: 65px 0 0 40px; } #aspire a{ background: url(image/aspire.png) top left no-repeat; width: 135px; height: 94px; display:block; position: absolute; margin: 12px 0 0 500px;} #aspire a:hover{ background: url(image/aspire.png) bottom left no-repeat; } /* TITLES */ /* home page */ h3.homepage-header { color: #fff; background: url(image/homepage-title.png) top left no-repeat; margin: 0 auto; width: 230px; height: 36px; padding-top: 10px;text-indent: 15px; font-style: italic; font-weight: 500; display: block;} h3.homepage-header a{color: #fff; text-decoration: none;} h4.green {color: #348f25; font-size: 1.2em; font-weight: normal; font-style: italic; letter-spacing: -.02em; margin: 3px 0 0 25px;} #whatwevebeenworkingon h3 { background: url(image/whatwevebeenworkingon.png) center left no-repeat; width: 268px; height: 41px; margin-left: 10px;} /* subpages */ h2.blog-title {font-size: 1.7em; font-weight: normal; color: #286dc6; font-style: italic;} h2.blog-title a { color: #286dc6; font-style: italic; text-decoration: none;} h2.blog-title a:hover { text-decoration: underline;} h4.blue{font-size: 1.2em; color: #286dc6; margin: 5px 0 0 10px; font-weight: normal; font-style: italic;} /* sidebar */ .wwbwo-content-area h4 a{ font-size: .8em; color: #348f25; text-decoration: none; margin-top: 3px; display: block; } .wwbwo-content-area h4 a:hover{text-decoration: underline; } .wwbwo-content-area h4 a img{ border:none; } .page-post h2{ font-size: 2.5em; font-weight: normal; color: #286dc6;} h3.comment-titles {font-size: 1.2em; color: #286dc6; margin: 5px 0 0 10px; font-weight: normal; font-style: italic;} .project-short-desc h3.project-title {color: #286dc6; text-decoration: none; font-style: italic; margin: 0; width: 490px; float: left;} /* MAIN NAVIGATION */ #nav{float: left; margin-top: 190px; margin-left: 30px;} #nav ul{ list-style-type: none} #nav ul li{ float: left;} #nav ul li a{ height: 49px; background: #000000; width: 100px; display: block; margin-right: 50px;} #nav ul li a#home { width: 82px; background:url(image/nav-home.png) top left no-repeat; display: block;} #nav ul li a#services { width: 100px; background:url(image/nav-services.png) top left no-repeat; display: block;} #nav ul li a#projects { width: 99px; background:url(image/nav-projects.png) top left no-repeat; display: block;} #nav ul li a#contact { width: 100px; background: url(image/nav-contact.png) top left no-repeat; display: block;}#nav ul li a#bloglink { width: 100px; background: url(image/jc_bloglink.png) top left no-repeat; display: block; margin-top:2px; margin-left:-15px;} #nav ul li a:hover#home { width: 82px; background:url(image/nav-home.png) bottom left no-repeat; display: block;} #nav ul li a:hover#services { width: 100px; background:url(image/nav-services.png) bottom left no-repeat; display: block;} #nav ul li a:hover#projects { width: 99px; background:url(image/nav-projects.png) bottom left no-repeat; display: block;} #nav ul li a:hover#contact { width: 100px; background: url(image/nav-contact.png) bottom left no-repeat; display: block;} #nav ul li a:hover#bloglink { width: 100px; background: url(image/jc_bloglink.png) bottom left no-repeat; display: block;} /* IPHONE LIST ITEMS */ #iPhone{width: 165px; height: 125px; background: #fff; border: thin #c3c3c3 solid; float: right; margin: 165px 18px 0 0;} #iPhone ul{ list-style-type: none; font-family:"Helvetica Neue", Helvetica, Arial; font-size: .8em; } #iPhone ul li{} #iPhone ul li a{ text-decoration: none; color: #000000; border-bottom: thin #c3c3c3 solid; width: 165px; display: block; height: 20px; text-indent:5px; padding-top: 4px; background: url(image/iphone-arrow.png) right center no-repeat;} #iPhone ul li a:hover{ color: #fff; background: url(image/iphone-hover.png) right top no-repeat;} #iPhone ul li a span.twitter{ height: 16px; width: 16px; display: block; background: url(image/iphone-twitter.png) top left no-repeat; float: left; margin-left: 3px;} #iPhone ul li a span.facebook{ height: 16px; width: 16px; display: block; background: url(image/iphone-facebook.png) top left no-repeat; float: left; margin-left: 3px;} #iPhone ul li a span.email{ height: 16px; width: 16px; display: block; background: url(image/iphone-mail.png) top left no-repeat; float: left; margin-left: 3px;} #iPhone ul li a span.phone{ height: 16px; width: 16px; display: block; background: url(image/iphone-phone.png) top left no-repeat; float: left; margin-left: 3px;} /* READ OUR BLOG #readourblog a{ width: 103px; height: 81px; background:url(image/readourblog.png) top left no-repeat; display: block; position: absolute; margin-top: 247px; margin-left: 96px;} #readourblog a:hover{ width: 103px; height: 81px; background:url(image/readourblog.png) bottom left no-repeat; display: block;} */ #stuffwelove a{ background: url(image/stuffwelove.png) top left no-repeat; display: block; width: 95px; height: 75px; position: absolute; margin: 400px 0 0 500px;} #stuffwelove a:hover{ background: url(image/stuffwelove.png) bottom left no-repeat;} /* CONTENT */ #content{ width: 745px; height: auto; float: left;margin-top: 10px;} #content-home { width: 745px; height: auto; float: left; } /* HOMEPAGE-CONENT */ .homepage-content {width: 245px; float: left; height: auto;} .homepage-content p{ color: #595959; width: 210px; margin: 5px 0 0 30px; font-size: .8em; line-height: 1.3em;} .homepage-content p a{ color: #286dc6; float: right; margin: 5px auto; font-size: .8em; font-size: 1em; text-decoration: none; font-style: italic;} .homepage-content p a:hover{ text-decoration: underline;} span#home-web {width: 22px; height: 22px; background:url(image/home-web.png) center no-repeat; display: block; float: left; margin-left: 12px;} span#home-video {width: 22px; height: 22px; background:url(image/home-video.png) center no-repeat; display: block; float: left; margin-left: 12px;} span#home-marketing {width: 22px; height: 22px; background:url(image/home-marketing.png) center no-repeat; display: block; float: left; margin-left: 12px;} #sidebar-home { width: 100%; float: left; height: 250px; margin: 10px 0 0 0;} #sidebar-home p{ color: #595959; width: 210px; margin: 5px 0 0 30px; font-size: .8em; line-height: 1.3em;} #sidebar-home p a{ color: #286dc6; float: right; margin: 5px auto; font-size: .8em; font-size: 1em; text-decoration: none; font-style: italic;} #sidebar-home p a:hover{ text-decoration: underline;} span#home-training {width: 22px; height: 22px; background:url(image/home-training.png) center no-repeat; display: block; float: left; margin-left: 12px;} /* HOMEPAGE-WHAT WE'VE BEEN WORKING ON */ #whatwevebeenworkingon{ width: 720px; height: auto; margin-top: 20px; float: left; padding-left: 10px;} .wwbwo-content-area{ width: 140px; height: 150px; margin: 17px 0 0 20px; float: left;} #wwbwo-content { width: 712px; height: 169px; background: url(image/whatwevebeenworkingon-bg.png) top left no-repeat; float: left;} /* Easy Slider */ #slider{ margin-left: 20px;} #slider ul, #slider li{ margin:0; padding:0; list-style:none; } #slider, #slider li{ width:675px;height:160px;overflow:hidden; } span#prevBtn a{background:url(image/whatwevebeenworkingon-left-arrow.png) top left no-repeat; width: 78px; height: 25px; float: left; display: block; margin-top: 25px; text-transform:none; } span#nextBtn a{ background:url(image/whatwevebeenworkingon-right-arrow.png) top left no-repeat; width: 70px; height: 25px; float: right; display: block; margin-top: 25px; text-transform: none;} span#nextBtn a:hover{ background:url(image/whatwevebeenworkingon-right-arrow.png) bottom left no-repeat;} span#prevBtn a:hover{ background:url(image/whatwevebeenworkingon-left-arrow.png) bottom left no-repeat;} /* POSTS */ .page-post{ width: 720px; float: right; } .page-post p{ padding: 5px 30px; color: #595959; font-size: .8em; line-height:1.2em;} .page-post ul { list-style-type: none; margin: 5px 0 0 70px; font-size: .8em; line-height:1.2em;} .page-post ul li a{ background: url(image/post-li-bg.png) top left no-repeat; text-decoration: none; padding-left: 20px; color: #595959; margin-top: 2px; display: block;} .page-post ul li a:hover{ text-decoration: underline; background: url(image/post-li-bg.png) bottom left no-repeat; color: #286dc6;} /* BLOG POSTS */ #content-blog{ width: 720px; height: auto; float: left; margin:20px 0 0 30px;} #content-blog .date { color: #595959; font-size: .8em; line-height:1.2em; font-style: italic;} #content-blog .date a{color: #286dc6; text-decoration: none;} #content-blog .date a:hover{text-decoration: underline;} #content-blog .tags { color: #595959; font-size: .8em; line-height:1.2em; font-style: italic; padding: 0 20px;} #content-blog .tags a{color: #286dc6; text-decoration: none;} #content-blog .tags a:hover{text-decoration: underline;} .post { margin-bottom: 40px;} #content-blog .entry { padding: 5px 20px; color: #595959; font-size: .8em; line-height:1.5em; margin: 10px 0;padding-left:0;} #content-blog .entry p { margin-bottom: 15px;} .entry a{color: #286dc6; text-decoration: none; font-style: italic;} .entry a:hover{text-decoration: underline;} #content-blog .entry a.more-link {margin-top: 10px; display: block;} /* AUTHOR-POST */ .author-post { width: 650px; height: auto; background: #eeebef; border: thin solid #b1d4f3; margin-top: 30px; padding: 0 15px;} .author-post h4 {font-size: 1.2em; color: #286dc6; font-weight: normal; font-style: italic;} .author-post p{ width: 420px; float: right; margin-top: -25px;} .author-sue { width: 200px; height: 50px; background: url(image/author-sue.png) top left no-repeat; float: left; } /* COMMENTS */ textarea#comment { width: 400px; padding: 5px; } .commentmetadata { font-size: 10px; } ol.commentlist { margin:0; padding:0; } .commentlist li { list-style:none; margin-bottom:10px; } .commentlist cite { width: 150px; padding: 10px 20px; display:block; font-style:italic; float: left; color:#858585;} .commentlist a:link, .commentlist a:visited {color:#858585; font-style: italic; font-size: 1.2em; text-decoration: none;} .commentlist a:hover, .commentlist a:active {text-decoration: none;} .commentlist .author {text-decoration:underline; float: right;} .commentlist .date {float: right; margin-bottom: 10px;} .commenttext {width: 400px;float: left; padding:5px 20px; font-size: .8em;color: #9798a9; border-left:#286dc6 solid thin; } .commenttext p{ margin-bottom: 10px;} /* RESPOND */ #respond { margin-top: 40px;} #respond form { margin-left: 30px;} #respond form p{ color: #858585; } #respond form input { background: #eeebef; border: thin solid #b1d4f3; padding: 2px 5px; margin-bottom: 5px; color: #858585;} #respond form textarea { background: #eeebef; border: thin solid #b1d4f3; padding: 2px 5px; margin-bottom: 5px; color: #858585;} /* PROJECTS PAGE */ .project-short-desc {margin: 20px auto; width: 650px; border-bottom: #CCCCCC medium solid; padding-bottom: 15px; height: auto; min-height: 100px;} .project-short-desc a{color: #286dc6; text-decoration: none; font-style: italic;} .project-short-desc a:hover{text-decoration: underline;} .project-short-desc img {float: left; padding: 0 10px 5px 0; clear: both;} .project-short-desc a img { border: none;} /* INDIVIDUAL PROJECT PAGES */ .project-desc { width: 710px; margin-top: 10px;} .project-desc img { float: left; padding: 0 15px 10px 0;} .project-desc a{color: #286dc6; text-decoration: none; font-style: italic;} .project-desc a:hover{text-decoration: underline;} /* CONTACT PAGE */ #networks { width: 250px; float: right; margin-top: 20px;} #networks ul {list-style-type: none; float: left; margin: 10px 0; width: 220px; } #networks ul li { margin-left: 10px; color: #858585; font-size: 1em; font-style: italic; text-indent: 10px; line-height: 1.5em; margin-bottom: 10px;} #networks ul li a{ text-decoration: none; display: block; background: none; font-size: 1em; font-style: italic; text-indent: 15px; line-height: 1.5em; margin-bottom: 10px; width: auto; } span#mail { background:url(image/contact-mail.png) center left no-repeat; width: 24px; height: 24px; display: block; float: left;} span#phone { background:url(image/contact-phone.png) center left no-repeat; width: 24px; height: 24px; display: block; float: left;} span#twitter { background:url(image/contact-twitter.png) center left no-repeat; width: 24px; height: 24px; display: block; float: left;} span#facebook { background:url(image/contact-facebook.png) center left no-repeat; width: 24px; height: 24px; display: block; float: left;} span#linkedin { background:url(image/contact-linkedin.png) center left no-repeat; width: 24px; height: 24px; display: block; float: left;} /* STUFF WE LOVE PAGE */ #scrapbook { position: relative; background-image:url(image/jester_scrapbookBG.jpg); width: 733px; height: 460px;} #scrapbook .grid { float: left; position: absolute; margin: 6px; background-color: #d5d0c9; padding: 3px; -moz-box-shadow: 1px 3px 3px #666; -webkit-box-shadow: 1px 3px 3px #666; box-shadow: 1px 3px 3px #666;} #scrapbook img { float: left; position: relative; top: -40px; border:none;} /* --GRID SIZE */ .g_one_three { width: 141px; height: 364px;} .g_one_three img { width: 141px; height: 363px;} .g_one_two { width: 141px; height: 230px;} .g_one_two img { width: 141px; height: 229px;} .g_one_one { width: 141px; height: 101px;} .g_one_one img { width: 141px; height: 101px;} .g_two_one { width: 300px; height: 99px;} .g_two_one img { width: 300px; height: 98px;} /* --COLUMNS */ .c_one { left: 50px;} .c_two { left: 205px;} .c_three { left: 370px;} .c_four { left: 525px;} /* --ROWS */ .r_one{ top: 30px;} .r_two{ top: 164px;} .r_three{ top: 293px;} /* --CORNERS */ .tl { position: relative; top: -9px; left: -10px; float: left; background-image:url(image/jester_scrapbook_cornerTL.png); width: 40px; height: 40px; z-index: 10;} .br { position: relative; top: -70px; left: 112px; float: left; background-image:url(image/jester_scrapbook_cornerBR.png); margin: 0px; width: 40px; height: 40px; z-index: 10;} .g_two_one .br { position: relative; top: -70px; left: 270px; float: left; background-image:url(image/jester_scrapbook_cornerBR.png); margin: 0px; width: 40px; height: 40px; z-index: 10;} /* END STUFF WE LOVE PAGE */ /* SIDEBAR */ #sidebar { width: 250px ; height: auto; float: right; margin-top: 10px;} #sidebar div { margin-bottom: 30px;} /* SIDEBAR - TEXT -AREA */ .sidebar-text-area{ width: 245px; margin: 30px auto;} h3.sidebar-header { color: #348f25; font-size: 1.2em; font-weight: normal; font-style: italic; letter-spacing: -.02em;} .sidebar-text-area p{ color: #858585; padding: 5px 10px; font-size: .8em; line-height: 1.2em;} .sidebar-text-area ul{ list-style-type: none; font-size: .8em;} .sidebar-text-area ul li {color: #858585; margin-left: 12px; padding: 2px 0; font-style: italic;} .sidebar-text-area ul li a{ background: url(image/sidebar-li-bg.png) top left no-repeat; padding-left: 15px; text-decoration: none;color: #858585; font-style: italic;} .sidebar-text-area ul li a:hover{ background: url(image/sidebar-li-bg.png) bottom left no-repeat; text-decoration: underline;color: #348f25;} /* SIDEBAR - RSS */ #rss a{ background: url(image/sidebar-rss.png) top left no-repeat; width: 162px; height: 69px; display: block; margin: 0 auto;} #rss a:hover{ background: url(image/sidebar-rss.png) bottom left no-repeat; width: 162px; height: 69px; display: block;} /* FEEDBURNER */ #feedburner{ width: 245px; height: auto; margin: 20px auto; border: none; } #feedburner form input#feed-bg { background: url(image/feed-bg.png) top left no-repeat; width: 150px; height: 24px; border: none; padding: 6px 10px 0 10px; float: left; margin-left: 20px; color: #858585;} #feedburner form input#feed-logo { background: url(image/feed-logo.png) top left no-repeat; width: 22px; height: 22px; border: none;} #feedburner form input#feed-subs { background: url(image/feed-subs.png) top left no-repeat; width: 168px; height: 29px; border: none; float: right;} /* RECENT - BLOG - POSTS */ #recent-blog-posts { width: 239px; height: 248px; position:absolute; margin: 260px 0 0 230px;} #recent-blog-posts ul{ list-style-type: none; width: 190px; margin: 75px 0 0 25px; position: absolute; font-size: .9em;} #recent-blog-posts ul li{} #recent-blog-posts ul li a{ text-decoration: none; color: #286dc6; padding: 8px 0; display: block; background: url(image/sidebar-recent-blog-posts-underline.png) bottom center no-repeat;} #recent-blog-posts ul li a:hover{ text-decoration: underline;} #recent-blog-rss a{ display: block; width: 30px; height: 25px; background: url(image/rss-header.png) top left no-repeat; float: right; margin: 30px 35px 0 0;} #rss-head a { background: url(image/sidebar-rss.png) top left no-repeat; width: 162px; height: 69px; display: block; position:absolute; margin: 260px 0 0 460px;} #rss-head a:hover{ background: url(image/sidebar-rss.png) bottom left no-repeat; width: 162px; height: 69px; display: block; position:absolute; margin: 260px 0 0 460px;} /* FOOTER */ #footer{ width: 1000px; margin: 0 auto; margin-bottom: 40px;} #footer p{ font-size: .6em; text-align: right; color: #858585; padding-top: 3px;} #footer p a{ color: #CCCCCC; text-decoration: none;} #footer p a:hover{ color: #8d8686; }