/*  
Theme Name: Fancyville
Description: Fancyville features: cufon, post thumbnails with CSS3 rounded corners, full widget ready (you can display blog categories or custom menu on header), space for 468px ad, wide sidebar with 2 child columns. Theme works great with web browsers such as: IE7, IE8, Firefox 2, 3, Opera, Safari 5, Chrome 5. Live demo: http://www.wordpressecommerce.biz/demo/1
Author: wordpressecommerce.biz
Author URI: http://www.wordpressecommerce.biz
Theme URI: http://www.wordpressecommerce.biz/fancyville/
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Version: 1.0
Tags: light, white, silver, threaded-comments, blue, two-columns, fixed-width
*/


/*--------------------------- GENERAL AREA ---------------------------*/

body { margin:0; padding:0; background-color:#472025; background-image:url("img/bg.png"); font:10px Verdana, Arial, sans-serif; }

img { border:none; }
ul { margin-left:-40px; }
.clear { clear:both; }
a { color:#808080; text-decoration:none; outline:0; }
a:hover { color:#666565; text-decoration:none; }
li { list-style-type:none; }

.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft {float: left;}
.alignright {float: right;}
.wp-caption {background-color: #f3f3f3;border: 1px solid #ddd;-khtml-border-radius: 3px;-moz-border-radius: 3px;
-webkit-border-radius: 3px;border-radius: 3px; /* optional rounded corners for browsers that support it */margin: 10px;padding-top: 4px;text-align: center;}
.wp-caption img {border: 0 none;margin: 0;padding: 0;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;margin: 0;padding: 0 4px 5px;}
.gallery-caption {color: #888;font-size: 12px;margin: 0 0 0px;}

.bypostauthor{ min-height:80px; }
.bypostauthor:after { content:url(images/tape.gif); opacity:0.5; position:absolute; /*left:623px;*/ right:-18px; top:-20px; filter:alpha(opacity=60); }

.sticky, .bypostauthor {padding:10px;background:#fae8d4 url(images/paper-crumpled.jpg); border:1px solid #dacfba;
       
       border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px; }
       .sticky .entry-utility { background:rgba(198, 180, 153, .5); }
       .sticky .tape, .bypostauthor .tape  {position:absolute; width:59px; height:69px; z-index:3;  opacity:0.7; filter:alpha(opacity=70);z-index:13;}
       .sticky .tape.tr, .bypostauthor .tape.tr {  right:-18px; top:-20px;  }
       .sticky .tape.bl, .bypostauthor .tape.bl { left:-20px; bottom:-30px; }


hr { border:none; background:#dcdcdc; height:1px; margin:10px 0 18px; }
blockquote { border:3px dotted #d9d9d9; padding:0px 10px 10px 10px; -moz-border-radius:9px; -webkit-border-radius:9px; /* Safari, Chrome */border-radius:9px; /* CSS3 */ }

h1, h1 a { font-size:51px; color:#9e9e9e; margin:5px 0 8px 0; padding:0; }
h2, h2 a { font-size:39px; color:#9e9e9e; margin:5px 0 8px 0; padding:0; }
h3, h3 a { font-size:30px; color:#9e9e9e; margin:5px 0 8px 0; padding:0; }
h4, h4 a { font-size:23px; color:#9e9e9e; margin:5px 0 8px 0; padding:0; }
h5, h5 a { font-size:18px; color:#9e9e9e; margin:5px 0 8px 0; padding:0; }
h6, h6 a { font-size:14px; color:#9e9e9e; margin:5px 0 8px 0; padding:0; }


#main { width:991px; margin:0 auto; }
#main-child { width:991px; height:100%; padding:0 30px 0 30px; margin:0 auto; background-image:url("img/bg-main-child.png"); background-position:0px 0px; background-repeat:repeat-y; }
#main-child-header { width:991px; height:64px; padding:0 30px 0 30px; background-image:url("img/bg-main-child-header.png"); background-repeat:no-repeat; margin:0 auto;}
#main-child-footer { width:991px; height:66px; padding:0 30px 0 30px; background-image:url("img/bg-main-child-footer.png"); background-repeat:no-repeat; margin:0 auto;}


/*--------------------------- HEADER AREA ---------------------------*/

#header { margin:0 auto; padding:0 20px 0 20px;  }

.pages-title, .none { display:none; }

#logo { padding: 6px 0 0 0; margin-top:0px; float:left; }
#logo a { font-size:50px; color:#e9e9e9; }

#header-right { float:right; }
#ad1 { margin-top:5px; }

/*--------------------------- SEARCH AREA ---------------------------*/

#search { float:left; margin-bottom:15px; }
#s { padding:6px 0 6px 7px; width:230px; color:#9f4b4b; background:none; border:1px solid #d9d9d9; font:12px Verdana, sans-serif; float:left; -moz-border-radius:9px; -webkit-border-radius:9px; /* Safari, Chrome */border-radius:9px; /* CSS3 */ }
.submit  {background:none; margin-left:10px; border:1px solid #d9d9d9; color:#9f4b4b; padding:4px 2px 4px 2px; -moz-border-radius:9px; -webkit-border-radius:9px; /* Safari, Chrome */border-radius:9px; /* CSS3 */ }

/*--------------------------- PAGES AREA ---------------------------*/

#pages-menu { margin:0 auto; margin:27px 0 0 0; float:left; }
#pages-menu ul, #pages-menu ul ul { margin:0; padding:0;  list-style-type:none; list-style-position:outside; background-image:url("img/bg-transparent3.png"); position:relative; z-index:100; font:11px Verdana, Arial; -moz-border-radius:4px; -webkit-border-radius:4px; /* Safari, Chrome */border-radius:4px; /* CSS3 */ }
#pages-menu ul a:link, #pages-menu ul a:active, #pages-menu ul a:visited{ display:block; padding:0 26px 0 0; color:#7e7e7e; text-decoration:none; }
#pages-menu ul a:hover{ background-color:none; color:#000000; }
#pages-menu ul li { float:left; position:relative; background:none; }
#pages-menu ul ul { position:absolute; padding:5px 0 5px 0px; width:190px; top:12px; display:none; font-size:12px; border:none; }
#pages-menu ul ul a { color:white; }
#pages-menu ul li ul a{ width:150px; float:left; font:11px Verdana, Arial, sans-serif;}
#pages-menu ul ul ul{top:auto;}
#pages-menu ul ul ul:hover{ width:190px;}
#pages-menu ul li ul ul { left:160px; top:0px; margin:0px 0 0 0px; font-size:11px; }
#pages-menu ul li ul li { padding:5px 0 5px 0; width:190px; list-style-type:none; }
#pages-menu ul li:hover ul ul, ul li:hover ul ul ul, ul li:hover ul ul ul ul{ display:none;}
#pages-menu ul li:hover ul, #pages-menu ul li li:hover ul, #pages-menu ul li li li:hover ul, #pages-menu ul li li li li:hover ul{ display:block; }
#pages-menu ul li ul.children li { list-style-type:none; }


/*--------------------------- SIDEBAR AREA ---------------------------*/

#sidebar { float:left; width:320px; margin:0 0 0 30px; font:12px Tahoma, Arial; color:#919191; line-height:1.6em; }
.sidebar-box h3 { margin-top:25px; color:#872a2a; font-size:23px;  }
.sidebar-box li { padding:3px 0 3px 0; }
.sidebar-box li a { font:12px Tahoma, Arial; }
ul .children li { border:none; color:#919191; margin-left:15px; }
#sidebar ul { width:285px; }

#sidebar-column-left { float:left; width:150px; }
#sidebar-column-right { float:left; width:150px; margin:0 0 0 10px; }
.sidebar-box-child { margin:7px 0 11px 0px; height:auto; font:12px Tahoma, Arial, sans-serif; color:#919191; overflow:hidden; }
.sidebar-box-child h3 { margin-bottom:7px; font-size:23px; color:#872a2a; }
.sidebar-box-child li { width:142px; font:12px Tahoma, Arial, sans-serif; padding-bottom:3px; }
.sidebar-box-child li a { font:12px Tahoma, Arial, sans-serif; color:#919191; width:100%; }
.sidebar-box-child li a:hover { color:#919191; }


/*--------------------------- CONTENT AREA ---------------------------*/

#content { width:570px; float:left; font:12px Tahoma, Arial, sans-serif; overflow:hidden; margin-top:-10px; padding:0 0 0 10px; }
#content li { list-style-type:none; }

.page-title { color:#989898; font:40px Arial, sans-serif; z-index:0; padding: 10px 0 10px 0px; }
.post p { line-height:1.6em; }


/*--------------------------- BLOGGING AREA ---------------------------*/

.post { line-height:1.6em; font:13px Tahoma, Arial, sans-serif; color:#919191; margin-bottom:30px; }
.post img { padding:3px; }
.post h2.title { font-size:28px; padding: 0 5px 0px 0px; color:#989898; }
.post h2.title a { font-size:28px; color:#989898; text-align:left; }
.post p { margin-top: 5px; margin-bottom: 20px; line-height:1.6em; }
.header-bottom { color:#a9a9a9; font:11px Tahome, Arial, sans-serif; padding: 2px 0 2px 0; margin-top:7px; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; }
.header-bottom a { color:#a9a9a9; }

.thumbnail { float:left; padding:6px 12px 0 0; }
.thumbnail-style { -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }

.text { line-height:1.6em; }
.text a { line-height:1.6em; text-decoration:underline; }
.older-entries { float:left; font:10px Tahoma, Arial, sans-serif; }
.newer-entries { float:right; margin-right:20px; font:10px Tahoma, Arial, sans-serif; }
.older-entries a, .newer-entries a { color:#969696;}
.more { font-size:10px; margin:0 10px 0 0; float:right; padding:2px 8px 2px 8px; border:1px solid #d9d9d9; -moz-border-radius:9px; -webkit-border-radius:9px; /* Safari, Chrome */border-radius:9px; /* CSS3 */ }
span.more a { color:#919191; }
span.more a:hover { color:#484848; }


/*--------------------------- COMMENT AREA ---------------------------*/

#comments-title { margin:40px 0 0 0; }
.comment { font:12px Verdana, Arial, sans-serif; margin-bottom:40px; }
.commentlist ul .children li { list-style-image:none;  }
.commentlist ul.children { margin-left:10px; }
.commentlist { width:540px; margin-left:-40px;}
.commentlist li { margin:0 0 20px 0; }
.commentlist p { border:none; color:#989898; line-height:1.5em; }

p.postmetadata { color:#000000; font:11px Verdana, sans-serif; }

.comment-author img { padding:3px; background-image:url("img/bg-transparent3.png"); }

.comment-meta { font:11px Arial, sans-serif; color:#b2b2b2; }
.comment-meta a { font:11px Arial, sans-serif; color:#aaaaaa;}

.comment-body { font:12px Arial, Tahoma, sans-serif;  }
.comment-body a { font:12px Arial, Tahoma, sans-serif; }

.reply  { float:right; padding:1px 8px 1px 8px; margin-top:-20px; border:1px solid #d9d9d9; -moz-border-radius:9px; -webkit-border-radius:9px; /* Safari, Chrome */border-radius:9px; /* CSS3 */  }
.reply a { text-decoration:none; font-size:10px; }

.logged-in-as { color:#b0b0b0; font:11px Verdana, Arial, sans-serif; margin: 10px 0 10px 0; }
.logged-in-as a { color:#b0b0b0; font-weight:normal; }

#respond INPUT { margin-bottom:10px; padding:8px; width:230px; border:1px solid #dbdbdb; color:#828282; font-size:13px; -moz-border-radius:9px; -webkit-border-radius:9px; /* Safari, Chrome */border-radius:9px; /* CSS3 */ }
#respond small { color:#c3c3c3; }
textarea { padding:9px; border:1px solid #dbdbdb; color:#828282; font-size:13px; -moz-border-radius:9px; -webkit-border-radius:9px; /* Safari, Chrome */border-radius:9px; /* CSS3 */ }

input#submit { border:1px solid #e8e8e8; padding:4px; color:#afafaf; font-family:verdana, ms sans serif; font-size:12px; -moz-border-radius:9px; -webkit-border-radius:9px; /* Safari, Chrome */border-radius:9px; /* CSS3 */}
input#submit:hover { color:#7a7a7a; }


/*
 FOOTER AREA 
*/

#footer-bottom { background-image:url("img/bg-footer-bottom.png"); background-repeat:repeat-x; padding:7px 0 7px 0; margin-top:10px; font:10px Verdana, Arial, sans-serif; color:#858585; text-align:center;  }