﻿/*
Theme Name: Miscmum
Theme URI: http://miscmum.com
Version: 1.0
Description: Custom Theme for Miscmum by <a href="http://intricateart.com">Leanne</a>
Author: Leanne Wildermuth
Author URI: http://www.intricateart.com
This design is copyright ©Leanne Wildermuth and may not be reproduced.
*/


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


.left {float: left;}
.right {float: right;}
.clear {clear: both;}
.excerpt {padding-left: 20px;}

.pagenav {padding: 0 10px 5px 10px; font-weight: normal; font-family: Trebuchet MS, serif; font-size: 1.7em; font-style: italic;}
.pagenav a:link {color: #71619f; font-weight: normal; text-decoration: none;}
.pagenav a:active {color: #9a619f; font-weight: normal; text-decoration: none;}
.pagenav a:visited {color: #2d7a8f; font-weight: normal; text-decoration: none;}
.pagenav a:hover {color: #e4f2ec; background-color: #67a0b1; font-weight: normal; text-decoration: none;}


blockquote {
  padding: 12px 10px 10px 37px;
  text-align: left;
  background-image: url(img/quote.jpg);
  background-repeat: no-repeat;
  background-position: top left;
}

form, img {
 border: 0; 
} 

input, textarea, select { 
 background-color: #FFFFFF;
 border: 1px solid #000000;
 padding: 2px;
 color: #000000;
 font: 1em 'Lucida Sans Unicode', Arial, sans-serif;
}

.submit {
 background-color: #9daba5;
 color: #000000; 
}

.radio {
 border: 0;
} 

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

body {
  margin: 0px;
  padding: 0px;
  background-color: #9daba5;
  font-family: Trebuchet MS;
  font-size: .9em;
  list-style-type: none;
}

#topbg {
  height: 210px;
  background: url(img/topbg.jpg) top center repeat-x;
}

#header {
  height: 210px;
  width: 858px;
  margin-left: auto;
  margin-right: auto;
  background-image: url(img/header.jpg);
  background-repeat: no-repeat;
  background-position: top center;
}

#feed {
 text-align: center;
 font-size: .9em;
 font-weight: bold;
 color: #67c7d6;
 height: 20px;
 padding-top: 3px;
 width: 380px;
 float: right;
 overflow: hidden;
}

#feed a {
 background-image: url(img/feed.jpg);
 background-repeat: no-repeat;
 background-position: 0 .5em;
 line-height: 20px;
 padding-left: 12px;
 padding-right: 12px;
 margin-right: 15px;
 display: block;
 color: #67c7d6;
 border: none;
 float: left;
 text-transform: lowercase;
 text-decoration: none;
}

#feed a:hover {
 background-image: url(img/feed.jpg);
 background-repeat: no-repeat;
 background-position: 0 .5em;
 line-height: 20px;
 padding-left: 12px;
 padding-right: 12px;
 margin-right: 15px;
 display: block;
 color: #67c7d6; 
 font-weight: bold;
 text-decoration: underline;
 float: left;
 text-transform: lowercase;
}

#wrap {
  width: 858px;
  margin-left: auto;
  margin-right: auto;
  background: #2c2e28;
  padding: 0px;
}

/* Menu Formatting */

#menu {
 text-align: center;
 font-size: 1.3em;
 color: #67c7d6;
 height: 30px;
 width: 830px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding-bottom: 5px;
}

#menu a {
 line-height: 30px;
 padding-left: 12px;
 padding-right: 12px;
 display: block;
 color: #67c7d6;
 border: none;
 float: left;
 text-transform: lowercase;
 text-decoration: none;
}

#menu a:hover {
 line-height: 30px;
 padding-left: 12px;
 padding-right: 12px;
 display: block;
 color: #2c2e28;
 background-color: #67c7d6;
 float: left;
 text-transform: lowercase;
 text-decoration: none;
}


#blog {
  width: 840px;
  background-color: #FFFFFF;
  margin-left: auto;
  margin-right: auto;
}


