/*  
Theme Name: NiceAndChic
Theme URI: http://niceandchic.com/
Description: NiceAndChic WordPress theme
Version: 2.1
Author: Catalin Rosu
Author URI: http://niceandchic.com/
Tags: white, grid, whitespace, minimal, clean, widgets
*/

/*
* { outline: 1px dotted red;}
* > * { outline: 1px dotted blue;}
* > * > * { outline: 1px dotted green;}
* > * > * > * { outline: 1px dotted yellow;}
* > * > * > * > * { outline: 1px dotted black;}
*/

@import url("css/form.css");
@import url("css/validationEngine.css");


html, body, form, input {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: black;
}

a { color: #ff6cbf; text-decoration: none; }
a:hover { color: #333; text-decoration: none; }
a img {border: none;}

div#clearer { clear: both; }
br.clearfix { clear:both; display:block; height:1px; margin:-1px 0 0 0 }

/* HEADER CSS STYLES */

div#header {
	display: block;
	height: 52px;
	background-color: #ff6cbf;
	border-bottom: 4px solid #DFE0E8;
}

div#header div#login {
	width: 886px;
	margin: 0px auto;
}

div#header div#login span.txt, form {
	display: block;
	color: white;
}

div#header div#login span.txt {
	float: left;
	padding-top: 12px;
	width: 350px;
	padding-left: 81px;
}

div#header div#login span.welcome {
	display: block;
	float: left;
	color: white;
	padding-top: 12px;
	width: 400px;
	padding-left: 81px;
}

div#header div#login span.txt a { color: #ccc; text-decoration: none; }
div#header div#login span.txt a:hover { color: white; }

div#header div#login span.form {
	float: right;
	background: transparent url(images/login-bck.png) no-repeat top left;
	width: 300px;
	height: 33px;
	margin-top: 10px;
	padding: 4px 0px 0px 4px;
}

div#header div#login span.form a.twitter, 
div#header div#login span.form a.facebook {
	color: white;
	display: block;
	background: transparent url(images/twitter.png) no-repeat top left;
	height: 25px; padding-left: 30px; line-height: 25px;
	font-size: 11px; font-family: Tahoma;
	float: right;
	margin-left: 10px;
}

div#header div#login span.form a.twitter:hover,
div#header div#login span.form a.facebook:hover {
	color: black;
}

div#header div#login span.form a.facebook {
	background-image: url(images/facebook.png);
}

div#header div#login span.form input {
	background: transparent;
	border: none;
	color: #000;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	width: 95px;
	margin: 6px 0px 0px 40px;
}

div#header div#login span.form input.pass {
	margin: 6px 0px 0px 33px;
}

div#header div#login span.form span.email, span.pass, span.send {
	display: block;
	float: left;
	height: 25px;
	margin-right: 1px;
}

div#header div#login span.form span.email {
	background: url(images/login-email-bck.png) no-repeat top left;
	width: 144px;
}

div#header div#login span.form span.pass {
	background: url(images/login-pass-bck.png) no-repeat top left;
	width: 138px;
}

div#header div#login span.form span.send {
	background: url(images/login-send-bck.png) no-repeat top left;
	width: 122px;
}

div#header div#login span.form span.send a {
	display: block;
	background: #ccc;
	height: 25px;
	background: transparent;
}

/* ********************************************
	COMMENT FORM A FEW CSS STYLES 
*/

form#commentForm p {
	margin: 0px;
	padding: 0px;
}


/* ********************************************
	CONTAINER CONTENT CSS STYLES 
*/
div#wrap-all {
	display: block;
}

div#container {
	width: 886px;
	margin: 25px auto 0px auto;
}

div#container div#logo {
	float: left;
	width: 81px;
	height: 63px;
	background: url(images/logo-bck.png) no-repeat top left;
}

div#container div#logo a { display: block; width: 81px; height: 43px; }

div#container div#content {
	float: left;
	width: 805px;
}

div#container div#content div#flash {
	display: block;
	width: 805px;
	height: 251px;
	margin: 20px auto 40px auto;
	background: white;
}

div#container div#content u#submenu_forum {
	margin: 20px 0px 20px 0px;
	padding-left: 0px;
	color: #689E21;
}

