/*-----------------------------------------------
Based on the following skin:
Name:    MoonShadow
Designer: se7en
URL:      www.blogsgonewild.net
Type: Free Blogger XML Skin
----------------------------------------------- */
body {
  background:#333366;
  margin:0;
  color:#444;
  font-family: Verdana, Arial, Serif;
  font-size: 13px;
  text-align: center;
  }
a:link {
  color:#0c0c0c;
  text-decoration:none;
  }
a:visited {
  color:#0c0c0c;
  text-decoration:none;
  }
a:hover {
  color:#0c0c0c;
  text-decoration:underline;
}
a img {
  border-width:0;
  }
.post-body a {
  color:#444;
  text-decoration:underline;
  }
.post-body a:hover {
  color:#669;
  text-decoration:underline;
}
.post-body img {
  border:2px solid #444;
  }

/* Header
-----------------------------------------------
 */

#header-wrapper {
  background:url(../images/moonheading.jpg) no-repeat;
  width:770px;
  height:252px;
  margin:0 auto;
  text-align:center;
  }
#header {
  width:500px; 
  margin:0 auto;
  padding:0;
  font: 140% "Times New Roman", Georgia,  Serif;
  font-weight:bold;
  font-style:italic;
  color:#baabba;
  }
#header h1 {
  margin:0;
  padding:15px 0 8px;
  font: 200% "Times New Roman", Georgia,  Serif;
  font-weight:bold;
  font-style:italic;
  line-height: 1.4em;
  letter-spacing:.1em;
  color:#f4d7f4;
}

#header a {
  color:#ccc;
  text-decoration:none;
  }

#header a:hover {
  color:#ccc;
  text-decoration:underline;
  }




.descriptionwrapper p {
  margin:0;
  padding:0;
  font:85% "Trebuchet MS",Trebuchet, Arial, Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  line-height: 1.4em;
  font-weight:bold;
  font-style:italic;
  color: #ccc;
 }


/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
  background:url(../images/mooncontent.jpg);
  background-repeat: repeat-y;
  width: 770px;
  margin:0 auto;
  padding:0;
  text-align:left;
  }

#main-wrapper {
  width: 505px;
  float: right;
  margin-top:-5px;
  padding-right:24px;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: visible; 
    /* was hidden: fix for long non-text content breaking IE sidebar float */
  }

#sidebar-wrapper {
  width: 180px;
  float: left;
  margin-top:-15px;
  padding-left:17px;
  color:#ccc;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}
br {
  clear:both;
  }

/* Headings
----------------------------------------------- */

#sidebar-wrapper h2 {
  background: url(../images/h2_bg.gif) no-repeat;
  margin:1.5em 0 .75em;
  padding-left:24px;
  height:20px;
  font-size:12px;
  font-family: Verdana, Arial, Serif;
  font-weight:bold;
  line-height: 1.4em;
  text-transform:uppercase;
  color:#ccc;
  }
#main-wrapper h2 {
  margin:0;
  padding:0;
  font-size:10px;
  font-weight:normal;
  color:#777;
  background:none;
  }
/* Posts
-----------------------------------------------
 */

h2.date-header {
  margin:1.5em 0 .5em;
  }


.post {
  margin:.5em 0 .5em;
  border-bottom:0px solid #444;
  padding-bottom:1em;
  }
.post h3 {
  margin:.2em 0 0;
  padding:0 0 4px;
  font-family: Verdana, Arial, Serif;
  font-size:18px;
  font-weight:bold;
  line-height:1.3em;
  color:#333366;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
  display:block;
  font-family: Verdana, Arial, Serif;
  font-size:16px;
  text-decoration:none;
  color:#333366;
  font-weight:bold;
}

.post h3 strong, .post h3 a:hover {
  color:#333;
  text-decoration:hover;
}

.post p {
  margin:0 0 .75em;
  line-height:1.4em;
}

.post-footer {
  margin: .75em 0;
  color:#555;
  text-transform:uppercase;
  letter-spacing:.1em;
  font: 78% "Trebuchet MS", Trebuchet, Arial;
  line-height: 1.4em;
}
.post-footer a {
  color:#444;
  }

.comment-link {
  margin-left:.6em;
  }
.post img {
  padding:2px;
  border:1px solid #666699;
  }
.post blockquote {
  margin:1em 20px;
  line-height:1.4em;
  }
