/*  
Theme Name: Future-Tarot Custom
Theme URI: http://www.future-tarot.com
Description: flexible width, single right-aligned sidebar widget, alternative home page layout
Version: 1.0
Author: Rebecca Laffar-Smith
Author URI: http://www.rebeccalaffarsmith.com
*/

/* BASIC SITE-WIDE SETTINGS */

body {
     color: #000000;
     background-color: #ffffff;
     margin: 0;
     padding: 0;
     min-width: 1200px;
     }

p {
     font-family: Arial, Tahoma;
     font-size: 90%;
     padding: 0 0 15px;
     margin: 0;
     }

a {
     color: #674d98;
     text-decoration: none;
     }

a:visited {
     color: #674d98;
     text-decoration: none;
     }

a:hover {
     color: #674d98;
     text-decoration: underline;
     }

hr {
     color: #674d98;
     }

/* FULL PAGE OUTLINE - CARD APPEARANCE */

#marginwrap {
  margin-top: 20px;
  margin-bottom: 20px;
  }
.wrapper{
  display:block;
  margin-left: 20px;
  margin-right: 20px;
}
.wrapper *{
  display:block;
  margin-left: 20px;
  margin-right: 20px;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#674d98;
}
.wrapper1{
  margin-left:23px;
  margin-right:23px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #2c2141;
  border-right:1px solid #2c2141;
/*  background:#4d3972;*/
}
.wrapper2{
  margin-left:21px;
  margin-right:21px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #0a070f;
  border-right:1px solid #0a070f;
/*  background:#533e7b; */
}
.wrapper3{
  margin-left:21px;
  margin-right:21px;
  border-left:1px solid #533e7b;
  border-right:1px solid #533e7b;
}
.wrapper4{
  border-left:1px solid #2c2141;
  border-right:1px solid #2c2141;
}
.wrapper5{
  border-left:1px solid #4d3972;
  border-right:1px solid #4d3972;
}
.wrapperfg{
  margin-left: 40px;
  margin-right: 40px;
  padding-bottom: 20px;
  background: #674d98;
}

#header {
  width: 90%;
  margin-left: 45px;
  margin-right: 45px;
  padding: 20px;
  height: 255px;
  background-image: url('http://www.future-tarot.com/wp-content/themes/Future-Tarot-Theme/Header-pt1.png');
  background-repeat: no-repeat;
           }

#header h1, #header a, #header a:visited, #header a:hover {
  color: #ffffff;
  text-decoration: none;
/*  margin-top: -40px; */
  margin-left: 100px;
  font-size: 150%;
  }

#sitedesc {
  margin-left: 250px;
  margin-top: -10px;
  width: 50%;
  font-size: 90%;
  color: #232454;
  }

#rssheader {
  float: right;
  margin-top: -295px;
  margin-right: 5px;
  padding: 20px;
  height: 255px;
  width: 250px;
  background-image: url(http://www.future-tarot.com/wp-content/themes/Future-Tarot-Theme/Header-pt2.png);
  background-repeat: no-repeat;
  border: 0px;
  }

/* Navigation Bar */
#navbar {
        position: relative;
	margin-left: -40px;
        margin-right: 0px;
        margin-top: -25px;
	padding: 0px 0px;
        font-size: 12pt;
	color:#674d98;
        background: #ffffff;
	}

#page-bar {
	width: 100%;
	}

#page-bar ul {
	list-style: none;
	}

#page-bar li {
	float:left;
	list-style:none;
	cursor: pointer;
	display:block;
	border-right:1px solid #ffffff;
	}

#page-bar li:hover, #page-bar a:hover {
	background: #674d98;
        color: #ffffff;
	text-decoration:none;
	}

#page-bar a {
	margin: 0px;
	padding: 5px 15px 5px 15px;
	font-weight:bold;
	color:#674d98;
	display:block;
	}

#searchform {
	width:220px;
	float:right;
	text-align:right;
	padding:3px 5px;
	}



#pagewrap {
  width: 70%;
  float: right;
  margin-top:-180px;
  }
.page{
  display:block
  margin-left: 40px;
  margin-right: 40px;
  }
