/* ### General settings ########################################## */
html {font-size: 62.5%;}

body 
{
	margin: 0;
	padding: 0;
	/*background: url('img/header-bg2.gif') repeat-x #fffcf2;*/
	background: url('img/header-bg.jpg') repeat-x #fff8e2;
	background-position:center top;
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 1.3em;
}

ul li, ol li {margin-bottom: 0.6em;}

h1, h2, h3, h4 {font-family: "Trebuchet MS", "Tahoma", "Helvetica", "Arial", sans-serif;}
h1 {color:#bfb36b; font-size:1.8em; font-weight: normal;}
h1 + h2 {margin-top: -0.2em}
h2 {font-size: 1.5em; margin-bottom: 0.6em;}
h3 {font-size: 1.3em; margin-bottom: 0.6em;}

p {margin-top: 0; margin-bottom: 0.6em; line-height: 1.5em;}
p.clear {clear: both; margin: 0; padding: 0}

a {color:#bf6d71; text-decoration: none;}
a:hover {color:#CC0000;text-decoration: none;}


/* ############################################################### */


/* ### Layout ########################################## */

#OfflineLogoPosition {margin-top: 10px;}
#OfflineMessageContainer {margin-top: 50px;}

#Root
{
	width: 980px;
	margin: 0 auto;
}

#Header
{
	height: 90px;
	margin-top: 20px;
	padding: 0;
}

#Header_CitateOsho {float: left;}

#Header_LogoOsho {float: right; margin: 0;}

#Header_LogoOsho img {border: none; width: 250px; height: 66px;}

#MainTable {border-collapse: collapse; border-width: 0;}

#MainTable .ColumnSpacer {width: 15px}

#MainTable .ColumnSpacer img {width: 15px; border: none}

#MainTable_LeftColumn{width: 120px;}

#MainTable_MiddleColumn{width: 640px}

#MainTable_RightColumn{width: 190px;}

#Footer
{
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: right;
}

#Footer p {text-align: right; margin: 0; margin-bottom: 4px;}

#PermanentLinkExchange {margin: 30px 0;}

/* =================================================== */



/* ### Citate Osho ########################################## */

#CitateOsho
{
	font-size: 1em;
	font-family: Arial, Helvetica, Sans-Serif;
	line-height: 1.4em;
}

/* =================================================== */


/* ### Content ################################################### */

#MainContent
{
	/*background: url('img/bg-main.gif') repeat-x #ffffff; */
	background: white;
	padding: 10px;
	border-right: 1px solid black; 
	border-bottom: 1px solid black;
}

#MainContent h1
{
	margin-top: 0px;
}

#BreadCrumbs
{
	font-size: 1em;
	margin-bottom: 10px;
}

.CitesteMaiMult {text-align: right; margin-top: 0; font-size: 10px; font-family: Arial, Sans-Serif}

.SectionSeparator {margin: 15px 0; border-top: 1px dotted silver}

h1.TitluSectiune {font-size: 1.6em; margin: 0; margin-bottom: 3px; line-height: 1em;}


/* ############################################################### */



/* ### Main menu ################################################# */

#MainMenu
{
	/*background: url('img/bg-main.gif') repeat-x #ffffff;*/
    background: white;
    width: 170px;
    margin: 0;
    padding: 10px; 
    border-right: 1px solid black; 
    border-bottom: 1px solid black;
    font-family: Arial;
    font-size: 14px;
    font-weight: 700;
}

#MainMenu UL {
	MARGIN: 0; 
	PADDING: 0; 
	LIST-STYLE-TYPE: none; 
	BORDER-width: 0px;
	/*background: #f0f0f0;*/
}
#MainMenu UL LI {
	POSITION: static ;
	PADDING: 3px 0px 0px 0px; 
	DISPLAY: block;
	/*FLOAT: left;*/ /* pentru afisare orizontala */
	MARGIN: 0px; 
    /* border-right: 2px solid white; */
    text-align: left;
    vertical-align:middle;
    width: auto;
}

#MainMenu UL LI A {
	PADDING: 3px 0px 3px 3px; 
	DISPLAY: block; 
	HEIGHT: 100%;
	TEXT-DECORATION: none;
	/*font-weight: bold;*/
    /*BORDER-bottom: solid 1px silver;*/
}

#MainMenu UL LI A:hover 
{
	/*background-color: #333367;*/
	color: #CC0000;
}

#MainMenu .selected A
{
	/*background-color: #9fc7e6;*/
	color: black;  
}

