/* 
Theme Name: Elegant Fashion 
Author: Pika Coorporation
Author URI: http://www.inofashionstyle.com/
Description: The fashion theme for WordPress site, elegant dan luxury gallery pictures.
Version: 1.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: dark, light, white, black, gray, pink, brown, one-column, two-columns, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: ElegantFashion 
*/  
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } body { line-height:1; } article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block; } nav ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; } ins { background-color:#ff9; color:#000; text-decoration:none; } mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; } table { border-collapse:collapse; border-spacing:0; } hr { display:block; height:1px; border:0;   border-top:1px solid #cccccc; margin:1em 0; padding:0; } input, select { vertical-align:middle; } 

/* Global Style */
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } 
html, button, input, select, textarea {font-family: 'Trebuchet MS',sans-serif;} 
body {margin:0; font-size: 13px;line-height: 20px; background: #E47297; color: #6a6a6a ; letter-spacing:150%;}
::-moz-selection { background: #d30e2c; color: #fff; text-shadow: none; } 
::selection { background: #d30e2c; color: #fff; text-shadow: none; } 
.chromeframe { margin: 0.2em 0; background: #FF3300; color: #FFF; padding: 10px 0; } 
.chromeframe a { color: #FFF; border-bottom: 1px solid #FFF; } 

/* Links */
a { color:#d30e2c; text-decoration: none; } 
a:visited { color:#d30e2c; } 
a:hover { color:#111;text-decoration:none;} 
a:focus { outline: thin dotted; } 
a:hover, a:active { outline: 0; } 

/* Heading */
h1, h2, h3, h4, h5 { color:#333;font-family: 'Archivo Narrow', sans-serif;text-transform:capitalize;font-weight:lighter;} 
h1 { font-size:24px;} 
h2 { font-size:20px;} 
h3 { font-size:16px;} 
h4, h5, h6 { font-size: 14px;} 

/* Global Style */
blockquote{margin: 10px 0;padding:0 0 0 20px;border-left:5px solid #eee; font-style: italic;} 
p{margin:0 0 20px 0} 
.wrap{width:940px;margin: 0 auto; *zoom: 1;overflow: hidden;} 
.wrap:before, .wrap:after{display:table;content:"";*zoom: 1;} 
.clearfix:before, .clearfix:after {content: ""; display: table;} 
.clearfix:after {clear: both;} .clearfix {*zoom: 1;} 
.bordered{border-bottom: 1px solid #eee;}
a, img, li, h2, h1, span, input#s, .fcat li{-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} 
.wrapbg{background: #fff;}

/* Fixbar */
#fixbar{width:100%;overflow:hidden;} 
.botfb{width:100%;overflow:hidden;padding: 20px 0 10px 0; } 
 
/* Logo */
#logo{width:295px; padding: 10px 0 0;position:relative; } 
#logo a{position:absolute;top:0;left:0;width:300px;height:50px} 
#logo h1, #logo h6{font-family: 'Archivo Narrow', sans-serif;text-transform:uppercase;font-size:40px; background: #d30e2c; color:#fff; letter-spacing: -1px; font-weight: bold;padding: 0 5px; display: inline} 
#logo:hover h1 { color:#fff; } 

/* Tagline */
.tagline{ width: 300px; margin: 5px 0 0; padding: 5px 5px 5px 0;}
.tagline h2{color: #000000;}

/* Social Icon */
.socialicon{width: 148px; height: 32px; float: right; margin: 5px 0 0;}
.socialicon ul{margin: 0; padding: 0;}
.socialicon ul li{float: left; width: 32px; height: 32px; margin: 0 0 0 5px; list-style: none;}
.socialicon .fb{background: url(images/socialicon.png) no-repeat 0px -32px;}
.socialicon .twitter{background: url(images/socialicon.png) no-repeat -32px -32px;}
.socialicon .gplus{background: url(images/socialicon.png) no-repeat -64px -32px;}
.socialicon .pinterest{background: url(images/socialicon.png) no-repeat -96px -32px;}
.socialicon a{display:block; width: 32px; height: 32px;opacity:0}
.socialicon .fb a{background: url(images/socialicon.png) no-repeat 0px 0px;}
.socialicon .twitter a{background: url(images/socialicon.png) no-repeat -32px 0px;}
.socialicon .gplus a{background: url(images/socialicon.png) no-repeat -64px 0px;}
.socialicon .pinterest a{background: url(images/socialicon.png) no-repeat -96px 0px;}
.socialicon a:hover{opacity:1}

/* Top Menu */
.wraphead{ width: 100%; background: #333; margin: 0 auto; max-width: 940px; min-height: 45px; overflow: none;}
.fullwrap{width: 100%; background: #444;}
#topmenuarea{ width: 740px; background: #333; height: 45px; float: left}

/* Top Menu - Superfish Essential Styles */
#menu-topmenu, #menu-topmenu * { margin: 0; padding: 0; list-style: none; }
#menu-topmenu { line-height: 1.0; position: absolute; z-index: 99 }
#menu-topmenu ul { position: absolute; top: -999em; width: 15em; }
#menu-topmenu ul li { width: 100%; }
#menu-topmenu li:hover { visibility: inherit; }
#menu-topmenu li { float: left; position: relative; }
#menu-topmenu a { display: block; position: relative; }
#menu-topmenu li:hover ul { left: 0; top: 3.3em; z-index: 99; }
ul#menu-topmenu li:hover li ul { top: -999em; }
ul#menu-topmenu li li:hover ul { left: 10em; top: 0; }
ul#menu-topmenu li li:hover li ul { top: -999em; }
ul#menu-topmenu li li li:hover ul { left: 10em; top: 0; }

/* Top Menu - Superfish Demo Style */
#menu-topmenu { float: left; margin-bottom: 1em;}
#menu-topmenu ul { box-shadow: 2px 2px 6px rgba(0,0,0,.2);}
#menu-topmenu a { border-right: 1px solid #444; border-top: 1px solid #4a4a4a; padding: 15px 10px; text-decoration:none; font-family: 'Archivo Narrow', sans-serif;text-transform:uppercase;}
#menu-topmenu a, #menu-topmenu a:visited  { color: #eee;}
#menu-topmenu li { background: #333;}
#menu-topmenu li li { background: #333;}
#menu-topmenu li li a { border-top: none; border-right: none; border-bottom: 1px solid #4a4a4a;}
#menu-topmenu li li li { background: #333;}
#menu-topmenu li:hover, #menu-topmenu a:focus, #menu-topmenu a:hover, #menu-topmenu a:active { background: #222; outline: 0;}

/* Searchform */
#searcharea{float: right;width:180px;height:35px;margin:-75px 8px 0 0} 
#searchform input{float:right; padding: 8px 10px; font-size:11px;width:95%;color:#aaa;border-radius:0;background: #fff url(images/search.png) no-repeat center right;border:5px solid #9C1C6B;} 
#searchform input:focus{width:150%;} 
#searchsubmit, #searchform label{display:none;clip: rect(1px, 1px, 1px, 1px);position:absolute !important;} 

/* Maincontent */
.home .maincontent, .archive .maincontent, .search .maincontent{width:940px;padding:20px 0; margin: 0 0 0 5px;overflow:hidden;}  
.home article, .archive article, .search article{float:left; width:288px;margin: 10px; position:relative;border: 1px solid ddd; border-bottom:2px solid #ddd;} 
.home article img, .archive article img, .search article img{height: 290px; width:288px;} 
.home .entry-title-box, .archive .entry-title-box, .search .entry-title-box{width:248px;background:#f1f1f1;padding:10px 20px 15px 20px; margin:-5px 0 0; } 
.home .entry-title, .archive .entry-title, .search .entry-title{color:#888;font-size:16px;font-family: 'Archivo Narrow', sans-serif;font-weight:lighter;margin:5px 0 0;text-transform:capitalize;padding:0px 10px;} 
.home .postlink, .archive .postlink, .search .postlink{width:310px;height:100%;position:absolute;z-index:10;top:0;left:0;} 
.home article:hover, .archive article:hover, .search article:hover{border-bottom: 2px solid #d30e2c; } 
.home article:hover .entry-title, .archive article:hover .entry-title, .search article:hover .entry-title{color:#666;} 


/* Single */
.single .maincontent{width:900px;padding:20px;background:#fff;} 
.single .entry-title{font-size:30px;font-weight:bold;margin:40px 0; line-height: 36px;} 
.single .entry-content{float: left;width: 640px; padding:10px;border-bottom:1px solid #eee;} 
.single .entry-content a{ line-height: 0; vertical-align: middle; } 
.single .dsingle strong{color:#d30e2c; }
.single .pimg img {width: 628px;}

/* Breadcrumbs */
.breadcrumbs {width: 920px; padding: 10px; background: #eaeaea;font-family: 'Archivo Narrow', sans-serif; font-size: 14px;}
.breadcrumbs a{color: #666;margin: 0 5px;}
.breadcrumbs a:hover{color: #333;}

/* Sidebar */
#sidebar{float:left; width: 220px; margin: 8px 0 0 20px;}
#sidebar .widget{margin: 0 0 20px 0}
#sidebar .widget-title{margin: 0 0 20px 0;}
#sidebar ul{margin:0 0 0 18px; padding: 0;color: #d30e2c}
#sidebar ul li{list-style: square;}

#sidebar .postedunder{background:#fafafa; padding: 10px; width: 190px;}

#sidebar .sidebarcat {margin: 0; padding: 0;}
#sidebar .sidebarcat li{list-style: none; margin: 5px 5px 5px 0; padding: 5px 0; font-size: 14px; border-bottom: 1px solid #eaeaea;}

/* Single */
.single-left{width:790px;float:left;} 
.single-right{width:90px;float:left;margin:45px 0 0 20px;} 
.single-right a{color:#fff;} 
.attachment .single-right{width:100px} 
.single .shareit{padding:20px 0 20px;font-family: 'Archivo Narrow', sans-serif;font-weight:lighter;font-size:16px;border-bottom:1px solid #eee;} 
.single .pimg {padding: 5px;border: 1px solid #eee}
.single .pimg img.sm {padding: 100px 0;background: #111}

/* Attachment */
.attachment .entry-content{width: 900px; float: none;border-bottom: none;}
.attachment .entry-content img{width: 880px; }

/*Page */
.page .maincontent{width:740px;padding:20px 100px;background:#fff;} 
.page .content{font-size:15px;line-height:23px} 
.page .entry-title{font-size:30px;font-weight:bold;margin:40px 0} 

/* Footer */
.wrapfooter {background: #550d1b; padding: 20px; width: 900px}
.footer{width:100%; padding: 0 0 40px 0; overflow: hidden; color: #cfb6bb} 
.footer h3{color: #fff;}
.footer .wrapleft {margin-left: -20px;}
.footer .widget{width: 280px; float: left; margin: 0 0 20px 20px; overflow: hidden;}
.footer .widget-title{margin: 0 0 20px 0;}
.footer h3.footerlogo{margin: 90px 0 0; font-family: 'Archivo Narrow', sans-serif; font-weight:lighter; font-size: 28px; padding: 0px 5px ; background: #d30e2c; color: #fff; text-transform: uppercase; display: inline;}

/* Footermenu */
.footermenu ul{margin: 0; padding: 0;}
.footermenu ul li{float: left; list-style: none; font-family: 'Archivo Narrow', sans-serif;font-weight:lighter;font-size:16px; margin: 5px 0;}
.footermenu ul li:after{content:" | "; margin: 0 10px; color: #444a58}
.footermenu a{color: #bdc1c9}
.footermenu a:hover{color: #d30e2c}

/* Footer Category */
.fcat li{float:left;list-style:none;padding:2px 5px;margin:0 3px 3px 0px;background:#440b16} 
.fcat li:hover{background:#741427} 
.fcat a{color:#cfb6bb;}
.fcat a:hover{color:#fff;}

.footer blockquote{border-left: none; margin: 0; padding: 0;font-style: italic;}

/* Pagination */
.jsnavi{width:900px; max-height:92px;padding:20px 0;font-size:12px;margin: 0 0 20px 20px;overflow:hidden;} 
.jsnavi a, .jsnavi span{float:left;margin: 0 3px 3px; padding:0px 3px;color:#fff;font-size:14px;} 
.jsnavi a{background:#d30e2c;} 
.jsnavi a:hover{background:#333;} 
.jsnavi span{background:#aaa} 
.jsnavi a:hover{text-decoration:none;} 

/*Related Posts */
.relatedpostcont{border-top:3px solid #d30e2c;padding:20px 0;margin:20px 0;overflow:hidden;} 
.relatedpostcont h3{font-size: 24px;font-weight:lighter;} 
.relatedpost{margin:20px 0 0;padding:0} 
.relatedpost li{float:left;width:290px;height:290px;overflow:hidden;margin:10px 5px;outline:5px solid #d5d5d5;outline-offset:-5px;} 
.relatedpost li:hover{outline:1px solid #d30e2c;outline-offset:-1px;}
.relatedpost2{margin:20px 0 0;padding:0} 
.relatedpost2 li{text-align:center;float:left;width:140px;height:140px;overflow:hidden;margin:10px 5px;outline:5px solid #d5d5d5;outline-offset:-5px;} 
.relatedpost2 li:hover{outline:1px solid #d30e2c;outline-offset:-1px;}

/* 404 Style */
.fourofour{text-align: center; margin: 100px 0 50px 0; }
.fbig{font-size: 150px;color: #333;margin:  0 0 80px 0; text-shadow: 0px 1px 0px #fff;}
.fsmall{font-size: 18px;color:#aaa;}

.spoilerbutton {display: block;margin: 5px 0 8px;padding: 10px; }
.spoiler {overflow:hidden;background: #f5f5f5;}
.spoiler > div {-webkit-transition: all 0.2s ease;-moz-transition: margin 0.2s ease;-o-transition: all 0.2s ease;transition: margin 0.2s ease;}
.spoilerbutton[value="Show"] + .spoiler > div {margin-top:-100%;}
.spoilerbutton[value="Hide"] + .spoiler {padding:10px;}
.spoilerheader {background: none repeat scroll 0 0 #EAEAEA;float: left;margin: 5px;padding: 10px;width: 545px;} 
.attachment .spoilerheader{width: 805px;}

/* Print Button */
@media print { * { background: transparent !important; color: #000 !important; box-shadow:none !important; text-shadow: none !important; } #fixbar, .shareit, .single-right, .fbcomments, .fanspage, .relatedpostcont , .footercat {display:none;} .single .entry-content{border:none;} .single .entry-title{font-size:38px;} .single-left{width:900px;float:none;}} .fbcomments{padding:20px 0;} .fanspage{width:900px;height:290px;float:left;margin:0 10px 10px 0;} .adsboxatas{margin:10px 0 0;padding:10px 0 10px 86px;border-top:1px solid #eee} .adsboxatas span, .adsboxbottom span{font-size:11px;color:#ccc;padding:10px 0 10px 5px;letter-spacing:1px;text-transform:uppercase} .adsboxbottom{margin:0 0 10px 0;padding:10px 0 10px 86px;border-bottom:1px solid #eee}