@font-face {
    font-family: 'century gothic';
    src: url(../webfonts/2475A8_0_0.eot) format('eot');
    src: url(../webfonts/2475A8_0_0.ttf) format('truetype');
    src: url(../webfonts/2475A8_0_0.woff) format('woff');
}

@font-face {
    font-family: 'century gothic condensed';
    src: url(../webfonts/2475A8_1_0.eot) format('eot');
    src: url(../webfonts/2475A8_1_0.ttf) format('truetype');
    src: url(../webfonts/2475A8_1_0.woff) format('woff');
}



body {font-family:Georgia,Arial; color:#666; font-size:14px; line-height:110%;}

#page {width:980px; margin:30px auto; border:1px solid #ccc; padding:0; background:#fff; position:relative;}

#header {}
#identity {padding:8px;}
#logo {float:left; width:220px; height:100px; background:url('../img/logo-elle.png') right center no-repeat; text-indent:-1000px;;}
#leaderboard {width:728px; height:90px; background:#fff; float:right; padding:4px;}
#navigation {padding:5px; background:#eee; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
#menu {background:#fff; border:1px solid #ccc; display:block; overflow:hidden;}
#menu li { margin:5px 10px; padding:0; overflow:visible;}
#menu li a { padding:5px 10px; }
#menu li.selected a,
#menu li.current-menu-item a {}
#menu li.home {margin:0px; }
#menu li.home a {padding:10px; background:#ccc url('../img/home.png') center center no-repeat; text-indent:-2000px; width:15px; border-right:1px solid #ccc;}
#menu li:hover {background:#eee;}
#menu li .inside {display:none;}
#menu li:hover .inside {display:block; position:absolute;  z-index:100; background:#fff; width:430px; padding:10px 20px; border:1px solid #ccc; box-shadow:0px 4px 5px #666;}
#menu li:hover .simple {width:120px; }
#menu .inside ul {list-style-type:none; margin:0; padding:0;}
#menu .inside ul li {float:none; overflow:hidden; clear:both; border-top:1px solid #ccc; margin:0; padding:5px 0; background:none;}
#menu .inside ul li a {background:none; color:#666; }
#menu .inside ul li:hover a {background:none; color:#000;}
#menu .inside ul li a:hover {color:#000;}
#menu .inside ul li:first-child {border:none;}
#menu .inside .submenu {width:150px; float:left;}
#menu .inside .submenu li a {padding:5px 3px; font-weight:normal;}
#menu .inside .submenu li.selected a,
#menu .inside .submenu li.current-menu-item a {background:none; }
#menu .inside .submenu li a:hover {background:url('../img/arr-white.png') center right no-repeat;}
#menu .inside .peeks {width:250px; float:right;}
#menu .inside .peeks li {}
#menu .inside .peeks li .icon {overflow:hidden; display:block; float:left; margin-right:10px; border:1px solid #ccc; padding:4px; position:relative;}
#menu .inside .peeks li .icon a {display:block;width:80px; height:50px; overflow:hidden; padding:0; margin:0;}
#menu .inside .peeks li .title {font-style:italic; font-weight:normal; text-transform:none; font-size:15px; }

#features { float:left; padding-top:5px;}
#features li {margin:0px; margin-right:10px; padding:0;}
#features li a {padding:10px; font-weight:normal;}
#features li.selected a,
#features li.current-menu-item a {background:none; color:#000; text-decoration:underline; font-weight:bold;}

#tools {float:right; padding-top:5px;}
#searchsite {background:url('../img/searchform.png') center center no-repeat; height:36px; width:290px; padding:0 5px; position:relative;}
#searchsite input {background:none; border:none; margin:0; padding:0; }
#searchsite .textfield {font-size:16px; color:#999; height:20px; margin-top:10px; width:250px; outline:none; background:none; float:left; margin-left:10px; font-style:italic; font-family:georgia;}
#searchsite .submit {display:block; float:right;background:url('../img/searchbtn.png') center center no-repeat; width:26px; height:26px; margin-top:5px; text-indent:-2000px; overflow:hidden; cursor:pointer;}

#breadcrumbs {padding:5px 10px; font-size:14px; text-transform:uppercase; font-family:'century gothic condensed', helvetica, arial, sans-serif; }
#breadcrumbs a {color:#999; text-decoration:none;}
#breadcrumbs a span {margin-right:10px;}
#breadcrumbs a:hover {color:#000; }

#main {padding:0 10px 10px 10px; margin-bottom:20px; min-height:500px;}

#content {width:640px; float:left; margin-bottom:50px;}
#content.full {width:100%; float:none; margin-bottom:50px;}

#presentation {padding:10px 0; }
#presentation h1 {}
#presentation #heading {max-width:95%; font-style:italic; font-size:17px; line-height:20px; margin:0;}
#presentation p {margin:0;}
#explore {background:#eee; padding:10px; border-top:1px solid #ccc; margin-bottom:20px;}

.floating {width:160px; float:right; margin-left:15px;}
.floating.large {width:300px; }
.floating.bordered {border:3px solid #ccc; padding:7px;}

.holder {padding:15px 0; text-align:center; border-top:1px solid #ccc;}
.holder .banner {display:inline-block;border:1px solid #ccc; background:#fff; padding:4px;}
.holder .banner:hover {border:1px solid #000; }

.zone {margin:0; padding:0; position:relative; border-top:1px solid #ccc;}
.zone h2 {margin-top:10px;}
.zone h2 a:hover {background:url('../img/arr-white.png') center right no-repeat;}
.zone .description {}
.zone .nextstep {position:absolute; bottom:5px; right:10px; font-size:13px; text-transform:uppercase; border-top:0px dotted #ccc; padding:2px 15px 3px 0; font-family:'century gothic'; background:url('../img/arr-white.png') center right no-repeat; }
.zone .contents {margin-top:10px;}
.zone .post {}
.zone .post .icon { display:block; overflow:hidden; margin:0; padding:0;position:relative; border:1px solid #ccc; z-index:1; background:#fff; }
.zone .post .icon a {display:block; overflow:hidden; position:absolute; margin:0; padding:0; top:4px; left:4px; right:4px; bottom:4px; opacity:1;}
.zone .post .icon a img {margin:0; padding:0; margin-left:-150px; margin-top:-50px;}
.zone .post .info {z-index:10; font-size:15px; line-height:120%;color:#999;}
.zone .post .info .zone_description { font-size:11px; line-height:120%; color: #ccc; margin-top:5px;}
.zone .post .action {font-size:9px; text-transform:uppercase; border-top:0px dotted #ccc; padding:2px 15px 3px 0; font-family:'century gothic'; background:url('../img/arr-white.png') center right no-repeat; color:#999;}
.zone .post .action:hover {text-decoration:none; color:#000;}
.zone .post:hover .icon {border-color:#000;}
.zone .post:hover .icon a {opacity:.9;}


.box {margin-bottom:20px; }
.box .boxtitle {display:block; text-decoration:none; text-transform:uppercase; padding:10px 0; margin:0; font-family:'century gothic'; font-weight:normal; font-size:25px; line-height:25px; color:#000; margin-bottom:5px; border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.box .boxtitle a:hover {background:url('../img/arr-white.png') center right no-repeat;}
.box .boxcontent {padding:5px 0;}
.box .boxactions {border-top:1px solid #ccc; padding:10px 2px; text-align:center;}
.box .left {text-align:left;}
.box .right {text-align:right;}


.box-bordered {border:1px solid #ccc; padding:0px; }
.box-bordered .boxtitle {padding:7px; border:none;}
.box-bordered .boxcontent {padding:7px; }

.box-highlighted {border:1px solid #ccc; padding:1px; }
.box-highlighted .boxtitle {background:#000; color:#fff; padding:10px 7px; border:none;}
.box-highlighted .boxtitle a {color:#fff;}
.box-highlighted .boxcontent {padding:5px; }




.slideshow {margin-bottom:20px;}
.slideshow .contents {background:#fff; max-height:550px; overflow:hidden;border:1px solid #ccc; padding:5px;}
.slideshow .post {display:none; position:relative; margin:0; padding:0;}
.slideshow .post:first-child {display:block; }
.slideshow .post .info {position:absolute; top:0px; right:0px; width:200px; padding:10px 20px 0 60px; height:480px; background:url('../img/carousel.png') top right no-repeat; color:#000;}
.slideshow .post .info h2 a {font-size:27px; line-height:29px; letter-spacing:-1px;}
.slideshow .post .info h3 a {font-size:25px; line-height:25px; letter-spacing:-1px;}
.slideshow .post .icon {width:100%; height: 300px; margin:0; padding:0;border:none;}
.slideshow .post .icon a {position:static;}
.slideshow .post .icon a img {margin:0; padding:0;}
.slideshow .post .action {background-color:#000; color:#fff; padding-left:10px; opacity:.6;}
.slideshow .post .action:hover {color:#fff; opacity:1;}
.slideshow .container {height:140px; overflow:hidden;}

.slideshow.gallery .post .icon {width:100%; height: 450px; margin:0; padding:0;border:none;}
.slideshow.gallery .post .icon img {height:100% !important; width: auto !important;}

.slider {background:#eee; padding:20px 40px; position:relative; border-top:1px solid #ccc;}
.slider .scroll {position:absolute; width:30px; height:30px; text-indent:-2000px; display:block; overflow:hidden; background:none; background-position:top center; margin-top:-15px;}
.slider .scroll:hover {background-position:bottom center;}
.slider .next {right:5px; top:70px; background-image:url('../img/scroll-right.png');}
.slider .prev {left:5px; top:70px; background-image:url('../img/scroll-left.png');}

.slider .slidenav {list-style-type:none; margin:0; padding:0;  width:2000px;}
.slider .slidenav li {float:left; margin:0; padding:0; width:100px;  margin:0 5px;}
.slider .slidenav li.selected .icon { background:#666; border:1px solid #000} 
.slider .slidenav li .icon {overflow:hidden; display:block; border:1px solid #ccc; padding:4px; position:relative; background:#fff;}
.slider .slidenav li .icon a {display:block;width:100%; height:90px; overflow:hidden; padding:0; margin:0;}
.slider .slidenav li .title {display:block;width:100%; height:60px; overflow:hidden; font-style:italic; font-size:16px; color:#999;}
.slider .slidenav li:hover .title {color:#999; text-decoration:underline;}
.slider .slidenav li.selected .title {color:#000; }

.img-list {position:relative;}

#next_attachment_link {
     background-image:url('../img/scroll-right.png');
     width:30px;
     height:30px;
     text-indent:-2000px;
     display:block;
     position:absolute;
     top:50%;
     right:10px;
}

#prev_attachment_link {
     background-image:url('../img/scroll-left.png');
     width:30px;
     height:30px;
     text-indent:-2000px;
     display:block;
     position:absolute;
     top:50%;
     left:10px;
}

.mixed {padding:0; padding-top:10px;}
.mixed .contents {position:relative; height:500px; margin-bottom:30px;}
.mixed .post {width:25%; height:49%; position:relative; }
.mixed .post .icon {position:absolute; top:0px; bottom:0px; right:0px; left:0px; z-index:1; }
.mixed .post .info {position:absolute; bottom:5px; left:10px; right:10px; background:#000; color:#fff; padding:10px; opacity:.6; z-index:10;}
.mixed .post .info a {color:#fff;}
.mixed .post .info p {display:none;}
.mixed .post .info .action {display:none;}
.mixed .post:hover {}
.mixed .post:hover .info {opacity:.8;}
.mixed .post:hover .info p {display:block;}
.mixed .pos1 {position:absolute; top:0; bottom:0; left:50%; margin-left:-23%; width:46%; height:auto;;}
.mixed .pos1 .info {bottom:5px; left:20px; right:20px; padding:10px;}
.mixed .pos1 .info h3 a {font-size:23px; line-height:20px; padding-bottom:10px; /* border-bottom:1px solid #fff; */ margin-bottom:0; font-family:'century gothic'; }
.mixed .pos1 .info p {display:block; text-transform:uppercase;}
.mixed .pos1 .info .action {display:block; }
.mixed .pos2 {position:absolute; top:0; left:0; }
.mixed .pos3 {position:absolute; bottom:0; left:0; }
.mixed .pos4 {position:absolute; top:0; right:0; }
.mixed .pos5 {position:absolute; bottom:0; right:0; }


.twocols {padding:0; padding-top:10px; }
.twocols .contents {width:100%; background:url('../img/linecolor.gif') top center repeat-y;}
.twocols .post {width:50%; border:none; border-top:1px solid #ccc; height:130px; float:left; position:relative; padding:0;}
.twocols .post .icon {display:none; }
.twocols .post .info {padding:10px;}
/*	.twocols .post .action {position:absolute; bottom:10px; left:10px;}*/
.twocols .post:hover {}

.twocols .pos1, .twocols .pos2 {height:210px;}
.twocols .pos1 .action, .twocols .pos2 .action {left:52%;}
.twocols .pos1 .info, .twocols .pos2 .info {display:block; margin-left:50%;}
.twocols .pos1 .icon, .twocols .pos2 .icon {display:block; position:absolute; top:10px; bottom:10px; left:10px; width:45%; border:1px solid #ccc;}
.twocols .pos1 .icon a, .twocols .pos2 .icon a {position:absolute; top:5px; left:5px; bottom:5px; right:5px; overflow:hidden; }


.threecols {padding:0; padding-top:10px; }
.threecols .contents {border-top:1px solid #ccc; padding-top:10px;}
.threecols .post {position:relative; width:33%; float:left; height:350px;}
.threecols .post .icon {position:relative; margin:5px; height:240px;}
.threecols .post .info {margin:5px 10px; }
.threecols .post .info h3 {position:absolute; bottom:120px; left:20px; z-index:30; width:80%; margin:0 auto;}
.threecols .post .info h3 a {background:#000; color:#fff; padding:5px; opacity:.8; margin:0;}
/*	.threecols .post .action {position:absolute; bottom:0; left:5px; }*/


.playlist {padding:0; padding-top:10px; }
.playlist h2 {margin-bottom:15px;}
.playlist .visual {float:left; width:60%; overflow:visible;}
.playlist .visual .icon {width:100%; height:278px; opacity:1;}
.playlist .visual .icon a {opacity:1;}
.playlist .visual .icon a span {display:block;background:pink; text-align:center; vertical-align:middle; width:100%; height:100%;}
.playlist .visual .info {padding:5px;}
.playlist .visual .info .action {display:none;}
.playlist .contents {float:right; width:40%; height:278px; overflow:auto; margin:0; padding:0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
.playlist .contents .post {padding:5px 10px 5px 15px; border-bottom:1px solid #eee;}
.playlist .contents .post .info {padding:10px 0;}
.playlist .contents .post .info p {display:none;}
.playlist .contents .post h3 a {}
.playlist .contents .post .embed {display:none;}
.playlist .contents .post .action {display:none;}
.playlist .contents .post .icon {width:80px; height:80px; float:left; margin-right:10px;}
.playlist .contents .selected {background:#eee;}
.playlist .nextstep {top:350px; bottom:auto;}



.smallcategories {background:url('../img/linecolor.gif') 49% 0 repeat-y; border:none;}
.smallcategories .category {width:50%; float:left; border-top:1px solid #ccc; position:relative;}
.smallcategories .category h2 {margin-right:20px;}
.smallcategories .category .contents {height:250px; overflow:hidden; border-top:1px solid #ccc; padding:0px; padding-right:20px;}
.smallcategories .category .contents .post {height:100%; padding:10px 0;}
.smallcategories .category .contents .post .icon {width:45%; height:80%; float:left; margin-right:10px;}
/*	.smallcategories .post .action {position:absolute; bottom:5px; right:10px;} */

.smallcategories .category .slidenav {position:absolute; top:13px; right:35px; list-style-type:none; margin:0; padding:0; z-index:20;}
.smallcategories .category .slidenav li {margin:0; padding:0; float:left; margin:2px;}
.smallcategories .category .slidenav li a {display:block; width:14px; height:14px; background:#ccc; text-indent:-2000px; --moz-border-radius:3px; --webkit-border-radius:3px; border-radius:3px;}
.smallcategories .category .slidenav li a:hover {background:#999;}
.smallcategories .category .slidenav li.selected a {background:#000;}


#content .pagination {padding:7px 0; border-bottom:1px solid #ccc;}
#content .pagination h2 {float:left; margin:0 !important; padding:0 !important; margin-right:10px !important; margin-top:5px !important;}
#content .pagination .menu {float:left; margin:0; padding:0;}
#content .pagination .menu li {margin:2px;}
#content .pagination .menu li.next {float:right;}
#content .pagination .menu li a {background:url('../img/scroll-item.png') top center no-repeat; width:30px; height:25px; padding:0; font-size:15px; text-align:center; padding-top:5px; text-decoration:none;}
#content .pagination .menu li span { display:block; width:30px; height:25px; padding:0; font-size:15px; text-align:center; padding-top:5px; text-decoration:none;}
#content .pagination .menu li a:hover {text-decoration:none; font-weight:bold;}
#content .pagination .menu li.selected a {background:url('../img/scroll-item.png') bottom center no-repeat; color:#fff;}

#sidebar {width:300px; float:right;margin-bottom:50px;}
#sharing {background:url('../img/linecolor.gif') center center repeat-x; text-align:center; margin-bottom:15px;}
#sharing span {display:inline-block; background:#fff; padding:5px 15px;;}
#sharing a {border:none;opacity:.5;}
#sharing a:hover {opacity:1;}

#article {display:inline; font-size:15px; line-height:130%; margin-bottom:30px; color:#000;}
#article #presentation {border-bottom:1px solid #ccc; margin-bottom:20px;}
#article #heading {max-width:none; margin-bottom:10px; }
#article #articleinfo {border-top:1px solid #ccc; padding-top:10px;}
#article #articleinfo .counter {float:right; font-size:14px;}
#article #social {padding:10px 0; border-top:1px solid #ccc;border-bottom:1px solid #ccc; margin-bottom:15px;}
#article #social .left {float:left; width:auto;}
#article #social .right {float:right;width:auto;}
#article #tags {background:#eee;  border-top:1px solid #ccc; padding:10px; margin-bottom:15px;}

#article h2 {margin-bottom:10px; margin-top:20px;}
#article h3 {text-transform:uppercase; color:#000;font-family:'century gothic'; font-weight:normal;  font-size:18px; margin-top:15px;}

#article .visual {border:1px solid #ccc; position:relative; overflow:hidden;}
#article .visual:hover {border:1px solid #000; }
#article .visual span {display:block;position:relative; left:0; right:0; margin:4px; overflow:hidden; text-align:center; background:#eee;}
#article .visual span img {margin:0; }
#article .visual a { /*position:absolute;*/ bottom:30px; left: 0px; z-index:10; display:block; padding:5px 10px; background:#000; color:#fff; text-decoration:none; opacity:.8;}

#article .wide {float:none; clear:both; display:none; }
#article .img-list .wide:first-child {display:block; }
#article .left {width:250px; float:left; margin-right:10px; margin-bottom:10px;}
#article .right {width:250px; float:right; margin-left:10px; margin-bottom:10px;}

blockquote {border:1px solid #ccc; padding:20px 40px; margin:0; margin-bottom:20px; font-style:italic; }
dl {margin-bottom:30px; margin-right:70px; color:#000;}
dl dd {margin-bottom:15px;}



#article ul.special {margin:0; padding:0; margin-bottom:25px; background:#f5f5f5; list-style-type:none; width:auto;}
#article ul.special li {padding:10px; border-top:1px solid #ccc; position:relative; padding-left:55px; font-size:13px; line-height:14px; padding-right:30px; margin:0; color:#000;}
#article ul.special li:hover {background:#eee;}
#article ul.special li p {margin-bottom:5px;}
#article ul.special li p.info {color:#999;}

#article ul.special li .icon {position:absolute; left:5px; top:5px;;}
#article ul.special li strong {color:#000;}

#article ul,#article ol {margin-right:70px; margin-bottom:30px; }
#article ul li, #article ol li {margin-bottom:10px;}


#article.gallery {display:block; border:1px solid #ccc; padding:7px;}
#article.gallery #presentation {margin-bottom:0;}
#article.gallery #hotspot {background:#000; color:#999; font-size:13px;}
#article.gallery #hotspot strong {color:#fff;}
#article.gallery #hotspot .slider {background:#222; margin:0;}
#article.gallery #hotspot ul.slidenav {height:auto !important; margin:0 !important;}
#article.gallery #hotspot ul.slidenav li {height:auto !important; margin-bottom:0;}
#article.gallery #hotspot .slider .title {display:none;}
#article.gallery #hotspot .visual {border-color:#000; margin:0 30px; margin-bottom:30px; }
#article.gallery #hotspot .visual span {max-height:450px;}
#article.gallery #hotspot .visual:hover {border-color:#666;}

#article.gallery #hotcontent {padding:10px 20px;}
#article.gallery #hotspot h2, #article.gallery #hotspot h3, #article.gallery #hotspot h4 {color:#fff;}

#article.gallery #explore {background:none; padding:5px 10px; margin:0; border:none;}
#article.gallery #explore ul {margin:0; padding:0; padding-left:20px;}
#article.gallery #explore ul li {margin:0; padding:0;}
#article.gallery #explore a {color:#999;}
#article.gallery #explore li.selected a {color:#fff;}

#article.gallery #hotspot.nojs .visual {border-color:#000; margin:0 80px; margin-bottom:30px; }
#article.gallery #hotspot.nojs .visual span { max-height: 900px !important; }
#article.gallery #hotspot.nojs .visual span img { width:100% !important; height: auto !important; }

#quicknav {clear:both; float:none; border-bottom:1px solid #ccc; }
#quicknav .h2 {border-bottom:1px solid #ccc; padding:10px 0; margin-bottom:20px;}
#quicknav .h3 {display:block; text-decoration:none; text-transform:uppercase; margin:0; font-family:'century gothic'; font-weight:normal; font-size:25px; line-height:23px; color:#000; margin-bottom:10px;}
#quicknav ul {list-style-type:none; margin:0; padding:0; margin-bottom:15px;}
#quicknav ul li {border-top:1px solid #eee; margin:0; padding:0; }
#quicknav ul li:first-child {border:none}
#quicknav ul li a {display:block; padding:7px 0; text-transform:uppercase; color:#999; text-decoration:none; font-size:12px; line-height:13px;}
#quicknav ul li a:hover {color:#000; text-decoration:underline; background:url('../img/arr-white.png') center right no-repeat;}
#quicknav .contents {width:110%;}
#quicknav .category {width:178px; margin-right:17px; float:left; overflow:hidden;}
#quicknav .category .icon {overflow:hidden; border:1px solid #ccc; position:relative; }
#quicknav .category .icon a {display:block;margin:4px; height:160px;  overflow:hidden;}
#quicknav .category .icon a img {margin:0; padding:0;width: 100%;height: auto !important;}

#footer {clear:both; padding:0; margin:0; text-align:center; text-transform:uppercase; color:#000; margin-bottom:20px; font-size:12px; line-height:14px;}
#footer	 p a {display:inline-block; margin:0 7px;}


#network {padding:10px; background:#eee; text-align:center; color:#999;}
#network p {margin-bottom:20px;}
#network a {display:inline-block; margin:0 7px; color:#999;}
#network a:hover {color:#000; text-decoration:underline;}


/* Changes */

form .submit {
    margin: 2px; padding:5px 10px; border:1px solid #ccc; background: #444; color:#FFF;;
}

form input.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;}
form input.button:hover {color:#000; border-color:#999; box-shadow:1px 1px 2px #ccc;}

form input.button.primary {background:#000; color:#fff;}
form input.button.primary:hover {background:#666; color:#fff; border-color:#000;}

.floating.big {width:286px;}

.zone .post .icon { text-align: center; }
.zone .post .icon a img {margin:0 auto !important;width: auto !important;height: 100% !important;}
.zone.slideshow .icon a img { width:100% !important; height: auto !important;}
.zone.focus .icon a img { width:100% !important; height: auto !important;}

/* Image corrections */
.mixed .post .icon a { text-align: center; }
.mixed .post .icon a img { height: 100% !important; width: auto !important; }

.zone.focus {margin-bottom:20px;}
.zone.focus .contents {background:#fff; max-height:550px; overflow:hidden;border:1px solid #ccc; padding:5px;}
.zone.focus .post {display:none; position:relative; margin:0; padding:0;}
.zone.focus .post:first-child {display:block; }
.zone.focus .post .info {position:absolute; top:0px; right:0px; width:200px; padding:10px 20px 0 60px; height:480px; color:#444; text-align: right}
.zone.focus .post .info h2 a {font-size:35px; line-height:35px; letter-spacing:-1px; margin:0px 0px 10px;}
.zone.focus .post .info h3 a {font-size:25px; line-height:25px; letter-spacing:-1px; margin:0px 0px 10px;}
.zone.focus .post .icon {width:60%; height:300px; margin:0; padding:0;border:none;}
.zone.focus .post .icon a {position:static;}
.zone.focus .post .icon a img {margin:0; padding:0;}
.zone.focus .post .action {background-color:#000; color:#fff; padding-left:10px; opacity:.6;}
.zone.focus .post .action:hover {color:#fff; opacity:1;}
.zone.focus .container {height:120px; overflow:hidden;}

.zone .boxactions {
    border: 1px solid #ccc; border-top: none;
    padding:10px;
    text-align: right;
}

.zone.question-form {margin-bottom:20px; overflow: visible;}
.zone.question-form .contents {background:#fff; overflow:hidden;border:1px solid #ccc; padding:5px;}
.zone.question-form table { width:100%;}
.zone.question-form table th { width:25%; font-weight: normal!important; color: #666; text-align: right; vertical-align: top; padding-top: 11px;}
.zone.question-form table td { width:74%;}
.zone.question-form, form label {margin: 5px; font-family: 'century gothic';font-size: 14px;font-weight:  normal;}
.zone.question-form label sup,
.zone.question-form label em { color: #c00; font-weight: bold;}
.zone.question-form .form-field, form .form-field {margin: 5px; padding:5px; border:1px solid #ccc; width:90%; background: #FFF;}
.zone.question-form .form-field.textarea, form .form-field.textarea {height: 100px;}

.contact-form { margin:10px 20px;}
.contact-form fieldset { border: none; margin:0px; padding:0px;}
.contact-form {margin-bottom:20px; overflow: visible;}
.contact-form label {margin: 5px; font-family: 'century gothic';font-size: 16px;font-weight: normal;}
.contact-form span.reqtxt,
.contact-form span.emailreqtxt{ margin: 5px; font-size: 12px;font-weight: normal; color:#999;}
.contact-form .cf-ol {margin:0px; padding:0px; list-style:none;}
.contact-form .cf-ol input.single,
.contact-form .cf-ol textarea {margin: 5px; padding:5px; border:1px solid #ccc; width:90%; background: #FFF;}
.contact-form .cf-ol textarea {height: 100px;}
.contact-form .sendbutton {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;}
.contact-form .sendbutton:hover {color:#000; border-color:#999; box-shadow:1px 1px 2px #ccc;}
.contact-form .sendbutton {background:#000; color:#fff;}
.contact-form .sendbutton:hover {background:#666; color:#fff; border-color:#000;}
.contact-form .cf_li_err input { border:1px solid #d99 !important;}
.contact-form .cf_li_err span.reqtxt,
.contact-form .cf_li_err span.emailreqtxt{ color:#c00;}
.contact-form .linklove { display:none}
.cf_info {
    margin:2px 20px;
    padding:5px;
}

 .cf_info.failure,
 .cf_info.failure2 {background:#fee; border:1px solid #d99}

 .cf_info.success,
 .cf_info.success2 {background:#efe; border:1px solid #9d9}

.zone.horoscop-saptamanal {}
.zone.horoscop-saptamanal #explore {margin:0px;}
.zone.horoscop-saptamanal ul.zodii,
.zone.horoscop-saptamanal ul.horoscop { margin:0px; padding:0px; list-style:none;}
.zone.horoscop-saptamanal ul.zodii li { display:block; width:100px; height: 137px; float:left !important; margin:5px; }
.zone.horoscop-saptamanal ul.zodii li img { width:100%; height: auto !important;}
.zone.horoscop-saptamanal ul.horoscop li { padding:10px; border:1px solid #eee;}


.zone.shopping { border:1px solid #ddd; height: 390px;}
.zone.shopping h2 { padding:5px 10px; margin:10px 0px !important;}
.zone.shopping .post { border:3px solid #eee; margin:3px; width:22%; height: 220px; position:relative;}
.zone.shopping .post .icon { height:80px; border:none; border-bottom: 1px solid #eee;}
.zone.shopping .post .info-shopping{padding:5px;}
.zone.shopping .post .info-shopping h3,
.zone.shopping .post .info-shopping h3 a {font-size:12px !important; color: #888}
.zone.shopping .post .info-shopping .price { background:#000; color:#FFF; padding:5px 0px; height:18px; width:100%; text-align:center; position:absolute; bottom:0px; left:0px;}

.floating.right .zone.astro-mix {}
.floating.right .zone.astro-mix .post { height: 147px; border-top: 1px solid #ccc; padding-top: 10px;}
.floating.right .zone.astro-mix .post .icon {width:33%; height:120px; float:left; margin-right:8px;}
.floating.right .zone.astro-mix .info p {font-size:12px; }

ul.form-messages {list-style: none; margin:10px 0px; padding:0px; width: 94%;}
ul.form-messages li {padding: 10px; margin:2px auto; border:1px solid #0c0; background:#efe; width:100%;  }
ul.form-messages li.error {border:1px solid #c00; background:#fee }

.form-horoscop { border:1px solid #ccc; padding:10px; margin: 10px 0px;}
.form-horoscop .form-field { width: 50%}
.form-horoscop .form-field.small { width: 20%}
.form-horoscop .form-field.big { width: 75%}

.form-horoscop-chinezesc .form-field { width:45% !important; }
.form-horoscop-chinezesc .form-field.small { width:17% !important; }


.form-idei .contents,
.form-profil-sexual .contents {padding:10px; border:1px solid #ccc; }
.form-idei .contents h3 {font-family: 'century gothic'; color:#666; margin:10px 0px;}
.form-idei table {width:97%;}
.form-idei .form-field {width:100%;}
.form-idei textarea {width:100%;}

.form-profil-sexual {margin:10px 0px 20px;}
.form-profil-sexual .left,
.form-profil-sexual .right { float:left; }

.form-profil-sexual .left { width:280px; height:190px; background:url(../img/profil_sexual_logo.png) no-repeat center top;}
.form-profil-sexual .right { width:330px}
.form-profil-sexual .right label {display: block;}
.form-profil-sexual .right .form-field { width: 90%; }
.form-profil-sexual .right .boxactions { border: none !important; margin-right: 20px; }

.post.star-quiz { width:46%; height:340px; border:1px solid #ccc; margin:5px; padding:5px; }
.post.star-quiz ul.choices .icon {height:200px !important; }
.star-quiz h3 {text-transform: none !Important; text-align: center;}
.star-quiz ul.choices {list-style:none; margin:0; padding:0px;}
.star-quiz ul.choices li { float:left; width:49%; text-align: center;}
.star-quiz ul.choices li.selected {background:#000; color:#FFF}
.star-quiz ul.choices li.selected a {color:#FFF;}

#article .star-quiz ul.choices {margin-right:0px;}

.box .star-quiz {
    width:280px;
    height: auto !important;
    border:none !important;
}


.box.box-editorial .icon {
    float:left;
    width:90px;
    margin:0px 10px 10px 0px;
}

.box.box-editorial .icon img {
    width:100%; height: auto !important;
}


.box .star-quiz .boxtitle h3 {text-transform: none !important; }
.box .star-quiz li .icon { width:127px; }
.box .star-quiz li {width:133px !important; }
.box .star-quiz p { margin-left:0px !important;}

#starquiz-single {}
#starquiz-single div.results { border:1px solid #ccc; margin:10px 0px; }
#starquiz-single div.results ul { list-style: none; margin:0px; padding:0px;}
#starquiz-single div.results li { float:left; width:100%;}
#starquiz-single div.results .left { width:30%; padding-top:8px;}
#starquiz-single div.results .right { width:65%; float:left;}
#starquiz-single div.results .progress { border:1px solid #ccc; padding:2px;}
#starquiz-single div.results .value { border:1px solid #ccc; background:#eee; padding:2px; font-size:12px;}



/* Alignment */
.textleft {
    text-align: left;
}
.textright {
    text-align: right;
}
.textcenter {
    text-align: center;
}

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.625em;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 1.625em;
}
.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.post-navigation {
    clear:both;
    margin:5px 0px;
}

.post-navigation .left a,
.post-navigation .right a{
    display:block;
    overflow:hidden;
    width:100%;
    height:44px;
    background:#ebebeb url(../img/single-navigation.png) no-repeat center top;
    text-indent:-10000px;
}

.post-navigation .right a{
    background-position: center -41px;
}

.post-navigation span {
    display:block;
    width:100%;
    height:44px;
    overflow:hidden;
    text-indent:-10000px;

}

ul#corporate { margin:0px auto !important; float: none; }
ul#corporate li { float:none; display: inline !important;}
ul#corporate li a { float:none; display: inline !important;}

#explore form .form-field-search { width: 300px !important; }
#explore .form-search h2 { margin:0px !important; line-height:39px }
#explore .form-search li { font-size:12px; font-family: "century gothic"; text-align:center}
#explore .form-search-designer .form-field-search { width:200px !important;}