#content {
  float: left;
  width: 480px;
  display: inline;
  text-align: left;
  border-right: 1px dotted #4c7578;
  margin-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-size: 1.0em;
  line-height: 130%;
}

#contentwide {
  float: left;
  width: 820px;
  display: inline;
  text-align: left;
  /*border-right: 1px dotted #4c7578;*/
  margin-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-size: 1.0em;
  line-height: 130%;
}

h1 {
  text-align: left;
  padding: 0 3px 0 3px;
  font-weight: bold;
  font-family: Trebuchet MS;
  font-size: 1.7em;
  font-style: italic;
  color: #2d7a8f;
}

h1 a {padding-left: 3px; padding-right: 3px;}
h1 a:link {color: #71619f; font-weight: normal; text-decoration: none;}
h1 a:active {color: #9a619f; font-weight: normal; text-decoration: none;}
h1 a:visited {color: #2d7a8f; font-weight: normal; text-decoration: none;}
h1 a:hover {color: #e4f2ec; background-color: #67a0b1; font-weight: normal; text-decoration: none;}

h2 {
  text-align: left;
  font-family: Trebuchet MS;
  color: #000;
  font-size: 1.4em;
  padding-top: 10px;
}

h3 {
  text-align: left;
  font-family: Trebuchet MS;
  color: #000;
  font-size: .8em;
  text-transform: uppercase;
  font-weight: normal;
  padding: 0;
  margin: 0;
}


.post {
  padding-left: 5px;
  text-align: justify;
}

.post a: link {padding-left: 2px; padding-right: 2px;}
.post a:link {color: #71619f; font-weight: bold; text-decoration: none;}
.post a:active {color: #9a619f; font-weight: bold; text-decoration: none;}
.post a:visited {color: #2d7a8f; font-weight: bold; text-decoration: none;}
.post a:hover {color: #e4f2ec; background-color: #67a0b1; font-weight: bold; text-decoration: none;}



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

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

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

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


.post-meta {
  padding-top: 0px;
  text-align: left;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px dotted #4c7578;
}

.post-meta a: link {padding-left: 2px; padding-right: 2px;}
.post-meta a:link {color: #71619f; font-weight: normal; text-decoration: none;}
.post-meta a:active {color: #9a619f; font-weight: normal; text-decoration: none;}
.post-meta a:visited {color: #2d7a8f; font-weight: normal; text-decoration: none;}
.post-meta a:hover {color: #e4f2ec; background-color: #67a0b1; font-weight: normal; text-decoration: none;}

.search {
  padding: 5px 0 5px 0;
}

.search h1 {
  text-align: center;
  padding: 0;
  font-weight: normal;
  font-family: Trebuchet MS;
  font-size: 1.3em;
  font-style: italic;
}

/* Left side menu formatting */


#side-left {
  width: 165px;
  margin-top: 10px;
  float: left;
  font-size: .8em;
  padding-right: 5px;
  overflow: hidden;
  border-right: 1px dotted #4c7578;
}

#side-left .menu {
  width: 160px;
  padding-left: 5px;
}


#side-left .menu h2 {
  font-family: Verdana, 'Trebuchet MS', sans-serif;
  font-weight: normal;
  font-size: 1em;
  text-transform: uppercase;
  line-height: 100%; 
  text-align: left;
  margin-top: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #4c7578;
  border-top: 1px dotted #4c7578;
  border-bottom: 1px dotted #4c7578;
}

#side-left .menu ul, #side-left .menu ul ul {margin:0; padding:10px 5px 10px 5px; list-style: none;}


#side-left .menu ul li {
 background-image: url(img/arrow.jpg);
 background-repeat: no-repeat;
 background-position: 0 .4em;
 padding-left: 11px;
 margin-left: 3px;
 line-height: 150%;
}

#side-left a {padding-left: 2px; padding-right: 2px;}
#side-left a:link {color: #71619f; font-weight: normal; text-decoration: none;}
#side-left a:active {color: #9a619f; font-weight: normal; text-decoration: none;}
#side-left a:visited {color: #2d7a8f; font-weight: normal; text-decoration: none;}
#side-left a:hover {color: #e4f2ec; background-color: #67a0b1; font-weight: normal; text-decoration: none;}

/* Right side menu formatting */


#side-right {
  width: 165px;
  margin-top: 10px;
  float: left;
  overflow: hidden;
  font-size: .8em;
}

#side-right .menu {
  width: 160px;
  padding-left: 5px;
}


#side-right .menu h2 {
  font-family: Verdana, 'Trebuchet MS', sans-serif;
  font-weight: normal;
  font-size: 1em;
  text-transform: uppercase;
  line-height: 100%; 
  text-align: left;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 5px;
  color: #4c7578;
  border-top: 1px dotted #4c7578;
  border-bottom: 1px dotted #4c7578;
}

#side-right .menu ul, #side-right .menu ul ul {margin:0; padding:10px 5px 10px 5px; list-style: none;}


#side-right .menu ul li {
 background-image: url(img/arrow.jpg);
 background-repeat: no-repeat;
 background-position: 0 .4em;
 padding-left: 11px;
 margin-left: 3px;
 line-height: 150%;
}

#side-right a {padding-left: 2px; padding-right: 2px;}
#side-right a:link {color: #71619f; font-weight: normal; text-decoration: none;}
#side-right a:active {color: #9a619f; font-weight: normal; text-decoration: none;}
#side-right a:visited {color: #2d7a8f; font-weight: normal; text-decoration: none;}
#side-right a:hover {color: #e4f2ec; background-color: #67a0b1; font-weight: normal; text-decoration: none;}


#footer {
  clear: both;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 8px solid #2c2e28;
  border-bottom: 8px solid #2c2e28;
}

.footer-text {
  text-align: center;
  font-family: Verdana, 'Trebuchet MS', sans-serif;
  color: #000;
  font-size: .75em;
  font-weight: normal;
  padding-bottom: 10px;
}


.footer-text a:link {color: #71619f; font-weight: normal; text-decoration: none;}
.footer-text a:active {color: #9a619f; font-weight: normal; text-decoration: none;}
.footer-text a:visited {color: #2d7a8f; font-weight: normal; text-decoration: none;}
.footer-text a:hover {color: #e4f2ec; background-color: #67a0b1; font-weight: normal; text-decoration: none;}



/* Comment form design */

#commentform {
  margin-left: 5px;
  overflow: hidden;
}

#commentform a: link {padding-left: 2px; padding-right: 2px;}
#commentform a:link {color: #71619f; font-weight: bold; text-decoration: none;}
#commentform a:active {color: #9a619f; font-weight: bold; text-decoration: none;}
#commentform a:visited {color: #2d7a8f; font-weight: bold; text-decoration: none;}
#commentform a:hover {color: #e4f2ec; background-color: #67a0b1; font-weight: bold; text-decoration: none;}


#commentform textarea {
  width: 455px;
}

.comment-list {
 margin: 20px 0 20px 0;
}

.comment-container {
  width: 470px;
 margin-top: 5px;
 padding-top: 5px;
 margin-bottom: 5px;
 padding-bottom: 5px;
  border-bottom: 1px dotted #4c7578;
}

.comment-num {
 float: left;
 font-family: 'Trebuchet MS', Arial, sans-serif;
 font-size: 1.6em;
 margin-top: -4px;
 padding-right: 5px;
 color: #67a0b1;
}

.comment-meta {
 font-size: 1em;
 color: #67a0b1;
 float: left;
 width: 140px;
 overflow: hidden;
 padding-right: 10px;
}

.comment-date {
 font-size: .9em;
 text-align: left;
}

.comment-text {
 float: left;
 width: 280px;
 overflow: hidden;
 padding-left: 10px;
}

.alt {
  background-color: #BFC899;
  border-top: 1px solid #742872;
  border-bottom: 1px solid #742872;
}