.page *{
  display:block;
  height:1px;
  margin-left: 40px;
  margin-right: 40px;
  overflow:hidden;
  font-size:.01em;
  background:#ffffff}
.page1{
  margin-left:43px;
  margin-right:43px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #a899c4;
  border-right:1px solid #a899c4;
  background:#d9d2e5}
.page2{
  margin-left:41px;
  margin-right:41px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #765ea2;
  border-right:1px solid #765ea2;
  background:#e2ddeb}
.page3{
  margin-left:41px;
  margin-right:41px;
  border-left:1px solid #e2ddeb;
  border-right:1px solid #e2ddeb;}
.page4{
  border-left:1px solid #a899c4;
  border-right:1px solid #a899c4}
.page5{
  border-left:1px solid #d9d2e5;
  border-right:1px solid #d9d2e5}
.pagefg{
  margin-left: 40px;
  margin-right: 40px;
  padding: 20px;
  height: 100%;
  background:#ffffff}

 
/* HEADERS H1, H2, H3, H4, H5, H6 */

h1 {
   color: #674d98;
   font-size: 350%;
   font-family: "Bradley Hand ITC", "Arial", Tahoma;
   font-weight: bold;
   padding-bottom: 3px;
   font-variant: small-caps;
   }

h2 {
   color: #674d98;
   font-size: 180%;
   font-family: "Bradley Hand ITC", "Arial", Tahoma;
   padding-bottom: 3px;
   font-variant: small-caps;
   }

h3 {
   color: #674d98;
   font-family: "Bradley Hand ITC", "Arial", Tahoma;
   padding-bottom: 3px;
   font-variant: small-caps;
   }

h4 {
   color: #674d98;
   font-family: "Bradley Hand ITC", "Arial", Tahoma;
   border-bottom: 1px solid #cc88cc;
   font-variant: small-caps;
   padding-bottom: 3px;
   }

h5 {
   color: #674d98;
   font: bold "Bradley Hand ITC", "Arial", Tahoma;
   padding-bottom: 3px;
   font-variant: small-caps;
   }

h6 {
   color: #674d98;
   font: bold "Bradley Hand ITC", "Arial", Tahoma;
   padding-bottom: 3px;
   font-variant: small-caps;
   }

/* PRIMARY SITE CONTENT DESIGN */

#home-content img {
           padding: 10px;
}

#singlepage-content h3, #home-content h3 {
   color: #674d98;
   font-family: "Bradley Hand ITC", "Arial", Tahoma;
   padding: 0px;
   margin-top: -5px;
   margin-bottom: -4px;
   font-variant: small-caps;
   }

#singlepage-content ul, #home-content ul {
           margin-left: 30px;
           font-size: 75%;
}

#singlepage-content ol, #home-content ol {
           font-size: 75%;
}

#singlepage-content cite, #home-content cite {
           font-size: 75%;
           color: #674d98;
           }

#singlepage-content blockquote, #home-content blockquote {
           margin-left: 50px;
           margin-right: 40px;
           padding: 10px;
           background-color: #674d98;
           color: #ffffff;
           }

#singlepage-content blockquote a, #home-content blockquote a {
           color: #cc88cc;
           }

#singlepage-content img {
           padding: 10px;
           }

/* MAIN INDEX TEMPLATE DESIGN */

#block-left {
            float: left;
            margin-top: -10px;
            width: 25%;
            padding: 10px;
            }

.recent-posts h4{
            margin-top: -15px;
            }

.news_p {
            font-size: 12px;
            padding-top: 5px;
            padding-bottom: 5px;
            margin-left: -40px;
            margin-top: -20px;
            margin-bottom: 10px;
            }

.headline_p {
            font-size: 12px;
            padding-top: 5px;
            padding-bottom: 5px;
            width: 90%;
            margin-left: 0px;
            margin-top: -20px;
            margin-bottom: 10px;
            }

.recent_p {
            font-size: 12px;
            padding-top: 5px;
            padding-bottom: 5px;
            margin-top: -20px;
            margin-bottom: 10px;
            }

.reccom {
            padding-top: 10px;
            font-size: 12px;
            color: #cc88cc;
            }

#amazon {
            float: left;
            padding-right: 10px;
            }

#sponsors {
            float: left;
            }

#block-right {
            float: left;
            width: 150px;
            padding-right: 10px;
            }

#home-content {
            position: relative;
            padding-left: 10px;
            padding-right: 10px;
            padding-bottom: 10px;
            margin-top: -10px
            margin-right: 10px;
            overflow: hidden;
            }

#home-content h2 {
            margin-top: 0px;
            }

#post-meta {
            position: relative;
            }

