/* Theme Name: INSPIRATIONBIT Theme URI: http://inspirationbit.com Description: Custom Theme for Inspiration Bit Version: 1.1 Author: VG Universe Design (Vivien) Author URI: http://www.vguniverse.com/ */ /* STYLE INDEX --------*--------*--------*--------*--------*--------*--------*--------*-------- - COLOUR PALETTE - TYPOGRAPGHY - RESET - MAIN STRUCTURE - HEADER - BODY - FOOTER --------*--------*--------*--------*--------*--------*--------*--------*--------*/ /* COLOUR PALETTE --------*--------*--------*--------*--------*--------*--------*--------*-------- dark green: #246d38 main links --------*--------*--------*--------*--------*--------*--------*--------*--------*/ /* TYPOGRAPHY --------*--------*--------*--------*--------*--------*--------*--------*-------- default font: Georgia, "Times New Roman", serif; highlights: font-family:baskerville,'palatino linotype','times new roman',serif; auxiliary: font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,Geneva,Helvetica,Arial,sans-serif; --------*--------*--------*--------*--------*--------*--------*--------*--------*/ /* RESET --------*--------*--------*--------*--------*--------*--------*--------*--------*/ html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, small, strike, strong, sub, sup, a, abbr, code, em, img, li, ol, ul, form, label, fieldset, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; vertical-align: baseline; } html{font-size:100%;} ol, ul {list-style: none;} * {margin:0pt; padding:0pt;} a img, :link img, :visited img {border: 0;} .clear {clear: both;} .clearfix {display: inline-block;} a {text-decoration: none;} /* Holly Hack Targets IE Win only \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End Holly Hack */ /* MAIN STRUCTURE --------*--------*--------*--------*--------*--------*--------*--------*--------*/ body {background: #fbf8ec url(images/canvasbg.jpg); font: 1em Georgia,serif;} a:link, a:visited {color: #246d38;} a:hover {color: #60498d;} h1, h2, h3, h4 {font-weight: 500; font-family:baskerville,'palatino linotype','times new roman',serif;} strong {font-variant: small-caps; font-weight: 300;} #mainwrap {background: transparent url(images/blocks_bg.jpg) no-repeat fixed top left;} #rightwrap {width: 822px; margin:0 0 0 auto; background: transparent url(images/canvasbg.jpg) repeat;} #logo {width: 502px; float: left; margin-right: 10px;} #grid { /*background: transparent url(images/css_grid_calc.png) no-repeat 0 20px; height:500px;*/ margin: 20px 30px; } #logowrap, #image_headlines, #headlines, #bodycontent, #featured_content, #ibitposts { padding-top: 10px; overflow: hidden; } #menu, #ibitposts, #extras, #personalbits, #featuredpost, .extras_container, .article {overflow: hidden;} #logowrap {margin: 1em 0;} hr, .hr {border-top:1px solid #CBA8E2; height: 1px; margin: 0.5em 0;} /* LINKS --------*--------*--------*--------*--------*--------*--------*--------*--------*/ #ibitposts a, #curiousbits a, .prologue a, .article_aux a {border-bottom: 1px solid #e5d9cd;} /* HEADER --------*--------*--------*--------*--------*--------*--------*--------*--------*/ /* menu navigation */ #menu ul li {width: 118px; float: left; margin-right: 10px; text-transform: uppercase; font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,Geneva,Helvetica,Arial,sans-serif; font-size: 0.8em; line-height: 1.6em; text-align: center; } #menu ul li.home {background: #44206a;} #menu ul li.page-item-2 {background: #522075;} #menu ul li.page-item-12 {background: #5e3496;} #menu ul li.page-item-385 {background: #46875c;} #menu ul li.page-item-1094, #menu ul li.page-item-1105 {background: #428f2f;} #menu ul li.page-item-241 {margin-right: 0;background: #77b749;} #menu ul li a {color: #fff; text-decoration: none; } #menu ul li a:hover {color: #fffabe;} /* post images as headlines */ #imageheadlines ul li {width: 182px; float: left; height: 40px; background: #ccc;} #imageheadlines ul li.post1, #imageheadlines ul li.post2, #imageheadlines ul li.post3 {margin-right: 10px;} #image_headlines ul li { width: 246px; float: left; /*height: 41px; border-top:2px solid #c7a9e7;*/ } #image_headlines ul li img {margin: 0; padding: 4px; background: #fff; border: 1px solid #c7a9e7;} #image_headlines ul li a:hover img {border:1px solid #5e3496;} #image_headlines ul li.post1, #image_headlines ul li.post2 {margin-right: 10px;} /* logo */ .logocontainer {} #logo h1 a {display: block; text-indent: -9999px; background: transparent url(images/inspirationbit.gif) no-repeat left top; height: 70px; width: 453px;} /* search and rss */ #searchrss {width: 246px; float: left; border-top: 3px solid #46875c;} .searchrss_container {padding-top: 3px;} #rss {font-size: 0.7em; font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,Geneva,Helvetica,Arial,sans-serif; text-transform: lowercase; letter-spacing: -0.03em;} #rss img {vertical-align: middle;} #rss a:hover {color: #fff; background: #428f2f; } #searchbox {padding-top: 24px;} #searchbox input {border: none;} #searchbox input#s {border-bottom: 3px solid #7956b0; background: transparent; width: 182px;} #searchbox input#searchsubmit {background: #7956b0; padding: 2px; width: 54px; margin-left: 4px; color: #fff;} /* post headlines */ #headlines {border-bottom: 2px solid #77B749;} #headlines ul li {width: 246px; float: left; font-family:baskerville,'palatino linotype','times new roman',serif; color: #44206a; padding-bottom: 2px;} #headlines ul li.post1, #headlines ul li.post2 {margin-right: 10px; } #headlines .post_date {width: 54px; float: left; text-align: center; } #headlines .title_container {width: 181px; float: left; font-size: 0.875em; line-height:1.2em; padding-left: 10px; border-left: 1px solid #46875c; height: 3.6em;} #headlines .post_title a {color: #44206a;} #headlines .post_title a:hover, #headlines .post_title:hover {background: #9b80c7; color: #fff;} .post_date span.day {display: block; height: 18px; font-weight: 600; font-size:1.1em; } .post_date span.month {display: block;} /* BODY --------*--------*--------*--------*--------*--------*--------*--------*--------*/ #featured, #selected_bits {border-top: 2px solid #C7A9E7; border-bottom: 1px solid #cba8e2; margin: 10px 0; overflow: hidden; font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,Geneva,Helvetica,Arial,sans-serif; color: #44206a; font-size: 0.6em; letter-spacing:0.02em; text-transform: uppercase;} #featured {margin-top: 20px;} .featuredbit, .selectedbits {float: left; padding: 1px 0; font-weight: 600;} .featuredate, .selectedcategs {float: right; padding: 1px 0;} /*.featuredbit a {color: #246D38}*/ /* featured post */ #featuredpost {padding: 10px 0;} #featured_image {width: 438px; float: left; margin-right: 10px;} #featured_details {width: 310px; float: left;} .prologue a:hover {background: #246D38; color: #fff;} /*images in the post*/ .postimage img, .article img { padding: 5px; background: #fff; border: 1px solid #6aa93e;} .postimage a:hover img, a:hover .article img {border: 1px solid #246d38;} /*blockquotes*/ blockquote, cite, q {font-family:Baskerville,'palatino linotype','times new roman',serif; font-style: italic; font-size: 1.125em; letter-spacing: 0.02em;} /*drop cap*/ /*.post p:first-child:first-letter */ .post .dropcap { font-family:Baskerville,'palatino linotype','times new roman',serif; color:#44206A; display: inline; float:left; font-size: 5.495em; line-height: 0.87em; text-transform:uppercase; margin:0 0.1em 0 0; } .post p:first-line, .post img + p:first-line, .post a + p:first-line{ font-variant: small-caps; color:#44206A; } .post * + p:first-line, .post * > p:first-line { font-variant:normal; font-weight:300; color: #000; } .postmeta {font-family:Baskerville,'palatino linotype','times new roman',serif; text-align: right;} .postmeta h2 a {font-size: 1.3em; line-height: 0.938em; letter-spacing:-0.03em; text-transform: lowercase; color: #428f2f; border-bottom: 1px solid #c5f5bb;} .postmeta h2 a span {color: #5e3496;} .postmeta .prologue {margin-top: 1em; font-size: 0.938em; line-height: 1.2em;} .postmeta .credits {font-style: italic; font-size: 0.938em; letter-spacing: 0.05em;} .postmeta h2 a:hover {color: #5e3496;} .postmeta h2 a:hover span {color: #428f2f;} .content_container {background: #fff;} /* articles */ .article_container {width: 438px; float: left; margin-right: 64px;} .article_aux {width: 246px; float: left;} .article, .sitemap-list {margin: 1em 0; font-size: 0.875em; line-height: 1.6em;} .article p, .article ul li, .article ol li {margin: 0 0 1.5em 0;} .article ul li, .sitemap-list ul li {background: transparent url(images/bullet.gif) no-repeat left 6px; display: block; padding: 0 0 0 20px;} .article ul, .article ol {list-style-position: outside; margin: 1em 0;} .article ol {list-style-type: lower-roman; padding: 0 0 0 30px;} .article h2, .article h3, .article h4, .comments-template h3, .sitemap-list h4 {font-style: italic; color: #703c40; margin: 0.5em 0;} .article h2 {font-size: 1.5em; } .article h3, .comments-template h3 {font-size: 1.375em; letter-spacing: 0.01em; } .article h4, .sitemap-list h4 {font-size: 1.25em; letter-spacing: 0.01em;} /*recent & related bits*/ .recentbits, .relatedbits, .navigationbits {border-top: 2px solid #C7A9E7; border-bottom: 1px solid #cba8e2; margin: 7px 0 10px 0; overflow: hidden; font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,Geneva,Helvetica,Arial,sans-serif; color: #44206a; font-size: 0.750em; letter-spacing:0.02em; line-height: 1.4em; text-transform: uppercase; text-align: right;} .relatedbits, .recentbits {margin-top: 1.5em;} .article .article_aux ul li {background: none; padding:0; margin: 0;} /* selected posts */ /*#selected_bits {border-top: 2px solid #C7A9E7; border-bottom: 1px solid #cba8e2;}*/ .columnone, .columntwo, .columnthree {width: 246px; float: left;} .columnone, .columntwo {margin-right: 10px;} #ibitposts .commentnum {width: 54px; float: left; margin-right: 10px;} #ibitposts .postlink {width: 182px;float: left;} #ibitposts ul li {margin-bottom: 1.5em; overflow: hidden;} #ibitposts h3 {color: #5e3496; font-size: 1.3em; letter-spacing: -0.01em; text-transform: lowercase; padding-left: 64px;} #ibitposts h3 span {color: #428f2f;} #ibitposts ul {margin: 0.5em 0;} #ibitposts ul .commentnum {font-family:Baskerville,'palatino linotype','times new roman',serif; font-size: 2.1em; text-align: center; color: #abd6a8; } #ibitposts ul .commentnum a {color: #abd6a8; border-bottom: none;} #ibitposts ul .postlink {font-size: 0.689em; line-height: 1.688em;} #ibitposts ul .postlink a {letter-spacing: 0.03em;} #ibitposts ul .postlink a:hover {background: #428f2f; color: #fff;} #ibitposts .postlink p {display: inline;} #ibitposts .postlink span {font-size: 1.188em;} /* extras */ #extras {margin: 10px 0; border-top: 3px solid #c7a9e7; padding-top: 4px;} .extras_container {background: #c7a9e7; color: #2d2561; padding: 8px 0;} #extras ul {margin: 0.5em 0;} #extras ul {padding: 0 8px;} #extras ul, #extras #birdybits ul {font-size: 0.75em; line-height: 1.6em;} #extras ul li {margin-bottom: 0.5em; padding:0.1em 0; border-bottom: 1px solid #9b80c7;} #extras h3, #personalbits h3 {color: #5e3496; font-size: 1.3em; letter-spacing: -0.01em; text-transform: lowercase; padding: 0 8px;} #extras h3 span, #personalbits h3 span {color: #428f2f;} #extras #curiousbits a:hover, #extras #birdybits a:hover {background: #246D38; color: #fff;} #rollingbits {width: 182px; float: left; margin-right: 10px;} #extras #rollingbits li:hover {background: #fffef9; color: #fff;} #extras #rollingbits li a:hover { color: #246D38;} #curiousbits {width: 374px; float: left; margin-right: 10px; } #birdybits {width: 182px; float: left;} /* personal */ #personalbits {padding-top: 4px; border-top: 3px solid #c5f5bb;} /*#personalbits a:visited {color: #7956b0;}*/ #personalbits a:hover {background: #246D38; color: #fff;} .personal_container {background: #C5F5BB; color: #44206a; padding: 8px 0; overflow: hidden;} .about_container, .moreabout_container {padding: 0 8px; margin:0.5em 0; font-family:Baskerville,'palatino linotype','times new roman',serif; font-size: 1em; line-height: 1.4em;} .about_container { font-style: italic; letter-spacing: 0.03em;} .about_container strong {font-weight: 300; letter-spacing: 0.07em;} .about_container a {font-style: normal; letter-spacing: normal; font-size: 0.9em;} .about_container a:hover {background: #246D38; color: #fff;} #aboutme {width: 366px; float: left; margin-right: 10px;} #moreabout {width: 366px; float: left; overflow: hidden;} #moreabout ul li {float: left; width: 174px; } .entryfooter {margin: 1em 0; font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,Geneva,Helvetica,Arial,sans-serif;font-size: 0.875em;} code {font-family:"Andale Mono","Lucida Console",monospace; font-size: 0.814em;} /* FOOTER --------*--------*--------*--------*--------*--------*--------*--------*--------*/ #footer {margin-top: 10px; border-top:3px solid #173a02; border-bottom:3px solid #173a02; padding:4px 0;} .footer_container {font-family:Baskerville,'palatino linotype','times new roman',serif; background: #173a02; color: #c5f5bb; padding: 2px; font-size: 0.8em;} #footer a {color: #fff;} #footer a:hover {color: #60498D;} /* COMMENTS --------*--------*--------*--------*--------*--------*--------*--------*--------*/ .comments-template {font-size: 0.814em; letter-spacing: 0.01em; line-height: 1.6em;} .comments-template ol li {margin: 1.5em 0; overflow: hidden;} .comments-template .commentheading, #commentbits {border-top: 2px solid #C7A9E7; border-bottom: 1px solid #cba8e2; margin: 10px 0; overflow: hidden; font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,Geneva,Helvetica,Arial,sans-serif; color: #44206a; font-size: 0.875em; letter-spacing:0.02em; text-transform: uppercase;} #commentbits {font-size: 0.750em; line-height: 1.4em;} .comments-template .alt .commentheading {border-top: 2px solid #C5F5BB; border-bottom: 1px solid #C5F5BB;} .comments-template .commentheading cite {font-style: normal;} .comments-template .comment_container {width: 438px; float: left; margin-right: 64px;} .comments-template .commentnumber {width: 246px; float: left; text-align: right;} .commentnumber h3 {padding: 10px 0; font-style: normal; font-size: 3.5em; color: #ABD6A8; text-align: right;} .pinglist {width: 438px; font-size: 0.75em; line-height: 1.4em;} .comments-template .authorcomment .commentheading {background: #C5F5BB; padding-left: 3px; padding-right: 3px;} /*styling my author comments differently*/ #commentform p {margin: 1em 0;} .commentlist p {margin: 0 0 1.5em 0;} #commentform label {display: block; font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,Geneva,Helvetica,Arial,sans-serif; background: #C5F5BB; padding:0 0 0 2px; width: 306px;} #commentform input, #commentform textarea {font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,Geneva,Helvetica,Arial,sans-serif; font-size: 1em; border: none;} #commentform input#author, #commentform input#letter, #commentform input#url {width: 300px;} #commentform input, #commentform textarea {border: 1px solid #C5F5BB; border-top: 1px solid #46875C; background: transparent; padding: 3px;} #commentform input#submit {background: #7956b0; padding: 2px; width: 300px; margin-left: 4px; color: #fff; border: none;} #commentform textarea {width: 400px;} #commentform .subscribe-to-comments label {display: inline; background: none;} /*miscellaneous*/ input#email, textarea#comment {display: none;} /*no-captcha spam*/ /*default WP styles - still needs more styling later*/ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft, .left { float: left; margin: 0 0.5em 0.5em 0; } .alignright, .right { float: right; margin: 0 0 0.5em 0.5em; } .wp-caption { text-align: center; padding-top: 4px; margin: 10px; } .wp-caption img { } .wp-caption p { font-size: 0.875em; line-height: 1.125em; font-variant: small-caps; text-transform: lowercase; color:#44206A; padding: 4px 5px 0; margin: 0; }