/*
Theme Name: LifeCruiser Halloween
Theme URI: http://lifecruiser.org
Version: 1.0
Description: Custom Theme for LifeCruiser 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.
*/
/*CSS img gallerycontainer Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.sound {
  float: left;
  display: none;
}

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

.worm {width: 304px; height: 33px;  margin-left: auto; margin-right: auto; background: url(img/worm.jpg);}
.left {float: left;}
.right {float: right;}
.clear {clear: both;}
.excerpt {padding-left: 20px;}

.pagenav {padding: 0 20px 5px 20px; font-weight: normal; font-family: Georgia,'Times New Roman', serif; font-size: 1.7em; font-style: italic;}
.pagenav a:link {color: #CA7309; font-weight: normal; text-decoration: none;}
.pagenav a:active {color: #F0870A; font-weight: normal; text-decoration: none;}
.pagenav a:visited {color: #CA7309; font-weight: normal; text-decoration: none;}
.pagenav a:hover {color: #7F0B0B; font-weight: normal; text-decoration: none;}


#searchbar {
  background: url(img/searchbard.jpg) top center no-repeat;
  height: 56px;
  width: 205px;
}

#searchbar input, textarea, select { 
 background-color: transparent;
 border: none;
 color: #000;
 font: .9 'Lucida Sans Unicode', Arial, sans-serif;
 font-weight: bold;
  padding-left: 45px;
  padding-top: 24px;
}


blockquote {
  padding: 9px 10px 10px 80px;
  margin-left: 20px;
  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: #CA7309;
 border: 1px solid #000;
 color: #000;
 font: .9em 'Lucida Sans Unicode', Arial, sans-serif;
}

.submit {
 background-color: #CA7309;
 color: #000; 
}

.radio {
 border: 0;
} 

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

body {
  background: #a2a9a4 url(img/brickbg.jpg) repeat;
  font-family: Verdana, 'Trebuchet MS', Arial, sans-serif;
  font-size: .9em;
  list-style-type: none;
}

#topstripe {
  height: 273px;
  background: url(img/topstripe.gif) top center;
  background-repeat: repeat;
}

#side {
  width: 400px;
  float: left;
  overflow: hidden;
}

#side-top {
  margin-left: auto;
  margin-right: auto;
  width: 308px;
  height: 129px;
  background: url(img/sidetop.gif) top center;
  background-repeat: no-repeat;
}

#side-bg {
  margin-left: auto;
  margin-right: auto;
  width: 308px;
  background: url(img/sidebg.gif) top center;
  background-repeat: repeat;
}

#side-bottom {
  margin-left: auto;
  margin-right: auto;
  width: 308px;
  height: 168px;
  background: url(img/sidebottom.gif);
  background-repeat: no-repeat;
}

#side .menu {
  width: 220px;
  margin-left: auto;
  margin-right: auto;
  list-style-type: none; 
  display: block;
  overflow: hidden;
  color: #363A38;
}

#spook {
  width: 400px;
  height: 465px;
  background: url(img/spook.jpg) top left;
  background-repeat: no-repeat;
}

#side .menu h2 {
  font-size: 1.7em;
  list-style-type: none;
  color: #363A38;
  font-family: serif;
  padding: 0;
}


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


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

#side a {padding-left: 2px; padding-right: 2px;}
#side a:link {color: #ABB2AB; font-weight: normal; text-decoration: none;}
#side a:active {color: #7F0001; font-weight: normal; text-decoration: none;}
#side a:visited {color: #7F0B0C; font-weight: normal; text-decoration: none;}
#side a:hover {background-color:#7F0B0B; color:#ABB2AB; font-weight: normal; text-decoration: none;}


#wrap {
  width: 888px;
  margin-top: -273px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
}

#header {
  height: 140px;
  width: 488px;
  background-image: url(img/header.jpg);
  background-repeat: no-repeat;
  background-position: top center;
}

/* Menu Formatting */

#menu {
 font-weight: normal; 
 font-family: Georgia,'Times New Roman', serif;
 font-size: 1.3em;
 font-style: italic;
 text-align: center;
 color: #7F0B0C;
 height: 30px;
 width: 475px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

#menu a {
 line-height: 30px;
 padding-left: 12px;
 padding-right: 12px;
 display: block;
 color: #7F0B0C;
 border: none;
 float: left;
 font-weight: bold;
 text-decoration: none;
}

#menu a:hover {
 line-height: 30px;
 padding-left: 12px;
 padding-right: 12px;
 display: block;
 color: #F08300;
 float: left;
 font-weight: bold;
 text-decoration: none;
}


