/* Theme Name: IDK Theme Theme URI: http://martythornley.com Description: Studio Diana BlogSite Theme Version: 1.0 (wp 2.8.6) Author: Marty Thornley Author URI: http://martythornley.com */ /* 1) RESET some things for s good starting point - based on yahoo reset */ @import "style/css/reset.css"; /* 2) Bring in all basic style from default theme, but cleaned up and simplified */ @import "style/css/default.css"; /* 3) Add our own style on top of it all */ /* This is 90% of what you will need to edit to style this theme. By importing default.css before it all, we can overwrite anything in there and shouldn't ever need to open that file. If you keep your changes to section 4 below, it will be easier to upgrade the theme, should you ever want to. If you don't care about that, then edit away! */ * {outline: none;} /* BASIC FONTS */ body { color: #ffffff; text-align: left; font-size: 12px; font-family: Palatino, "Times New Roman", serif; } h1, h2, h3, h4, h5, h6 { font-weight: normal; clear:both; color: #ffffff; } .pageTitle h1 { font-size: 28px; text-align: center; text-transform: uppercase; margin:20px 0 33px; } body.page-id-310 .pageTitle h1, body.page-id-312 .pageTitle h1 { font-size: 20px; } h2 { font-size: 15px; text-transform: capitalize; font-style: normal;} .work-excerpt h2 { margin: 20px 0 0; font-weight:bold;} #sidebar { font-family: "Century Gothic", Helvetica, Arial, Sans-Serif; font-size:14px; } #sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6 { color: #C8B52C; } /* LINKS */ a, h2 a:hover, h3 a:hover { color: #BC3077; text-decoration: none; } a:hover { color: #F170B3; text-decoration: none; } .smallBox a, .smallBox h2 a:hover, .smallBox h3 a:hover { color: #ffffff; text-decoration: none; } .smallBox a:hover { color: #ffffff; text-decoration: none; } .smallBox #sidebar a, .smallBox #sidebar h2 a:hover, .smallBox #sidebar h3 a:hover { color: #BC3077; text-decoration: none; } .smallBox #sidebar a:hover { color: #F170B3; text-decoration: none; } /* PAGE WIDTHS ****************************************/ #page { width: 1026px; } /* Main Content Areas */ .smallBox { width: 296px; float: right; display: inline; } .largeBox { width: 730px; float: left; display: inline; } body.home .smallBox { width: 229px; } body.home .largeBox { width: 695px; } #logo { width: 250px; float: left; display: inline; margin:8px 0 0 0;} #flash { width: 250px; float: left; display: inline; margin:8px 0 0 0;} #topMenu { background: transparent; position: relative; width: 545px; margin: 101px 9px 0 10px; float: left; display: inline; text-transform:uppercase; font-size: 12px; z-index: 99; font-family:"Century Gothic", Helvetica, Arial, San-Serif;} #rss { font-family:"Century Gothic", Helvetica, Arial, San-Serif; float: left; width: 39px; } #header #rss a { padding:101px 0 0 5px; } /* BACKGROUND IMAGES ***********************************/ /* images commented out to prevent 404 errors */ body { background: transparent /* url('style/images/bg_body.jpg') no-repeat top center */; } #page { background: transparent /* url('style/images/bg_page.jpg') no-repeat top center */; } #header { background: transparent url('style/images/bg_header.jpg') no-repeat top center; z-index: 999999; } #content { background: transparent url('style/images/bg_content.jpg') repeat-y top left; clear: both; } body.page-template-page-case-studies-php #content { background: #ffffff url('style/images/bg_content_yellow_right.jpg') repeat-y top right; color: #ffffff; } #sidebar { background: transparent /* url('style/images/bg_sidebar.jpg') no-repeat top center */; } #footer { background: transparent /* url('style/images/bg_footer.jpg') no-repeat top center */; } /* STRUCTURE ********************************************/ #content, #footer { overflow: hidden; } body { margin: 0 0 20px 0; padding: 0; } #page { margin: 20px auto; padding: 0; text-align: left; margin: 0 auto; overflow: hidden; } #header { margin: 0px; padding: 0; height: 159px; } #content { width:100%; padding: 0; } body.home #content { height:603px; } #sidebar { padding:0 10px 0 15px; } #footer { border: none; padding: 0; clear: both; } /* EASY FANCY STYLES *************************************/ .right { float: right; display: inline; } .left { float: left; display: inline; } .clear { clear: both; overflow:hidden; } .section { position: relative; width: 100%; clear: both; overflow:hidden; } .pad10 { padding: 10px; } .pad20 { padding: 20px; } .pad40 { padding: 40px; } .round3 { -moz-border-radius:3px; -webkit-border-radius:3px; } .round5 { -moz-border-radius:5px; -webkit-border-radius:5px; } .round10 { -moz-border-radius:10px; -webkit-border-radius:10px; } p { margin:0; padding-bottom:10px; font-size:14px; line-height:1.5em;} /* SPECIFIC TO IDK ********************************/ body.page-id-312 .entry { font-style: italic; } .titleBlock { background:transparent url(style/images/bg_post_title.jpg) no-repeat scroll center bottom; overflow:hidden; position: relative; } .titleBlock h2 { text-align: center; clear: none; margin:25px auto 35px; display: block; } .titleBlock h3 { font-weight: normal; color: #BEC0C2; font-size:15px; clear: none; float: left; margin:6px 0 0; } .user-photo { width: 60px; float: left; } .postBottom { background: transparent /* url('style/images/post_bottom.jpg') no-repeat top center */ ; height: 1px; clear: both; width: 100%; margin:0;} /* BLOG PAGES, SINGLE POSTS, ARCHIVES */ body.page-template-page-fresh-php, body.single, body.archive, body.page-template-page-blog-php, body.search, body.error404 { font-family: "Century Gothic", Helvetica, Arial, Sans-Serif; } body.page-template-page-blog-php #content, body.single #content, body.archive #content, body.page-template-page-fresh-php #content, body.search #content, body.error404 #content { background: #ffffff url('style/images/bg_content_blog.jpg') repeat-y top right; color: #3a3a3a; width: 1020px; margin:0 auto; padding:0 0 40px; } body.page-template-page-blog-php .largeBox, body.single .largeBox, body.archive .largeBox, body.page-template-page-fresh-php .largeBox, body.search .largeBox, body.error404 .largeBox { width: 791px; } body.page-template-page-blog-php .smallBox, body.single .smallBox, body.archive .smallBox, body.page-template-page-fresh-php .smallBox, body.search .smallBox, body.error404 .smallBox { width: 228px; } body.page-template-page-fresh-php .post, body.single .post, body.archive .post, body.page-template-page-blog-php .post, body.search .post { padding: 0; margin:0; } body.page-template-page-blog-php .entry, body.single .entry, body.archive .entry, body.page-template-page-fresh-php .entry, body.search .entry, body.error404 .entry { padding:20px 30px 20px 20px; } #freshHeader { background: transparent url(style/images/fresh_header.jpg) no-repeat scroll 0 0; height: 165px; width: 1026px; clear: both; } #blogWelcome { border-bottom: 1px solid #D0C240; } body.page-template-page-fresh-php h1, body.single h1, body.archive h1, body.search h1, body.error404 h1, body.page-template-page-fresh-php h2, body.single h2, body.archive h2, body.search h2, body.error404 h2, body.page-template-page-fresh-php h3, body.single h3, body.archive h3, body.search h3, body.error404 h3, body.page-template-page-fresh-php h4, body.single h4, body.archive h4, body.search h4, body.error404 h4, body.page-template-page-fresh-php h5, body.single h5, body.archive h5, body.search h5, body.error404 h5, body.page-template-page-fresh-php h6, body.single h6, body.archive h6, body.search h6, body.error404 h6 { text-transform: uppercase; color: #BC3077; font-size: 18px; } /* Testimonials Page */ body.page-id-312 .entry { font-style: italic; } /* Gallery Pages */ .galleryUL {} .galleryUL li { display: block; clear: both; margin: 5px 0; } .galleryUL a { display: block; overflow: hidden; } .galleryUL a:hover { background: transparent url(style/images/swirly.jpg) no-repeat scroll 09px 85px; } .number { width: 40px; float: left; display: inline; } .number p { padding:18px 0 0; } .number p.count-1 { font-size:5em; color: #CBEAF0; } .number p.count-2 { font-size:5em; } .number p.count-3 { font-size:5em; } .number p.count-4 { font-size:5em; } .number p.count-5 { font-size:5em; } .number p.count-6 { font-size:5em; } .galleryThumb { float: right; display: inline; } /* HOME PAGE */ #cafe-link { height:55px; margin:82px 0 0 56px; width:107px; display:inline; float:left; } #cafe-link a { width: 100%; height: 100%; display: block; } body.home .smallBox { width: 339px; background: #C8B72C; } body.home .largeBox { width: 652px; margin:0 0 0 35px; } #testimonial { background: #E6DB9B url(style/images/bg_testimonial.jpg) no-repeat scroll top center; height:135px; overflow:hidden; } #testimonial p { padding: 46px 15px 0px 38px; color: #3a3a3a; font-size:12px; line-height:1.4em; } #testimonial p.testimonial-name { padding: 0px 25px 10px 38px; font-style: italic; font-family: "Times New Roman", serif; } .smallBox #testimonial a:hover p { } #slideshow { height:410px; width:650px; float: right; clear: both; overflow: hidden; } #featured-section { height: 193px; width:650px; float: right; clear: both; overflow: hidden; } .featureBoxes { width: 110px; float: left; display: inline; height:193px; } #cafe-feature { width: 330px; float: left; display: inline; } ul#home_thumbs { border-bottom:1px solid #C8C7C7; float:left; height:193px; width:331px; } ul#home_thumbs li { float: left; display: inline; width:165px; height:193px; } ul#home_thumbs li a img { border:medium none; } #the-cafe { width: 145px; background: #D4C45B url(style/images/the-cafe.jpg) no-repeat scroll left -5px; } #the-kitchen { width: 175px; background: transparent url(style/images/the-kitchen.jpg) no-repeat scroll top right; } #the-cafe p { font-family:"Century Gothic", arial, helvetica, sans-serif; font-size:12px; padding:90px 8px 10px 15px; } #the-kitchen p { font-family:"Century Gothic", arial, helvetica, sans-serif; color: #ffffff; font-size:12px; padding:97px 22px 0 24px; } #the-kitchen a, #the-kitchen p a { color: #ffffff; } #the-kitchen a:hover, #the-kitchen p a:hover { text-decoration: underline; } ul#twitter_list { width: 195px; float: right; display: inline; height:174px; overflow:hidden; background: transparent;} ul#twitter_list li { color:#3A3A3A; font-family:Georgia, Times New Roman, sans-serif; font-size:11.5px; margin:30px 4px 0 67px;} #welcomeMsg { height:229px; } #welcomeMsg p { font-family:Palantino,"Times New Roman",serif; font-size:1.8em; font-style:italic; letter-spacing:0.3px; line-height:1.3em; margin:5px 0 -3px; padding:0 20px 0 32px; } #welcomePic { margin:0 0 -3px; overflow: hidden; } #followLinks { padding: 14px 0 0; } #followLinks ul { color: #C61D68; } #followLinks ul li { display:inline; float:left; font-family:arial; margin:10px 0 14px 16px; text-transform:uppercase; } #followLinks ul li a { color: #ffffff; } li#facebook { } li#twitter { } li#rss { background: transparent url('style/images/button_rss.jpg') no-repeat 113px 2px; } li#facebook a { display: block; width: 100%; height: 100%; } #newsletter { background: #C8B72C; height:43px; overflow:hidden;} /* WORK PAGES */ .work-excerpt { width: 490px; float: left; display: inline; margin:10px 0 0 125px; font-style:italic; letter-spacing:0.7px;} .work-link { width: 80px; float: right; display: inline; margin: 10px 20px 0 0; background: #BD2E78;} .work-services { color:#BD2E78; font-style:italic; margin:10px 0 15px 125px; letter-spacing:0.7px; font-size:13px; } .work-image { float: right; } #the-cafe .work-link { bottom:4px; display:block; float:none; left:11px; margin:0 auto; position:absolute; width:120px; } #the-cafe .work-link a { font-size:13px; } .smallBox .work-excerpt { margin:10px 0; width:262px; } .smallBox .work-services { margin: 20px; } .work-link a { border: 1px solid transparent; color:#FFFFFF; display:block; font-family:'Century Gothic',Arial,sans-serif; font-size:14px; letter-spacing:0.8px; line-height:1em; margin:0 auto; padding:0 0 1px; text-align:center; text-transform:uppercase; width:100%; } .work-link a:hover { border: 1px solid #ffffff; } .subPageMenu li a { display:block; font-family:"Century Gothic",Helvetica,Arial,San-Serif; font-size:16px; letter-spacing:1px; text-align:center; text-transform:uppercase; width:100%; } .subPageMenu li { margin: 0 0 15px 0; } /* ABOUT PAGES */ .about-image { width: 196px; float: left; display: inline; margin: 10px 0 0 0; } .about-text { width: 400px; float: left; display: inline; font-style: italic; margin: 10px 0 0 15px; } .about-link { width: 196px; float: left; display: inline; clear: right; } /* PAGE TITLES ********************************************/ .pageTitle { margin:0; padding: 0; background:transparent url(style/images/bg_page_title.jpg) no-repeat scroll center bottom; overflow:hidden; height:auto;} body.page-id-335 .pageTitle, body.page-id-376 .pageTitle { background: transparent url('style/images/title_thalia.jpg') no-repeat center top; height: 125px; } body.page-id-434 .pageTitle { background: transparent url('style/images/title_justine.jpg') no-repeat center top; height: 125px; } body.page-id-442 .pageTitle { background: transparent url('style/images/title_mondera.jpg') no-repeat center top; height: 125px; } body.page-id-444 .pageTitle { background: transparent url('style/images/title_mario.jpg') no-repeat center top; height: 125px; } body.page-id-446 .pageTitle { background: transparent url('style/images/title_diana.jpg') no-repeat center top; height: 125px; } body.page-id-389 .pageTitle, body.parent-pageid-389 .pageTitle, body.page-template-page-work-pages-php .pageTitle { background: transparent url('style/images/title_webwork.jpg') no-repeat center top; height: 75px; } body.page-id-302 .pageTitle { background: transparent url('style/images/title_work.jpg') no-repeat center top; height: 85px; } body.page-id-391 .pageTitle { background: transparent url('style/images/title_logos.jpg') no-repeat center top; height: 85px; } body.page-id-385 .pageTitle, body.parent-pageid-385 .pageTitle { background: transparent url('style/images/title_brands.jpg') no-repeat center top; height: 85px; } body.page-id-387 .pageTitle, body.parent-pageid-387 .pageTitle { background: transparent url('style/images/title_photographyBrands.jpg') no-repeat center top; height:108px; } /* PAGE EXCERPTS */ .pageExcerpt { padding: 0 17px; } .pageExcerpt p, .pageExcerpt ul { font-family:"Century Gothic",Helvetica,Arial,Sans-serif; font-size:17px; line-height:2.2em; text-align:center; } .pageExcerpt .work-excerpt p { font-family:Palatino,"Times New Roman",serif; font-size:15px; font-style:italic; font-weight:bold; line-height:1.7em; text-align:left;} .pageExcerpt ul { font-size: 13px; } .pageExcerpt ul a { text-decoration: none; } .pageExcerpt ul a:hover { text-decoration: underline; } /* SPECIFIC TO BLOGSITE STARTER ********************************/ div.feature_link { display: block; clear:both; height: 20px; margin:15px 0 0; text-align:center; } div.feature_link a { text-transform: uppercase; } #socialMenu { height: 30px; clear: bloth; width: 100%; overflow: hidden; } ul#socialLinks { float: left; display: inline; } /* List of social links */ ul#socialLinks li { display: inline; float: left; margin:6px 20px; } #sidebar ul#socialLinks { display: block; float: none; clear: both; text-transform: uppercase; color: #BC3077; } #sidebar ul#socialLinks li { display: block; float: none; clear: both; margin:2px 0; } #sidebar ul#socialLinks h2 { color:#BC3077; font-size:18px; padding:0 0 6px; } #sidebar h2 { border-bottom:1px solid #D0C240; margin:40px 25px 6px 0; } #sidebar ul#socialLinks a { color: #BC3077; } #searchBox { width: 300px; float: right; display: inline;} /* holds search form */ /* Keep z-index of #topMenu high to prevent issues with drop down menu */ ul.footerNav { width: 33%; float: left; display: inline; text-align: center;} p.design { text-align: center; } .simpleviewer { float:right; margin-left:30px; width:750px; } /* WORDPRESS STYLES ****************************************/ /* POSTS / The LOOP */ .date { clear: both; padding:0 20px;} .postmetadata { clear: both; } .post { overflow:hidden; padding: 0 0 20px; clear:both;} .entry { padding:20px 20px 0 145px; letter-spacing:.6px; clear:both; overflow: hidden; } a.post-edit-link { border:1px solid #FFFFFF; color:#FFFFFF; font-size:10px; margin:0 10px; padding:2px 3px; } body.page-template-page-fresh-php a.post-edit-link, body.single a.post-edit-link, body.archive a.post-edit-link, body.page-template-page-blog-php a.post-edit-link, body.error404 a.post-edit-link { color:#BC3077; border: 1px solid #BC3077; } a.comments-link { float:right; margin:0 30px 0 0; clear:both;} .fullContent .entry { padding:20px;} .fullContent .entry h2 { padding: 0; margin: 0; color: #ffffff; } .postmetadata { text-align: left; clear:both; margin:10px 30px 20px 50px; } .navigation { clear:both; display:block; height:40px; margin:10px 0; width:100%; } .postmetadata a { } .wp-caption { } .post .wp-caption img {} .navigation { clear:both; height:40px; margin:10px 39px;} /* IMAGES - NEEDED FOR ALIGNMENTS TO WORK CORRECTLY */ img.alignright { float:right; margin:0 0 10px 10px; } img.alignleft { float:left; margin:0 10px 10px 0; } img.aligncenter { display: block; margin-left: auto; margin-right: auto; clear: both; } a img.alignright { float:right; margin:0 0 10px 10px; } a img.alignleft { float:left; margin:0 10px 10px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .entry p img { padding: 0; border: 0px solid transparent; } body.single .entry p img, body.page-id-19 .entry p img { padding: 8px; border: 1px solid #BEC0C2; } body.page-id-59 .entry p img.alignleft { margin:0 0 0 7px; } body.page-id-59 .entry h4 { clear:none; display:block; float:right; font-size:11px; margin:10px 0 0; width:511px; text-transform: none; } .about-image img { width: 192px; } /* SIDEBAR */ #sidebar ul { } #sidebar ul li { margin:14px 0; } #sidebar ul li li {} #sidebar ul li li li {} .sidebar ul ul, .sidebar ul ol { margin:5px 0 0 5px; } .sidebar ul ul ul.children { margin:0 0 10px 4px; padding:0 6px; } .sidebar ul ul li, .sidebar ul ol li { } .sidebar ul ul ul.children li { } .sidebar h2 { } .sidebar h3 { } /* COMMENTS */ .wpcf7, .commentsWrapper { float:right; margin:10px; padding:10px; width:95%; } .wpcf7 form {} .wpcf7 form p { text-align: center; } .commentsSection {} #respond { clear:both; overflow:hidden;} form#commentform {} ol.commentlist { margin: 8px 20px 0 10px; } ol.commentlist li { margin:8px 0; padding:6px 6px 6px 12px; font-size:1em; font-weight: normal; background:#C0AD00 none repeat scroll 0 0; color:#FFFFFF; } ol.commentlist li odd { margin:8px 0; padding:6px 6px 6px 12px; font-size:1em; font-weight: normal; background:#D4C45B none repeat scroll 0 0; color:#FFFFFF; } ol.commentlist li.bypostauthor {background: #D4C45B; } .commentlist li, #commentform input, #commentform textarea { font-size: 1em; } #commentform textarea { padding:2px; width:98%; } #commentform input { } .commentlist li .avatar { float:right; padding:2px; } .commentlist li div.avatar { width: 40px; height: 40px; } .commentlist li h5 { display: inline; } #commentform #submit { background:#BC3077 none repeat scroll 0 0; border:1px solid #FFFFFF; color:#FFFFFF; } /* FORMS */ form#signupForm { background:#C8B72C url(style/images/bg_signup.jpg) no-repeat scroll 0 0; float:right; height:25px; margin:0 19px 0 0; width:122px; } form#signupForm input#signup { background:transparent none repeat scroll 0 0; font-size:9px; padding:1px 3px; width:94px; color: #ffffff; border:0px solid;} form#signupForm input[type=submit]#signupSubmit { background:transparent none repeat scroll 0 0; border:0 none; font-size:10px; padding:2px 0 0; color:#C61D68;} #newsletter p { display:inline; float:left; font-family:"Century Gothic",Arial,Helvetica,Sans-serif; font-size:12px; margin:0 0 0 15px; text-transform:uppercase; width:178px; } .entry form { text-align:left; } form#searchform { clear:both; height:53px; margin:22px 0 0; overflow:hidden; padding:0; } input#searchsubmit, #sidebar #searchsubmit { background:transparent none repeat scroll 0 0; border:0 none; color:#D0C240; cursor:pointer; display:inline; float:left; font-size:1em; font-family:"Century Gothic",Helvetica,Arial,Sans-Serif; padding:2px 10px; } #searchform #s, #sidebar #searchform #s { border:1px solid #D0C240; padding:4px 2px; width:108px; float: left; display: inline; } div.more-link { text-align: right; } .textwidget a img { margin: 4px 0; } .textwidget a:hover img { } .textwidget a { } .textwidget a:hover { } .wpcf7-form { } .wpcf7-form ul { float:left; width:600px; margin:0; padding:0; width:500px; } .wpcf7-form ul li { clear:both; display:block; margin:2px 0 12px; overflow:hidden; } .wpcf7-form ul li span { float: left; text-align: left; padding:15px 16px 0 0;} .wpcf7-form ul li input { float: left; width: 100%; letter-spacing:1px;font-family:arial; font-size:14px;color:#FFFFFF;} .wpcf7-form ul li#name span { padding: 0px; } .wpcf7-form ul li span.wpcf7-form-control-wrap { float:left; width:466px; padding: 0px; clear:both; } .wpcf7-form ul li.checkbox span.wpcf7-form-control-wrap { width: 100%; padding: 0px; } .wpcf7-form ul li span.wpcf7-checkbox { width: 100%; padding: 0px; } .wpcf7-form ul li span.wpcf7-list-item { width: 128px; float: right; padding: 0px; } .wpcf7-form ul li span.wpcf7-list-item-label { float:left; padding:0 0 0 17px; text-align:left; width:60px;} .wpcf7-form ul li span.wpcf7-checkbox input { float: left; padding: 0px; } input[type="checkbox"], input[type=button] { border: 0px soild; background: #660000; } .wpcf7-form ul li textarea { background: #D4C45B none repeat scroll 0 0; border-color: transparent transparent #FFFFFF; border-style:none none solid; border-width:0 0 1px;float:left; height:57px; padding:4px; width:466px;letter-spacing:1px;font-family:arial; font-size:14px;color:#FFFFFF; } .wpcf7-form ul li input[type=text] { background: #D4C45B; border-color: transparent transparent #FFFFFF; border-style:none none solid; border-width:0 0 1px; padding:3px; } .wpcf7-form ul li input[type=file] { padding:3px; font-size:12px; color:#000000; margin:7px 0;} div.wpcf7-response-output { clear: both; } .entry ul {text-indent:0;} /* EXTRAS for Standard Plugins */ div.breadcrumb { margin: 10px 0 0 40px; } div.breadcrumb a { font-size:1.1em; letter-spacing:1.2px; } div.more-link { text-align: right; } /*** END WORDPRESS STYLES ***************************************/ /* SCROLLABLE GALLERIES */ #image_wrap { width:700px; height:410px; clear:both; margin:10px 10px 0 0; float:right;} body.stuff #image_wrap { height:410px; } .scrollable { /* required settings */ position:relative; overflow:hidden; width: 680px; height:165px; float:left; margin:0; /* custom decorations */ } .scrollable .items { width:20000em; position:absolute; clear:both; } .scrollable img { float:left; cursor:pointer; width:220px; height:130px; margin:16px 4px 0 0; border:2px solid transparent; } .scrollable .active { z-index:9999; position:relative;border:2px solid #ffffff;} a.browse { display:block; width:20px; height:165px; margin:0; cursor:pointer; font-size:1px; } a.right { float: right; clear:right; margin-right: 0px; background:transparent url(style/images/button_next.jpg) no-repeat scroll center center;} a.right:hover { } a.right:active { } a.left { float: left; margin-left: 10px; background:transparent url(style/images/button_prev.jpg) no-repeat scroll center center;} a.left:hover { } a.left:active { } a.up, a.down { background:#ffffff; float: none;margin: 10px 50px; } body.page-template-page-work-pages-php #image_wrap { width:700px; height:410px; clear:both; margin:0; float:right;} #work-scrollers { margin:0; padding:5px 0; width:669px;float: right; background:#BD2E78 none repeat scroll 0 0; height: 50px; } body.page-template-page-work-pages-php .scrollable { /* required settings */ position:relative; overflow:hidden; width: 585px; height:50px; float:left; margin:0 0 0 10px; /* custom decorations */ } body.page-template-page-work-pages-php .scrollable .items { width:20000em; position:absolute; clear:both; left: 0; text-align: right; } body.page-template-page-work-pages-php .scrollable img { float:left; height:20px; margin:13px 0 0; width:35px;border:2px solid transparent; } body.page-template-page-work-pages-php .scrollable .active { z-index:9999; position:relative;border:2px solid #ffffff;} body.page-template-page-work-pages-php a.browse { display:block; width:20px; height:50px; margin:0; cursor:pointer; font-size:1px; } body.page-template-page-work-pages-php a.right { float: left; margin-left: 0px; background:transparent url(style/images/button_next_sm.jpg) no-repeat scroll center center; } body.page-template-page-work-pages-php a.right:hover { } body.page-template-page-work-pages-php a.right:active { } body.page-template-page-work-pages-php a.left { float: left; margin-left: 10px; background:transparent url(style/images/button_prev_sm.jpg) no-repeat scroll center center; } body.page-template-page-work-pages-php a.left:hover { } body.page-template-page-work-pages-php a.left:active { } body.page-template-page-work-pages-php a.up, a.down { } /* SLIDER *******************************************************/ #sliderWrapper { background:transparent url(style/images/bg_slider.png) no-repeat scroll 0 0; float:left; height:334px; margin:0 0 20px 0px; width:1075px; } #slider { margin:10px 20px 0px; height:313px; overflow:hidden; } /* define width and height of list item (slide) entire slider area will adjust according to the parameters provided here */ #slider li { width:960px; height:313px; overflow:hidden; float: left; display: inline; } #prevBtn {} #slider ul, #slider li { margin:0; padding:0; list-style:none; } #prevBtn, #nextBtn { display:block; width:37px; height:34px; position:absolute; left:-25px; top:71px; } #nextBtn { left:30px; } #prevBtn a, #nextBtn a { display:block; height:23px; width:345px; } #prevBtn a { background:url(style/images/btn_prev.png) no-repeat 0 0; } #nextBtn a { background:url(style/images/btn_next.png) no-repeat 0 0; } #slider ul, #slider li { margin:0; padding:0; list-style:none; } p#controls, p#controls2 { margin:0; position:relative; } #prevBtn, #nextBtn { display:block; height:77px; left:25px; margin:0; overflow:visible; position:absolute; text-indent:-8000px; top:-22px; width:32px; z-index:20; } #nextBtn, #nextBtn2 { left:349px; } a.sliderLink { bottom:76px; display:block; float:right; height:41px; position:relative; right:16px; width:273px; } body.home .sf-menu li#homeLI a, .sf-menu li.current_page_item > a, .sf-menu li.current_page_parent > a, .sf-menu > li.current_page_ancestor > a { display:block; font-weight: bold; background:url(style/images/swirly.jpg) no-repeat center 16px;} .sf-menu li.current_page_item ul li a, .sf-menu li.current_page_parent ul li a, .sf-menu ul li.current_page_parent, .sf-menu ul li.current_page_parent a { background: transparent; } .sf-menu ul li.current_page_parent li.page_item a:link, .sf-menu ul li.current_page_item li.page_item a:link { font-weight: normal; } /*** SUPERFISH STYLES ******************************************* / / Keep z-index of #topMenu high to prevent issues with drop down menu / If drop downs are getting stuck behind other elements on the page, the z-index needs to be higher / If you move dropdowns to another element, make sure that element has a high z-index value / */ /*** SUPERFISH - EDIT COLORS ***/ .sf-menu a { padding: 0; text-decoration:none; height:30px; color:#B19E40; } .sf-menu li li a { color:#ffffff; padding:9px 5px; } .sf-menu a, .sf-menu a:visited { } .sf-menu li { background: transparent; } .sf-menu li li { background: transparent; } .sf-menu li li li { background: #C0AE00; padding:0 10px; } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline: 0; } /*** SUPERFISH - SHOULDN'T NEED TO TOUCH ***/ .sf-menu { float: left; margin-bottom: 1em; width: 540px; float: right; } .sf-menu li#homeLI { margin-left: 0px; } .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { line-height: 1.0; } .sf-menu ul { position: absolute; top: -999em; width: 10em; } /* left offset of submenus need to match (see below) */ .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; } /* fixes IE7 'sticky bug' */ .sf-menu li { float: left; position: relative; } .sf-menu a { display: block; position: relative; text-align:center;} .sf-menu li:hover > ul, .sf-menu li.sfHover > ul { left: 0; top: 30px; z-index: 99; } /* top value used to match top ul list item height */ .sf-menu li:hover > ul ul, .sf-menu li.sfHover > ul ul { left: 0; top: 10px; z-index: 99; } /* top value used to match top ul list item height */ /* .sf-menu li.current_page_parent ul[style] { visibility:visible !important; display: block !important; } */ ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; top: 0; } /* left value used to match ul width */ ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } /*** SUPERFISH - arrows ***/ .sf-menu a.sf-with-ul { } /* trigger IE7 hasLayout so spans position accurately */ .sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: transparent; /* 8-bit indexed alpha png. IE6 gets solid image only */ } a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: .8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ } /*** SUPERFISH - apply hovers to modern browsers ***/ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; } /* arrow hovers for modern browsers*/ /*** SUPERFISH - point right for anchors in subs ***/ .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } /*** SUPERFISH - apply hovers to modern browsers ***/ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ } /*** SUPERFISH - shadows for all but IE6 ***/ .sf-shadow ul { background: transparent; padding:0; } .sf-shadow ul.sf-shadow-off { background: transparent; } .sf-shadow ul li, .sf-shadow ul li ul { background: transparent; } /* 4) ADD CUSTOM STYLE HERE ******************************/ #wp_page_numbers li.active_page a {color: #000000; }