/* BODY */
/************************************************************/

body { margin: 0; padding: 0; line-height: 20px; background: #000 url('img/bg_main.gif') 0 0; font-family: Arial; font-size: 12px; color: #3A3A48; }

/* DEFAULT */
/************************************************************/

* { padding: 0; margin: 0; text-align: left; }
a { outline: none; }
p { padding-bottom: 5px; }
img { border: none; }

textarea { overflow: auto; }
input, select, textarea { outline: none; } input:focus { outline: none; }
ol, ul, li { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; vertical-align: top; }

:focus { outline: 0; }
.clear {clear:both; height:0; overflow:hidden; margin:-1px 0 0 0;}

/* LINKS & HEADINGS */
/************************************************************/

a:link, a:visited { color: #006699; text-decoration: underline; }
a:hover, a:active { color: #FF6600; text-decoration: none; }
h1, h2, h3 { font-family: Arial; font-size: 18px; font-weight: bold; color: #352A5F; padding: 0 0 5px 0; margin: 0; }

/* HEADER */
/************************************************************/

#topHeader { width: 100%; background: #201937; border-bottom: 3px solid #5A5B71; }
#topHeader .inner { width: 960px; height: 117px; margin: 0 auto; background: url('img/bg_header.png') 0 0 no-repeat; position: relative;  }
#topHeader .inner a.logo { display: block; width: 205px; height: 51px; background: url('img/seoromania.gif') 0 0 no-repeat; position: absolute; top: 33px; left: 20px; }
#topHeader .inner .slogan { height: 36px; text-align: left; padding: 17px 0 0 20px; border-left: 1px solid #443B66; position: absolute; top: 33px; left: 250px; color:#E8E8E8; }

	#meniu { width: 100%; height: 50px; background: #FEA900 url('img/bg_meniu.png') 0 0; border-bottom: 3px solid #5A5B71; line-height: normal; }
	#meniu .inner { width: 960px; height: 50px; margin: 0 auto; }
	#meniu .inner #links { float: left; width: 700px; margin: 4px 0 0 20px; }
	#meniu .inner #links ul, li { list-style-type: none; }
	#meniu .inner #links ul li { float: left; }
	#meniu .inner #links ul li a { text-decoration: none; padding: 0 12px 0 0; margin: 15px 9px 0 0; float: left; background: url('img/separator.png') 100% 0 no-repeat; display: block; font-size: 12px; text-transform: uppercase; font-weight: bold; color: #201937; }
	* html #meniu .inner #links ul li a { margin: 15px 4px 0 0; }
	#meniu .inner #links ul li a:hover { color: #392C68; }

	#meniu #cautare { position: relative; width: 230px; height: 31px; margin: 10px 0 0 0; background: url('img/bg_search.png') 0 0 no-repeat; float: right; }
	#meniu #cautare input { position: absolute; top: 0; left: 0; width: 150px; padding: 8px 6px; background: none; border: none; font-family: Arial; font-size: 12px; color: #E8E8E8; }
	#meniu #cautare #btnCauta { text-decoration: none; width: 50px; height: 20px; color: #322759; padding: 6px 0 0 0; text-align: center; font-weight: bold; display: block; position: absolute; top: 2px; right: 2px; background: url('img/btn_cauta.png') 0 0 no-repeat; }
	#meniu #cautare #btnCauta:hover { color: #201937; }

#subHeader { width: 100%; border-bottom: 3px solid #5A5B71; }
#subHeader .inner { width: 960px; padding: 15px 0; margin: 0 auto; }

#subHeader .inner #headerSt { width: 670px; padding: 0 19px 0 20px; float: left; color: #FFF; border-right: 1px solid #5A5B71; }
#subHeader .inner #headerSt h1 { color: #FCA801; }
#subHeader .inner #headerSt h2 { color: #FCA801; }
#subHeader .inner #headerSt h3 { color: #FCA801; }

#subHeader .inner #headerSt h1 a { color: #FCA801; text-decoration: none; }
#subHeader .inner #headerSt h1 a:hover { color: #808099; }

#subHeader .inner #headerSt .leftHead { width: 325px; float: left; }
#subHeader .inner #headerSt .rightHead { width: 325px; float: right; }

#subHeader .inner #headerSt img { border: 3px solid #5A5B71; float: left; margin: 4px 19px 0 0; }

#subHeader .inner a, a:visited {
	color: #808099;
	text-decoration: underline;
}

#subHeader .inner a:hover, a:active {
	color: #FCA801;
	text-decoration: none;
}

#subHeader .inner #headerDr { width: 230px; float: right; text-align: left; color: #808099; }
#subHeader .inner #headerDr h1, h2, h3 { color: #FFF; }
#subHeader .inner #headerDr #newsletter { line-height: normal; width: 230px; height: 30px; background: url(img/bg_newsletter.gif) 0 0 no-repeat; position: relative; }
#subHeader .inner #headerDr #newsletter input { position: absolute; top: 0; left: 0; width: 150px; padding: 8px 6px; background: none; border: none; font-family: Arial; font-size: 12px; color: #E8E8E8; }
#subHeader .inner #headerDr #newsletter #btnAbonare { text-decoration: none; width: 70px; height: 20px; color: #322759; padding: 6px 0 0 0; text-align: center; font-weight: bold; display: block; position: absolute; top: 2px; right: 2px; background: url('img/btn_abonare.png') 0 0 no-repeat; }
#subHeader .inner #headerDr #newsletter #btnAbonare:hover { color: #201937; }

#subHeader .inner .subtitle { color: #808099; font-size: 11px; padding-bottom: 5px; }

/* CONTENT */
/************************************************************/

#content { background: #E8E8E8; width: 100%; border-bottom: 3px solid #5A5B71; position: relative; }
#content .inner { width: 960px; padding: 15px 0 0 0; background: url('img/bg_content.png') -1px 0 repeat-y; margin: 0 auto; }

/* STRUCTURA */
/************************************************************/

#content .inner #continut { float: left; width: 670px; padding: 0 0 0 20px; }
#content .inner #continut .left { width: 320px; float: left; padding: 0 0 20px; }
#content .inner #continut .right { width: 320px; float: right; padding: 0 0 20px; }

	/* ELEMENTE */
	/************************************************************/

	#content .inner #continut h1 a, a:visited { color: #352A5F; text-decoration: none; }
	#content .inner #continut h2 { font-size: 15px; color: #676886; border-bottom: 3px solid #CCCCD6; margin: 0 0 10px 0; }
	#content .inner #continut .subtitle { color: #7E7FA1; font-size: 11px; padding-bottom: 5px; }

	#content .inner #continut .titluriArticole { width: 100%; border-top: 3px solid #F2F2F5; padding: 5px 0 0 0; }
	#content .inner #continut .titluriArticole ul { list-style-type: none; }
	#content .inner #continut .titluriArticole li { list-style-type: none; padding: 0 0 3px 0; }
	#content .inner #continut .titluriArticole li a.linkCom { color: #5A5B71; text-decoration: none; font-weight: bold; font-size: 11px; }
	#content .inner #continut .titluriArticole p { padding: 0 0 0 0; }

	#content .inner #continut img.imgSt  { float: left; margin: 4px 15px 5px 0; border: 3px solid #BABAC4; }

	#content .inner #continut p.subtitle a, a:visited { color: #7E7FA1; text-decoration: underline; }
	#content .inner #continut p.subtitle a:hover, a:active { color: #7E7FA1; text-decoration: none; }

	#content .inner #continut a { color: #006699; text-decoration: underline; }
	#content .inner #continut a:hover { color: #FF6600;text-decoration: none; }

	#content .inner #continut .paginare { font-size: 11px; float: right; margin: 0 0 0 0; }
	#content .inner #continut .paginare a { font-weight: bold; padding: 2px 5px; background: #E8E8E8; text-decoration: none; margin: 0; }
	#content .inner #continut .paginare a.noBrd { border: none; padding: 2px 0; background: none; margin: 0; font-weight: bold; }
	#content .inner #continut .paginare a.pagSel { background: #5A5B71; color: #FFF; }
	#content .inner #continut .pagCounter { float: left; font-family: Arial; font-size: 16px; font-weight: bold; color: #BABABA; padding-bottom: 20px; }

	/* ARTICOL */
	/************************************************************/

	#content .inner #continut .articol { padding: 0 0 10px 0; border-bottom: 3px solid #F2F2F5; margin: 0 0 10px 0; }

	#content .inner #continut #articolFull { padding: 0 0 10px 0; }
	#content .inner #continut #articolFull h2 { border: none; margin: 0 0 5px 0; padding: 0; }
	#content .inner #continut #articolFull ul { padding: 5px 0; }
	#content .inner #continut #articolFull ol { padding: 5px 0; }
	#content .inner #continut #articolFull ul li { margin-left: 20px; list-style-type: disc; }
	#content .inner #continut #articolFull ol li { margin-left: 20px; list-style-type: decimal; }
	#content .inner #continut #articolFull blockquote { padding: 0 0 10px 45px; background: url('img/quote.gif') 0 5px no-repeat; color: #5C5E78; }

	/* COMENTARII */
	/************************************************************/

	.comentariu { width: 670px; padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 3px solid #F2F2F5; }
	.comentariu .avatar img { float: left; border: 3px solid #BABAC4; width: 60px; height: 60px; margin: 0 10px 0 0; } 
	.comentariu .nume { float: left; }
	.comentariu .nume p { padding: 0; }
	.comentariu .text { float: right; width: 470px; color: #3A3A48; }

	/* FORMULARE */
	/************************************************************/

	#content .inner #continut #adaugaComentariu { width: 670px; padding: 0 0 20px 0; }
	#content .inner #continut #adaugaComentariu .leftCom { width: 250px; float: left; padding: 0; margin: 0; }
	#content .inner #continut #adaugaComentariu .rightCom { width: 400px; float: right; padding: 0; margin: 0; }

	.form250 { width: 238px; padding: 5px; font-family: Arial; font-size: 12px; color: #3A3A48; background: #FBFBFB; margin: 0 0 2px 0; border: 1px solid #CCCCD6; }
	.form400 { width: 388px; padding: 5px 5px 6px 5px; font-family: Arial; font-size: 12px; color: #3A3A48; background: #FBFBFB; border: 1px solid #CCCCD6; }

	#content .inner #continut #adaugaComentariu #btnAdauga { width: 130px; height: 21px; padding: 5px 0 0 0; margin: 8px 0 10px 0; display: block; text-align: center; line-height: normal; color: #FFF; font-weight: bold; text-decoration: none; background: url('img/btn_adauga.jpg') 0 -26px no-repeat; }
	#content .inner #continut #adaugaComentariu #btnAdauga:hover { background-position: 0 0; color: #322759; }

	/* TABLES */
	/************************************************************/

	table { border-collapse:collapse; border-spacing:0; border:none; width:100%; margin: 5px 0; }
	table td { border:none; padding: 5px 10px; text-align:left; border: 1px solid #CCCCD6; }

	/* SIDEBAR */
	/************************************************************/

	#content .inner #sidebar { width: 230px; float: right; padding: 0 0 20px 0; }
	#content .inner #sidebar h3 { font-size: 15px; color: #676886; border-bottom: 3px solid #CCCCD6; padding: 0 0 7px 0; margin: 0 0 5px 0; }
	#content .inner #sidebar a { color: #006699; text-decoration: none; }
	#content .inner #sidebar a:hover { color: #FF6600; text-decoration: none; }

	#content .inner #sidebar ul { list-style-type: none; padding: 0 0 10px 0; }
	#content .inner #sidebar li { list-style-type: none; padding: 0; }

	#content .inner #sidebar ul.lista li { font-size: 11px; }

	#content .inner #sidebar ul#box { margin: 0; padding: 0; list-style-type: none;  }
	#content .inner #sidebar ul#box li { margin: 6px 0 2px 0; }
	#content .inner #sidebar ul#box li.director { width: 230px; height: 50px; margin: 0 0 10px 0; background: url('img/bg_director.png') 0 0 no-repeat; }
	#content .inner #sidebar ul#box li.forum { width: 230px; height: 50px; margin: 0 0 10px 0; background: url('img/bg_forum.png') 0 0 no-repeat; }
	#content .inner #sidebar ul#box li.joburi { width: 230px; height: 50px; margin: 0 0 10px 0; background: url('img/bg_joburi.png') 0 0 no-repeat; }	
	#content .inner #sidebar ul#box li a { display: block; line-height: 15px; padding: 10px 0 0 50px; font-size: 11px; color: #5A5B71; }
	#content .inner #sidebar ul#box li a span { display: block; color: #FF6600; font-size: 13px; font-weight: bold; }
	#content .inner #sidebar ul#box li a:hover { color: #5A5B71;  }
	#content .inner #sidebar ul#box li a:hover span { color: #006699; }
	#content .inner #sidebar ul#bannere { padding: 0; margin: 0; }
	#content .inner #sidebar ul#bannere li { padding: 5px 0; }

	/* TAGS */
	/************************************************************/

	.tags { padding: 5px 0 0 0; }
	.tag1 { font-size: 11px; }
	.tag2 { font-size: 13px; }
	.tag3 { font-size: 15px; }
	.tag4 { font-size: 17px; }
	.tag5 { font-size: 19px; }
	.tag6 { font-size: 21px; }
	.tag7 { font-size: 23px; }
	.tag8 { font-size: 25px; }

	/* IMAGINI LIGHTBOX */
	/**********************************************************/

	#lightbox{ background-color:#eee; padding: 10px; }
	#lightboxDetails{ font-size: 11px; /* padding-top: 10px; */ }
	#lightboxCaption { float: left; }
	#keyboardMsg { float: right; }
	#lightbox img { border: none; }
	#overlay img { border: none; }
	#overlay { background-image: url(img/overlay.png); }
	* html #overlay{ background-color: #000; back\ground-color: transparent; background-image: url(http://www.seo-romania.com/wp-content/themes/seoromania/img/blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.seo-romania.com/wp-content/themes/seoromania/img/overlay.png", sizingMethod="scale"); }



/* ICON-URI */
/************************************************************/

h2.icoArticole { padding: 0 0 7px 30px; background: url(img/ico_articole.gif) 0 0 no-repeat; }
h2.icoInterviuri { padding: 0 0 7px 30px; background: url(img/ico_interviuri.gif) 1px 0 no-repeat; }
h2.icoStudii { padding: 0 0 7px 30px; background: url(img/ico_studii.gif) 0 0 no-repeat; }
h2.icoStiri { padding: 0 0 7px 30px; background: url(img/ico_stiri.gif) 0 0 no-repeat; }
h2.icoEvenimente { padding: 0 0 7px 30px; background: url(img/ico_evenimente.gif) 0 0 no-repeat; }
h2.icoMultimedia { padding: 0 0 7px 30px; background: url(img/ico_multimedia.gif) 0 0 no-repeat; }
h2.icoComentarii { padding: 0 0 7px 30px; background: url(img/ico_comentarii.gif) 0 0 no-repeat; }

/* FOOTER */
/************************************************************/

#footer { width: 960px; padding: 30px 0; margin: 0 auto; font-size: 11px; color: #FFF;  }
#footer .left { width: 670px; padding: 0 19px 0 20px; float: left; color: #FFF; border-right: 1px solid #5A5B71; } 
#footer .right { width: 230px; float: right; }

#footer .left #sitemap a { color: #808099; text-decoration: none; padding: 0 10px 0 0; }
#footer .left #sitemap a:hover { text-decoration: underline; }

#footer .left #advertpoint { width: 128px;  height: 11px; display: block; background: url('img/advertpoint.png') 0 0 no-repeat; }
#footer .right #uis { width: 141px;  height: 27px; display: block; background: url('img/uis.png') 0 0 no-repeat; }
#footer .right #abysslevel { width: 198px;  height: 22px; display: block; background: url('img/abysslevel.png') 0 0 no-repeat; }

* html #footer .left #advertpoint { background: url('img/advertpoint.gif') 0 0 no-repeat; }
* html #footer .right #uis { background: url('img/uis.gif') 0 0 no-repeat; }
* html #footer .right #abysslevel { background: url('img/abysslevel.gif') 0 0 no-repeat; }