/*
Theme Name: AbChic
Theme URI: #
Author: Marian Sorin 
Author URI: sorin.marian@infodesign.ro
*/


/** general style */
*{ margin: 0; padding: 0; }
body{ background: url("img/bg.png") top left; color: #555555; font-size: 16px; font-family: Vollkorn, Arial, Helvetica; }
.left{ float: left;}
.right { float: right; }
.clear { clear: both; }
.rel { position: relative; }
.abs { position: absolute; }
li { list-style-type: none;}
a { text-decoration: none; }
img{ width: 100%; height: auto; border: 0; }
@font-face {font-family: "Vollkorn"; src: url('css/fonts/Vollkorn/Vollkorn-Regular.eot'); src: url('css/fonts/Vollkorn/Vollkorn-Regular.eot?#iefix') format('embedded-opentype'), url('css/fonts/Vollkorn/Vollkorn-Regular.svg#Open Sans') format('svg'), url('css/fonts/Vollkorn/Vollkorn-Regular.woff') format('woff'), url('css/fonts/Vollkorn/Vollkorn-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal;}
@font-face {font-family: "Vollkorn Italic"; src: url('css/fonts/Vollkorn/Vollkorn-Italic.eot'); src: url('css/fonts/Vollkorn/Vollkorn-Italic.eot?#iefix') format('embedded-opentype'), url('css/fonts/Vollkorn/Vollkorn-Italic.svg#Open Sans') format('svg'), url('css/fonts/Vollkorn/Vollkorn-Italic.woff') format('woff'), url('css/fonts/Vollkorn/Vollkorn-Italic.ttf') format('truetype'); font-weight: normal; font-style: normal;}
@font-face {font-family: "Rochester"; src: url('css/fonts/Rochester/Rochester-Regular.eot'); src: url('css/fonts/Rochester/Rochester-Regular.eot?#iefix') format('embedded-opentype'), url('css/fonts/Rochester/Rochester-Regular.svg#Open Sans') format('svg'), url('css/fonts/Rochester/Rochester-Regular.woff') format('woff'), url('css/fonts/Rochester/Rochester-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal;}
@font-face {font-family: "Lato"; src: url('css/fonts/Lato/Lato-Regular.eot'); src: url('css/fonts/Lato/Lato-Regular.eot?#iefix') format('embedded-opentype'), url('css/fonts/Lato/Lato-Regular.svg#Open Sans') format('svg'),url('css/fonts/Lato/Lato-Regular.woff') format('woff'), url('css/fonts/Lato/Lato-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal;}
#wrapper{ width: 942px; margin: 0 auto; }
.container{width: 942px; margin: 0 auto;}
h1{font-family: Rochester; font-size: 28px; color: #000000; text-align: center; font-weight: normal; background: url("img/border-dotted.png") bottom left no-repeat; margin-bottom: 24px; padding-bottom: 23px;}
h2{font-family: Rochester; font-size: 28px; color: #000000; text-align: center; font-weight: normal; background: url("img/border-dotted.png") bottom left no-repeat; margin-bottom: 24px; padding-bottom: 23px;}
h3{font-family: "Vollkorn Italic"; font-size: 16px; color: #c03e3e; font-weight: normal; padding: 10px;}
h4{font-family: Vollkorn; font-size: 16px; color: #555555; padding: 10px; font-weight: normal}
h2.comments-title {text-align: left;}
span.red, .red{ color: #c03e3e; font-size: 14px; font-family: "Vollkorn Italic"; }
.border-menu{ border: 1px solid #555555;}
.border4-bot{ border-bottom: 4px solid #e0e0e0;}
.border4-top{ border-top: 4px solid #e0e0e0;}
.mr20 {margin-right: 20px;}
.ml20 {margin-left: 20px;}
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb35{margin-bottom: 35px;}
.mb69{margin-bottom: 69px;}
.mb51{margin-bottom: 51px;}
.mb61{margin-bottom: 61px;}
.mt24{margin-top: 24px;}
.white-bg{background: #ffffff;}
.mr115{ margin-right: 115px;}
.mt25{ margin-top: 25px;}
.mb35{ margin-bottom: 35px;}
input{width: 248px; height: 12px; background: #f5f5f5; border: 1px solid #555555; padding: 8px; font-family: Vollkorn; font-size: 16px; color: #555555; }
textarea{width: 546px; height: 132px; background: #f5f5f5; border: 1px solid #555555; padding: 8px; font-family: Vollkorn; font-size: 16px; color: #555555;}
.send-btn, #submitBtn, .wpcf7-submit {background: #c03e3e; color: white; width: 126px; height: 30px; border: 0; cursor: pointer; line-height: 19px;}
.alignleft { float: left; margin: 5px 20px 5px 0; }
.alignright { float: right; margin: 5px 0 5px 20px; }
.aligncenter { display: block; margin: 5px auto; }
/** end of general style */

/** header style */
.menu img { display:block; }
.brand {margin: 0 auto; display: block; width: 285px; margin-bottom: 32px;}
#header{ margin: 32px 0 56px 0; }
.span-link{bottom: 10px; right: 10px; font-family: Lato; font-size: 18px; display: block;}
.menu-link { color: #000000; display: block; border: 1px solid #555555;}
.menu-link:hover{ color: #c03e3e; border: 3px solid #c03e3e; }
.first { width: 340px; height: 350px;}
.second { width: 580px; height: 164px;}
.trends { width: 580px; height: 164px;}
.beauty { width: 279px; height: 164px;}
.neverever { width: 279px; height: 164px;}
.menu .selected { color: #c03e3e; border: 3px solid #c03e3e; } 
/** end of header style */

/** content style */
.post{ width: 561px; margin-right: 79px; padding: 40px;}
.sidebar{ max-width: 220px;}
.data {font-size: 14px; font-family: "Vollkorn Italic"; background: url("img/ball.png") left no-repeat; padding-left: 12px; }
.readmore{ color: #010101; font-size: 16px; font-family: "Vollkorn Italic"; background: url("img/read-more-iccon.png") right no-repeat; padding-right: 24px;	display: block;}
.prev-iccon{ background: url("img/prev-iccon.png") 0% 40% no-repeat; padding-left: 24px;}
.prev { background: #ffffff; padding: 15px 22px 15px 15px; border-left: 4px solid #e0e0e0; display: block; cursor: pointer;}
.prev a{color: #555555; font-family: "Vollkorn Italic"; }
.comments-container{/*width: 561px; margin-right: 79px;*/ padding: 40px;}
.nr-comments{ color: #c03e3e; font-size: 48px; font-family: Vollkorn;}
.comment-list li{ padding: 0;}
.comment-list span{font-family: "Vollkorn Italic"; font-size: 16px; color: #c03e3e;}
.comment-metadata{font-size: 14px;}
.reply{ color: #c03e3e; font-size: 14px; }
.comment-body{ border-bottom: 1px solid #efefef; padding-bottom: 24px;}
.post-link{ display: block; text-decoration: none; color: #555555;}
.content-post img{border: 1px solid #afafaf; margin-bottom: 20px; width: auto; }
.avatar{display: none;}
.comments-area { width: 560px; }
/** end of content style */

/** sidebar style */
.sidebar{margin-top: -20px;}
.sidebar-img{ margin-bottom: -20px;}
.social{ z-index: 10;}
.social span { display: none; }
.social a {display: block; width: 24px; height: 24px; margin-top: 10px; margin-right: 6px; }

.social a.facebook { background: url('img/social_buttons_5.png') 0 0 no-repeat; }
.social a.facebook:hover { background: url('img/social_buttons_5.png') 0 -24px no-repeat; }
.social a.pinterest { background: url('img/social_buttons_5.png') -24px 0 no-repeat; }
.social a.pinterest:hover { background: url('img/social_buttons_5.png') -24px -24px no-repeat; }
.social a.instagram { background: url('img/social_buttons_5.png') -48px 0 no-repeat; }
.social a.instagram:hover { background: url('img/social_buttons_5.png') -48px -24px no-repeat; }
.social a.rss { background: url('img/social_buttons_5.png') -72px 0px no-repeat; margin-right: 10px; }
.social a.rss:hover { background: url('img/social_buttons_5.png') -72px -24px no-repeat; }

#searchForm {width: 207px;}
#searchbox {width: 210px; height: 40px; border: 0; padding: 0 0 0 10px;}
#searchbutton {background: url(img/search.png) top left no-repeat; width: 17px; height: 16px; border: 0; text-indent: -9999px; cursor: pointer; right: 2px; top: 11px;}
::-webkit-input-placeholder { font-family: Vollkorn; font-size: 16px; color: #555555; }
::-moz-placeholder { font-family: Vollkorn; font-size: 16px; color: #555555; } /* firefox 19+ */
:-ms-input-placeholder { font-family: Vollkorn; font-size: 16px; color: #555555; } /* ie */
input:-moz-placeholder { font-family: Vollkorn; font-size: 16px; color: #555555; }
.arhive li{font-size: 14px; padding-left: 11px;}
.arhive a{ color: #555555;}
.arhive a:hover{ text-decoration: underline;}
/** end of sidebar style */

/** footer style */
.copyright{ font-size: 14px;}
.menu-footer a{ color: #555555; font-size: 14px;}
.menu-footer a:hover{ text-decoration: underline;}
/** end of footer style */

/**
 * fixes
 */
/*.post{ margin-right: 0; width: auto; }*/
a:hover{ text-decoration: underline; }
.second { height: auto; margin-bottom: 20px; }
.page{ width: 640px; margin-right: 80px; }
.comment-form-url { display: none; }
.comment-form-comment label{ display:none; }
#reply-title { display:none; }
body.page { width: auto; margin: 0; }
.ajax-loader { width: 16px; height: 16px; }
.wpcf7 p { margin-bottom: 10px; }
ol.children { margin-left: 20px; margin-top: 10px; }
.comments-area a, .comments-area .fn { color: #c03e3e; font-size: 14px; font-family: "Vollkorn Italic"; font-weight: normal; }
.comments-area .says { display: none; }
.comments-area .comment-metadata, .comment-author { display: inline-block; }
.comment-metadata a { color: #555555; }
.comment-content{ margin: 10px 0px; }
.comments-area li { margin-top: 10px; }


.search-form .screen-reader-text{float: left; line-height: 28px; margin-right: 15px;}
.search-form .search-field{float: left; height: 28px; line-height: 28px; margin-right: 10px;}
.search-form .search-submit {width: auto; float: left; height: 28px; line-height: 10px; background: #c03e3e; color: white; border: 0;}
.search-form {margin-top: 10px;}
.no-border img { border: 0;border: 0; width: auto; float: left; margin-bottom: 0; margin-right: 27px; }
.contact-title { text-align: left; color: #c03e3e; background: url("img/border-dotted.png") bottom left repeat-x; }
.wpcf7-submit { float: left; }
.contact-page { width: 860px; }
#wpcf7-f19-p4-o1 { margin-left: 148px; }
h2.send-email { background: url("img/border-dotted.png") bottom no-repeat; margin-top: 47px; }
.contact-img { width: auto; margin-top: 8px; margin-right: 10px; }
#language_selector { float: right; margin-right: 4px; margin-bottom: 10px; }
#language_selector img{ width: 16px; }
#language_selector .selected{
    width: 100%;
    /* Theoretically for IE 8 & 9 (more valid) */
    /* ...but not required as filter works too */
    /* should come BEFORE filter */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

    /* This works in IE 8 & 9 too */
    /* ... but also 5, 6, 7 */
    filter: alpha(opacity=50);

    /* Older than Firefox 0.9 */
    -moz-opacity:0.5;

    /* Safari 1.x (pre WebKit!) */
    -khtml-opacity: 0.5;

    /* Modern!
    /* Firefox 0.9+, Safari 2?, Chrome any?
    /* Opera 9+, IE 9+ */
    opacity: 0.5;
}