/*
	Theme Name: FashionPro
	Theme URL: http://theme-junkie.com/
	Description: A premium theme designed by <a href="http://theme-junkie.com/">Theme Junkie</a>.
	Author: Roy Guan
	Author URI: http://theme-junkie.com/
	Version: 1.0
	Tags:  three-columns, advertise-ready, widget-ready, advanced-theme-options
*/

/*******************
*	RESET		   *
*******************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0px; padding: 0px; }
table { border-collapse: collapse; border-spacing: 0px; }
fieldset, img { border: 0px; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0px; }
.clear { clear: both; }
.right { float: right; }
.left { float: left; }
html {margin-top:0!important;}
body { font: 12px/17px Arial, Helvetica, sans-serif; color: #222222; }
input { font-family: Arial, Helvetica, sans-serif; }
#wrapper { background: #FFFFFF url(images/hatch.gif) repeat; width: 960px; margin: 0px auto 0px auto; padding: 0px 5px 5px 5px; }

a, a:visited, a:active { color: #333333; text-decoration: none; }
a:hover { color: #FD0859; text-decoration: underline; }
a img { border: none; }
a:focus, a:hover, a:active { outline: none; }

.searchinput {background: #FFFFFF; width: 235px; height: 15px; margin: 6px 0px 0px 0px; padding: 3px 3px 2px 3px; font-size: 12px; color: #666; border: 1px solid #ccc; }
.searchsubmit { background: #FFFFFF url(images/searchbg.gif) repeat-x; height: 20px; margin: 6px 5px 0px 3px; padding: 2px 2px 2px 2px; border: none; color: #333; letter-spacing: -1px; font-weight: bold; }

#headerwrapper { background:none; width: 970px; margin: 15px auto 0px auto; padding: 0px; }
#header { background: none; height:104px; }
.logo { float: left; width: 240px; height: 84px; margin: 10px 0px 0px 0px; padding: 0px; }
.ad468x60 { float: right; width: 468px; height: 60px; margin: 10px 0px 0px 0px; padding: 0px; }
.ad468x60 img { border: none; }

#menu { background: #333333; width: 970px; height: 32px; margin: 0px auto 0px auto; }
#menu ul { float: left; list-style: none; margin: 0px 0px 0px 1px; padding: 0px; }
#menu li { float: left; list-style: none; border-right: 1px solid #222222; }
#menu ul li { margin: 0px 0px 0px -1px; list-style: none; border-right: 1px solid #222222; }
#menu li a, #menu li a:link, #menu li a:visited { margin: 0px; padding: 8px 10px 7px 10px; color: #FFFFFF; display: block; font-size: 1.2em; font-weight: bold; font-family: helvetica, arial; letter-spacing: -1px; text-transform: uppercase; }
#menu li a:hover, #menu li a:active { background: #FD0859; margin: 0px; padding: 8px 10px 7px 10px; color: #FFFFFF; display: block; text-decoration: none; border-bottom: none; }
#menu li li a, #menu li li a:link, #menu li li a:visited { background: #333333; opacity: .90; filter: alpha(opacity=90); width: 140px; float: none; margin: 0px; padding: 8px 10px 7px 10px; color: #FFFFFF; border-bottom: 1px solid #222222; border-left: 1px solid #222222; border-right: 1px solid #222222; }
#menu li li a:hover, #menu li li a:active { background: #FD0859; padding: 8px 10px 7px 10px; color: #FFFFFF; border-bottom: 1px solid #222222; border-left: 1px solid #222222; border-right: 1px solid #222222; }
#menu li ul { z-index: 9999; position: absolute; height: auto; width: 162px; margin: 0px 0px 0px -1px; padding: 0px; left: -999em; border-top: 1px solid #222; }
#menu li li { border: none; margin: 0px; }
#menu li ul a { width: 120px; }
#menu li ul a:hover, #menu li ul a:active { }
#menu li ul ul { margin: -34px 0px 0px 161px; padding: 0px; border-top: 1px solid #222; }
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul { left: -999em; }
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul { left: auto; }
#menu li:hover, #menu li.sfhover { position: static; }

#col1 { background: #FFFFFF; float: left; width: 615px; margin: 5px 0px 0px 0px; padding: 10px; }

#featuredcontent { width: 615px; height: 285px; margin: 0px; }

#contentwide { background: #FFFFFF; float: left; width: 940px; margin: 5px 0px 0px 0px; padding: 10px; }
.catbox { width: 298px; padding: 0px 10px 0px 10px; border-right: 1px dashed #CCCCCC; }
.postbox1 { width: 140px; margin: 0px 0px 5px 0px; padding: 0px; }
.postbox2 { width: 140px; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 13px; }
.postbox1 img, .postbox2 img { padding: 5px; border: 1px solid #F0F0F0; }
#contentleft { float: left; width: 298px; padding: 0px 10px 0px 0px; border-right: 1px dashed #CCCCCC; }
#contentright { float: left; width: 295px; padding: 0px 0px 0px 10px; }
#contentwide h2, #contentleft h2, #contentright h2, .postbox h2 { margin: 5px 0px 5px 0px; font-size: 12px; font-weight: bold; }
#contentwide ul { margin: 10px 0px 0px 0px; padding: 10px 0px 0px 0px; border-top: 1px dashed #CCCCCC; }
#contentleft ul, #contentright ul { margin: 0px 0px 20px 0px; padding: 10px 0px 5px 0px; border-top: 1px dashed #CCCCCC; border-bottom: 1px dashed #CCCCCC; }
#contentwide li, #contentleft li, #contentright li { background: #FFFFFF url(images/arrow.gif) no-repeat 1px 4px; padding: 0px 0px 5px 10px; }
#contentwide li a, #contentleft li a, #contentright li a { }
.category { background: #FFFFFF; margin: 3px 0px 7px 0px; line-height: 20px; }
.category a { background: url(images/bluestar.gif) no-repeat 0px 2px; padding: 3px 5px 3px 20px; color: #FD0859 !important; font-size: 1.2em; font-weight: bold; font-family: helvetica, arial; letter-spacing: -1px; text-transform: uppercase; }
.thumb img { padding: 5px; border: 1px solid #e9e9e9; }
#content { background: #FFFFFF; float: left; width: 615px; margin: 5px 0px 0px 0px; padding: 10px; color: #333333; }
#fullcontent { background: #FFFFFF; float: left; width: 940px; margin: 5px 0px 0px 0px; padding: 10px; color: #333333; }
.h2title { font-size: 16px; font-weight: bold; padding: 5px 0px 10px 0px; border-bottom: 1px dashed #CCCCCC; }
.singletitle { font-size: 16px; font-weight: bold; padding: 5px 60px 0px 0px; position:relative;}
.coment {width:32px; height:32px; line-height:26px; text-align:center; position:absolute; top:1px; right:1px; background:url("images/comment.png") no-repeat 0 0; font-size:14px; font-weight:bold; font-style:italic;}
.archiveright .coment {top:-4px;}
.byline { height: 14px; margin: 5px 0px 0px 0px; padding: 0px 0px 5px 0px; color: #666666; font-size: 11px; line-height: 14px; text-transform: uppercase; border-bottom: 1px dashed #CCCCCC; }
.author a { color: #666666; }
.comments { background: #FD0859; margin: 0px 0px 0px 5px; padding: 0px 2px 0px 2px; color: #FFFFFF; font-weight: bold; }
.comments a { color: #FFFFFF !important; text-decoration: none !important; }
.postnav { padding: 7px 0px 7px 0px; border-top: 1px dashed #CCCCCC; }
.postnav a { color: #333333; }
.postnav a:hover { color: #FD0859; }
.postnav .left { width: 280px; text-align: left; }
.postnav .right { width: 280px; text-align: right; }
.previouspost { font-size: 11px; font-weight: bold; color: #333333; text-transform: uppercase; }
.nextpost { font-size: 11px; font-weight: bold; color: #333333; text-transform: uppercase; text-align: right; }
.previouspost a:hover, nextpost a:hover { text-decoration: underline; }
.entry { margin: 10px 0px 0px 0px; padding: 0px; color: #444; line-height: 18px; }
.entry p { padding-bottom: 10px; }
.entry strong { font-weight: bold; }
.entry h1 { font-size: 20px; font-weight: bold; padding: 0px 0px 7px 0px; }
.entry h2 { font-size: 18px; font-weight: bold; margin: 0px !important; padding: 0px 0px 7px 0px !important; border: none !important; }
.entry h3 { font-size: 16px; font-weight: bold; padding: 0px 0px 7px 0px; }
.entry h4 { font-size: 14px; font-weight: bold; padding: 0px 0px 7px 0px; }
.entry h5 { font-size: 13px; font-weight: bold; padding: 0px 0px 7px 0px; }
.entry h6 { font-size: 12px; font-weight: bold; padding: 0px 0px 7px 0px; }
.entry a { color: #1D6B9D; }
.entry a:hover { color: #FD0859; text-decoration: underline; }
.entry a img { border: none; }
.entry ul { padding-bottom: 10px; list-style: none; }
.entry ol { padding-bottom: 10px; list-style: decimal inside; }
.entry ul li { background: url(images/arrow.gif) no-repeat 3px 6px; padding: 3px 0px 3px 13px; font-size: 12px; line-height: 15px; color: #4C4C4C; }
.entry li a { color: #333333; }
.entry li ul { margin: 0px; padding: 0px; }
.page { background: #fff; margin: 10px 0px 0px 0px; }
.entry del { text-decoration: line-through; color: #AAAAAA; }
.entry ins { text-decoration: underline; font-weight: bold; }
.entry code { display: block; background: #EEEEEE; margin: 0px 0px 20px 0px; padding: 10px; font-size: 12px; color: #444444; border: 1px solid #E6E6E6; }
.entry blockquote { display: block; background: #E9F8FB; margin: 0 0 20px 0; padding: 10px 10px 10px 10px; color: #366799; border: 1px solid #CFDEE1; }
.entry blockquote blockquote { margin: 0; padding: 0 0 0 20px; color: #555555; font-size: 12px; font-style: italic; font-weight: normal; border: none; }

.archive { margin: 15px 0px 0px 0px; padding: 0px; border-bottom: 1px dashed #CCCCCC; }
.archive h2 { margin: 0px 0px 10px 0px;  font-size: 16px; font-weight: bold; position:relative; padding:0 60px 0 0; }
.archiveright { width: 450px; float:left; margin-left:20px; line-height:18px; font-size:13px; position:relative; padding-right:13px; width:480px; }
.archivetitle { color: #FD0859; text-transform: uppercase; letter-spacing: -1px; }
.postmeta { margin: 10px 0px 10px 0px; font-size: 11px; text-transform: uppercase; }
.postmeta strong { background: #1D6B9D; padding: 0px 2px 0px 2px; font-weight: bold; color: #FFFFFF; }
.postmeta span { background: #FD0859; margin: 0px 0px 0px 10px; padding: 0px 2px 0px 2px; font-weight: bold; color: #FFFFFF; }
.postmeta a { color: #333333; text-decoration: none; }
.postmeta a:hover { color: #FD0859; text-decoration: underline; }

.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { background-color: #F3F3F3; margin: 0px 10px 10px 0px; padding: 4px 0px 0px 0px; text-align: center; overflow: hidden; }
.wp-caption img { margin: 0px; padding: 0px; border: 0px none; }
.wp-caption p.wp-caption-text { padding: 3px; margin: 0px; font-style: italic; color: #888888; }
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 0px; margin: 15px 0px 10px 15px; display: inline; }
img.alignleft { padding: 0px; margin: 15px 15px 10px 0px; display: inline; }
.alignright { float: right }
.alignleft { float: left }

#sidebar { background: none; float: right; width: 320px; margin: 5px 0px 0px 0px; padding: 0px; }
#sidebar .ad300x250 { margin-bottom: 5px; }
#sidebarad { background: #FFFFFF; float: right; width: 320px; margin: 5px 0px 0px 0px; padding: 0px; }
.box { margin: 5px 0px 10px 0px; padding: 0px; background: #FFFFFF; color: #333333; line-height: 18px; }
.widget { background: #FFFFFF; margin: 0px; padding: 10px; }
.widget ul { margin: 0px; padding: 0px; }
.widget ul li { list-style: none; margin: 0px; padding: 5px 0px 5px 0px; border-bottom: 1px dotted #CCCCCC; }
.widget li ul { }
.widget li li { }
.widget h3 { margin: 0px; padding: 5px 5px 5px 0px; background: #FFFFFF; text-transform: uppercase; font-size: 1.2em; font-weight: bold; font-family: helvetica, arial; letter-spacing: -1px; border-bottom: 3px solid #fd0859; }
.ad300x250 { background: #FFFFFF; width: 300px; height: 250px; margin: 0px; padding: 10px; }
.ad300x250 img { border: none; }

.subscribe { margin: 0px 0px 10px 0px; padding: 0px; }
.rss { padding-left: 24px !important; background: #FFFFFF url(images/rss.gif) no-repeat 0px 4px; }
.twitter { padding-left: 24px !important; background: #FFFFFF url(images/twitter.gif) no-repeat 0px 4px; }

#wp-calendar th { background: #FFFFFF; margin: 5px 0px 0px 0px; font-weight: bold; text-align: center; text-transform: capitalize; color: #666; }
#wp-calendar caption { font-size: 13px; font-weight: bold; text-align: center; color: #666666; padding: 0px 5px 5px 5px; margin: 2px 0px 2px 0px; border-bottom: 1px dotted #CCCCCC; }
#wp-calendar td { color: #666666; letter-spacing: normal; padding: 2px 0px; text-align: center; }
#wp-calendar #today { background: #FD0859; color: #FFFFFF; }
#wp-calendar { empty-cells: show; font-size: 12px; margin: 0px; width: 100%; }
.comments-box { padding: 20px 0px 0px 0px; border-top: 1px dashed #CCCCCC; }
.comments-box img { }
.comments-box h3 { margin: 0px; padding: 0px; font-size: 16px; font-weight: bold; letter-spacing: -1px; color: #FD0859; }
#respond { background: #FFFFFF; margin: 10px 0px 0px 0px; padding: 5px; }
#respond p { color: #777777; margin: 0px; }
.cancel-comment-reply { padding: 5px 0px 0px 0px; font-size: 11px; }
.cancel-comment-reply a { color: #000000; }
.cancel-comment-reply a:hover { color: #FD0859; }
.text { border: 1px solid #DDDDDD; padding: 2px; color: #777777; width: 200px; }

ol.commentlist a:link { text-decoration: none; }
ol.commentlist li div.vcard cite.fn a.url:hover { text-decoration: none; }
ol.commentlist { margin: 15px 0px 0px 0px; padding: 0px; background: #FFFFFF; }
ol.commentlist li { margin: 0px 0px 10px 0px; padding: 10px; list-style-type: none; border: 1px dotted #CCCCCC; }
ol.commentlist li div.vcard cite.fn { font-style: normal; font-weight: bold; }
ol.commentlist li div.vcard cite.fn a.url { color: #222222; }
ol.commentlist li div.vcard img.avatar { float: left; margin: 0px 10px 5px 0px; }
ol.commentlist li div.vcard img.avatar-32 { padding: 4px; background: #FFFFFF; border: 1px solid #F0F0F0; }
ol.commentlist li div.vcard img.photo { padding: 4px; background: #FFFFFF; border: 1px solid #F0F0F0; }
ol.commentlist li div.vcard span.says { color: #888888; }

ol.commentlist li div.comment-meta { margin: 3px 0px 0px 0px; font-size: .9em; }
ol.commentlist li div.comment-meta a { color: #AAAAAA; text-decoration:none; }
ol.commentlist li p { margin: 30px 0px 0px 0px; line-height: 1.4em; }
ol.commentlist li ul { }
ol.commentlist li div.reply { margin: 10px 0px 0px 0px; line-height: 18px; }
ol.commentlist li div.reply a { background: #FFFFFF; height: 16px; font-size: 10px; color: #1D6B9D !important; text-transform: uppercase; }
ol.commentlist li div.reply a:hover { color: #FD0859 !important; text-decoration: none; }
ol.commentlist li ul.children { }
ol.commentlist li ul.children li { margin: 10px 0px 0px 0px; background: #FFFFFF; border: 1px dotted #CCCCCC; }
ol.commentlist li ul.children li li.alt { background: #FFFFFF; }
#commentform input { width: 210px; margin: 7px 3px 0px 0px; padding: 5px; font-size: 12px; border: 1px solid #DDDDDD; }
#commentform .author, #commentform .email, #commentform .url { padding: 3px 3px 3px 5px; background: #FFFFFF; color: #999999; font-style: italic; }
#commentform textarea { width: 75%; height: 100px; margin: 7px 0px 0px 0px; padding: 2px; font: Arial, Helvetica, sans-serif; font-size: 12px; border: 1px solid #DDDDDD; }
#commentform .submit { background: #FD0859; width: 120px; margin: 7px 0px 0px 0px; padding: 4px; color: #FFFFFF; font-weight: bold; border: 1px solid #DDDDDD; }
.navigation { margin: 5px 0px 10px 0px; padding: 5px 0px; font-size: 11px; font-weight: bold; text-transform: uppercase; }
.navigation a { background: #FD0859; padding: 3px 5px; color: #FFFFFF !important; text-decoration: none !important; }
#footer { background: #FFFFFF; margin: 5px 0px 0px 0px; padding: 7px; color: #333333; font-size: 11px; line-height: 20px;  }
#footer a:hover { border-bottom: none; }
#footer ul { float: left; list-style: none; margin: 0px 0px 0px 1px; padding: 0px; }
#footer li { float: left; list-style: none; margin: 1px 5px 0px 0px; padding: 0px; text-transform: uppercase; }
#footer ul li { list-style: none; margin: 0px 5px 0px 0px; padding: 0px; }
#footer li a, #topnav li a:link, #topnav li a:visited { display: block; margin: 0px; padding: 3px; color: #333333; }
#footer li a:hover, #topnav li a:active { display: block; background: #fd0859; margin: 0px; padding: 3px; color: #fff; text-decoration: none; border-bottom: none; }
#footer li li a, #topnav li li a:link, #topnav li li a:visited { float: none; background: #FFFFFF; width: 130px; margin: 0px; padding: 3px; color: #111111; border-bottom: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; }
#footer li li a:hover, #topnav li li a:active { background: #FD0859; color: #FFFFFF; padding: 3px; }
.footerrss { margin: 0px 0px 0px 15px; padding: 0px 0px 0px 13px !important; background: #fff url(images/rss-small.gif) no-repeat 0px 5px; }
.footerrss a, .footer a:visited { background: #FFFFFF !important; color: #333333 !important; }
.footerrss a:hover { color: #FD0859 !important; }
#bottom { width: 970px; margin: 10px auto 10px auto; text-align: right; line-height: 17px; color: #FFFFFF; font-size: 11px; text-transform: uppercase; }
#bottom a { color: #FFFFFF; }
.archiveright a {display:block;}
.browse {font-size:11px; color:#ccc; padding:5px 0 10px 0;}
.browse a:link, .browse a:visited {color:#ccc; text-decoration:underline;}
.browse a:hover, .browse a:active {text-decoration:none;}
.wp-paginate .current {background:#FD0859 !important; color:#fff!important; border:none!important; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.wp-paginate a:link,.wp-paginate a:visited {background:#A0A8AF!important; color:#fff!important; border:none!important; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.wp-paginate a:hover,.wp-paginate a:active {background:#b7b9bb!important;}
.socs {height:40px; position:relative;}
.tweet {width:60px; position:absolute; left:110px; top:0;}
.vkont {width:90px; position:absolute; left:0px; top:0;}
.face {width:80px; position:absolute; left:300px; top:0;}
.mmir {width:120px; position:absolute; left:185px; top:0;}
.klass {width:90px; position:absolute; left:390px; top:0;}
.yaru {position:absolute; width:140px; right:-10px; top:-3px;}
#footer .copy {font-size:11px; line-height:normal;}
#footer a:link, #footer a:visited { text-decoration:underline;}
#footer a:hover, #footer a:active { text-decoration:none;}
#menu li.current-cat a:link, #menu li.current-cat a:visited {color: #FD0859 !important; }
#menu li.current-cat a:hover, #menu li.current-cat a:active {background:transparent !important; cursor:default; }
.top-block { width:300px; float:left; margin-right:20px;}

.social-links {
    height: 40px;
    position: relative;
    padding-top: 20px
}

.twitter-button {
    width: 60px;
    position: absolute;
    left: 155px;
    top: 13px
}

.vk {
    width: 90px;
    position: absolute;
    left: 0px;
    top: 12px
}

.facebook {
    width: 80px;
    position: absolute;
    left: 250px;
    top: 13px
}

.google-plus {
    position: absolute;
    top: 10px;
    left: 350px;
}