#content {
  float: right;
  width: 488px;
  background: #0B0A09;
  display: inline;
  text-align: left;
  padding-bottom: 15px;
}

h1 {
 text-align: left;
 font-weight: normal; 
 font-family: Georgia,'Times New Roman', serif;
 font-style: italic;
 color: #F08300;
 font-size: 1.7em;
 padding-bottom: 0px;
 margin-top: 0px;
}

h1 a {padding: 3px;}
h1 a:link {color: #F08300; font-weight: bold; text-decoration: none;}
h1 a:active {color: #A6B0A8; font-weight: bold; text-decoration: none;}
h1 a:visited {color: #F08300; font-weight: bold; text-decoration: none;}
h1 a:hover {color: #F08300; background-color: #1A180B; font-weight: bold; text-decoration: none;}

h2 {
  text-align: left;
  font-family: Georgia,'Times New Roman', serif;
  color: #F0870A;
  font-size: 1.3em;
  padding: 10px 0 5px 10px;
  margin-top: 0px;
}

#post-top {
  margin-left: auto;
  margin-right: auto;
  width: 473px;
  height: 61px;
  background: url(img/posttop.jpg) top center;
  background-repeat: no-repeat;
}

#post-bg {
  margin-left: auto;
  margin-right: auto;
  width: 473px;
  background: url(img/postbg.jpg) top center;
  background-repeat: repeat;
}
 
#post-bottom {
  margin-left: auto;
  margin-right: auto;
  width: 473px;
  height: 146px;
  background: url(img/postbottom.jpg) bottom center;
  background-repeat: no-repeat;
  margin-bottom: 40px;
}

.post-date {
  font-size: .8em;
  width: 430px;
  padding-top: 42px;
  text-align: right;
  text-transform: uppercase;
  font-family: verdana, sans-serif;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 7px;
}

.post-title {
  width: 430px;
  padding-left: 5px;
  margin-left: auto;
  margin-right: auto;
}

.post {
  width: 430px;
  margin-left: auto;
  margin-right: auto;
  text-align: justify;
  padding-bottom: 10px;
  overflow: hidden;
  font-size: .9em;
  color: #ABB2AB;
}

.post a:link {color: #F08300; font-weight: normal; text-decoration: none;}
.post a:active {color: #5DD933; font-weight: normal; text-decoration: none;}
.post a:visited {color: #CA8027; font-weight: normal; text-decoration: none;}
.post a:hover {color: #CA8027; font-weight: normal; text-decoration: none; background-color: #0A0907;}

.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 0em;
 padding-left: 15px;
 line-height: 20px;
 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: 0 20px 0 0;
 text-align: left;
 font-size: .75em;
 font-weight: normal;
 font-family: Verdana, sans-serif;
 color: #CA7309;
}

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

.post-meta ul li {
 background-image: url(img/skull.jpg);
 background-repeat: no-repeat;
 background-position: 0 0em;
 padding-left: 23px;
 line-height: 20px;
 margin: 0 30px 5px 5px;
}

.post-meta a:link {color: #F08300; font-weight: normal; text-decoration: none;}
.post-meta a:active {color: #5DD933; font-weight: normal; text-decoration: none;}
.post-meta a:visited {color: #CA8027; font-weight: normal; text-decoration: none;}
.post-meta a:hover {color: #CA8027; font-weight: normal; text-decoration: none; background-color: #0A0907;}



#footer {
  clear: both;
  height: 140px;
  background: #0B0A09 url(img/footer.jpg) bottom center;
  background-repeat: no-repeat;
  text-align: center;
}

.footer-text {
  text-align: center;
  color: #6C716D;
  font-size: .75em;
  padding-top: 40px;
}

.footer-text a:link {color: #CA8027; font-weight: normal; text-decoration: none;}
.footer-text a:active {color: #5DD933; font-weight: normal; text-decoration: none;}
.footer-text a:visited {color: #CA7309; font-weight: normal; text-decoration: none;}
.footer-text a:hover {color: #F0870A; font-weight: normal; text-decoration: underline;}


/* Comment form design */

#comment-align {
  width: 473px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  margin-top: 10px;
  color: #43270F;
  overflow: hidden;
}

.comment-top {
  width: 374px;
  height: 78px;
  background-image: url(img/com1top.jpg);
  background-repeat: no-repeat;
}

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


.comment-bottom {
  width: 374px;
  height: 24px;
  background-image: url(img/com1bottom.jpg);
  background-repeat: no-repeat;
}

.commentlist {
  padding:0;
  margin-left: auto;
  margin-right: auto;
  width: 374px;
}

.comment-text {
  width: 290px;
  overflow: hidden;
  margin: 0 25px 0 25px;
  text-align: justify;
  font-size: .9em;
}

.comment-text a {padding: 0 3px 0 3px;}
.comment-text a:link {color: #7F0B0C; font-weight: bold; text-decoration: none;}
.comment-text a:active {color: #6C716D; font-weight: bold; text-decoration: none;}
.comment-text a:visited {color: #4A1507; font-weight: bold; text-decoration: none;}
.comment-text a:hover {color: #F0870A; background-color: #000; font-weight: bold; text-decoration: none;}

.comment-author {
  padding: 20px 0px 0 40px;
  text-align: left;
  font-weight: normal;
  font-family: Georgia,'Times New Roman', serif;
  font-size: 1.4em;
  font-style: italic;
  color: #F0870A;
}


.comment-author a:link {color: #F0870A; font-weight: normal; text-decoration: none;}
.comment-author a:active {color: #7F0B0C; font-weight: normal; text-decoration: none;}
.comment-author a:visited {color: #C96D00; font-weight: normal; text-decoration: none;}
.comment-author a:hover {color: #7F0B0C; font-weight: normal; text-decoration: none;}


.commentlist li {
  list-style: none;
}



.commentlist cite, .commentlist cite a {
  font-weight: bold;
  font-style: normal;
  font-size: 1em;
  margin-left: 10px;
  overflow: hidden;
  text-align: left;
}

#commentform textarea {
  width: 420px;
  margin-top: 10px;
  margin-bottom: 10px;
  background: #F0870A;
  padding: 5px;
  text-align: left;
  line-height: 150%;
}

#commentform #submit {
  float: right;
  background: #7F0B0C;
  padding: 2px;
  border-top: 1px solid #A50001;
  border-right: 1px solid #A50001;
  border-left: 1px solid #580000;
  border-bottom: 1px solid #580000;
  color: #F0870A;
}

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

.commentmetadata {
  padding-top: 5px;
  display: block;
  text-align: right;
  font-size: .8em;
}

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

.commentlist li.alt .comment-text {
  width: 290px;
  overflow: hidden;
  margin: 0 5px 0 70px;
  text-align: justify;
  font-size: .9em;
}

.commentlist li.alt .comment-text a {padding: 0 3px 0 3px;}
.commentlist li.alt .comment-text a:link {color: #7F0B0C; font-weight: bold; text-decoration:  none;}
.commentlist li.alt .comment-text a:active {color: #6C716D; font-weight: bold; text-decoration: none;}
.commentlist li.alt .comment-text a:visited {color: #4A1507; font-weight: bold; text-decoration: none;}
.commentlist li.alt .comment-text a:hover {color: #F0870A; background-color: #000; font-weight: bold; text-decoration: none;}


.commentlist li.alt .comment-author {
  padding: 26px 0px 0 90px;
  text-align: left;
  font-weight: normal;
  font-family: Georgia,'Times New Roman', serif;
  font-size: 1.4em;
  font-style: italic;
  color: #F0870A;
}



.commentlist li.alt .comment-author a:link {color: #F0870A; font-weight: normal; text-decoration: none;}

.commentlist li.alt .comment-author a:active {color: #7F0B0C; font-weight: normal; text-decoration: none;}

.commentlist li.alt .comment-author a:visited {color: #C96D00; font-weight: normal; text-decoration: none;}

.commentlist li.alt .comment-author a:hover {color: #7F0B0C; font-weight: normal; text-decoration: none;}


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


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



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


#respond {
  margin-left: 40px;
}

.comment-entry {
  width: 430px;
  overflow: hidden;
  color: #ABB2AB;
  margin-left: auto;
  margin-right: auto;
} 


.comment-entry  a:link {color: #F08300; font-weight: normal; text-decoration: none;}
.comment-entry  a:active {color: #5DD933; font-weight: normal; text-decoration: none;}
.comment-entry  a:visited {color: #CA8027; font-weight: normal; text-decoration: none;}
.comment-entry  a:hover {color: #CA8027; font-weight: normal; text-decoration: none; background-color: #0A0907;}

.gallerycontainer-flip{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnailflip img{
border: 0px;
margin: 0 1px 1px 0;
}

.thumbnailflip:hover{
background-color: transparent;
}

.thumbnailflip:hover img{
border: 0px;
background-color: #7F0B0B;
}

.thumbnailflip span{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 0px;
left: -1000px;
border: 0px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnailflip span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 1px;
}

.thumbnailflip:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 0px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid red;
margin: 0 1px 1px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid red;
background-color: #EEEEEE;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightgrey;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 1px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 115px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}