/*
Theme Name: Elle.ro
Theme URI: elle.ro
Description: The 2013 theme for Elle.ro
Version: 1.0
Text Domain: elle
*/


div {display:block; overflow:hidden;}
ul {}
img {border:none; margin:0; padding:0;}
hr {clear:both; float:none; border:none; margin-bottom:20px; }

ul.menu {display:block; list-style-type:none; margin:0; padding:0; width:auto; }
ul.menu li {float:left; margin:0 10px;}
ul.menu li.home {margin:0px; }
ul.menu li a {display:block; padding:5px 5px; text-decoration:none; text-transform:uppercase; font-size:11px; color:#000;}
ul.menu li a:hover {text-decoration:underline; }
ul.menu li.selected a,
ul.menu li.current-menu-item a {background:#000; color:#fff; font-weight:bold; }

ul.menu li.menu-item-450066 { padding-right: 17px !important; background: url(http://www.elle.ro/wp-content/uploads/2015/11/hm.png) center right no-repeat; }

ul.posts {list-style-type:none; margin:0; padding:0;}
ul.posts li {border-top:1px solid #ccc; margin:0; padding:0;}
ul.posts li:first-child {border:none;}
ul.posts li a {display:block; padding:7px 0 7px 15px; background:url('img/arr-white.png') -3px 8px no-repeat; }
ul.posts li.strong a {font-weight:bold;}
ul.posts li.popular a {font-weight:bold;}
ul.posts li.new a {font-weight:bold; color:red;}

ul.items {display:block; list-style-type:none; margin:0; padding:0;;}
ul.items li {margin:0; padding:0px 0; position:relative; text-align:center; overflow:hidden; min-height:50px;}
ul.items li:hover {}
ul.items li a {}
ul.items li .icon {overflow:hidden; display:block; border:1px solid #ccc; padding:4px; margin:4px; position:relative; background:#fff;}
ul.items li .icon:hover {border:1px solid #000; }
ul.items li .icon a {text-decoration:none; display:block;width:100%; height:100%; overflow:hidden; padding:0; margin:0; text-align:center; background:#eee;}
ul.items li .icon a:hover {background:#fff;}
ul.items li .icon a img {}
ul.items li .icon a span {display:block; margin:5px 0;}
ul.items li .icon a span.black {display:block; margin-bottom:0; background:#000;  font-family:'century gothic'; font-weight:normal;color:#fff; padding:3px; font-size:10px; text-transform:uppercase;}

ul.items.minimal {}
ul.items.minimal li {}
ul.items.minimal li a {display:block; width:90%; text-align:center;}
ul.items.minimal li a img {display:block; width:100%;height: auto !important;}

ul.items.columns3 {}
ul.items.columns3 li {width:33%; float:left;}
ul.items.columns4 li {width:25%; float:left;height: 90px;}

ul.twocols {overflow:hidden; margin-bottom:15px;}
ul.twocols li {width:45%; float:left; margin-right:5%; }
ul.twocols li:first-child {border-top:1px solid #ccc;}

ul.threecols {overflow:hidden; margin-bottom:15px;}
ul.threecols li {width:30%; float:left; margin-right:3%; }
ul.threecols li:first-child {border-top:1px solid #ccc;}


small {font-family:'century gothic'; font-weight:normal;font-size:10px; text-transform:uppercase;}


a {color:#000; text-decoration:none;}
a:hover {color:#999; text-decoration:underline;}

a.button {display:inline-block; padding:7px 20px; text-transform:uppercase; font-family:'century gothic'; font-weight:normal; font-size:12px; margin:2px; color:#000; border:1px solid #ccc; background:#fff; text-align:center; vertical-align:middle; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; color:#999; text-decoration:none;}
a.button:hover {color:#000; border-color:#999; box-shadow:1px 1px 2px #ccc;}

a.primary {background:#000; color:#fff;}
a.primary:hover {background:#666; color:#fff; border-color:#000;}

a.small {font-size:9px; padding:3px 10px;}
a.small:hover {border:1px solid #999; box-shadow:none;}


p {margin:0; padding:0; margin-bottom:10px;}

h1, .h1, .h1 a, h1 a {display:block; text-decoration:none; text-transform:uppercase; margin:0; font-family:'century gothic'; font-weight:normal; font-size:45px; line-height:45px; color:#000;height: 100%;}
h2, h2 a, .h2, .h2 a {display:block; text-decoration:none; text-transform:uppercase; margin:0; font-family:'century gothic'; font-weight:normal; font-size:25px; line-height:25px; color:#000; }
h3, h3 a, .h3, .h3 a {display:block; text-decoration:none; text-transform:initial; margin:0; font-weight:700; font-size:15px; line-height:16px; color:#000;}

h1 a:hover, h2 a:hover, h3 a:hover {text-decoration:none;}
.h1 a:hover, .h2 a:hover, .h3 a:hover {text-decoration:none;}

h4, h5,h6 {text-transform:uppercase; color:#000;font-family:'century gothic'; font-weight:normal;  }

#like_us { padding-top: 10px; margin-top:10px; border-top:1px solid #ccc;}
#like_us a {color: #3B5998; text-decoration:underline;}
#like_us > div {margin-top:5px;}
/* CSS Additions */
/*.dev-todo {opacity: 0.5; background: #FFC !important;}*/
.clear {clear:both; }

.box .boxcontent li .icon {
    float: left;
    width: 100px;
    height: 130px;
    margin: 10px 10px 10px 0px;
}

.box .boxcontent li .icon img {
    width:100% !important;
    height: auto !important;


}

.box .boxcontent li p {
    font-size: 12px;
    margin-left: 15px;
}

.floating.right .boxcontent li .icon {
    width:96%;
    height:150px;
    float: none;
}

.zodie-name {
    display: block;
    margin-top: 3px;
    font-size:11px;
    text-transform:capitalize;
}


/* #page nu tb sa aibe overflow:hidden, FFS... */
#page {
    overflow: visible !important;
}

#social {overflow: visible; }
#social div { overflow: visible; }
#social .pinterest-container iframe {}
#social .twitter-container iframe {display: inline !important; width: 90px !important;}
#social .gplus-container iframe { width:70px !important;}
#social .fb-container iframe { margin-top:-3px !important;}

.post-thumbnail-container {
    float:left;
    padding:5xp;
    margin:0px 10px 10px 0px;
    overflow:hidden;
    width: 300px;
}
.post-thumbnail-container-full {
	width: 640px;
}
.ecards .post-thumbnail-container {
    float:none;
    width:100%;
}

.post-thumbnail-container img {
    width:100% !important;
    height: auto !important;
}

.hidden { display:none}

.filters,
.catwalk-filters {
    margin:0px 0px 10px;
}
.filters select,
.catwalk-filters select {
    background: #FFF;
    border:none !important;
    padding:2px;
    width:130px;
}

.filters label,
.catwalk-filters label {
    margin-left:5px;
}


.product-types-filters ul { list-style: none; margin:0; padding:0;}

.product-types-filters ul li { display: block; float:left; padding:5px 0px; width:25%;}

.form-decoration-shopping h2 {
    padding:10px 5px !important;
    margin:0px !important;
}

#forum-links  {
    text-align:center;
    margin:5px 0px 20px;
}

#forum-links a {
    opacity: 0.5;
}

#forum-links a:hover {
    opacity: 1 !important;
    color:#000;
}

#forum-links a.login {
    background: url('img/icon_link_login.png') no-repeat 0px 3px;
    padding:0px 10px 0px 18px;
}

#forum-links a.forum {
    background: url('img/icon_link_forum.png') no-repeat 0px 3px;
    padding:0px 10px 0px 20px;
}

#adointer, #adobranding, #ado728p1, #ado300p1, #ado300p2, #ado300p3, #ado980p1, #bholder, #bleft,#btop,#bright {
    overflow:visible !important;
}
#adointer div, #adobranding div, #ado728p1 div, #ado300p1 div, #ado300p2 div, #ado300p3 div, #ado980p1 div, #bholder div, #bleft div,#btop div,#bright div {
    overflow:visible;
}

body>div { overflow:visible; }
#leaderboard div { overflow:visible; }
/*
#adointer *, #adobranding *, #ado728p1 *, #ado300p1 *, #ado300p2 *, #ado300p3 *, #ado980p1 *, #bholder *, #bleft *,#btop *,#bright * {
        overflow:visible !important;
}
*/

.mejs-poster img {
    height: 100% !important;
    width: auto !important;
    margin: 0px auto !important;
    max-width: none !important;
    max-height: none !important;
}


 /* abonamentess 
 ----------------------------------------------*/
#abonamentess {
	border: 1px solid #ccc;
	margin: 20px 0;
}
#abonamentess form {
	border-top: 1px solid #ccc;
	padding: 10px;
	overflow: hidden;
	float: none;
	clear: both;
	position: relative;
}
#abonamentess h2 {
	font-size: 30px;
	padding: 10px;
	border-bottom: 1px solid #ccc;
}
#abonamentess p {
	font-family: Arial;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	float: left;
	padding: 10px;
}
#abonamentess p.red {
	color: red;
}
#abonamentess form p {
	margin: 0 10px;
	border: 1px solid #cf5c59;
	color: #000;
}
#abonamentess form p.active {
	background: #92f092 !important;
	color: #000 !important;
	border: 1px solid #0DDD26;
}
#abonamentess p label {
	cursor: pointer;
	padding: 10px;
}
#abonamentess input[type=radio] {
	cursor: pointer;
}
#abonamentess input[type=number] {
	width: 50px;
	padding: 3px;
}
#abonamentess input[type=submit] {
	border-top: 1px solid #777;
	background: #000;
	color: #fff; 
	padding: 10px;
	border:0;
	cursor:pointer;
	margin:0;
	position: absolute;
	right: 0;
	bottom: 0;
}
#abonamentess .prod_cant {
	float: none;
	clear: both;
	margin: 20px 0;
	background: none;
	border: 0;
	color: #000;
}


#sidebar, #sidebar div {
    overflow: visible !important;
}


/* ---------------------elle new slider--------------------- */
#elle_new_slider {
	width: 640px;
	overflow: hidden;
	
	font-family:'century gothic';
}
#elle_new_slider .item {
	float: left;
}
#elle_new_slider .new_s_top {
	width: 640px;
	height: 410px;
	overflow: hidden;
}
#elle_new_slider .new_s_bottom {
	width: 655px;
	height: 220px;
	overflow: hidden;
	margin: 10px 0 0 -5px;
}
#elle_new_slider .top {
	overflow: hidden;
	display: none;
}
#elle_new_slider .top .item {
	background: #000;
	text-align: center;	
	position: relative;
}
#elle_new_slider .top h2 {
	background: url('css/assets/new_s_bgg.png');
	padding: 10px;
	margin: 0;
	
	position: absolute;
	bottom: 0;
	width: 100%;
}
#elle_new_slider .top h2 a {
	color: #fff;
	text-align: left;
	font-size: 28px;
	font-weight: 700;
	line-height: 30px;
}
#elle_new_slider .top  img {
	width: 100%;
	display: block;
}

