/*
Theme Name: Icklebug
Theme URI: http://ewebscapes.com
Version: 1.0
Description: Custom Theme for Icklebug by <a href="http://ewebscapes.com">EWebscapes</a>
Author: Leanne Wildermuth
Author URI: http://www.ewebscapes.com
This design is a copyright of E.Webscapes and may not be reproduced. 
*/


body, h1, h2, ul, li, form {
  padding:0;
  margin:0;
  list-style-type: none;
}

.left {float: left;}
.right {float: right;}
.text {padding-top: 6px;}
.clear {clear: both; height: 0px;}
.entry {padding-left: 20px;}
.padleft {float: left; padding-left: 20px; display: inline;}

code {
  font-size: .8em; 
  color: #22354c;
  font-family: 'Trebuchet MS', monospace;
}

#pagenav{
  margin-right: 30px;
  margin-left: 30px;
  font-size: 1.4em;
  color: #000;
  padding-top: 25px;
  text-transform: lowercase;
}


#pagenav a:link {color: #A7064A; font-weight: bold; text-decoration: none;}
#pagenav a:active {color: #F45296; font-weight: bold; text-decoration: none;}
#pagenav a:visited {color: #A7064A; font-weight: bold; text-decoration: none;}
#pagenav a:hover {color: #0066AB; font-weight: bold; text-decoration: none;}


.readmore {
  font-size: 1.2em;
  color: #000;
  text-align: right;
}


.readmore a:link {color: #007DD2; font-weight: bold; text-decoration: none;}
.readmore a:active {color: #EE4D91; font-weight: bold; text-decoration: none;}
.readmore a:visited {color: #3F9B5A; font-weight: bold; text-decoration: none;}
.readmore a:hover {color: #CE276D; font-weight: bold; text-decoration: none;}




body {
  margin: 0px;
  padding: 0px;
  background-color: #000;
  font-family: 'trebuchet ms', helvetica, sans-serif;
  font-size: .8em;
  list-style-type: none;
}

#topstripe {
  margin: 0px;
  padding: 0px;
  height: 299px;
  background: url(img/topstripe.jpg) top center repeat-x;
  overflow: hidden;
}

#navmenu {
 margin-left: 50px;
 float: left;
 display: inline;
 padding-top: 1px;
 font-size: 1.1em;
 font-weight: bold;
 background: url(img/tabsleft.gif);
 height: 28px;
 background-repeat: no-repeat;
 padding-left: 10px;
}

.navmenu ul {  
  padding: 0;
  margin: 0;
  float: left;
}

.navmenu ul li {
  display: inline;
  padding: 0;
  margin: 0;
}

.navmenu a {
  text-decoration: none;
  float: left;
  color: #24a6fc;
  text-align: center;
  background: url(img/menutab.gif);
  background-repeat: no-repeat;
  width: 118px;
  margin-left: -10px;
  padding-top: 9px;
}

.navmenu a:hover {
  color: #ee4d91;
  text-decoration: none;
}

#secondary-menu {
 margin-left: 295px;
 width: 445px;
 text-align: center;
 padding-top: 3px;
 font-size: 1.1em;
 font-weight: bold;
 text-transform: lowercase;
 height: 28px;
}

.secondary-menu ul {  
  padding: 0;
  margin: 0;
  float: left;
}

.secondary-menu ul li {
  display: inline;
  padding: 0;
  margin: 0;
}

.secondary-menu a {
  text-decoration: none;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  color: #000;
  text-align: center;
}

.secondary-menu a:hover {
  color: #24a6fc;
  text-decoration: none;
}


#header {
  height: 300px;
  width: 760px;
  background-image: url(img/header.jpg);
  background-repeat: no-repeat;
  margin-left: auto;
  margin-right: auto;
}

.bunnies {
 width: 700px;
 height: 300px;
 margin-left: auto;
 margin-right: auto;
}

#wrap {
  width: 760px;
  background: #000 url(img/wrap.jpg);
  background-repeat: repeat;
  margin-left: auto;
  margin-right: auto;
}

#content-top {
  background: url(img/contenttop.jpg);
  background-repeat: no-repeat;
  height: 61px;
}

