/* Theme Name: Happy Tapper Theme URI: http://TriMutiny.com Description: This is a clean design created by Carla White and implemented by Chris Lukenbill Version: 1.0 Author: Chris Lukenbill Author URI: http://TriMutiny.com Tags: white, custom header, fixed width, one column, two columns, widgets, clean Happy Tapper This theme was designed by Carla White and built by Chris Lukenbill. The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ body { background: #F3F3F3 url('images/topBar.gif') repeat-x top left; font-family: "Gill Sans", helvetica, arial; text-align:center; color: #494949; font-size: 17px; line-height: 140%;} .bodyWrapper { background: transparent url('images/footerGray.gif') repeat-x bottom left; } .mainWrapper { margin:10px auto 0; text-align:left; width:980px; } .twoLevel:hover { background-position: bottom left; } .twoLevel.selected { background-position: bottom left; } .threeLevel:hover { background-position: center left; } .threeLevel:active { background-position: bottom left; } .clear { clear:both; } .displace { position: absolute; left:-9999px; } hr {background: transparent url(images/divider.gif) top left; border:none; display:block; height:18px; width:882px;} a {color: #da5574; text-decoration: none;} a:hover {text-decoration: underline;} p {display: block; padding-bottom: 20px; color: #4b4b4b;} .alignleft, img.alignleft, a img.alignleft {float:left; margin:10px 16px 10px 0;} #legals h1 {font-family: Georgia; font-size: 1.2em; font-weight: normal; padding-bottom: 25px;} #legals ul {list-style:square;margin-bottom:1.5em;margin-left:25px;} #legals li {line-height:1.5em;margin-bottom:8px;} #legals {font-size: 14px;} /*########### Header ###########*/ .header { width:100%; height:100px; padding-bottom: 20px; } .header .logo { position: absolute; } .topNav { float:right; width:440px; } .topNav ul { float:left; padding-top: 20px; } .topNav li { display:inline; } .topNav li a { background: transparent url('images/top_nav/topnav.png') no-repeat top left; display:inline-block; height:30px; } .headerTwitter { background: transparent url('images/top_nav/headerTwitterCombined.gif') no-repeat top left; float:right; height:34px; position:relative; top:6px; width:41px; } .navDDWrapper { display:none; position:absolute; text-align:center; top:76px; width:100%; z-index:20; } .navDD { background: transparent url(images/top_nav/shadow.png) repeat-x bottom left; margin:0 auto; padding-bottom: 10px; text-align: center; } .navDDInner { background-color: #F3F3F3; } .navDD a { display:inline-block; height:120px; background-position: top left; } .navDD .about {background-image:url(images/top_nav/about.gif); width:187px; } .navDD .services {background-image:url(images/top_nav/services.gif); width:214px; } .navDD .contact {background-image:url(images/top_nav/contact.gif); width:195px; } .navDD .ebooks {background-image:url(images/top_nav/ebooks.gif); width:220px; } .navDD .favorites {background-image:url(images/top_nav/favorites.gif); width:206px; } #appsNav a { height:80px; } .navDD .buddha {background-image:url(images/top_nav/buddha.png); width:242px; } .navDD .vision {background-image:url(images/top_nav/vision.png); width:242px; } .navDD .gratitude {background-image:url(images/top_nav/gratitude.png); width:242px; } .topNav .homeNav { width:65px; } .topNav .appsNav { width:72px; background-position:-72px 0; } .topNav .selected .appsNav, .topNav .appsNav:hover { background-position:-72px -30px; } .topNav .ebooksNav { width:85px; background-position:-145px 0; } .topNav .selected .ebooksNav, .topNav .ebooksNav:hover { background-position:-145px -30px; } .topNav .aboutNav { width:99px; background-position:-231px 0; } .topNav .selected .aboutNav, .topNav .aboutNav:hover { background-position:-231px -30px; } .topNav .blogNav { width:57px; background-position:-338px 0; } .topNav .selected .blogNav, .topNav .blogNav:hover {background-position:-338px -30px; } /*########### Footer ###########*/ .otherGoodStuff { text-align: center; padding: 10px 0 30px; } .otherGoodStuff .divider { padding: 10px 0; } .mainFooter { height:64px; } .mainFooter a { float:left; } .emailForm { background:transparent url(images/emailField.png) no-repeat top left; float: left; margin:20px 20px 0 80px; } .emailForm input { background-color:transparent; border:none; color:#F3F3F3; float:left; font-style: italic; height:19px; outline:none; padding:6px 10px 5px 10px; width:300px; } .emailForm button { background:transparent url(images/emailButton.png) top left; border: none; cursor: pointer; float: left; height:30px; width:70px;} #confirmation { color:#F3F3F3; float:left; font-style: italic; margin:25px 140px 0 200px; } .socialFooter { float:right; margin-right:10px; margin-top: 20px;} .lowerFooter { height:30px; text-align:center; } .lowerFooterInner { margin:0 auto; width:980px; text-align: left; padding-top: 11px;} .lowerFooter .copyright {font-family: "Gill Sans"; font-size: 12px; float: left;color: #a0a0a0} .lowerFooter .presskit {font-family: "Gill Sans"; font-size:13px; float: right; color:#494949;} .lowerFooter .presskit a{text-decoration: none; color:#d9486a;} .lowerFooter .presskit a:hover {color:#b31f4c;} .facebook {background:transparent url(images/footerFacebook.png) no-repeat scroll center top;height:31px; width:42px;} .facebook a{background: url(images/footerFacebook.png) no-repeat left top; display:inline-block; height: 31px; width: 42px;} .twitter {background:transparent url(images/footerTwitter.png) no-repeat scroll center top;height:31px; width:42px;} .twitter a{background: url(images/footerTwitter.png) no-repeat left top; display:inline-block; height: 31px; width: 42px;} .rss {background:transparent url(images/footerRSS.png) no-repeat scroll center top;height:31px; width:42px;} .rss a{background: url(images/footerRSS.png) no-repeat left top; display:inline-block; height: 31px; width: 42px;} /*######## Home ########*/ .homeContent { text-align: center; background: url(images/bg_home.png) no-repeat scroll 0 -80px transparent; min-height: 690px; position: relative; text-align: center;} .homeHeader { color:#646464; font-size:48px; font-weight:100; padding-bottom: 30px; } .imageWrapper { padding:20px 0 30px; } .homeContnet .iphone {position: absolute;top:175px;display: block;width: 266px;height: 420px;text-indent: -9999px;} .gratitudeHome, .visionHome { display: inline-block; height:650px; position:relative; width:270px; } .buddahHome { background:transparent url(images/home/buddahHomeDark.png) no-repeat top left; display: inline-block; height:650px; width:291px; } .gratitudeHome { background:transparent url(images/home/gratitudeHomeDark.png) no-repeat top left; } .visionHome { background:transparent url(images/home/visionHomeDark.png) no-repeat top left; } .gratitudeHome:hover { background:transparent url(images/home/gratitudeHome.png) no-repeat top left; } .visionHome:hover { background:transparent url(images/home/visionHome.png) no-repeat top left; } .buddahHome:hover { background:transparent url(images/home/buddahHome.png) no-repeat top left; } .newApp { background:transparent url(images/newapp_dark.png) no-repeat top left; display: inline-block; height:650px; width:291px; } .newApp:hover { background:transparent url(images/newapp_light.png) no-repeat top left; } .imageWrapper .link {display:block; height:88px; position:absolute; text-indent:-9999px; top:625px; width:238px;} .link .gratitude {background:url(images/home/link_GJ.png) no-repeat scroll 0 0 transparent;left:93px;} #preload { height: 0; overflow: hidden; } /*######## Main Content Areas ########*/ .entry{ position:relative; } /*######## About ########*/ #about {width:980px; margin-left:auto; margin-right:auto; text-align: center; margin-top: -50px;} #about .intro{font-size: 18px;line-height: 26px;} #about h1 {background:url(images/abouthappytapper.gif) no-repeat top left; display: inline-block; height:82px; width:512px; padding:30px 0 0 0px; text-indent:-9999px; margin-top: 75px; } #about h3 {font-size: 18px; color:#918989; font-weight: normal; padding: 25px 0 12px 0; text-align: left; padding-left: 20px;} .twittLI { float:left; margin:0 15px; padding:20px 0; text-align: left; width:283px; } .twittTweet { float:right; width:213px; font-size: 14px;} .twittTweet a{color:#4b4b4b; text-decoration: underline;} .juitterAvatar { float:left; padding:10px 0px 18px;background: transparent url(images/twitterIcon_bg.png) no-repeat top left; } .juitterAvatar img { margin:0 8px; height:48px; width:48px; } #juitterContainer {padding:20px;position:relative; height: 440px;} .blue{color: #39b8d9;} #twittList0 {display:block; min-height:400px;} /*######## Services ########*/ #services {width:980px; margin-left:auto; margin-right:auto; text-align: center; margin-top: -50px;} #services .intro{font-size: 18px;line-height: 26px;} #services h1 {background:url(images/services.gif) no-repeat top left; display: inline-block; height:82px; width:400px; padding:30px 0 0 0px; text-indent:-9999px; margin-top: 75px; } #one {margin-left: auto; margin-right: auto; height: 760px;} .oneLeft {float: left; height: 365px; width: 570px; text-align: left;} .oneRight {float: right; width: 325px; } .onelist {list-style-image: url(images/bullet.png); padding-left: 20px;} .onelist li{padding-bottom: 12px;} #two {margin-left: auto; margin-right: auto; height: 300px;} .twoLeft {float: left; width: 570px; text-align: left;} .twoRight {float: right; width: 325px; } #three {margin-left: auto; margin-right: auto; height: 670px;} .threeLeft {float: left; height: 365px; width: 570px; text-align: left;} .threeRight {float: right; width: 325px; } .emailToBook {background:transparent url(images/emailtobook.png) no-repeat scroll center top; height:90px; width:322px; display: block; } /*######## eBooks ########*/ #ebooks {width:980px; margin-left:auto; margin-right:auto; text-align: center; margin-top: -50px;} #ebooks .intro{font-size: 23px;line-height: 30px;} #ebooks h1 {background:url(images/insidesecrets.png) no-repeat top left; display: inline-block; height:82px; width:560px; padding:30px 0 0 0px; text-indent:-9999px; margin-top: 75px; } #ebooks h3, #resources h3 {font-size: 18px; font-weight: normal; color: #2a93ac; padding-bottom: 12px; text-align: left;} .getthebooks {background: url(images/getthebooks.png) transparent no-repeat scroll; height: 448px; width: 393px; margin-left: 125px;} .getthebooks {padding-top:155px; padding-left: 25px;} .buyNow {background:transparent url(images/buynow.png) no-repeat scroll center top; height:87px; width:298px; display: block; } #books {clear:both; margin:0 auto;} #books-info-wrap {clear:both;margin-right:227px; float: right; padding-bottom: 25px; padding-top: 15px;} #books #books-info {background-image:url("images/thebooks.png");background-repeat:no-repeat;display:block;height:27px;text-indent:-9999px;width:263px;} #books .speaker {clear:both;padding-top:20px;} #books .book-chapters {clear:right;float:right;width:488px;} #books p {display:block;text-align: left;} #books .book-chapters {clear:right;float:right;width:488px;} .speaker img {clear:both;float:left;margin-left:200px;} .tuaw {padding-bottom:25px;} .testimonial {padding-bottom: 25px; padding-top:15px;} #three-books { float:left; width:395px; } #three-books #dates-times { margin-left:35px; width:381px; height:460px; text-indent:-9999px; background-image:url(images/3books2.png); background-repeat:no-repeat; } #three-books #more-book-chapters { display:none; padding-left:125px; } #three-books #more-book-chapters a { display:block; width:158px; height:24px; text-indent:-9999px; background-image:url(images/more-book-chapters.png); background-repeat:no-repeat; } #aboutbooks{padding: 20px 0; height: 620px;} #intro { float:right; width:480px; padding-top:15px; text-align: left;} #intro h2 { width:430px; height:165px; text-indent:-9999px; background-image:url(images/tuaw.jpg); background-repeat:no-repeat; } #intro p { } #intro #submit-email { float:left; display:block; width:40px; height:40px; text-indent:-9999px; background-image:url(images/right-arrow.png); background-repeat:no-repeat; } #intro #email-form p, #intro #email-form { margin:0; } #intro input { float:left; font-size:20px; padding:3px; width:380px; font-family:Georgia, "Times New Roman", Times, serif; } #pdf-download { clear:both; padding-top:30px; } #pdf-download a { display:block; width:494px; height:230px; text-indent:-9999px; background-image:url(images/pdf_download.png); background-repeat:no-repeat; } #call_to_action_button1{background:transparent url(images/buynow1.png) no-repeat scroll center top;height:74px;;width:385px;text-indent:-9999px; margin-top:80px;} #call_to_action_button1 a{display: block;height: 100%;width: 100%;} #call_to_action_button1 a { color:#692608 !important; background:urlimages/buynow1.png) no-repeat right top;} #call_to_action_button1 a:hover { background-position:right -74px ; color:#000 !important; } #call_to_action_button1:hover { color:#000 !important; background-position:0 -74px; } #whatyouget {width: 980px; margin-left: auto; margin-right: auto; height: 510px;} .wygLeft {float: left; width: 570px; text-align: left;} .wygRight {float: right; padding-right: 50px; margin-top: -50px;} .wygRight img{padding-bottom: 7px;} .wygLeft p{padding-bottom: 35px;} #what-ppl-say {overflow:hidden;text-align: left;width: 900px;padding-left: 50px;} #what-ppl-say-l {float:left;width:425px;} .what-someone-says {height:120px;margin-bottom:26px;position:relative;} .what-someone-says img {display:block;height:82px;left:0;position:absolute;top:3px;width:82px;} .what-someone-says h4 {color:#333;font-size:16px;font-weight:normal;margin:0 0 8px 115px;} .what-someone-says p {font-family: Georgia, serif; color:#4b4b4b; font-style: italic; font-size:18px;line-height:140%;margin:0 0 16px 115px;} #what-ppl-say-r {float:right;width:425px;} /*######## Resources ########*/ #resources {width:980px; margin-left:auto; margin-right:auto; text-align: center; margin-top: -50px;} #resources .intro{font-size: 18px;line-height: 26px;} #resources h1 {background:url(images/resources.png) no-repeat top left; display: inline-block; height:41px; width:450px; padding:30px 0 0 0px; text-indent:-9999px; margin-top: 75px; } #resources #introLeft { float:left; height:705px; width:560px; text-align: left; padding-left: 55px; } #resources #introRight { float:left; height:365px; padding-left:15px; width:325px; } #emailaddy { background-image:url("images/input_email.png"); background-repeat:no-repeat; background-color: #f3f3f3; border:medium none; height:40px; outline:medium none; padding:0px 15px; width:295px; margin-left: 35px; } #resource_pass { background-image:url("images/input_email.png"); background-repeat:no-repeat; background-color: #f3f3f3; border:medium none; height:40px; outline:medium none; padding:0px 15px; width:295px; margin-left: 10px; } #loginbutton { background:url("images/login.png") no-repeat scroll left top transparent; border:medium none; cursor:pointer; display:block; float:right; height:40px; text-indent:-9999px; width:80px; margin-top:15px; margin-right:190px; } #loginbutton:hover {background: url('images/login.png') bottom left no-repeat;} #loginarea { background:url("images/login_bk.png") no-repeat scroll 0 0 transparent; height:300px; width:473px; } #login {padding-top: 50px;padding-left:15px;} /*######## Contact ########*/ #contact {width:980px; margin-left:auto; margin-right:auto; text-align: center; margin-top: -50px;} #contact .intro{font-size: 18px;line-height: 26px;} #contact h1 {background:url(images/contact.gif) no-repeat top left; display: inline-block; height:82px; width:400px; padding:30px 0 0 0px; text-indent:-9999px; margin-top: 75px; } #contact h3 {font-size: 18px; color:#2a93ac; font-weight: normal; text-align: left; padding: 10px 0 12px 20px;} .important {font-style: italic; color:#228b9c; padding-top: 15px;} #contactForm {background: url(images/contactform_bg.png) transparent no-repeat scroll; height: 563px; width: 911px; margin-left: 10px;} #contactForm p{font-size: 14px; line-height: 20px; padding-left: 25px; padding-bottom: 0;} button.saveForm { background:transparent url(images/send.png) top left; border: none; cursor: pointer; float: left; height:40px; width:87px;} /*######## Favorites ########*/ #favorites {width:980px; margin-left:auto; margin-right:auto; text-align: center; margin-top: -50px;} #favorites .intro{font-size: 18px;line-height: 26px;} #favorites h1 {background:url(images/favorites.gif) no-repeat top left; display: inline-block; height:82px; width:400px; padding:30px 0 0 0px; text-indent:-9999px; margin-top: 75px; } /*######## All About Pages ########*/ #introLeft { float:left; height:365px; width:560px; text-align: left; padding-left: 55px; } #introRight { float:left; height:365px; padding-left:15px; width:325px; } #ebooks #introLeft{padding-left: 20px;} #mainAbout{height:550px;} #mainBook{height: 640px;} #mainLeft { float:left; width:490px; text-align:left; padding-left: 20px;} #mainRight {float:left; width:400px; text-align:left; } #mainBook #mainLeft h3{background:url(images/3books.png) no-repeat top left; display: inline-block; height:57px; width:518px; padding:5px 0 10px 0px; text-indent:-9999px;} /*######## Connect Column ########*/ .connect {background: url(images/connecting_bg.png) transparent no-repeat scroll; height: 437px; width: 348px; margin-left: 125px;} .connect {padding-top:80px; padding-left: 15px;} .connectTwitter {background:transparent url(images/connectingTwitter.png) no-repeat scroll center top; height:62px; width:309px; display: block; } .connectTwitter a{background: transparent url(images/connectingTwitter.png) no-repeat scroll center top; height: 62px; width: 309px; display: block; } .connectFacebook {background:transparent url(images/connectingFacebook.png) no-repeat scroll center top; height:62px; width:309px; display: block; } .connectFacebook a{background: transparent url(images/connectingFacebook.png) no-repeat scroll center top; height: 62px; width: 309px; display: block; } .connectYouTube {background:transparent url(images/connectingYouTube.png) no-repeat scroll center top; height:62px; width:309px; display: block; } .connectYouTube a{background: transparent url(images/connectingYouTube.png) no-repeat scroll center top; height: 62px; width: 309px; display: block; } .connectBlog {background:transparent url(images/connectingBlog.png) no-repeat scroll center top; height:62px; width:309px; display: block; } .connectBlog a{background: transparent url(images/connectingBlog.png) no-repeat scroll center top; height: 62px; width: 309px; display: block; } /*######## Vision Board App ########*/ #visionboard h1{background: transparent url(images/vb_header.png) no-repeat top left; width: 492px; height: 111px; display: inline-block; text-indent:-9999px; margin-top: 40px; margin-left: -150px; padding-bottom: 25px;} /*######## Gratitude Journal App ########*/ #gratitude h1{background: transparent url(images/gj_header.png) no-repeat top left; width: 580px; height: 111px; display: inline-block; text-indent:-9999px; margin-top: 40px; margin-left: -70px; padding-bottom: 25px;} /*######## Little Buddha App ########*/ #lb h1{background: transparent url(images/lb_header.png) no-repeat top left; width: 492px; height: 111px; display: inline-block; text-indent:-9999px; margin-top: 40px; margin-left: -150px; padding-bottom: 25px;} /*######## All App Pages ########*/ #pagehdr .center {background: url(images/app_center.png) no-repeat 0 0 #f3f3f3;} .preview {float:left;} .banner {position: absolute; left:19px; top:3px; z-index:10; } #previews { height:463px;overflow:hidden;float: left;width:342px;} .pics {float:left; padding: 95px 47px;} .center p{text-align: left;} .appIntro {font-size: 18px; line-height: 26px; width: 950px; } #appList {width: 950px;} .listLeft {float: left; height: 250px; position: relative; width: 283px; text-align: left;} .listRight {float: left; height: 248px; position: relative; width: 283px; text-align: left; margin-left: 25px;} #appList ul{padding-bottom: 0px;} #appList li{list-style-image: none; margin-bottom: 12px; padding-left: 35px; font-size: 16px;} .photos {background: url(images/bullet_photos.png) no-repeat; background-position: left center;} .pencil {background: url(images/bullet_pencil.png) no-repeat; background-position: left center;} .heart {background: url(images/bullet_heart.png) no-repeat; background-position: left center;} .map {background: url(images/bullet_map.png) no-repeat; background-position: left center;} .quote {background: url(images/bullet_quote.png) no-repeat; background-position: left center;} .frame {background: url(images/bullet_frame.png) no-repeat; background-position: left center;} .spray {background: url(images/bullet_spray.png) no-repeat; background-position: left center;} .lock {background: url(images/bullet_lock.png) no-repeat; background-position: left center;} .mag {background: url(images/bullet_mag.png) no-repeat; background-position: left center;} .star {background: url(images/bullet_star.png) no-repeat; background-position: left center;} .mail {background: url(images/bullet_email.png) no-repeat; background-position: left center;} .backup {background: url(images/bullet_backup.png) no-repeat; background-position: left center;} .key {background: url(images/bullet_key.png) no-repeat; background-position: left center;} .downloadWrapper{ position: absolute; bottom:16px; } #videogallery{ position: absolute; bottom: 10px; } .download {background:transparent url(images/appstoreButton.png) no-repeat scroll center top; height:72px; position: relative; bottom:14px; width:283px; display: block; } .downloadfree {background:transparent url(images/appstoreButton_free.png) no-repeat scroll center top; height:72px; position: relative; bottom:14px; width:283px; display: block; } .demo {background:transparent url(images/watchdemobutton.png) no-repeat scroll center top; height:72px; width:283px; display: block; position: relative; bottom: 16px;} #appQuotes {width:980px; margin-left:auto; margin-right:auto; text-align: center; margin-top:35px;} #appQuotes p{font-family: Georgia, serif; font-size: 18px; font-style: italic; text-align: center; padding-bottom: 5px;} #appQuotes img{padding:35px 0; margin-top:30px;} #appQuotes a{font-family:"Lucida Grande",Helvetica,"Helvetica Neue",Helvetica,Geneva,sans-serif; font-style: normal; text-decoration: none; font-size: 14px; font-variant: small-caps; padding-bottom: 17px;} .feedback{ background-color: black; display: block; height:40px; width:20px; position:absolute; top:0; } a#fdbk_tab { background-image:url("http://s3.amazonaws.com/getsatisfaction.com/images/feedback_trans_tab.png"); color:#FFFFFF; cursor:pointer; height:102px; left:0; margin-left:-7px; overflow:hidden; position:fixed; text-indent:-100000px; top:25%; width:42px; z-index:100000; } a#fdbk_tab:hover{margin-left:-4px;} /*######## TweetBlast ########*/ .leaves {padding-top: 115px;} #tweetblast {width: 980px; margin-top: -45px; height: 750px;} .tweetblastLeft {float: left; width:215px; height: 600px; position: relative;padding-top: 85px;} .tweetblastRight {float: right; width:765px; position: relative;} #tweetblast h1 {font-size: 26px; text-align: right; padding-bottom: 25px; padding-top: 20px;} #steps {background: url(images/contest/steps_background.jpg) no-repeat; background-position: left center; width: 765px; height: 274px; padding-top: 15px;} #contest {padding-left: 50px; margin-bottom: -15px; font-size: 18px; font-style: italic; color: #959595;} .threecol { background:none repeat scroll 0 0 #f3f3f3; padding-left: 5px; } .col1 {float: left; width: 34%; margin-left: 33%; background: url(images/contest/step2.png) no-repeat; background-position: left center; width:255px; height: 275px;} .col2 {float: left; width: 33%; margin-left: -67%;} .col3 {float: left; width: 33%; background: url(images/contest/step3.png) no-repeat; background-position: left center; width:250px; height: 275px;} .col3 ul{padding-top:140px; padding-left: 35px; list-style-type: square; } .col1 p{padding-top:105px; padding-left: 35px; width: 205px;} #tb_signup{background: url(images/contest/newsletter_bk.png) no-repeat; background-position: left center; width: 765px; height: 87px;} .formLeft {float: left; width: 270px; position: relative; padding: 15px 10px 0 20px;} .formRight{float:left; position: relative;} .emailForm2 {background:url("images/contest/emailField.png") no-repeat scroll left top transparent; float:left; margin:17px 5px 0 10px;} .emailForm2 input {background-color:transparent; border:medium none; color:#282828; float:left; font-size:18px; height:32px; outline:medium none; padding:12px 10px 5px; width:317px;} .emailForm2 button {background:url("images/contest/emailButton.png") repeat scroll left top transparent; border:medium none; cursor:pointer; float:right; height:41px; width:104px;} /*####### BLOG #######*/ .cat-title { font-size:24px; color:#71B5B8; font-weight:normal; padding:0 0 0 12px; } .navigation { margin:32px 0 0 350px; } .wp-pagenavi { clear: both; } .wp-pagenavi a, .wp-pagenavi span { text-decoration: none; border: none; padding: 0px 2px; margin: 0 2px; font-size:14px; } .wp-pagenavi a:hover, .wp-pagenavi span.current { border-color:none; } .wp-pagenavi span.current { font-weight:normal; color:#272727; } .wp-pagenavi a.nextpostslink { color:#666666; background: url(images/arrow-grey-right.jpg) top right no-repeat; font-size:16px; height:17px; width:20px; text-decoration:none; margin-left:12px; } .wp-pagenavi a.previouspostslink { color:#666666; background: url(images/arrow-grey-left.jpg) top left no-repeat; font-size:16px; height:17px; width:20px; text-decoration:none; margin-right:12px; } .commentswrapper { clear:both; position:relative; background:url(images/post-dividerbg.jpg) top right no-repeat; overflow:hidden; } div.comment_list { padding:34px 0 0 0; float:left; } div.comment_list ul { float:left; margin-bottom:40px; padding-left:60px; } .commentbodywrap { overflow:hidden; width:586px; float:left; } div.comment_list #commentform { float:left; background:url(images/commentformbg.jpg) top left no-repeat; width:586px; height:265px; padding:12px 12px 0 12px; position:relative; } div.comment_list #commentform p label { width:200px; float:left; color:#222222; font-size:15px; padding-left:10px; } div.comment_list #commentform p input { float:left; } div.comment_list #commentform p.textbgauthor { background:url(images/textbg.jpg) left 25px no-repeat; overflow:hidden; width:229px; height:56px; } div.comment_list #commentform p.textbgauthor input { margin:6px 0 0; padding:3px 10px; width:210px; border:none; background:none; } div.comment_list #commentform p.textbgemail { background:url(images/textbg.jpg) left 25px no-repeat; overflow:hidden; width:229px; height:60px; } div.comment_list #commentform p.textbgemail input { margin:6px 0 0; padding:3px 10px; width:210px; border:none; background:none; } div.comment_list #commentform p.textbgweb { background:url(images/textbg.jpg) left 25px no-repeat; overflow:hidden; width:229px; margin-bottom:14px; height:60px; } div.comment_list #commentform p.textbgweb input { margin:6px 0 0; padding:3px 10px; width:210px; border:none; background:none; } div.comment_list #commentform p.textareabg { margin:0; width:258px; border:none; background: url(images/textareabg.jpg) left 25px no-repeat; height:200px; margin-bottom: 5px; } div.comment_list #commentform p.textareabg textarea { height:150px; margin:8px 0 0; padding:5px; width:246px; border:none; background:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; overflow:hidden; } div.comment_list #commentform input#submit { background: url(images/submitbtn.jpg) 0px 0px no-repeat; height:36px; width:87px; border:none; display:block; cursor:pointer; margin:-15px 0 0 170px; } div.comment_list #commentform input#submit:hover { background: url(images/submitbtn.jpg) 0 -36px no-repeat; height:36px; width:87px; } div.comment_list h2 { background:url(images/commentsbg.jpg) top left no-repeat; width:158px; height:40px; line-height:40px; font-size:18px; color:#f8f8f8; font-weight:normal; text-align:center; float:left; padding-right: 5px; } div.comment_list ul li img.avatar { float:left; border:#e7e7e7 solid 1px; margin-top:14px; } div.comment_list ul li { overflow:hidden; margin:0 0 22px 0; } div.comment_list ul li p { float:left; margin-left:12px; font-size:14px; color:#090909; width:430px; } div.comment_list ul li p.author-line { float:left; width:430px; background:url(images/authorlinebg.jpg) bottom left repeat-x; margin-bottom:4px; } div.comment_list ul li p.author-line cite { color:#989898; font-size:11px; font-style:normal; } div.comment_list ul li p.author-line cite span.authorcomment { float:left; font-size:14px; font-style:italic; } div.comment_list ul li p.author-line cite span.commentpostdate { float:right; } div.comment_list ul li p.author-line cite span a { } .otherGoodStuff { clear:both; } ul.twitterlist {} ul.twitterlist li { background:url(images/twitlinebg.jpg) bottom left repeat-x; padding:20px 0; } ul.twitterlist li div.twitcontent { width:235px; } ul.twitterlist li div.twitcontent div.twitmessage { color:#727272; font-size:12px; line-height:18px; background: url(images/twitballoonbg.jpg) left 3px no-repeat; padding-left:32px; font-family: Tahoma; } .follow-on-twitter { margin:15px 0 18px; text-align:center; } .blogleftsidebar { float:left; margin-bottom:100px; } .blog-post-wrapper { background:url(images/post-dividerbg.jpg) bottom right no-repeat; overflow:hidden; } .post-index { width:500px; float:left; padding:0 30px 40px 20px; margin:32px 0 0 0; } .post-index h2 { color:#232323; font-size:24px; font-family:Helvetica, Arial, Helvetica, sans-serif; margin:0 0 22px; padding-top:10px; } .post-index h2 a { text-decoration:none; color:#232323; } .post-index h2 a:hover { text-decoration:underline; } .post-index ol { padding-left:20px; list-style-type: inherit; list-style-type: decimal; padding-bottom: 18px;} .post-index li { line-height: 22px;} .post-index del { color:#919191;} .post-info { float:left; width:158px; margin-left:12px; margin-top:32px; display:block; } div.date { color:#fff; font-family:Helvetica, Arial, Helvetica, sans-serif; position:relative; font-weight:bold; background: url(images/blogdatebg.jpg) top left no-repeat; height:57px; width:158px; margin:0 0 10px 0; } div.date span.day { font-weight:bold; font-size:36px; position:absolute; top:14px; left:24px; } div.date span.month { position:absolute; top:9px; right:35px; font-size:16px; text-transform:uppercase; } div.date span.year { position:absolute; top:23px; right:35px; font-size:14px; } .post-info .author { background:url(images/heart-authorbg.jpg) center left no-repeat; padding-left:24px; font-size:12px; margin:0 0 10px; color:#85c7cb; } .post-info .author a { color:#ff7895; } .post-info .comments { background:url(images/balloon-commentbg.jpg) center left no-repeat; padding-left:24px; font-size:12px; margin:0 0 10px; color:#85c7cb; } .post-info .comment a { color:#ff7895; } .post-info .tags { background:url(images/tagbg.jpg) center left no-repeat; padding-left:24px; font-size:12px; color:#85c7cb; } .post-info .tags a { color:#ff7895; } .blogrightsidebar { float:right; width:230px; } .blogrightsidebar h2 { font-family:"Gill Sans",helvetica,arial; color:#1a1a1a; font-size:16px; font-weight:normal; text-align:center; margin:12px 0 0; } .filter-search { background:url(images/blog-topbg.jpg) top left no-repeat; width:960px; margin:0 auto 40px; height:50px; position:relative; } .blog-search { float:right; width:230px} .blog-search .feeds { float:left; position:absolute; top:16px; right:220px; } .blog-search .search { background: url(images/searchbg.jpg) top left no-repeat; height:33px; width:195px; float:left; position:absolute; top:8px; right:10px; } .blog-search .search input.searchtxt { background:none; border:none; height:33px; width:149px; padding:0 16px 0 30px; color:#4B4B4B; font-size:14px; } .category-date-filter {} .category-date-filter img { float:left; padding:14px 0 0 22px; } .categorylist { float:left; position:relative;} .categorylist li { display:block;} .categorylist li h2 { background:url(images/categorybg.jpg) top left no-repeat; height: 32px; line-height:32px; width: 150px; margin:8px 0 0 16px; padding:0 0 0 22px; color:#686868; font-size:14px; font-family:Helvetica, Arial, Helvetica, sans-serif; display:block; cursor:pointer; font-weight:normal; } .categorylist ul { background:#d5d5d5 url(images/catbotbg.jpg) bottom left no-repeat; width:118px; position:absolute; left:30px; top:40px; padding:6px 12px 6px 12px; z-index:100; } .categorylist ul li { color:#a19f9a; font-size:14px; } .categorylist ul li a { color:#64625d; text-decoration:none; } .archivedlist { float:left; position:relative;} .archivedlist li h2 { background:url(images/datebg.jpg) top left no-repeat; height: 33px; width: 134px; line-height:33px; margin:8px 0 0 10px; padding:0 0 0 22px; color:#686868; font-size:14px; font-family:Helvetica, Arial, Helvetica, sans-serif; display:block; cursor:pointer; font-weight:normal; } .archivedlist ul { background:#d5d5d5 url(images/datebotbg.jpg) bottom left no-repeat; width:89px; position:absolute; left:20px; top:41px; padding:6px 12px 6px 12px; z-index:100; } .archivedlist ul li { color:#a19f9a; font-size:14px; } .archivedlist ul li a { color:#64625d; text-decoration:none; } .nextprev { height:23px; clear:both; width:520px; float:right; margin:0 60px 0 0; } .nextprev .prev { height:23px; float:left; width:97px;} .nextprev .prev a { background:url(images/prev.jpg) 0px 0px no-repeat; height:23px; width:97px; display:block; } .nextprev .prev a:hover { background:url(images/prev.jpg) 0px -23px no-repeat; } .nextprev .prev span { display:none; } .nextprev .next { height:23px; float:right; width:70px;} .nextprev .next a { background:url(images/next.jpg) 0px 0px no-repeat; height:23px; width:70px; display:block; } .nextprev .next a:hover { background:url(images/next.jpg) 0px -23px no-repeat; } .nextprev .next span { display:none; }