#elle_new_slider .bottom {
	overflow: hidden;
	display: none;
	
	margin: 5px 0 0 0 !important */
}
#elle_new_slider .bottom .item {
	/* margin: 0 5px; */
	height: 220px !important;
	padding: 0 5px;
}
#elle_new_slider .bottom .thumb {}
#elle_new_slider .bottom .thumb img {
	max-width: 100%;
	margin: 0 auto;
	display: block;
}
#elle_new_slider .bottom .title {
	padding: 0 10px;
	margin: -20px 0;
}
#elle_new_slider .bottom .title a {
	text-align: center;
	font-size: 16px;
	color: #919191;
	line-height: 20px;
}
#elle_new_slider .bottom .title a.big {
	display: block;
	text-align: center;
	font-size: 22px;
	color: #000000;
	background: #fff;
	z-index: 2;
	position: relative;
	padding: 10px 0;
	text-transform: uppercase;
}
#new_slider_prev {
	background: url('css/assets/new_s_prev.png') no-repeat;
	width: 22px;
	height: 35px;
	position: absolute;
	top: 187px;
	z-index: 2;
	left: 10px;
	cursor: pointer;
}
#new_slider_next {
	background: url('css/assets/new_s_next.png') no-repeat;
	width: 22px;
	height: 35px;
	position: absolute;
	top: 187px;
	right: 10px;
	z-index: 2;
	cursor: pointer;
}