div#container div#content ul#submenu_forum li {
	padding-left: 10px;
	background: url(images/ul-history-li.png) no-repeat 2px 5px;
	line-height: 20px;
	list-style: none;
	display: inline;
	margin-right: 10px;
}

div#container div#content div#alpha {
	display: block;
	/*background: #ccc;	*/
	width: 155px;	
	float: left;
	margin-top: 70px;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
}

div#container div#content div#alpha a {color: #689E21; }
div#container div#content div#alpha a:hover { color: #333; }

div#container div#content div#alpha span {
	font-weight: bold;
}

div#container div#content div#alpha ul#submenu,
div#container div#content div#alpha ul#history {
	margin: 5px 0px 20px 0px;
	padding-left: 0px;
	color: #689E21;
}

div#container div#content div#alpha ul#submenu li,
div#container div#content div#alpha ul#history li {
	padding-left: 12px;
	background: url(images/ul-history-li.png) no-repeat 2px 8px;
	line-height: 18px;
	list-style: none;
}

div#container div#content div#alpha ul#submenu li a { color: #ff6cbf; }
div#container div#content div#alpha ul#submenu li a:hover { color: #333; }
div#container div#content div#alpha ul#submenu li.current_page_item a {color: #333;}

div#container div#content div#beta {
	display: block;
	width: 646px;
	float: left;
	margin: 30px 0px;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
}

div#container div#content div#beta h1 {
	font-family: Georgia, Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 24px;
	font-style: italic;
	font-weight: normal;
	color: #333;
	background: none;
	height: 24px;
	padding-left: 30px;
}

div#container div#content div#beta div#post {
	padding: 30px 0px 0px 0px;
	margin-bottom: 20px;
	background: url(images/post-bck.png) no-repeat 0px 0px;
}

div#container div#content div#beta div#post h1 {
	font-family: Georgia, Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 22px;
	font-style: italic;
	font-weight: normal;
	color: #ff6cbf;
	background: none;
	padding: 0px 0px 5px 30px;
}

div#container div#content div#beta div#post h1 a {
	display: inline;
	background: none;
	height: 22px;
}

div#container div#content div#beta div#post h2 {
	margin: 0px;
	padding-left: 30px;
	font-family: Tahoma, Georgia, Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #333;
	height: 22px;
}

div#container div#content div#beta div#post p {
	color: #000;
	margin: 0px 0px 10px 0px;
	padding-left: 30px;
	font-family: Georgia, Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	line-height: 18px;
	text-align: left;
	display: block;
}

div#container div#content div#beta div#post a.thumb {
	margin-left: 30px;
}

div#container div#content div#beta div#post p img {
	display: block;
	margin: 5px 0px 0px 0px;
	border: none;
}

div#container div#content div#beta div#post div.comments { 
	color: #ff6cbf;
	font-family: Georgia, Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	margin-bottom: 5px;
	background: url(images/post-comments-bck.png) no-repeat 0px -10px;
	padding: 16px 0px 0px 30px;
	margin: 20px 0px 10px 1px;
	height: 45px;
}

div#container div#content div#beta div#post div.comments span {
	color: #666;
	font-size: 11px;
	font-family: Georgia, Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-style: italic;
	font-weight: normal;
}

div#container div#content div#beta div#post div.comments span a { color: #ff6cbf;}
div#container div#content div#beta div#post div.comments span a:hover { color: #333; }


div#container div#content div#beta div#post div.comment {
	color: #333;
	font-size: 12px;
	font-family: Georgia, Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	padding: 20px 0px 0px 20px;
	margin: 0px 0px 20px 40px;
	background: url(images/post-comment-bck.png) no-repeat 0px 0px;
}

div#container div#content div#beta div#post div.comment p {
	clear:both;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 16px;
}

/* GALLERY CSS STYLES */

.articol-highlights {
	margin: 0 25px 20px 30px;
	background: transparent url(images/viewer-bg.png) no-repeat scroll 0 0;
	width: 600px;
}

.articol-highlights ul { margin: 0; padding: 0; list-style: none;}
.articol-highlights ul li { display: block; width: 580px; height: 500px; text-align: center;}
.articol-highlights ul li img {
	background-color: #c5c1b5;
	padding: 5px;
	max-width: 560px;
	max-height: 480px;
}

