/*
Theme Name: MotherTheme
Theme URI: http://mothertheme.com
Description: This is the mother of all themes, the only theme you will ever need. If you can, thank your mother for everything she did for you.
Version: 2.0
Author: Tim Norton
Author URI: http://nortontim.com
*/

/* FORMATTING OF BASIC STUFF */

body { 
  background: url('images/bg.jpg'); 
  color: #000; 
  font: .9em Arial, Helvetica;
  margin: 0;
}

.alignleft {
float: left;
}

.alignright {
float: right;
}

a {
  color: #1876BF;
  text-decoration: none;
}

a:hover {
  color: #1876BF;
  text-decoration: underline;
}

#bigcol ul, #bigcol ol {
  font-size: .9em;
}

td {
  vertical-align: top; 
}

img {
  border:0;
}

h2 {
  font: 1.6em Arial, Helvetica;
  margin: 0;
  color: #98703C;
}

h2 a {
  color: #98703C;
  text-decoration: none;
}

h2 a:hover {
  color: #98703C;
  text-decoration: underline;
}

h3 {
  font-size: 1.4em;
  color: #443D35;
  margin: 0;
  padding: 0;
}

h4 {
  font: 1.2em Arial, Helvetica;
  margin: 0;
  padding: 0;
  color: #000;
}

blockquote {
  background: url('images/quote.png') no-repeat;
  width: 90%;
  padding: 15px 0 0 15px;
  text-indent: 35px;
  margin:0 0 0 20px;
  font-style: italic;
}

code {
  color: #CC0066;
  background: #E5E5E5;
  font-family: courier new;
  font-size: 1em;
  padding: 10px;
  margin: 0;
}

/* MAJOR STRUCTURE ELEMENTS */

#container {
  margin: 0;
  padding: 0;
  width: 100%;
  background: url('images/topbar.jpg') repeat-x;
}

#container1 {
  margin: 0px auto 0px auto;
  padding: 0;
  width: 945px;
  height: 57px;
}

#container3 {
  margin: 0px auto 0px auto;
  padding: 0;
  width: 945px;
  height: 35px;
  background: url('images/searchbar.jpg');
  background-position: bottom center;
}


#container2 {
  margin: 0px auto 0px auto;
  padding: 0;
  width: 945px;
}

#contentarea {
  width: 945px;
  background: url('images/midback.jpg');
  margin: 0;
  padding: 0;
}

/* HEADER AREA */
/* Use headerpic to overlay a picture in the header area */
#header {
  margin: 0;
  padding: 0;
  text-align: left;
}

h1 {
  font: 2.3em Arial, Helvetica;
  margin: 0;
  padding: 0;
  display:block;
  float: left;
  clear: none;
}

h1 a {
  color: #000;
  text-decoration: none;
}

h1 a:hover {
  color: #000;
  text-decoration: underline;
  border: 0;
}

/* THE SITE DESCRIPTION */

.description {
  color: #FFF;
  font-size: 1.1em;
  margin: 0 auto;
  text-transform: lowercase;
}

/* THE HORIZONTAL MENU AT THE TOP */

#navigation {
  height: 57px;
  padding: 0;
  float: right;
  margin:0;
  overflow:hidden;
  display: inline;
}

#navlist{
	margin:0;
	font-size: .8em;
	font-weight: bold;
	font-family: 'trebuchet ms';
}

#navigation ul li {
  list-style-type: none;
  display:inline;
  margin: 0;
  padding: 0;
}

#navlist a {
  margin-bottom:25px;
  margin-top:17px;
  margin-left:3px;
  margin-right:3px;
  padding: 3px 0 0 0;
  float: left;
  color: #000;
  text-decoration: none;
  height: 25px;
  width: 88px;
  text-align: center;
}

#navlist a.active {
  background: url('images/blog.jpg') no-repeat;
  color: #FFF;
  height: 25px;
  width: 50px;
}

