/*
Theme Name: Harry Potter Fan Zone
Theme URI: http://www.harrypotterfanzone.com
Description: WordPress theme for the award winning Harry Potter fan website.
Version: 3.0
Author: Andy McCray
Author URI: http://www.andymccray.com
Tags: Harry Potter Fan Zone

Valid XHTML/CSS
*/

/* Global styles and page setup */
a { color: #fff788 ; text-decoration: none ; }
a:hover { color: #e9db01 ; text-decoration: none ; }
blockquote { background: #151515 url("image/quote.jpg") no-repeat ; color: #888 ; margin: 0 ; padding: 5px 40px ; overflow: hidden ; }
blockquote img { border: 3px solid #111 !important ; }
body { margin: 0 ; padding: 0 ; border: none ; color: #efefef ; font: 12px/1.5 Verdana, Geneva, sans-serif ; background: #000 ; }
fieldset { border: none ; padding: 0 ; margin: 0 ; }
h2, h3 { font: bold 20px Verdana, Geneva, sans-serif ; text-align: center ; clear: both ; }
img { border: none ; }
input, textarea, select{ border: 3px solid #151515 ; background: #151515 ; color: #888 ; font: 12px Verdana, Geneva, sans-serif ; }
.noBorder { border: none ; }
p img { border: 3px solid #151515 ; }
#top { width: 967px ; }
ul, li { list-style: inside url("image/snitch.jpg") ; margin-left: 0 ; padding: 0 ; }
li { margin-bottom: 10px; }

/* Header */
#advertisement { width: 728px ; height: 90px ; margin: 0 auto ; }
#articles { position: absolute ; top: 178px ; left: 522px ; width: 82px ; height: 37px ; }
#exclusives { position: absolute ; top: 146px ; left: 411px ; width: 104px ; height: 52px ; }
#fans { position: absolute ; top: 175px ; left: 765px ; width: 54px ; height: 28px ; }
#fsa { position: absolute ; top: 0px ; left: 748px ; width: 184px ; height: 174px ; }
#header { width: 229px ; height: 274px ; background: url("image/header.jpg") ; float: left ; }
#home { position: absolute ; top: 122px ; left: 280px ; width: 70px ; height: 31px ; }
img.rollover { position: absolute ; left: 0 ; top: 0 ; z-index: 10 ; }
#info { position: absolute ; top: 186px ; left: 611px ; width: 54px ; height: 29px ; }
#logo { width: 239px ; height: 146px ; position: absolute ; top: 0 ; left: 414px ; }
#navigation { width: 738px ; height: 274px ; background: url("image/navigation.jpg") ; float: right ; }
#pictures { position: absolute ; top: 181px ; left: 671px ; width: 86px ; height: 28px ; }
#site { position: absolute ; top: 132px ; left: 357px ; width: 47px ; height: 31px ; }
#videos { position: absolute ; top: 179px ; left: 822px ; width: 75px ; height: 33px ; }
#wandWrapper { width: 86px ; height: 66px ; position: absolute ; top: 0 ; left: 241px ; background: url("image/wand.jpg") ; }

/* Search box */
#search { width: 250px ; height: 30px ; position: absolute ; top: 230px ; left: 285px ; }
.search { position: absolute ;  border-color: #000 ; }

/* Sidebar */
#archives { background: url("image/archivesBackground.png") no-repeat ; margin-left: 50px ; padding: 36px 40px 5px 0 ; }
#sidebar { width: 229px ; background: url("image/sidebar.jpg") no-repeat ; float: left ; height: 490px ;}
#social { text-align: center ;  margin-top: 40px ; }

/* Content */
.aligncenter { display: block ; margin: 0 auto ; }
img.alignleft { margin-right: 5px ; display: inline ; }
.alignleft { float: left ; } 
.alignright { float: right ; margin-left: 5px ; }
.caption { color: #888 ; margin-top: -1em ; }
div.clear img { display: inline ; border: 3px solid #151515 ; }
div.clear { margin-bottom: 1em ; clear: both ; }
.clear { clear: both ; }
#content { width: 738px ; float: right ; }
.gallery { margin: 0 ; }
.gallery-caption { color: #888 ; margin: 0 ; display: block ; width: 150px ; }
.gallery br { display:none ; }
.gallery:after {visibility: hidden ; display: block ; font-size: 0 ; content: " " ; clear: both ; height: 0 ; }
.gallery img { border: 3px solid #111 ; }
.gallery-item { float: left;  margin-top: 10px;  text-align: left ; margin-right: 25px ; }
.postDate { color: #888 ; font-size: 11px ; }
.postMeta { color: #888 ; font-size: 11px ; padding-bottom: 2em ; clear: both ; }
.postMeta a { color: #c5c2c2 ; text-decoration: none ; }
.postMeta a:hover { color: #888 ; text-decoration: none ; }
.postTitle { font-size: 20px ; color: #99daff ; font-weight: bold ; margin-bottom: -0.6em ; text-shadow: 2px 2px 1px #333; }
.postTitle a { color: #99daff ; text-decoration: none ; }
.postTitle a:hover { color: #7eabc5 ; text-decoration: none ; }
.thanks { color: #333 ; font-style: italic ; }
.thanks a { color: #333 ; text-decoration: none ; }
.thanks a:hover { color: #888 ; text-decoration: none ; }

/* Footer */
#footer { padding-top: 30px ; width: 450px ; text-align: center ; margin: 0 auto ; font-size: 10px ; color: #888 ; clear: both ; }
#footer a { color: #c5c2c2 ; text-decoration: none ; }
#footer a:hover { color: #888 ; text-decoration: none ; }
#footer .left { text-align: left ; }

/* Comments */
ol.commentlist { list-style: none ; margin: 0 0 1em ; padding: 0 ; text-indent: 0 ; }
ol.commentlist li { list-style: none ; }
ol.commentlist li.comment { padding:1em; }
ol.commentlist li.comment div.vcard cite.fn a.url { font-weight: bold ; font-style: normal ; }
ol.commentlist li.comment div.vcard img.avatar { border: 3px solid #111 ; float: left; margin-right: 5px ; }
ol.commentlist li.comment div.comment-meta { color: #888 ; }
ol.commentlist li.comment div.comment-meta a { color:#888 ; }
ol.commentlist li.comment ul { list-style: none ; margin: 0 0 1em 2em ; }
ol.commentlist li.comment ul.children { list-style:none ; margin:1em 0 0 ; text-indent: 1em ; }
ol.commentlist li.even { background: #080808; }
ol.commentlist li.odd { background: #000 ; }
ol.commentlist li.thread-even { background: #080808 ; }
ol.commentlist li.thread-odd { background: #000 ; }
.says { display: none ; }
.commentNotice { font-size: 10px ; }

/* Page navigation */
.wp-pagenavi { clear: both ; }
.wp-pagenavi a, .wp-pagenavi span { text-decoration: none ; border: 1px solid #151515 ; padding: 3px 5px ; margin: 2px ; color: #c5c2c2 ; }
.wp-pagenavi a:hover, .wp-pagenavi { border-color: #000 ; color: #888 ; }
.wp-pagenavi span.current { font-weight: bold ; color: #efefef ; border-color: #000 ; }

/* Contact form */
div.wpcf7-mail-sent-ok { background: #151515 ; font-weight: bold ; font-size: 14px !important ; } /* Replace default settings */