#MainMenu ul li ul
{
    padding-left: 8px;
    /*background: #dddddd;*/
}

#MainMenu ul li ul li
{
    width: auto;
}

#MainMenu ul li ul li A
{
	font-weight: normal;
	font-size: 12px;
}
/* ############################################################### */



/* ### LOGIN ############################### */

#MasterLoginContainer {background:#fff5bc; width: 639px; border-right: 1px solid black; }
#MasterLoginArea {padding: 5px;}
#MasterLoginArea .label {font-size: 10px;}
#MasterLoginArea .textbox {height: 14px; width: 80px; border: 1px solid black;}
#MasterLoginArea .RegisterHere {float: right; margin-top: 3px;}
#MasterLoginArea a {}
#MasterLoginArea a:hover {}

/* ====================================================================== */



/* ### Inspiratia OSHO - index page ###################################### */

.Inspiratie_FrontPage {line-height: 18px; color: #837000; font-size: 13px; margin-top: 0px; margin-bottom: 3px;}
.Inspiratie_FrontPage a {color: #837000;}

/* ====================================================================== */



/* ### Articole ######################################################### */

/* index page */
.ArticolThumbImgContainer {float: left; margin: 0;} /* elementul in care este plasat thumb img articol */
.ArticolThumbImgContainer img {border: none; padding-right: 15px; padding-bottom: 10px} /* imagine mica/thumb img articol */
h2.ArticolPeScurt {font-size: 1.1em; line-height: 1.2em; margin-bottom: 4px;} /* titlu articol */
.ArticolPeScurt {margin-top: 0; margin-bottom: 4px; line-height: 1.4em;} /* articol pe scurt */
.ArticleListSeparator {margin: 0; margin-bottom: 20px;} /* separator vertical articole */
/* --------- */

/* detaliu categorie */
#DetaliuCategorie {}
h1.TitluCategorie {font-size: 2.4em}
.ListaSubcategorii {}
.ListaSubcategorii_Label {font-weight: bold}

.ArticolePeScurt {} /* Tabel care tine descrierile pe scurt ale articolelor */
.ArticolePeScurt td {}
.ArticolePeScurt_Row {}
.ArticolePeScurt_AltRow {}
.ArticolePeScurt_Pager {}
.ArticolePeScurt p {margin-top: 0; margin-bottom: 4px; line-height: 1.4em; font-family: Times New Roman, Serif; font-size: 1.1em}
.ArticolePeScurt h1 {font-size: 1.5em; margin-top: 0px; margin-bottom: 4px; font-weight: normal; line-height: 1em; }
.ArticolePeScurt h1 a {color: #bfb36b}
.ArticolePeScurt p.CitesteMaiMult {text-align: right; margin-top: 0; font-size: 10px; font-family: Arial, Sans-Serif}
/* --------- */


/* articole din aceeasi categorie, cele mai citite, cele mai votate */
.AlteArticole_Header {font-size: 1.4em; font-weight: bold; color: #bfb36b; margin-bottom: 4px; margin-top: 10px;}
.AlteArticole_List {line-height: 1em;}
/* --------- */


/* articol pe larg */
h1.TitluArticol {}
#ArticolPeLarg {}
#ArticolPeLarg h1 {}
#ArticolPeLarg h2 {}
#ArticolPeLarg h3 {}
#ArticolPeLarg h4 {}
#ArticolPeLarg p {}
#ArticolPeLarg ul, #ArticolPeLarg ol {}
#ArticolPeLarg li {}
/* --------- */


/* info articol */
#ArticolInfoContainer {padding:10px; margin-bottom:10px; color:#336600; background-color:white;}
#ArticolInfoHeader {font-size:14px; font-weight:700; letter-spacing:2px; padding-bottom:5px;}
#ArticolInfoHeader img, a img {vertical-align: middle; border: none; padding-right: 6px;}
#ArticolInfo {border-top: 1px #bfb36b solid; border-bottom: 1px #bfb36b solid; width: 100%; margin: 0 0 10px 0;}
#ArticolInfo td {font-size: 10px; color: black;}
#ArticolInfo .label {padding: 3px 0 3px 2px;}
#ArticolInfo .value {padding: 3px 0 3px 5px; text-align: right;}
a.ArticolInfo {margin: 0px; text-decoration:none;}
/* --------- */


/* autori articol */
.AuthorDescriptionContainer_Header {border-bottom: 1px solid silver;}
.AuthorDescriptionContainer {border-bottom: 1px solid green; margin-bottom: 20px;}
p.AuthorThumbImgContainer {margin: 0; float: left;} /* elementul care tine foto autor */
p.AuthorThumbImgContainer img {border: none; width: 70px; height: 70px; padding-right: 15px; padding-bottom: 15px;} /* foto autor */
.AuthorDescriptionContainer h1 {} /* nume autor */
.AuthorDescription {margin-left: 85px; margin-bottom: 4px; line-height: 17px;} /* descriere autor */
/* --------- */

/* ====================================================== */


/* ### Comentarii ############################## */

.CommentsGridView {border: 0; border-collapse: collapse;}
.CommentsGridView td {border: 0; border-collapse: collapse }
.CommentsGridView_AltRow td {padding: 6px 0; border-top: 1px dashed silver}
.CommentsGridView_Row td {padding: 6px 0; border-top: 1px dashed silver}
.CommentsGridView_Pager table td { border:0 }
.CommentsGridView_Pager td {border-top: 1px solid silver; border-bottom: 1px solid silver; font-size: 1.2em; font-family: Courier; font-weight: bold; background: #f1f1f1}
.CommentsGridView_Pager a {}
.CommentsGridView_Pager a:hover {}

.CommentsAt {font-size: 1.2em; font-weight: bold; margin-top: 20px; margin-bottom: 3px;}
.Comment_ArticleTitle {margin: 0}
.Comment_ArticlePublishDate {font-family: Times New Roman, Serif; font-style: italic; margin: 0; font-size: 0.9em; color: #666666}

.Comments_NotLogedIn {margin: 20px 0px;}
.Comments_LogedIn {margin: 20px 0px;}

.CommentTitle {padding-left: 15px; font-size: 1.1em; letter-spacing: .08em; font-weight: bold; margin-bottom: 4px; background: url('img/ico_comments_small.gif') left center no-repeat;} 
.CommentBody {margin: 0; margin-bottom: 4px;}
.CommentDate {font-family: Times New Roman, Serif; font-style: italic}
.CommentUserName {color: red; font-weight: bold;}

/* ====================================================== */


/* ### Rating ###################################### */

.Rating {display:block; float:left; clear:both; width:80px; min-width:80px; margin-bottom:5px}
.Rating .ImageContainer {float:left; background-image:url(img/rating-new.png); background-repeat:no-repeat; width:80px; height:16px; line-height:16px; position:relative }
.Rating .TextContainer {font-size: 10px}
.Rating .ImageContainer .item {height:16px;width:16px;float:left; cursor:pointer; cursor:hand}

/* ====================================================== */



/* ### Registration Form ############################################ */

#UserRegistrationForm {font-family: Helvetica, Arial, Sans-Serif; width: 340px;}
#UserRegistrationForm td {padding: 4px;}
#UserRegistrationForm input {font-family: Helvetica, Arial, Sans-Serif; }
#UserRegistrationForm input.txtfield {width: 200px;}
#UserRegistrationForm input.datefield {font-family: Courier; width: auto}
#UserRegistrationForm input.checkboxfield {width: auto}
#UserRegistrationForm textarea.txtblock {width: 200px; font-family: Helvetica, Arial, Sans-Serif; font-size: 1.1em}
#formvalidation {padding-top: 20px;}
#formvalidation ul {margin: 0;}
#formvalidation ul li {padding-bottom: 3px;}

/* ====================================================== */


/* ### Theme selector ############################################ */

#ThemeSelector_Container {padding: 5px 15px;}
#ThemeSelector_Container .NotSelected {} /* teme coloristice disponibile */
#ThemeSelector_Container .Selected {font-weight: bold;} /* tema coloristica curenta */

/* ====================================================== */



/* ### BANNERS ############################################ */

.BannerContainer {Background: white; margin: 0 auto; padding: 0; margin-bottom: 10px;}
.Banner120x240 {Background: white; width: 120px; height: 240px; margin: 0 auto; padding: 0; margin-bottom: 10px;}
.Banner120x60 {Background: white; width: 120px; height: 60px; margin: 0 auto; padding: 0; margin-bottom: 10px;}
.Banner120x90 {Background: white; width: 120px; height: 90px; margin: 0 auto; padding: 0; margin-bottom: 10px;}
.Banner120x120 {Background: white; width: 120px; height: 120px; margin: 0 auto; padding: 0; margin-bottom: 10px;}

/* ====================================================== */