#navlist a.active:hover {
  background: url('images/blog.jpg') no-repeat;
}

#navlist a.home {
  color: #000;
  height: 25px;
  width: 50px;
}

#navlist a.home:hover {
  background: url('images/blog.jpg') no-repeat;
}

#navlist a.rss:hover {
  background: none;
}

#navlist a:hover{
  margin-bottom:25px;
  margin-top:17px;
  margin-left:3px;
  margin-right:3px;
  padding: 3px 0 0 0;
  color: #F9ECD0;
  border: 0;
  background: url('images/menu.jpg') no-repeat;
}

/* THE FEATURE POST AREA ON THE HOME PAGE */
/* Structure items */
#featurecol {
  background: #FCF4E4;
  border-bottom: 1px solid #DDD0B9;
  border-left: 1px solid #DDD0B9;
  width: 460px;
  margin: 0 0 20px 15px;
  padding: 10px 6px;
  color: #453E34;
}

/* Other formatting of feature area */
#featurecol p {
  font-size: .9em;
}

#featurecol .date-and-author {
  font-size: .75em;
  text-transform: none;
  color: #999;
  margin: 0;
  padding: 0;
}

#featurecol .date-and-author a {
  color: #999;
  text-decoration: none;
}

#featurecol .date-and-author a:hover {
  color: #999;
  text-decoration: underline;
}

#featurecol h2 a {
  color: #98703C;
  text-decoration: none;
}

#featurecol h2 a:hover {
  color: #98703C;
  text-decoration: underline;
}

.featurepost img {
  margin: 4px 9px 9px 3px;
  padding: 2px;
  border: #000 1px solid;
}

.featuremetadata {
  font-size: .75em;
  color: #999;
  margin: 0;
}

.featuremetadata a{
  color: #999;
  text-decoration: none;
}

.featuremetadata a:hover{
  color: #999;
  text-decoration: underline;
}

/* BIGCOL IS WIDEST COLUMN ON HOMEPAGE (AFTER FEATURE AREA) AND PAGECOL IS WIDEST COLUMN ELSEWHERE */

#bigcol {
  width: 470px;
  margin: 0;
  padding: 0 0 0 15px;
  clear: none;
}

#pagecol {
  width: 470px;
  margin: 0;
  padding: 0 0 0 15px;
}

#pagecol ul li {
  list-style-type: circle;
  margin: 0 0 0 3em;
  font-size: .9em;
}

#pagecol ol li {
  margin: 0 0 0 3em;
  font-size: .9em;
}

#pagecol ul, #pagecol ol {
  margin: 0;
  padding: 0;
}

#pagecol ul li.searchform {
  margin: 0;
  padding: 0;
  list-style-type:none;
}

#pagecol input[type="text"], text {
	padding: 0.2em;
  background: #FFF;
	border: #443D35 1px solid;
  font-size: .9em;
  color: #000;
  width: 190px;
}

#pagecol input[type="textarea"], textarea {
	padding: 0.2em;
  background: #FFF;
	border: #443D35 1px solid;
  font-size: .9em;
  color: #000;
  width: 470px;
}

#bigcol img, #pagecol img {
  margin: 3px 9px 1px 3px;
  padding: 2px;
  border: #000 1px solid;
  background: #FFF;
}

/* MIDCOL IS THE FAR-RIGHT SIDEBAR COLUMN ON ALL PAGES AND RIGHTCOL IS THE SMALLER SIDEBAR COLUMN ON THE HOMEPAGE ONLY */

#midcol {
  width: 200px;
  margin: 0;
  padding: 0;
}

#rightcol {
  width: 175px;
  margin: 0;
  padding: 0;
}

#rightcol .authorarea {
  width: 150px;
  height: 65px;
  padding: 4px;
  margin: 0 0 5px 0;
  background: #FCF4E4;
  border-bottom: 1px solid #DDD0B9;
  border-left: 1px solid #DDD0B9;
}