.articol-viewer {
	margin: 0 auto;
	padding: 10px 0 0 0;
	width: 580px;
	height: 500px;
}

.articol-highlights div.thumbnails { margin: 15px; width: 100%; text-align: center;}
.articol-highlights div.thumbnails a {border: none;}


.articol-highlights div.thumbnails a img {
	height: 60px;
	background-color: #c5c1b5;
	padding: 2px;
	margin: 0 10px 10px 0;
	border: none;
}

.articol-highlights div.thumbnails a img:hover,
.articol-highlights div.thumbnails a.current img {
	background-color: #ff6cbf;
}

/* FORUM CSS STYLES */
div#container div#content div#beta div#forum-category-wrap {
	padding: 25px 0px 0px 20px;
	margin-bottom: 20px;
	background: url(images/post-bck.png) no-repeat 0px 0px;
}

div#container div#content div#beta div#forum-category-wrap p {
	color: #333;
	font-size: 12px;
	font-family: Georgia, Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
	font-style: italic;
	font-weight: normal;
	line-height: 16px;
}

div#container div#content div#beta div#forum-category {
	float: left;
	width: 180px;
	margin: 20px 20px 0px 0px;
}

div#container div#content div#beta div#forum-category h1 {
	margin: 0px;
	padding: 0px;
	font-family: Georgia, Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 18px;
	font-style: italic;
	font-weight: normal;
	color: #ff6cbf;
	background: none;
	height: 15px;
}

div#container div#content div#beta div#forum-category p {
	color: #333;
	font-size: 12px;
	font-family: Georgia, Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif;
	font-style: italic;
	margin: 5px 0px 20px 0px;
}

div#container div#content div#beta div#forum-category span {
	color: #333;
	font-size: 11px;
	font-family: Tahoma, Georgia, Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-style: normal;
}

div#container div#content div#beta div#forum-category span.view {
	display: block;
	margin: 20px 0px;
}

div#container div#content div#beta div#forum-category span.view a {
	display: block;
	color: white;
	background: url(images/area-link-bck.png) no-repeat top left;
	width: 90px;
	height: 14px;
	padding: 5px;
	text-align: center;
	
}

div#container div#content div#beta div#forum-category span.view a:hover {
	background: url(images/area-link-bck-hover.png) no-repeat top left;
}

div#forum-row-title,
div#forum-row {
	height: 30px;
	border-top: 1px solid #ff6cbf;
	background-color: #E0E0C5;
}

div#forum-row-title div#wrap,
div#forum-row div#wrap {
	color: #2E2E2E;
	width: 805px;
	margin: 0px auto;
	padding: 5px 0px 0px 81px;
	height: 25px;
}

div#forum-row-title div#wrap span,
div#forum-row div#wrap span {
	float: left;
	display: block;
	margin-right: 20px;
	padding-top: 3px;
}

div#forum-row-title div#wrap span.new-topic,
div#forum-row-title div#wrap span.new-comment {
	display: block;
	padding-top: 0px;
}

div#forum-row-title div#wrap span.new-topic a,
div#forum-row-title div#wrap span.new-comment a {
	display: block;
	color: white;
	background: url(images/area-link-new-topic-bck.png) no-repeat top left;
	width: 72px;
	height: 12px;
	padding: 3px 0px;
	text-align: center;
	font-family: Tahoma, Georgia, Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
}

div#forum-row-title div#wrap span.new-comment a {
	width: 102px;
	background: url(images/area-link-new-com-bck.png) no-repeat top left;
}

div#forum-row-title div#wrap span.new-topic a:hover {
	background: url(images/area-link-new-topic-bck-hov.png) no-repeat top left;
}

div#forum-row-title div#wrap span.new-comment a:hover {
	background: url(images/area-link-new-com-bck-hov.png) no-repeat top left;
}

div#forum-row-title div#wrap span.pagination,
div#forum-row-title div#wrap span.title {
	font-family: Tahoma, Georgia, Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: 0px;
}

div#forum-row {
	border-top: 1px solid #ECECEC;
	background-color: white;
	height: 22px;
}

div#forum-row div#wrap {
	height: 22px;
	padding-top: 1px;
}

div#forum-row div#wrap span {
	color: #626262;
	margin-right: 5px;
}

div#forum-row div#wrap span.replies,
div#forum-row div#wrap span.views {
	width: 70px;
	float: right;
}