.post-month{float:left;font-size:11px;text-transform:uppercase;color:#cc88cc;text-align:center;display:block;line-height:11px;padding-top:2px;margin-top:-15px;margin-left:5px;}
.post-day{float:left;font-size:21px;font-weight:bold;text-transform:uppercase;color:#cc88cc;text-align:center;display:block;line-height:21px;padding-top:7px;margin-top:-10px;margin-left:5px;}
.post-author{font-size:12px;color:#cc88cc;line-height:12px;padding-top:2px;margin-left:25px;}
.post-cat{font-size:12px;color:#cc88cc;line-height:12px;padding-top:2px;margin-left:25px;}
.post-comments{font-size:12px;color:#cc88cc;line-height:12px;padding-top:2px;margin-left:20px;}
.post-edit{font-size:12px;color:#cc88cc;line-height:12px;padding-top:2px;margin-left:20px;}
.navigation{font-size:12px;color:#cc88cc;line-height:12px;padding-top:2px;}

.post-content {
              font-size: 14pt;
              padding: 10px;
              margin-top: -20px;
              margin-bottom: 10px;
              }

/* SIDEBAR */

#block-left-sidebar {
            float: right;
            margin-top: -10px;
            width: 25%;
            padding: 10px;
            }

#block-right-sidebar {
            float: right;
            width: 150px;
            padding-right: 10px;
            }

#block-left-sidebar h2 {
            margin-top: 0px;
            margin-bottom: 0px;
            color: #674d98;
            }

#block-left-sidebar ul {
            font-family: Arial, Tahoma;
            font-size: 85%;
            margin-top: -20px;
            margin-bottom: 20px;
            margin-left: -30px;
            color: #cc88cc;
            list-style-type: circle;
            }

/* SINGLE POST LAYOUT */

#singlepage-content {
            position: relative;
            padding-left: 10px;
            padding-right: 10px;
            padding-bottom: 10px;
            margin-top: -10px
            margin-right: 10px;
            overflow: hidden;
               }

.single-post-date {
               position: relative;
               margin-top: -50px;
               margin-left: 0;
               }

.single-post-title {
               margin-left: 40px;
               margin-top: -20px;
               }

.single-post-meta {
               position: relative;
               margin-top: 50px;
               }

/* ARCHIVES/CATEGORIES PAGE LAYOUT */

#archivepage-content {
            position: relative;
            padding-left: 10px;
            padding-right: 10px;
            padding-bottom: 10px;
            margin-top: -10px
            margin-right: 10px;
            overflow: hidden;
               }

.archivepage-title{
            padding: 0px;
            border-bottom: 3px solid #674d98;
            margin-bottom: 0px;
}

.archivepage-post {
           margin-top: 0px;
           padding-bottom: 10px;
           border-bottom: 1px solid #674d98;
}

.archivepage-date {
            font-size: small;
            margin-top: 10px;
}

.archivepage-entry {
            margin-top: -10px;
            margin-bottom: 10px;
}

/* SEARCH RESULTS */

.search-title {
            padding-bottom: 0px;
            margin-bottom: 0px;
            margin-top: -10px;
            }

.search-post {
            margin-top: -40px;
            }

.search-content {
            margin-top: -20px;
            padding-left: 10px;
            padding-right: 10px;
            padding-bottom: 20px;
            border-bottom: 1px solid #674d98;
            }

/* COMMENTS */

.commentlist {
            list-style-type: none;
            margin-left: -20px;
            width: 80%;
            }

.commentlist li {
            padding: 10px;
            border: 1px solid #674d98;
            }   

.commentavatar {
            padding-right: 10px;
            padding-bottom: 10px;
            }   

.commentmetadata {
            margin-left: 80px;
            margin-top: -70px;
            font-size: 90%;
            }   

.commentcite {
            margin-left: 80px;
            font-size: 130%;
            }   

.commenttext {
            margin-left: 0px;
            margin-top: 0px;
            padding: 10px;
            font-size: 130%;
            }   

.commenttext p {
            padding-bottom: 5px;
            padding-top: 5px;
            }

.commenttext ul, .commenttext ol {
            padding-bottom: 10px;
            }

.commenttext li {
            border: none;
            padding: 0px;
            font-size: 110%;
            font-family: Arial, Tahoma;
            }

.commenttext wp-smiley{
            padding: 0px;
            }

.commentlist blockquote {
            background-color: #ffffff;
            border: 2px dotted #674d98;
            }

/* SITE FOOTER */

#footer {
            clear: both;
            margin-bottom: 0px;
            font-size: 60%;
            padding-left: 20px;
            padding-right: 20px;
            padding-top: 20px;
            }

#footer a {
           color: #fff;
           }

.alignleft {
            float: left;
            }
.alignright {
            float: right;
            }