/* Theme Name: Nimaha Theme URI: http://www.nimaha.com Description: Custom Theme for Nimaha.com based on Kubrick default theme for WordPress Version: 1.0 Author: Nick Haselwander Author URI: http://www.nimaha.com/ Tags: The original theme was built by Michael Heilemann, whose blog you will find at http://binarybonsai.com/. It has been adapted to a custom design for www.nimaha.com The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ /* Standard Styles */ html, body, form, input, select, fieldset { margin: 0; padding: 0; } h1, h2, h4, h5, h6, pre, blockquote, ul, li, ol, dl, address { margin: 0 0; padding: 0; } body { font-size: 14px; font-family:Arial, Helvetica, sans-serif; color:#fff; background:url(images/twitter-bg.jpg) repeat #141e2a; } /* Begin Structure */ /* Begin Header */ #HeaderWrap { height:170px; background:url(images/header-bg.png) repeat-x; } #Header { width:960px; position:relative; margin:auto; height:103px; } #Logo { float:left; width:440px;} ul.HeaderTop {float:left; width:500px; margin-left:13px; height:40px;} ul.HeaderTop li {list-style:none; float:left; padding-top:10px;} ul.HeaderTop li #searchform {float:left; margin:0; padding:0;} ul.HeaderTop li input#s {width:170px; background:url(images/site-search.png) no-repeat; border:none; height:25px; color:#fff; padding-left:40px;} ul.HeaderTop li input#searchsubmit {width:54px; border:none; padding:0; margin-right:55px; color:#fff; cursor:pointer; background:#5a6068; border:solid 1px #2e4851; -moz-border-radius:10px; -webkit-border-radius:10px} .logged-in ul.HeaderTop li input#searchsubmit {margin-right:31px;} ul.HeaderTop li span.HeaderMeta a, ul.HeaderTop li span.HeaderMeta {color:#5c6862; } ul.HeaderTop li img.rss {margin:-10px 0 0 34px; float:right;} #HeaderSub { background:url(images/header-shadow.png) no-repeat; clear:both; width:100%; height:57px; } /* End Header */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ #Container { width:1000px; position:relative; margin:auto; clear:both; } #BodyContainerTop { background:url(images/body-top.png) no-repeat; height:45px; width:1000px; margin:auto; position:relative; z-index:-1; } .home .TopLeftNote, .page-id-4 .TopLeftNote, .blog .TopLeftNote, .page-id-7 .TopLeftNote, .page-id-2 .TopLeftNote, .category-portfolio .TopLeftNote, .single .TopLeftNote { width:155px; height:41px; z-index:7000;} .home .TopLeftNote { background:url(images/note-stuff-i-do.png) no-repeat; } .page-id-4 .TopLeftNote { background:url(images/note-services.png) no-repeat; } .blog .TopLeftNote, .single .TopLeftNote { background:url(images/note-blog.png) no-repeat; } .page-id-7 .TopLeftNote { background:url(images/note-contact.png) no-repeat; } .page-id-2 .TopLeftNote { background:url(images/note-about.png) no-repeat; } .category-portfolio .TopLeftNote { background:url(images/note-portfolio.png) no-repeat; } #BodyContainer { background:url(images/content-bg.png) repeat-y; float:left; width:960px; padding:0 20px; } /* Begin Content */ #BodyLeft { float:left; width:550px; padding-left:20px; } #BodyLeft span.designh1 {color:#58ff54;} #BodyLeft span.developh1 {color:#fff479;} #BodyLeft span.marketh1 {color:#bce0fe;} #BodyLeft span.slashh1 {color:#114444;} .Services { background:url(images/services-bg.png) 0 10px no-repeat; height:119px; margin:10px 0 0px 0; border-top:solid 3px #0f2424; padding:20px 0 0 0; } .ServicesLeft { margin:0 0 0 10px; height:107px; float:left; width:144px; } .ServicesRight { padding:10px 20px 0 0; float:right; width:360px; color:#ccc; text-align:left; } .ServicesRight ul { float:left; font-size:10px; width:286px; margin:10px 0 0; padding:0; clear:both; } .ServicesRight li { float:left; width:130px; margin-left:13px; padding:0; line-height:16px; } .ServiceArrows {float:right; padding-top:10px;} .ServBullWrap {float:left; } .ServContentWrap {clear:both; } .blog #BodyLeft, .single #BodyLeft, .page-id-7 #BodyLeft, .page-id-2 #BodyLeft, .page-id-174 #BodyLeft, .search #BodyLeft, .page-id-391 #BodyLeft {background:#1f3737; color:#ccc; border:solid 4px #2e4851; -moz-border-radius:10px; -webkit-border-radius:10px; margin:0 0 0 20px; width:530px; padding:10px;} .page-id-391 #BodyLeft h1 {font-size:24px; margin-bottom:20px;} .page-id-391 #BodyLeft ul {margin-top:20px;} .page-id-391 #BodyLeft li {background:url(images/pdf.png) no-repeat; list-style:none; padding-left:25px;} .blog #BodyLeft, .single #BodyLeft {padding:0; width:550px;} .blog #BodyLeft h2, .single #BodyLeft h2 { background:url(images/header-bg.png) #1e2731; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; padding:5px 10px; clear:both;} .BlogH2Shadow {background:url(images/blog-title-shadow.png) top repeat-x; width:530px; padding:5px 10px;} .blog #BodyLeft .post, .single #BodyLeft .post { padding: 15px 10px; line-height:16px;} .blog h3, .single h3 {font-size:21px; color:#000; padding:0; margin:0 0 10px;} .SingleSubscribe {width:530px; background:#647c84; padding:15px 10px; margin-top:20px; line-height:18px; border-top:solid 1px #2e4851; border-bottom:solid 1px #2e4851;} .SingleSubscribe a:hover {color:#13284b;} .SingleGoogle {margin:20px 0 20px 41px; border:solid 1px #ccc; width:468px; } /* Begin Lists */ .entry ul, .entry ol { margin:10px 0;} .entry li, .entry ol li { margin: 5px 0 15px 20px; padding-left:10px;} #respond h3 {border:bottom:solid 1px #000;} .category-portfolio .tweetmeme_button {display:none;} .postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; } /* End Lists */ /* Begin Service Page Only */ #first, #second, #third {margin:10px 5px 0 0; float:left;} .navServices li { float:left; list-style:none;} .navServices li a { text-decoration:none; padding-bottom:10px;} .navServices li.designh1 a { color:#58ff54; background:url(images/svc-arrows_design.png) no-repeat bottom center; } .navServices li.designh1 a:hover, .navServices li.designh1 a.selected { color:#609c23; background:url(images/svc-arrow_design-on.png) no-repeat bottom center;} .navServices li.developh1 a { color:#fff479; background:url(images/svc-arrow_develop.png) no-repeat bottom center; } .navServices li.developh1 a:hover, .navServices li.developh1 a.selected { color:#e2d445; background:url(images/svc-arrow_develop-on.png) no-repeat bottom center; } .navServices li.marketh1 a { color:#bce0fe; background:url(images/svc-arrow_market.png) no-repeat bottom center; } .navServices li.marketh1 a:hover, .navServices li.marketh1 a.selected { color:#6ab9f0; background:url(images/svc-arrow_market-on.png) no-repeat bottom center;} .navServices li.slashh1 { color:#114444; } #first ul, #second ul, #third ul { width:100%; float:left; margin-top:10px; clear:both; } #first li, #second li, #third li { width:35%; list-style:none; margin: 10px 25px 10px 0; padding:5px 10px 5px 50px; background:url(images/service-check.png) 5px 5px no-repeat #333; float:left; -moz-border-radius:10px; -webkit-border-radius:10px; border:solid 4px #2e4851; color:#eaeaea;} #first li h2, #second li h2, #third li h2 {font-size:16px; color:#999;} #first li.RightBox, #second li.RightBox, #third li.RightBox {margin-right:0; padding-top:6px; } /* End Service Page Only */ /* Begin Portfolio Page Only */ .PortfolioNav {margin-right:10px; float:right; } .PortfolioNav h2 {float:left;} .Portfolio {float:left; width:570px;} #cycle_area {background:none; } .PortfolioStage {background:url(images/portfolio/portfolio-stage.png) no-repeat; float:left; width:570px; margin-top:10px;} .PortfolioStage .attachment-full {float:left; width:389px; margin:13px 0 0 21px; } .PSText {float:right; width:130px; height:215px; padding:10px 10px 10px 20px; font-size:11px;} .PSButton {float:right; width:110px; margin:20px 5px 0 0px;} .PortfolioTools {width:550px; padding:10px; margin:20px 0; float:left; clear:both; color:#777;} .PortfolioTools li {float:left; display:block; width:115px; margin-right:10px;} .PortfolioTools li.PTNotes, .PortfolioTools li.PTNotes li {width:165px; } .PortfolioTools li ul li:before {content: "\00BB \0020";} .PortfolioTools li ul {float:left; } .PortfolioTools li ul li { float:left; margin:0 10px 0 5px; list-style:none; font-style:italic; color:#666;} .PortfolioTools li ul li img {margin-top:0;} .PortfolioTestimonial {clear:both; font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; } .PortfolioTestimonial span {font-style:normal; color:#ccc; font-family:Verdana, Arial, Helvetica, sans-serif; } .PTName {font-weight:bold;} /* This isn't working right #Sidebar #PortfolioList ul {width:300px; } */ #Sidebar #PLTitle {background:#333; color:#fff; margin:0 10px 0 18px; padding:3px 5px; font-weight:bold; font-size:16px; border:solid 1px #000; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;} #Sidebar #PortfolioList { margin:0 10px 0 18px; background:#3a555a; border:solid 1px #000; border-top:none; padding:10px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px;} #Sidebar #PortfolioList li { width:120px; height:25px; margin: 0 10px 10px 10px; float:left; font-size:10px; list-style:square; } /*Working on using thumbnails. Not complete. #Sidebar #PortfolioList { margin-left:15px; padding:10px; float:left;} #Sidebar #PortfolioList li { width:120px; height:70px; margin: 0 10px 10px 10px; float:left; font-size:10px; list-style:none; } #Sidebar #PortfolioList li.PSthumb-bg { background: url(images/portfolio/portfolio-stage_thumb.png) no-repeat left; padding:20px 0 0 30px;} */ /* End Portfolio Page Only */ /* End Content */ /* Begin Sidebar */ #Sidebar { float:right; width:340px; margin:0 10px 0 0;} .cta { background:url(images/cta-bg.png) no-repeat; height:170px; width:265px; margin-right:18px; padding:32px 53px 0 25px; font-family:Tahoma, Arial; font-style:italic; font-size:14px; margin-top:-35px; z-index:6000; } .cta h2 { font-size:18px; color:#fff; } .cta span { color:#fff; } #Sidebar ul ul.icons li { float:left; list-style:none; margin:10px 13px 0 -8px; } #twitter-3 { border-top:inset 4px #042b2b; border-bottom:outset 4px #042b2b; width:305px; padding:5px 0 10px 0px; margin-left:18px; color:#777;} .NoteRecent { margin:20px 0 5px 0px; } .RecentBox { border:solid 2px #9f9f9f; width:300px; height:244px; margin:-38px 0 0 18px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; border:solid 4px #2e4851; } .RecentBox h2 { height:20px; color:#fff; padding:5px; background:#2e4851; font-size:12px;} .RecentWork { text-align: left; } .RecentWork img { position: absolute; top: 0; left: 0; border: 0; } .RecentWork .caption { float: left; position: absolute; background-color: #000; width: 100%; cursor: pointer; padding-left:10px; /* The way to change overlay opacity is the follow properties. Opacity is a tricky issue due to longtime IE abuse of it, so opacity is not offically supported - use at your own risk. To play it safe, disable overlay opacity in IE. */ /* For Firefox/Opera/Safari/Chrome */ opacity: .8; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* For IE 8 */ -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } .RecentWork .caption h1, .RecentWork .caption h2, .RecentWork .caption h3, .RecentWork .caption h4, .RecentWork .caption h5, .RecentWork .caption h6 { margin: 10px 0 10px 0px; font-size: 20px; font-weight: bold; padding: 0 0 0 0px; color:#ccc;} .RecentWork p { margin: 10px; font-size: 1em; color:#999} #Sidebar li ul.Affiliates { width:280px; margin:10px 0 30px 18px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; border:solid 4px #2e4851; background:#2e4851; float:left; padding:0 5px;} #Sidebar li ul.Affiliates li {border:solid 1px #000; height:125px; width:125px; float:left; margin:5px 0;} #Sidebar li ul.Affiliates li.AffRight {margin-right:24px;} /* End Sidebar */ /* Begin Footer */ #Footer { height:100px; background:url(images/footer-bg.png) repeat-x; position:relative; margin:auto; clear:both; font-size:12px;} .FooterDesign { background:url(images/footer-bg_focus.png) no-repeat; width:1000px; margin:auto; position:relative; height:100px;clear:both; } .FooterRepeat { background:url(images/footer-repeat.png) repeat; clear:both; min-height:350px; } .FooterContent { margin:auto; position:relative; width:940px; padding:0 10px; color:#666; clear:both; } .FooterContent li { list-style:none; display:block; border-bottom:solid 1px #3d4b52; padding:5px 0; } .FooterContent .LatestPosts li {border-bottom:none; } .FooterPosts {border-bottom:solid 1px #3d4b52; margin-bottom:10px; padding-bottom:10px; } .LatestPosts, .EmailSubscribe, .ReachMe { float:left; width:290px; margin-right:35px; } .LatestPosts h3, .EmailSubscribe h3, .ReachMe h3 { font-family:"Tahoma Small Cap", Tahoma, Arial; font-size:2em; font-weight:bold; border-bottom:solid 1px #ccc; color:#666; margin-bottom:10px; } .LatestPosts li { } .EmailSubscribe li, .ReachMe li { padding-left:40px; } .ReachMe li.fbFooter {background:url(images/facebook.png) 0 5px no-repeat; } .ReachMe li.twFooter {background:url(images/twitter.png) 0 5px no-repeat; } .ReachMe li.liFooter {background:url(images/linked-in.png) 0 5px no-repeat; } .LatestPosts { } .EmailSubscribe { } .ReachMe { margin-right:0; } .ReachMe li { line-height:32px; } .FooterSite { padding:10px 0; margin:30px 0 10px; width:100%; clear:both; border-top:solid 4px #25363e; border-bottom:solid 4px #25363e; float:left; } /* End Footer */ #Sidebar h2 { font-family: 'Lucida Grande', Verdana, Sans-Serif; font-size: 1.2em; } #Sidebar h2, #wp-calendar caption, cite { text-decoration: none; } #Sidebar { font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif; } small, .nocomments, .postmetadata, blockquote, strike { color: #777; } #Sidebar h2 { margin: 0; padding: 0; } #Sidebar ul, #Sidebar ul ol { margin: 0; } #Sidebar ul li { list-style-type: none; list-style-image: none; margin-bottom: 15px; } #Sidebar ul p, #Sidebar ul select { margin: 5px 0 8px; } #Sidebar ul ul, #Sidebar ul ol { margin: 5px 0 0 5px; } #Sidebar ul ul.blogroll li, #Sidebar #recent-posts-2 li, #Sidebar #categories-2 li {border-bottom:dotted 1px #ccc; padding:5px 0; margin-left:0;} #Sidebar ul ul ul, #Sidebar ul ol { margin: 0 0 0 10px; } ol li, #Sidebar ul ol li { list-style: decimal outside; } #Sidebar ul ul li, #Sidebar ul ol li { margin: 3px 0 0; padding: 0; } #Sidebar #searchform #s { width: 108px; padding: 2px; } #Sidebar #searchsubmit { padding: 1px; } #Sidebar { } #Sidebar form { margin: 0; } /* Begin Standard Headers */ h2 { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#fff;} h3 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#fff; margin:5px 0 0 0px; } h1 { font-family:'Tahoma Small Cap', Tahoma, Arial; font-size:39px; color:#ccc; font-variant:small-caps; text-shadow:1px; } h2.pagetitle { text-align: center; font-size: 1.6em;} .sticky h2 { padding-top: 10px; } .thread-alt { background-color: #84a6ac;} .thread-even { background-color: #3a595f; } .depth-1 {border: 1px solid #ddd;} .even, .alt { border-left: 1px solid #ddd; } .commentlist { padding: 0; text-align: justify; } .commentlist li#comment-1 {margin-top:0px;} .commentlist li, #commentform input, #commentform textarea { font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;} #commentform input, #commentform textarea {background:#15202e; border:solid 1px #ccc; color:#fff;} .commentlist li ul li { font-size: 1em; margin-right: -5px; margin-left: 10px;} .commentlist li { font-weight: bold; margin: 0px 0 10px; padding: 5px 5px 10px 10px; list-style: none; } .commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; } .commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; } .commentlist p { font-weight: normal; line-height: 1.5em; text-transform:none; margin: 10px 5px 10px 0; } #commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; } .commentmetadata { font-weight: normal; } h3.comments { margin-top:40px; color:#fff; border-bottom:dotted 1px #ccc;} #commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; } #commentform { margin: 5px 10px 0 0; } #commentform textarea { width: 100%; padding: 2px; } #respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #commentform #submit { margin: 10px 0 10px auto; float: right; background:#5a6068; border:solid 1px #2e4851; -moz-border-radius:10px; -webkit-border-radius:10px; cursor:pointer; border:solid 1px #fff;} .alt { margin: 0; padding: 10px; } .children { padding: 0; } #commentform p { margin: 5px 0; } .nocomments { text-align: center; margin: 0; padding: 0; } .commentmetadata { margin: 0; display: block; } /* Begin Images */ p img { padding: 0; max-width: 100%; } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left; } /* End Images */ #wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; } #wp-calendar a { text-decoration: none; } #wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; } #wp-calendar th { font-style: normal; text-transform: capitalize; } /* Begin Calendar */ #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } #wp-calendar a { display: block; } #wp-calendar caption { text-align: center; width: 100%; } #wp-calendar td { padding: 3px 0; text-align: center; } #wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; } /* End Calendar */ /* Begin Various Tags & Classes */ p { margin: 1em 0; padding: 0;} li, dd, blockquote { } a:focus { -moz-outline-style: none; } a:active { outline: none; } a, h2 a:hover, h3 a:hover, .LatestPosts a:visited, .ReachMe a:visited, .FooterSite a:visited { color: #e2ce99; text-decoration: none; } a:visited {color: #ceb572;} a:hover { text-decoration: underline; } h2 a, h2 a:visited {color:#ccc; font-size:24px;} h3 a { text-decoration:underline; color:#333; } .search #BodyLeft a, .search #BodyLeft a:visited, .PSText a, .PSText a:visited, a:visited, .entry p a:visited { } .search #BodyLeft a:hover {color:#fff; text-decoration:underline;} #Sidebar #Port.cta a, .cta a:visited { color:#1b4891; font-weight:bold; } .SingleSubscribe a, .SingleSubscribe a:visited {color:#071731; text-decoration:underline;} { color: #ceb572; } .postmetadata a, .postmetadata a:visited {color:#888;} folioList a {color:#fff;} .RecentWork a:link, .RecentWork a:visited, .RecentWork a:hover, .RecentWork a:active { text-decoration: none; } .RecentWork a:link img, .RecentWork a:visited img, .RecentWork a:hover img, .RecentWork a:active img { border: none; } .RecentWork a { float: left; background: #fff; overflow: hidden; position: relative; } .entry {line-height:20px;} img {border:none;} .bold {font-weight:bold; } acronym, abbr, span.caps { cursor: help; } acronym, abbr { border-bottom: 1px dashed #999; } blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; color:#999; } blockquote cite { margin: 5px 0 0; display: block; } .center { text-align: center; } .hidden { display: none; } .screen-reader-text { position: absolute; left: -1000em;} hr { display: none; } a img { border: none; } .navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; } small { font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em; line-height: 1.5em; } .sticky { background: #f7f7f7; padding: 0 10px 10px; } code { font: 1.1em 'Courier New', Courier, Fixed; } acronym, abbr, span.caps{ font-size: 0.9em; letter-spacing: .07em; } .postmetadata { clear: both; font-size:10px; color:#999} .clear { clear: both; } /* End Various Tags & Classes*/ /* Captions */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto;} .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin:10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border:solid 1px #ccc;} .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 5px 4px 5px; margin: 0; color:#000; text-align:left;} /* End captions */ /* Begin Form Elements */ #searchform { margin: 10px auto; padding: 5px 3px; text-align: center; } .entry form { /* This is mainly for password protected posts, makes them look better. */ text-align:center; } select {width: 130px; } /* End Form Elements */ /* Menu */ #Menu { list-style:none; margin:0; float:right; width:520px; } ul#Menu { list-style:none; padding: 0; margin: 0; float:right; } ul#Menu li { float:left; list-style:none; } ul#Menu li a { display:block; height:63px; position:relative; } ul#Menu li a span { display:block; z-index:100; height:63px; text-indent:-9999px; overflow:hidden; cursor:pointer; } ul#Menu li a.One span { background:url(images/menu-bg.png) no-repeat 0 0; width:77px; } ul#Menu li a.Two span { background:url(images/menu-bg.png) no-repeat -77px 0; width: 120px; } ul#Menu li a.Three span { background:url(images/menu-bg.png) no-repeat -197px 0; width: 114px; } ul#Menu li a.Four span { background:url(images/menu-bg.png) no-repeat -311px 0; width: 95px; } ul#Menu li a.Five span { background:url(images/menu-bg.png) no-repeat -416px 0; width:114px; } ul#Menu li a.One { background:url(images/menu-bg.png) no-repeat 0 0; width:77px; } ul#Menu li a.Two { background:url(images/menu-bg.png) no-repeat -77px 0; width: 120px; } ul#Menu li a.Three { background:url(images/menu-bg.png) no-repeat -197px 0; width: 114px; } ul#Menu li a.Four { background:url(images/menu-bg.png) no-repeat -311px 0; width: 95px; } ul#Menu li a.Five { background:url(images/menu-bg.png) no-repeat -416px 0; width:114px; } ul#Menu li a span:hover { cursor:pointer; text-decoration:none; height:63px; color:#eaeaea; } ul#Menu li a.One span:hover { background:url(images/menu-bg.png) no-repeat 0 -63px; width:77px; } ul#Menu li a.Two span:hover { background:url(images/menu-bg.png) no-repeat -77px -63px; width: 120px; } ul#Menu li a.Three span:hover { background:url(images/menu-bg.png) no-repeat -197px -63px; width: 114px; } ul#Menu li a.Four span:hover { background:url(images/menu-bg.png) no-repeat -311px -63px; width: 95px; } ul#Menu li a.Five span:hover { background:url(images/menu-bg.png) no-repeat -416px -63px; width:114px; } body.blog ul#Menu li a.One, body.single ul#Menu li a.One { background:url(images/menu-bg.png) no-repeat 0 -63px; width:77px; } body.page-id-4 ul#Menu li a.Two { background:url(images/menu-bg.png) no-repeat -77px -63px; width: 120px; } body.page-id-7 ul#Menu li a.Three { background:url(images/menu-bg.png) no-repeat -197px -63px; width: 114px; } body.page-id-2 ul#Menu li a.Four { background:url(images/menu-bg.png) no-repeat -311px -63px; width: 95px; } body.category-portfolio ul#Menu li a.Five { background:url(images/menu-bg.png) no-repeat -416px -63px; width:114px; } /* Gravity Forms Additional */ .EmailSubscribe .gform_wrapper {margin-bottom:0;} .EmailSubscribe .ginput_container { margin-top:0px; } .EmailSubscribe .gfield_label { margin:0 15px 0 0; border-right:solid 3px #004571; float:left; } .EmailSubscribe .gform_footer { margin:0; padding-top:0; } .EmailSubscribe .gform_wrapper .left_label { padding-left:0; } .EmailSubscribe .gform_wrapper .left_label .button { margin: 5px 0 0 0; } .EmailSubscribe .gform_wrapper ul.left_label li { margin:0px 0 0px; } .EmailSubscribe .gform_wrapper .validation_error { display:none; } .EmailSubscribe .gform_wrapper #gforms_confirmation_message, .EmailSubscribe .gform_wrapper .gfield_error { width:90%; } .EmailSubscribe .gform_wrapper .gform_heading { padding-bottom: 6px; margin-bottom: 0;} .EmailSubscribe .gform_wrapper .left_label input.medium {width:61%; } .EmailSubscribe .gform_wrapper .gform_body input { outline-style:none; outline-color:#333; background:url(images/email-input.png) no-repeat; border:none; color:#fff; padding-left:3px; }