/* Theme Name: ChicaBomb Theme URI: http://strucke.com/ Description: The 2009 ChicaBomb theme. Version: 1 Author: Richard Strucke Author URI: http://strucke.com/ */ * {margin:0; padding:0} a:hover {color:#17bcb8} body {font:normal 62.5%/1.5 Arial, Helvetica, sans-serif} .clearFix {clear:both} /* Begin Typography & Colors */ body {font-size:normal 62.5% "Courier New", Courier, monospace; color: #333} p {margin:0 0 1em} strong {font-weight:bold; color:#17bcb8} #page {background-color: white; border: 1px solid #959596; text-align: left} #content {font-size: 1.2em; color:#555; position:relative} .widecolumn .entry p {font-size: 1.05em;} .narrowcolumn .entry, .widecolumn .entry {line-height: 1.4em} .widecolumn {line-height: 1.6em} .narrowcolumn .postmetadata {font-size:.9em; text-transform:uppercase} .thread-alt {background-color: #f8f8f8} .thread-even {background-color: white} .depth-1 {border: 1px solid #ddd} .even, .alt {border-left: 1px solid #ddd} h1 {font-family: "Courier New", Courier, monospace; font-size: 1.8em} h2 {font-family: "Courier New", Courier, monospace; font-size: 1.6em} h2.pagetitle {font-size: 1.6em} #sidebar h2 {font-family: "Courier New", Courier, monospace; font-size: 1.6em} h3 {font-size: 1.3em} h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {text-decoration:none; color:#555} h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {color: #333} h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {text-decoration: none} .entry p a:visited {color: #b85b5a} .sticky {background: #f7f7f7; padding: 0 10px 10px} .sticky h2 {padding-top: 10px} .commentlist li, #commentform input, #commentform textarea {font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif} .commentlist li ul li {font-size: 1em} .commentlist li {font-weight: bold} .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} #commentform p {font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif} .commentmetadata {font-weight: normal} #sidebar {font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif} small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {color: #777} code {font: 1.1em 'Courier New', Courier, Fixed} acronym, abbr, span.caps {font-size: 0.9em; letter-spacing: .07em} a {color:#ec008c; text-decoration: none} a:hover {color:#17bcb8; text-decoration: underline} #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} body.page h1 {background:#878c93; color:#fff; font:normal 1.6em/1 "Courier New", Courier, monospace; text-transform:lowercase} body.home h1 {background:none !important;} body.page h2 {font:bold 1.4em/1 "Courier New", Courier, monospace; color:#17bcb8; text-decoration:underline; font-weight:normal !important} body.page #content div.post {color:#878c93; background:url(images/bgPage.png) bottom center repeat-y scroll} body.page #content div.post p {margin:0 0 1em; font:normal 1.3em "Courier New", Courier, monospace; text-align:left} body.page #content div.post #contactForm .wpcf7-form-control-wrap input, body.page #content div.post #contactForm .wpcf7-form-control-wrap textarea {background:#eee; color:#222; font-size:12px; border:0; padding:5px} body.page #content div.post #contactForm .wpcf7-form-control-wrap textarea {height:120px} body.page #content div.post #contactForm .wpcf7-form-control-wrap input {margin-bottom:6px} body.page #content div.post #contactForm .wpcf7 p {text-align:left; margin:0; font:normal 1.4em/1 "Courier New", Courier, monospace} body.page #content div.post #contactForm .wpcf7 p.your-name {padding-top:0} /* End Typography & Colors */ /* Begin Structure */ body.blog, body.single{background:#fff url(images/bgBody.png) 0 0 repeat scroll} /* Striped BG */ body.blog #wrapper, body.single #wrapper{background:#fff} body.page {background:#fff} body.page #wrapper {background:#fff url(images/bgBody.png) 0 0 repeat scroll} #wrapper {width:960px; margin:0 auto 0 auto} #header {height:210px; background:url(images/bgWhiteTop.png) 0 0 repeat-x scroll; position:relative} #logo {position:absolute; margin-left:379px} #logo a {width:202px; height:210px; display:block; background:url(images/logo.png) center top repeat-x scroll; text-indent:-999em} #logo a:hover {background-position:center -210px} #navigation {list-style:none; display:inline} #navigation li {float:left; overflow:hidden; padding:4px 0 0; margin:110px 24px 0 0} #navigation li#firstNavItem {margin-left:40px} #navigation li#fifthNavItem {margin-right:256px} #navigation li a {color:#bbb; font:normal 15px "Courier New", Courier, monospace; letter-spacing:-1px; text-decoration:none} #navigation li a:hover {color:#17bcb8} #footer {clear:both} #footer p {text-align:right; padding:10px 30px; background:#fff; color:#c4c6c8} body.home #content {padding:22px 90px 76px} body.home #content ul {display:inline} body.home #content ul li {float:left; overflow:hidden; height:182px; width:182px; margin:0 16px 16px 0; list-style:none} body.home #content ul li#lessons, body.home #content ul li#teamChica {margin-right:0} body.home #content ul li#blog {background:url(images/sb_blog.png) 0 0 no-repeat scroll} body.home #content ul li#blog #excerpt {height:125px; margin-bottom:3px; overflow:hidden} body.home #content ul li#blog h1 {text-indent:-999px; margin:0; padding:0; line-height:1} body.home #content ul li#blog h1 a {width:182px; height:30px; display:block} body.home #content ul li#blog h2 {margin:0; padding:5px 14px 2px; line-height:1.1; font-size:1.1em; font-weight:normal; color:#ec008c} body.home #content ul li#blog h2 a {color:#ec008c} body.home #content ul li#blog h2 a:hover{text-decoration:underline} body.home #content ul li#blog p {padding:0 14px 1em; font-size: .9em; line-height:1.2} body.home #content ul li#blog p.readMore{padding-left:110px} body.home #content ul li#surfboards a, body.home #content ul li#surfDuds a, body.home #content ul li#lessons a, body.home #content ul li#about a, body.home #content ul li#contact a, body.home #content ul li#dealers a, body.home #content ul li#teamChica a {float:left; overflow:hidden; height:182px; width:182px; text-indent:-999px} body.home #content ul li#surfboards a {background:url(images/sb_surfboards.png) 0 0 no-repeat scroll} body.home #content ul li#surfDuds a {background:url(images/sb_surfDuds.png) 0 0 no-repeat scroll} body.home #content ul li#lessons a {background:url(images/sb_lessons.png) 0 0 no-repeat scroll} body.home #content ul li#about a {background:url(images/sb_about.png) 0 0 no-repeat scroll} body.home #content ul li#contact a {background:url(images/sb_contact.png) 0 0 no-repeat scroll} body.home #content ul li#dealers a {background:url(images/sb_dealers.png) 0 0 no-repeat scroll} body.home #content ul li#teamChica a {background:url(images/sb_team.png) 0 0 no-repeat scroll} body.home #content ul li#about {margin-bottom:76px} .popup {display:none; background:#fff url(images/close.png) right top no-repeat; border:2px solid #868c93; position:absolute} .popup:hover {cursor:pointer} .popup p{margin:0 !important; padding:3px; font:normal 12px "Courier New", Courier, monospace; color:#fff; background:#868c93; position:absolute; bottom:0} .popup p strong {color:#fff} #bettyBombInfo, #chicaBombInfo, #banditaInfo, #mermaidInfo, #banditaInfo, #lipBombInfo {height:373px; width:178px; padding-top:3px} #bettyBombInfo p, #chicaBombInfo p, #banditaInfo p, #mermaidInfo p, #banditaInfo p, #lipBombInfo p {width:174px} #bettyBombInfo img, #chicaBombInfo img, #mermaidInfo img, #banditaInfo img, #lipBombInfo img {margin:20px auto 0; display:block} #mermaidInfo {margin-left:198px} #lipBombInfo, #bettyBombInfo {margin-left:396px} #chicaBombInfo, #customInfo{right:94px} #buildInfo {height:178px; width:772px; background:#fff url(images/build.jpg) right top no-repeat; overflow:hidden} #skillsInfo {height:376px; width:574px; margin-left:198px; background:#fff url(images/skillz.jpg) right top no-repeat; overflow:hidden} #customInfo {height:178px; width:772px; margin-top:198px; background:#fff url(images/custom.jpg) right top no-repeat; overflow:hidden} #buildInfo.popup p, #skillsInfo.popup p, #customInfo.popup p {color:#868c93; background:none; position:static; font-size:13px; padding:12px 368px 12px 12px} #skillsInfo.popup p {padding:12px 12px 0} #skillsInfo.popup div#leftCol {float:left; width:287px; height:376px} #skillsInfo.popup p.inter {padding-top:120px} #customInfo.popup p {padding-right:500px} #buildInfo.popup p strong, #skillsInfo.popup p strong, #customInfo.popup p strong{color:#17bcb8; text-decoration:underline; font:14px; font-weight:normal} body.page-id-4 #content {padding:22px 90px 76px} body.page-id-4 #content ul {display:inline} body.page-id-4 #content ul li {float:left; overflow:hidden; height:182px; width:182px; margin:0 16px 16px 0; list-style:none} body.page-id-4 #content ul li#chicaBomb, body.page-id-4 #content ul li#custom {margin-right:0} body.page-id-4 #content ul li#build a, body.page-id-4 #content ul li#skills a, body.page-id-4 #content ul li#bettyBomb a, body.page-id-4 #content ul li#chicaBomb a, body.page-id-4 #content ul li#bandita a, body.page-id-4 #content ul li#mermaid a, body.page-id-4 #content ul li#lipBomb a, body.page-id-4 #content ul li#custom a {float:left; overflow:hidden; height:182px; width:182px; text-indent:-999px} body.page-id-4 #content ul li#build a {background:url(images/sb_build.png) 0 0 no-repeat scroll} body.page-id-4 #content ul li#skills a {background:url(images/sb_skills.png) 0 0 no-repeat scroll} body.page-id-4 #content ul li#bettyBomb a{background:url(images/sb_bettybomb.png) 0 0 no-repeat scroll} body.page-id-4 #content ul li#chicaBomb a{background:url(images/sb_chicabomb.png) 0 0 no-repeat scroll} body.page-id-4 #content ul li#bandita a {background:url(images/sb_bandita.png) 0 0 no-repeat scroll} body.page-id-4 #content ul li#mermaid a {background:url(images/sb_mermaid.png) 0 0 no-repeat scroll} body.page-id-4 #content ul li#lipBomb a {background:url(images/sb_lipbomb.png) 0 0 no-repeat scroll} body.page-id-4 #content ul li#custom a {background:url(images/sb_custom.png) 0 0 no-repeat scroll} body.page-id-4 #content ul li#bandita {margin-bottom:76px} .narrowcolumn {float: left; padding: 0 0 20px 57px; margin: 0px 0 0; width: 633px} .widecolumn {padding: 10px 0 20px 0; margin: 5px 0 0 150px; width: 650px} .post {margin: 0 0 40px; text-align: justify} .post hr {display: block} .widecolumn .post {margin: 0} .narrowcolumn .postmetadata {padding-top: 5px} .widecolumn .postmetadata {margin: 30px 0} .widecolumn .smallattachment {text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px} .widecolumn .attachment {text-align: center; margin: 5px 0px} .postmetadata {clear: both} .clear {clear: both} body.page h1 {padding:.5em 1em; margin-top:0} body.page h2 {margin:0 0 .25em} body.page #content div.post {width:774px; padding:0 0 30px; margin:22px auto 74px auto} body.page #content div.entry {padding:20px 30px; height:281px} #contactForm {float:right; overflow:hidden; width:336px; margin-left:40px} body.page-id-6 #content div.post {} body.page-id-6 #content div.entry, body.page-id-7 #content div.entry{padding-top:20px} /* End Structure */ /* Begin Headers */ h1 {padding-top: 70px; margin: 0} h2 {margin: 30px 0 .25em} h2.pagetitle {margin-top: 30px; text-align: center} #sidebar h2 {margin: 5px 0 0; padding: 0; text-transform:capitalize} h3 {padding: 0; margin: 30px 0 0} h3.comments {padding: 0; margin: 40px auto 20px } /* End Headers */ /* 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 20px; display: inline} img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline} .alignright {float: right} .alignleft {float: left} /* End Images */ /* Begin Lists Special stylized non-IE bullets Do not work in Internet Explorer, which merely default to normal bullets. */ html>body .entry ul {margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px} html>body .entry li {margin: 7px 0 8px 10px} .entry ul li:before, #sidebar ul ul li:before {content: "\00BB \0020"} .entry ol {padding: 0 0 0 35px; margin: 0} .entry ol li {margin: 0; padding: 0} .postmetadata ul, .postmetadata li {display: inline; list-style-type: none; list-style-image: none} #sidebar ul, #sidebar ul ol {margin: 0; padding: 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 10px} #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} /* End Entry Lists */ /* Begin Form Elements */ #searchform {margin: 10px auto; padding: 5px 3px; text-align: center} #sidebar #searchform #s {width: 108px; padding: 2px} #sidebar #searchsubmit {padding: 1px} .entry form {/* This is mainly for password protected posts, makes them look better. */ text-align:center} select {width: 130px} #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: 0 0 5px auto; float: right} /* End Form Elements */ /* Begin Comments*/ .alt {margin: 0; padding: 10px} .commentlist {padding: 0; text-align: justify} .commentlist li {margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none} .commentlist li ul li {margin-right: -5px; margin-left: 10px} .commentlist p {margin: 10px 5px 10px 0} .children {padding: 0} #commentform p {margin: 5px 0} .nocomments {text-align: center; margin: 0; padding: 0} .commentmetadata {margin: 0; display: block} /* End Comments */ /* Begin Sidebar */ #sidebar {padding: 20px 0 10px 0; margin-left: 745px; width: 190px} #sidebar form {margin: 0} /* End Sidebar */ /* 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 */ 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} 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} /* 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: 0 none} .wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0} /* End captions */ .page-id-55 strong {text-decoration:underline; font-weight:normal !important; font-size:14px} .page-id-106 .entry p {width:350px} /*.page-id-106 .entry, .page-id-6 .entry{padding-bottom:0 !important}*/