p.post-footer-line-3 {
  background: url(../images/shadow_divider.gif) no-repeat;
  width:468px;
  height:48px;
  margin:0 auto;
  padding:0;
  }
/* Comments
----------------------------------------------- */
#comments h4 {
  margin:1em 0;
  font-weight: bold;
  line-height: 1.4em;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#333;
  }

#comments-block {
  margin:1em 0 1.5em;
  line-height:1.6em;
  }
#comments-block .comment-author {
  margin:.5em 0;
  }
#comments-block .comment-body {
  margin:.25em 0 0;
  }
#comments-block .comment-footer {
  margin:-.25em 0 2em;
  line-height: 1.4em;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
#comments-block .comment-body p {
  margin:0 0 .75em;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }

#blog-pager-newer-link {
  float: left;
 }
 
#blog-pager-older-link {
  float: right;
 }

#blog-pager { 
  text-align: center;
 }

.feed-links {
  clear: both;
  line-height: 2.5em;
}

/* Sidebar Content
----------------------------------------------- */
#sidebar-wrapper p {
  padding-left:12px;
  line-height:1.2em;
  }
#sidebar-wrapper  ul {
  list-style:none;
  margin:0 0 0;
  padding:0 0 0;
}
#sidebar-wrapper  li {
  margin:0;
  padding:0 0 .25em 10px;
  text-indent:-4px;
  line-height:1.2em;
  }

#sidebar-wrapper  a {
  color: #000000;
}
#sidebar-wrapper  a:hover {
  color: #002000;
}


.sidebar .widget, .main .widget { 
  margin:0 0 1.5em;
  padding:0 0 1.5em;
 }

.main .Blog { 
  border-bottom-width: 0;
}

#main h1 { 
  color: #101040;
  font-weight: bold;
	font-style: italic;
}

#main a, a:visited{ 
  color: #000000;
}

#main a:hover{ 
  color: #008000;
}

#main p{ 
  color: #000000;
}
#main pre{ 
  color: #000000;
}


.textinput {
  background-color: #d2d6e5;
  border: 1px solid #6e758f;
}

.button { 
  background-color: #333366;
  color: #ffffff;
}


/* Profile 
----------------------------------------------- */
.profile-img { 
  float: left;
  margin: 0 5px 5px 0;
  padding: 2px;
  border: 1px solid #ccc;
}

.profile-data {
  margin:0;
  text-transform:uppercase;
  letter-spacing:.1em;
  
  font-weight: bold;
  line-height: 1.4em;
}

.profile-datablock { 
  margin:.5em 0 .5em;
}

.profile-textblock { 
  margin: 0.5em 0;
  line-height: 1.4em;
}

.profile-link { 
  text-transform: uppercase;
  letter-spacing: .1em;
}

/* Footer
----------------------------------------------- */
#footer-wrapper {
  background:url(../images/moonfooter.jpg) no-repeat;
  width:770px;
  height:40px;
  clear:both;
  margin:0 auto;
  padding:0;
  line-height: 1.6em;
  letter-spacing:.1em;
 }
#footer {
  margin:0 auto;
  padding:0;
  line-height: 1.6em;
  letter-spacing:.1em;
  text-align: center;
  color:#ccc;
  }
#footer h2 {
  margin:0;
  padding:0 0 4px;
  font-size:10px;
  }
#credits {
  margin:0;
  padding-left:12px;
  font-size:10px;
  color:#ccc;
  }
#credits a { 
  color:#ccc;
  text-decoration:underline;
}

/** Page structure tweaks for layout editor wireframe */
body#layout #header { 
  margin-left: 0px;
  margin-right: 0px;
}


.navmenu { 
	color:#101050;
  margin: 10px;
}

.navmenu a { 
   color:#006060;
   text-decoration:underline;

}
.navmenu a:hover { 
   color:#600000;
   text-decoration:underline;
}
.postheader {
	color: #002000;
	font-size: 10px;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 0;
	text-decoration: none;
}
.postheader_h2 {
	color: #002000 ;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0;
	text-decoration: none;
}
.postheader_date {
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
	margin: 0 20px 10px 0;
	padding: 0;
	text-decoration: none;
	float: right;
}
.util { 
	margin: 0px;
/*	position: relative; */
}
.showcat { 
	margin: 0 20px 10px 0;
	padding: 0;
	text-decoration: none;
	font-size: 10px;
	font-style: italic;
  float: right;
}