#rightcol .authorarea img {
  float: left;
  padding: 0 6px 0 0;
  margin: 0;
}

#rightcol .authorarea h4 {
  margin: 0;
  padding: 3px 0 0 0;
  color: #453E34;
  font-size: 12px;  
} 

#midcol, #rightcol {
  color: #000;
  font-size: .8em;
}

#midcol a, #rightcol a {
  color: #1876BF;
  text-decoration: none;
}

#midcol a:hover, #rightcol a:hover {
  color: #1876BF;
  text-decoration: underline;
}

#midcol h3, #rightcol h3 {
  font: 1.3em Arial, Helvetica;
  font-weight: bold;
  color: #98703C;
  margin: 0;
  padding: 0;
}

#midcol h2, #rightcol h2 {
  font: 1.2em Arial, Helvetica;
  font-weight: bold;
  margin: 0;
  padding: 0 0 3px 0;
  color: #98703C;
}

#midcol ul, #rightcol ul {
  margin: 3px;
  padding: 0;
}

#midcol ul li, #rightcol ul li {
  list-style: none;
  margin: 0;
  padding: 0 0 0 10px;
}

/* SEARCHCOL HOLDS THE SEARCHBOX AND GOOGLECOL HOLDS THE AD BOX ABOVE THE FAR-RIGHT SIDEBAR COLUMN */

#searchcol {
  color: #000;
  width: 268px;
  height: 30px;
  float: right;
  margin: 10px 25px 0 0;
  padding: 0;
  background: url('images/search.jpg') no-repeat;
}

#searchcol ul {
  margin: 0;
  padding: 0;
}

#searchcol ul li.searchform {
  margin: 0;
  padding: 0;
  list-style:none;
}

.searchform input[type="text"], text {
	padding: 5px 0 0 25px;
  background: url('images/search.jpg') no-repeat;
	border: 0;
  font-size: 1.1em;
  color: #443D33;
  width: 182px;
  height: 25px;
}

.searchform input[type="submit"] {
  font-size: .01em;
  font-family: arial;
  height: 0;
  width: 0;
  background: none;
  color: #FFF;
  visibility: hidden;
  display: none;
}


#searchcol input[type="text"], text {
	padding: 5px 5px 5px 28px;
  background: none;
  border:0;
  font-size: .9em;
  color: #000;
  width: 228px;
}

#searchcol input[type="submit"] {
  font-size: .01em;
  font-family: arial;
  height: 0;
  width: 0;
  background: none;
  color: #FFF;
  visibility: hidden;
  display: none;
}

#searchcol input[type="submit"]:hover {
  color: #FFF;
  color: transparent;
}

#googlecol {
  color: #000;
  width: 235px;
  float: right;
  clear: right;
  margin: 0em 1.9em .4em 0;
  padding: 0;
}

#googlecol h2 {
  font: 1.2em Arial, Helvetica;
  margin: 0;
  padding: .1em 0 .2em 9px;

  border: #333 1px solid;
  background: #222 url('images/mid-title.jpg');
  color: #CCC;
}

/* FORMATTING OF MID-SITE ELEMENTS, STUFF RELATED TO POSTS AND PAGES */
/* Formatting of the post */
.excerpt-content {
  margin: 0 0 2em 0;
  padding: 0;
  color: #000;
}

.excerpt-content p {
  font-size: .9em;
}

.archive-content {
  margin: 0 0 2em 0;
  padding: 0;
  color: #000;
}

.archive-content p {
  font-size: .9em;
}

.entry-content {
  margin: 0 0 2em 0;
  padding: 0;
  color: #000;
}

.post {
  margin: 0 0 2em 0;
  padding: 0;
  color: #000;
}

.post p {
  font-size: .9em;
}

.page-content {
  margin: 0 0 2em 0;
  padding: 0;
  color: #000;
}

.page-content p {
  font-size: .9em;
}

.postmetadata {
  font-size: .75em;
  color: #444;
  margin: 0;
}