#content-bottom {
  background: url(img/contentbottom2.jpg);
  background-color: transparent;
  background-repeat: no-repeat;
  height: 64px;
}

#content-bg {
  background: url(img/contentbg.jpg);
  background-repeat: repeat;
  background-color: transparent;
}

#content {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  background: transparent;
}


h1 {
  text-align: left;
  color: #d90082;
  font-size: 1.5em;
  padding-bottom: 10px;
  padding-top: 13px;
  font-weight: normal;
  letter-spacing: 1px;
}

h2 {
  color: #d90082;
  font-size: 1.3em;
  text-align: left;
  text-transform: lowercase;
}

h3 {
  color: #3F9B5A;
  text-align: left;
  font-size: 1.3em;
  margin: 5px 0 5px 0;
  text-transform: lowercase;
}

.post-left {
  width: 23%;
  float: left;
  margin: 0;
  padding-left: 10px;
  text-align: left;
  overflow: hidden;
  font-size: .9em;
}

.post-left a:link {color: #007DD2; font-weight: bold; text-decoration: none;}
.post-left a:active {color: #EE4D91; font-weight: bold; text-decoration: none;}
.post-left a:visited {color: #3F9B5A; font-weight: bold; text-decoration: none;}
.post-left a:hover {color: #CE276D; font-weight: bold; text-decoration: none;}



.links ul li {
 background-image: url(img/link.gif);
 background-repeat: no-repeat;
 background-position: 0 .2em;
 padding-left: 18px;
}


.conversation ul li{
  text-align: left;
  background-image: url(img/icon-pinkbubble.jpg);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 0 0 0 21px;
}

.recent-posts ul li{
  text-align: left;
  background-image: url(img/icon-pencil.jpg);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 0 0 0 21px;
}

.post {
  width: 64%;
  float: left;
  margin: 0;
  padding-left: 60px;
  overflow: hidden;
  line-height: 150%;
}

.post a:link {color: #007DD2; font-weight: bold; text-decoration: none;}
.post a:active {color: #EE4D91; font-weight: bold; text-decoration: none;}
.post a:visited {color: #3F9B5A; font-weight: bold; text-decoration: none;}
.post a:hover {color: #CE276D; font-weight: bold; text-decoration: none;}

.img {
  border: 5px solid #EE4D91;
  padding: 2px;
}

.post ul {
  margin-left: 50px;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.post ul li {
 background-image: url(img/bullet.gif);
 background-repeat: no-repeat;
 background-position: 0 .5em;
 padding-left: 8px;
 margin: 0 30px 10px 5px;
}

.post ol {
  margin-left: 50px;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.post ol li {
 list-style-type: decimal;
 padding-left: 2px;
 margin: 0 30px 10px 5px;
}

#post-date {
 float: right;
  width: 47px;
  height: 61px;
  background: url(img/date.jpg);
  background-repeat: no-repeat;
}

.date{
  padding: 1px 5px 4px 5px;
  font-size: 1.2em;
  text-align: center;
  color: #3F9B5A;
  font-weight: bold;
}

.post-title{
  text-align: left;
  padding-top: 8px;
  font-size: 1.6em;
  padding-bottom: 3px;
  width: 80%;
}

.post-title a:link {color: #007DD2; font-weight: bold; text-decoration: none;}
.post-title a:active {color: #EE4D91; font-weight: bold; text-decoration: none;}
.post-title a:visited {color: #3F9B5A; font-weight: bold; text-decoration: none;}
.post-title a:hover {color: #CE276D; font-weight: bold; text-decoration: none;}

#meta-info {
  float: left;
  display: inline;
  height: 100px;
}

.categories {
  text-align: left;
  background-image: url(img/icon-categories.jpg);
  background-repeat: no-repeat;
  background-position: 0;
  padding: 0 0 0 19px;
}

.tags {
  text-align: left;
  background-image: url(img/icon-tags.jpg);
  background-repeat: no-repeat;
  background-position: 0;
  padding: 0 0 0 19px;
}


#meta-comments {
  float: right;
  width: 62px;
  height: 49px;
  background: url(img/comments.jpg) top center;
  background-repeat: no-repeat;
  text-align: center;
}

.meta-comments {
  text-align: center;
  font-size: 1.5em;
  padding-top: 7px;
  padding-left: 3px;
}


#greenspan {
  background-color: #6CC285;
  height: 30px;
  width: 700px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.1em;
  font-weight: bold;
}

#greenspan a:link {color: #007DD2; font-weight: bold; text-decoration: none;}
#greenspan a:active {color: #EE4D91; font-weight: bold; text-decoration: none;}
#greenspan a:visited {color: #3F9B5A; font-weight: bold; text-decoration: none;}
#greenspan a:hover {color: #CE276D; font-weight: bold; text-decoration: none;}


.search {
  text-align: center;
  background-image: url(img/icon-search.jpg);
  background-repeat: no-repeat;
  background-position: 0;
  margin-left: 60px;
  padding: 0 0 0 17px;
  float: left;
  display: inline;
  margin-right: 15px;
}

.feed {
  text-align: left;
  background-image: url(img/icon-feed.jpg);
  background-repeat: no-repeat;
  background-position: 0;
  margin-left: 45px;
  padding: 0 0 0 19px;
  float: left;
  display: inline;
  margin-right: 15px;
}

.tunes {
  text-align: left;
  background-repeat: no-repeat;
  background-position: 0;
  margin-left: 45px;
  padding: 0 0 0 19px;
  float: left;
  display: inline;
}


#custom-calendar {
  text-align: center;
  width: 700px;
  height: 88px;
  padding-top: 15px;
  background-image: url(img/calbg.jpg);
  background-repeat: no-repeat;
  margin-left: auto;
  margin-right: auto;
  clear: both;
  text-transform: lowercase;
}

#custom-calendar a:link {color: #007DD2; font-size: 1.5em; font-weight: bold; text-decoration: none;}
#custom-calendar a:active {color: #EE4D91; font-size: 1.5em; font-weight: bold; text-decoration: none;}
#custom-calendar a:visited {color: #3F9B5A; font-size: 1.5em; font-weight: bold; text-decoration: none;}
#custom-calendar a:hover {color: #CE276D; font-size: 1.5em; font-weight: bold; text-decoration: none;}

#cal-month {
  font-weight: bold;
  padding-bottom: 5px;
  font-size: 1.5em;
  color: #007DD2;
}

#custom-calendar #today {
  background: #FF8598;
  color: #000;
  padding: 4px;
  font-weight: strong;
}
  
#custom-calendar span {
  padding: 0 2px 0 2px;
}

#cal-nav #prev {
  float: left;
  display: inline;
  margin-left: 40px;
}

#cal-nav #next {
  float: right;
  display: inline;
  margin-right: 40px;
}


.post-comments {
 text-align: left;
 background-image: url(img/comments.jpg);
 background-repeat: no-repeat;
 background-position: 0;
 padding: 1px 0 1px 24px;
  float: left;
  display: inline;
  margin-right: 20px;
}

.post-category {
 text-align: left;
 background-image: url(img/categories.jpg);
 background-repeat: no-repeat;
 background-position: 0;
 padding: 1px 0 1px 24px;
  float: left;
  display: inline;
  margin-right: 20px;
}

.post-edit{
 text-align: left;
 background-image: url(img/edit.jpg);
 background-repeat: no-repeat;
 background-position: 0;
 padding: 0 0 0 24px;
  float: left;
  display: inline;
}


#bottom {
  margin-left: auto;
  margin-right: auto;
  width: 700px;
  background: url(img/bottombg.jpg);
  background-repeat: repeat;

}

#bottom h2 {
  text-align: center;
  margin: 0px;
  padding: 0 0 5px 0;
  font-size: 1.4em;
  color: #007DD2;
}

#bottom-top {
  margin: 0px;
  padding: 0px;
  height: 26px;
  background: url(img/bottomtop.jpg) top center repeat-x;
}



.bottom {
  padding-bottom: 1px;
  margin-bottom: 1px;
  height: auto;
  text-align: justify;
  color: #202020;
}
  

.column1, column2, column3 ul {
  margin: 0;
  padding: 0;
}

.column1 {
  width: 192px;
  float: left;
  margin-left: 37px;
  text-align: left;
  padding-right:5px;
  margin-right: 10px;
 display: inline;
}

.column1 a {display: block; text-decoration: none; padding-left: 5px;}
.column1 a:link {width: 168px; color: #CE276D; font-weight: bold; text-decoration: none;}
.column1 a:active {width: 168px; color: #EE4D91; font-weight: bold; text-decoration: none;}
.column1 a:visited {width: 168px; color: #CE276D; font-weight: bold; text-decoration: none;}
.column1 a:hover {width: 168px; color: #3F9B5A; font-weight: bold; text-decoration: none; background-color:#A5D85F;}


.column1 ul li {
  background-image: url(img/outlink.jpg);
  background-repeat: no-repeat;
  background-position: 0;
  padding: 0 0 0 16px;
  margin-left: 3px;
}

.column1 ul ul li {
  background-image: url(img/outlink.jpg);
  background-repeat: no-repeat;
  background-position: 0;
  padding: 0 0 0 16px;
  margin-left: 3px;
}

.column2 {
  width: 192px;
  float: left;
  text-align: left;
  padding-left: 18px;
}

.column2 a {display: block; text-decoration: none; padding-left: 5px;}
.column2 a:link {width: 176px; color: #CE276D; font-weight: bold; text-decoration: none;}
.column2 a:active {width: 176px; color: #EE4D91; font-weight: bold; text-decoration: none;}
.column2 a:visited {width: 176px; color: #CE276D; font-weight: bold; text-decoration: none;}
.column2 a:hover {width: 176px; color: #3F9B5A; font-weight: bold; text-decoration: none; background-color:#A5D85F;}

.column2 ul {
  margin: 0;
  padding: 0;
}

.column2 ul li {
  background-image: url(img/bluebullet.gif);
  background-repeat: no-repeat;
  background-position: 0 .5em;
  padding: 0 0 0 8px;
  margin: 0;
}

.column2 ul ul li {
  background-image: url(img/bluebullet.gif);
  background-repeat: no-repeat;
  background-position: 0 .5em;
  padding: 0 0 0 8px;
  margin: 0;
}

.column3 {
  width: 192px;
  float: left;
  padding: 0 0 0 31px;
  text-align: left;
}

.column3 a {display: block; text-decoration: none; padding-left: 5px;}
.column3 a:link {width: 165px; color: #CE276D; font-weight: bold; text-decoration: none;}
.column3 a:active {width: 165px; color: #EE4D91; font-weight: bold; text-decoration: none;}
.column3 a:visited {width: 165px; color: #CE276D; font-weight: bold; text-decoration: none;}
.column3 a:hover {width: 165px; color: #3F9B5A; font-weight: bold; text-decoration: none; background-color:#A5D85F;}

.column3 ul li {
  background-image: url(img/notes.gif);
  background-repeat: no-repeat;
  background-position: 0;
  padding: 0 0 0 19px;
}

.column3 ul ul li {
  background-image: url(img/notes.gif);
  background-repeat: no-repeat;
  background-position: 0;
  padding: 0 0 0 19px;
}

#footerstripe {
  padding: 0px;
  height: 64px;
  background: url(img/footerstripe.jpg) repeat-x;
}

.footer {
  height: 64px;
  width: 760px;
  background-image: url(img/footer.jpg);
  background-repeat: no-repeat;
  margin-left: auto;
  margin-right: auto;
}

.footer-text {
  text-align: center;
  padding-top: 12px;
  line-height: 2.1em;
  color: #000;
  font-size: .75em;
  letter-spacing: 1px;
}

.footer-text a:link {color: #CE276D; font-weight: bold; text-decoration: none;}
.footer-text a:active {color: #EE4D91; font-weight: bold; text-decoration: none;}
.footer-text a:visited {color: #CE276D; font-weight: bold; text-decoration: none;}
.footer-text a:hover {color: #007DD2; font-weight: bold; text-decoration: none;}



blockquote {
  background: transparent;
  padding: 2px 15px 5px 55px;
  margin: 5px 35px 5px 35px;
  text-align: left;
  line-height: 150%;
  background-image: url(img/quote.jpg);
  background-repeat: no-repeat;
  background-position: top left;
}

form, img {
 border: 0; 
} 

input, textarea, select { 
 background-color: #DCEFBE;
 border: 1px solid #A6BA88;
  padding-left: 7px;
 color: #000;
 font: 1em 'trebuchet ms' arial, sans-serif;
 -moz-border-radius: 7pt;
}

.radio {
 border: 0;
} 

/* Comment form design */

#comment-align {
  margin-bottom: 30px;
  margin-top: 10px;
}


#comment-align a:link {color: #007DD2; font-weight: bold; text-decoration: none;}
#comment-align a:active {color: #EE4D91; font-weight: bold; text-decoration: none;}
#comment-align a:visited {color: #3F9B5A; font-weight: bold; text-decoration: none;}
#comment-align a:hover {color: #CE276D; font-weight: bold; text-decoration: none;}


.commentlist {
  padding:0;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}

.comment-top {
  width: 254;
  height: 24px;
  background-image: url(img/commentpinktop.jpg);
  background-repeat: no-repeat;
}

.comment-bg {
  width: 254px;
  background-image: url(img/commentpinkbg.jpg);
  background-repeat: repeat;
}


.comment-bottom {
  width: 254px;
  height: 7px;
  background-image: url(img/commentpinkbottom.jpg);
  background-repeat: no-repeat;
}

.comment-author {
  width: 110px;
  overflow: hidden;
  text-align: center;
}

.comment-text {
  padding: 0px 10px 0px 30px;
}


.commentlist li {
  display: block;
  padding-left: 5px;
  list-style: none;
  margin: 20px 0 20px 0px;
}

.commentlist ol li {
  list-style: none;
}

.commentlist p {
  margin: 0;
  text-transform: none;
}

.commentlist cite, .commentlist cite a {
  font-weight: bold;
  font-style: normal;
  font-size: 1em;
}

#commentform input {
  width: 170px;
  padding: 1px;
  margin: 5px 5px 1px 0;
}

#commentform textarea {
  width: 98%;
  padding: 1px;
}

#commentform #submit {
  margin: 0;
  float: right;
}

#commentform p {
  margin: 5px 0;
}

.nocomments {
  text-align: center;
  margin: 0;
  padding: 0;
}

.commentmetadata {
  padding-top: 5px;
  padding-bottom: 5px;
  margin-right: 10px;
  text-align: right;
  font-size: .8em;
}

.commentlist li.alt {
  padding: 10px;
  list-style: none;
}

.commentlist ol li.alt {
  list-style: none;
}

.commentlist li.alt .comment-top {
  width: 254;
  height: 24px;
  background-image: url(img/commentgreentop.jpg);
  background-repeat: no-repeat;
}

.commentlist li.alt .comment-bg {
  width: 254px;
  background-image: url(img/commentgreenbg.jpg);
  background-repeat: repeat;
}


.commentlist li.alt .comment-bottom {
  width: 254px;
  height: 7px;
  background-image: url(img/commentgreenbottom.jpg);
  background-repeat: no-repeat;
}

.commentlist .commentOfficialUser .comment-top {
  width: 254;
  height: 24px;
  background-image: url(img/commentauthortop.jpg);
  background-repeat: no-repeat;
}

.commentlist .commentOfficialUser .comment-bg {
  width: 254px;
  background-image: url(img/commentauthorbg.jpg);
  background-repeat: repeat;
}


.commentlist .commentOfficialUser .comment-bottom {
  width: 254px;
  height: 7px;
  background-image: url(img/commentauthorbottom.jpg);
  background-repeat: no-repeat;
}

.commentlist li.alt .commentOfficialUser .comment-top {
  width: 254;
  height: 24px;
  background-image: url(img/commentauthortop.jpg);
  background-repeat: no-repeat;
}

.commentlist li.alt .commentOfficialUser .comment-bg {
  width: 254px;
  background-image: url(img/commentauthorbg.jpg);
  background-repeat: repeat;
}


.commentlist li.alt .commentOfficialUser .comment-bottom {
  width: 254px;
  height: 7px;
  background-image: url(img/commentauthorbottom.jpg);
  background-repeat: no-repeat;
}

.gravatar {
  margin-left: auto;
  margin-right: auto;
  height: 50px;
  width: 50px;
  border: 2px solid #F45296;
  padding: 1px;
}