div#forum-row div#wrap span.author {
	width: 100px;
	text-align: left;
	padding-left: 30px;
}

div#forum-row div#wrap span.comment {
	width: 600px;
	float: left;
	text-align: left;
}

div#forum-row div#wrap span.last-post {
	float: right;
	margin-right: 0px;
	width: 190px;
	text-align: left;
}

div#form-new-topic {
	clear: both;
	margin: 10px 0px;
}

div#form-new-topic-wrap {
	clear: both;
	color: #2E2E2E;
	width: 805px;
	margin: 0px auto;
	padding: 5px 0px 0px 81px;
}

div#forum-topic {
	border-top: 1px solid #689E21;
}

div#forum-topic-wrap {
	clear: both;
	color: #2E2E2E;
	width: 805px;
	margin: 0px auto;
	padding: 0px 0px 0px 81px;
}

div#forum-topic-wrap div#topic {
	padding: 30px 0px 50px 0px;
	margin-bottom: 20px;
	background: url(images/topic-bck.png) no-repeat 0px 0px;
}

div#forum-topic-wrap div#topic h1 {
	font-family: Georgia, Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 18px;
	font-style: italic;
	font-weight: normal;
	color: #ff6cbf;
	background: none;
	height: 24px;
	padding-left: 30px;
}

div#forum-topic-wrap div#topic h2 {
	margin: 0px;
	padding-left: 30px;
	font-family: Tahoma, Georgia, Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #333;
	height: 24px;
}

div#forum-topic-wrap div#topic p {
	margin: 0px 0px 0px 0px;
	padding-left: 30px;
	font-family: Georgia, Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	color: #000;
	line-height: 18px;
	text-align: left;
	display: block;
	float: left;
}

div#forum-topic-wrap div#topic p a {
	float: left;
}

/* ********************************************
	CHAPTER LINKS AREAS CSS STYLES 
*/

div#chapters {
	background-color: #F5F5EC;
	padding: 0px 0px 70px 0px;
	min-height: 180px;
	border-top: 2px solid #ffe2f2;
}

div#chapters div#wrap {
	width: 805px;
	margin: 0px auto;
	padding: 40px 0px 0px 81px;
	background: url(images/viewthehotest-continue-bck.png) no-repeat 81px 0px;
}

div#chapters div#wrap span.chapter {
	display: block;
	float: left;	
	width: 180px;
	margin-right: 20px;
}

div#chapters div#wrap span.chapter:lastchild { margin-right: 0px; }

div#chapters div#wrap span.chapter h1 {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ff6cbf;
	background: none;
	height: 15px;
	margin-top: 0px;
}

div#chapters div#wrap span.chapter span.description {
	display: block;
	margin:0px;
	padding: 0px;
	font-size: 10px;
	vertical-align: top;
	height: 90px;
}

div#chapters div#wrap span.chapter span.view a {
	display: block;
	color: white;
	background: url(images/area-link-bck.png) no-repeat top left;
	width: 90px;
	height: 14px;
	padding: 6px 5px 5px 5px;
	text-align: center;
	margin-top: 10px;
	
}

div#chapters div#wrap span.chapter span.view a:hover {
	background: url(images/area-link-bck-hover.png) no-repeat top left;
}

div#chapters div#wrap span.chapter span.date {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	display: block;
	margin: 10px 0px 2px 0px;
	color: #333;
	letter-spacing: 0px;
}

div#chapters div#wrap span.chapter span.link a {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ff6cbf;
}

div#chapters div#wrap span.chapter span.link a:hover { color: #333; }

/* ********************************************
	TITLES CSS STYLES 
*/

h1 {
	display: block;
	margin: 0px;
	padding: 0px;
}

h1 a {
	display: block;
	background: url(images/h1-main.png) no-repeat top left;
	height: 55px;
}

h1 span {
	display: block;
}


/* ********************************************
	FOOTER CSS STYLES 
*/

div#footer {
	display: block;
	height: 47px;
	background: url(images/footer-bck.png) repeat-x top left;
	padding-top: 3px;
	margin-top: 55px;
}

div#footer span.txt {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	display: block;
	width: 805px;
	margin: 0px auto;
	color: #ff6cbf;
	padding-left: 81px;
}