.postmetadata a {
  color: #999;
}

.postmetadata a:hover {
  color: #999;
}

.thumbnail img {
  border: #DDD 2px solid;
  padding: 0;
  margin: 3px;
}

.waiting {
  background: #EEE;
  text-align: center;
  padding: .3em;
  margin: 20px;
  color: #CC0066;
  border: #777 1px dashed;
}

/* Formatting of comment stuff */
#commentstuff {
  text-align: left;
  font-size: .8em;
  font-family: Arial, Helvetica;
}

#commentstuff  input[type="text"], text {
	padding: 0.2em;
  background: #FFF;
	border: #443D35 1px solid;
  font-size: 1em;
  color: #000;
  width: 190px;
}

#commentstuff  input[type="textarea"], textarea {
	padding: 0.2em;
  background: #FFF;
	border: #443D35 1px solid;
  font-size: 1.3em;
  color: #000;
  width: 470px;
}

#pagecol img.avatar {
  float: right;
  margin: 0 5px;
  padding: .3em;
  border: 0;
  background: none;
}

.commentmetadata {
  color: #999;
  margin: 0 80px 0 0;
}

#pagecol .commentlist li {
  list-style-type: none;
  padding: 1em 10px;
  margin: .5em 0 1em 1em;
}

#pagecol .commentlist li.author {
  background: #222;
  color: #FFF;
  list-style-type: none;
  padding: 1em 10px;
  border: #000 1px solid;
  margin: .5em 0 1em 1em;
}

#pagecol ol.commentlist li.even {
  background:#CFAF85;
  border: 0;
}

#pagecol ol.commentlist li.odd {  
  background:#F9ECD0;
  border: 0;
}

#pagecol .commentlist li.author p.commentmetadata {
  color: #BBB;
  border-bottom: #333 1px solid;
  margin: 0 80px 0 0;
}

#pagecol .commentlist li.author img.avatar {
  float: right;
  margin: 0 5px;
  padding: 2px;
  border: 0;
  background: none;
}

#pagecol .commentlist .reply{
  font-size: .9em;
}

#pagecol .commentlist a:hover {
  font-weight: bold;
  text-decoration: underline;
}

#pagecol .commentlist a {
  font-weight: bold;
}

#pagecol form.commentform {
  margin: 1.4em;
}

/* Formatting for Disqus */ 

#disqus_thread ul.dsq-login-buttons li.dsq-login-button {
  padding:0;
  margin: 0 5px 0 0;
  width: 96px;
}

#disqus_thread ul.dsq-login-buttons li.dsq-login-button img {
  padding:0;
  margin: 0;
}

/* Formatting of DONATE Button */
#donate {
  width: 180px;
  height: 40px;
  background: url('images/donate.png') no-repeat top;
}

#donate:hover {
  width: 180px;
  height: 40px;
  background: url('images/donate.png') no-repeat bottom;
}


/* Formatting of misc stuff */
label {
  font-size: .75em;

  color: #313131;
}

.date-and-author {
  font-size: .75em;
  color: #313131;
}

.navigation {
  margin: 0 0 .5em 0;
  font-size: .8em;
  color: #313131;
}

/* Formatting of the readmore link */
.readmore {
  font-size: .75em;
  margin: 0;
  color: #FFF;
}

.readmore:hover {
  color: #CC00FF;
  border-bottom: #CC00FF 1px dotted;
}

/* FORMATTING OF THE FOOTER */

#footer {
  width: 945px;
  font: .75em Verdana, "Times New Roman", Times, serif;
  text-align: center;
  color: #000;
  background: url('images/footer.jpg');
  height: 154px;
  clear: both;
  margin: 0 auto 2em auto;
}

#footer img {
  border: 0;
  margin: 0;
  padding: .6em;
}

#footer p {
  margin: 0;
  padding: 80px 0 0 0;
  vertical-align: bottom;
}

#footer a {
  color: #FCF4E4;
}