/* CSS FILE */

* { margin: 0; padding: 0;}

/* LAYOUT */

body {
	font-family: "Verdana", sans-serif;
	font-size: 0.8em;
	background: #fff url("assets/top_menu.png") repeat-x;
}

/* TOP RIGHT NAVIGATION */
#top_navigation {
	position: absolute;
	right: 20px;
	top: 5px;
}
	#top_navigation ul li {
		display: inline;
		margin: 0 5px 0 5px;
	}
	#top_navigation a {
		color: #444;
		text-decoration: none;
		border-bottom: none;
	}
	#top_navigation a:hover {
		text-decoration: underline;
	}

/* TOP GRADIENT */
#top_menu {
	position: absolute;
	top: 60px;
	left: 340px;
	height: 198px;
}
	#top_things {
		position: relative;
		top: 6px;
		height: 190px;
		text-align: right;
		font-size: 0.8em;
	}
		/* LIST OF LINKS */
		#top_things_list {
			float: left;
			width: 210px;
		}
			#top_things_list ul li {
				list-style-type: none;
			}
			#top_things_list a {
				display: block;
				color: #333;
				text-decoration: none;
				padding: 3px;
			}
			#top_things_list a:hover {
				color: #7f0000;
				background-color: #fff;
			}
		/* IMAGES */
		#top_things_pics {
			float: left;
			margin-left: 20px;
		}
			#top_things_pics img {
				padding: 3px;
				border: 1px solid #777;
				margin: 0 5px 0 5px;
				background-color: #ddd;
			}

/* LEFT GRADIENT */
#left_menu {
	position: relative;
	top: 0px;
	left: 50px;
	width: 300px;
	height: 100%;
	background: url("assets/left_menu.png") repeat-y;
	padding-bottom: 200px;
}
	#left_menu_bottom {
		position: relative;
		left: 50px;
		background: url("assets/bottom_left.png") no-repeat;
		width: 300px;
		height: 98px;
	}
	/* TOP NAME LOGO */
	#mpavelro {
		position: relative;
		left: 50px;
		top: 5px;
		background: url("assets/mpavelro.png");
		width: 219px;
		height: 53px;
	}
	/* THE PAGE MENU */
	#menu {
		position: relative;
		top: 15px;
		width: 200px;
		margin-left: 45px;
	}
		/* MENU LIST */
		#menu ul {
			list-style-type: none;
			text-align: right;
		}
		#menu ul li a {
			display: block;
			color: #444;
			text-decoration: none;
			font-size: 1.2em;
			font-weight: bold;
			text-transform: uppercase;
			padding: 8px;
			border-bottom: 1px solid #ffae00;
		}
		#menu ul li a:hover {
			color: #7f0000;
			border-bottom: 1px solid #555;
			background-color: #fff;
		}
	/* THE MENU TOOLTIP */
	#menu_tooltip {
		position: absolute;
		top: 29px;
		left: 294px;
		width: 550px;
		height: 25px;
		color: #7f0000;
		font-size: 0.8em;
	}
	
/* TOP LEFT LOGO */
#logo {
	position: fixed;
	top: -36px;
	left: -41px;
	background: url("assets/logo2.png");
	width: 143px;
	height: 141px;
	z-index: 2000;
}

/* SHOW PICTURE IN WEBSITE */
#showPic {
	position: relative;
	color: #ddd;
	background-color: #777;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 50px;
	z-index: 1000;
}
#showPic img {
	padding: 15px;
	border: 1px solid #999;
	background-color: #fff;
/* 	max-height: 800px; */
}

#content {
	width: 100%;
	height: 100%;
}

/* THE AREA BETWEEN THE GRAY BORDERS - THE TEXT CONTENT */
#page_content {
	position: absolute;
	top: 270px;
	left: 360px;
	width: 610px;
	padding-left: 20px;
	padding-right: 10px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

/* LOGIN FORM STYLE */
#login_form {
	margin: 10px;
}
	#login_form input {
		border: 1px solid #999;
		padding: 2px;
		color: #333;
		width: 100px;
	}

/* THE FOOTHER OF THE PAGE */
#footer {
	margin: 30px 20px 30px 0;
	padding-top: 2px;
	border-top: 1px solid #ddd;
}
	#footer img {
		position: relative;
		top: 12px;
		padding: 2px;
		border: 1px solid #bbb;
	}

/* PAGINATION STYLE */
#divPaginatie {
	margin-top: 20px;
	line-height: 30px;
}
a.paginatie {
	font-weight: bold;
	font-size: 0.8em;
	display: inline;
	border: 1px solid #ddd;
	padding: 2px;
	text-decoration: none;
}
a.paginatie:hover {
	background-color: #eee;
	border: 1px solid #aaa;
	padding: 2px;
	color: #555;
	text-decoration: none;
}
a.paginatieSel {
	border: 1px solid #777;
	background-color: #eee;
	color: #333;
	text-decoration: none;
	padding: 1px;
	font-weight: bold;
}
a.paginatieSel:hover { text-decoration: none; }

/* TEXT STYLES */
a {
	color: #555;
	text-decoration: none;
	border-bottom: 1px dotted #555;
}
a:hover {
	color: #333;
	border-bottom: 1px solid #333;
}

.h3 {
	text-align: right;
	font-size: 2.3em;
	font-family: "Verdana", sans-serif;
	color: #777;
	margin: 10px;
	border-bottom: 1px solid #f18844;
	/* border-bottom: 2px solid #7f0000; */
	padding-bottom: 3px;
	margin-bottom: 25px;
}

.text ul li {
	list-style-type: square;
}

.titlu_articol {
	font-size: 1.2em;
	font-weight: bold;
	margin: 15px 0 2px;
	background-color: #eee;
	padding: 3px 3px 3px 5px;
	border-bottom: 1px solid #ddd;
}
.data_articol {
	font-size: 0.8em;
	margin-bottom: 3px;
	letter-spacing: 2px;
	font-style: italic;
	color: #777;
}
.inapoi { float: left; font-size: 11px; position: relative; top: 5px; }

img {border: none;}

img.right {margin: 5px 0 5px 12px;}
img.left {margin: 5px 12px 5px 0;}
img.border {
	background: #555;
	display: block;
	padding: 3px;
}

.poza_articol {
	padding: 3px;
	background-color: #eee;
	border: 1px solid #ddd;
}
.poza_articol:hover {
	border: 1px solid #777;
	background-color: #fff;
}
.poza-articol { margin-right: 10px; }

.info-box {
	margin-right: 15px;
	margin-bottom: 5px;
}
/* LINKS UNDER ARTICLE IMAGE */
.detalii-articol {
	border: 1px solid #ddd;
	margin-top: 2px;
	padding: 5px;
	background-color: #eee;
}
.detalii-articol:hover { border: 1px solid #777; background-color: #fff; }
.detalii-articol a {
	color: #333;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight: bold;
	letter-spacing: 1px;
}
.detalii-articol a:hover {
	color: #7f0000;
	text-decoration: underline;
}

/* ADD NEW COMMENT BOX */
.comment-box { font-size: 11px; }
.comment-box input,textarea {
	font-size: 11px;
	border: 1px solid #777;
	margin: 5px;
	color: #333;
	padding: 3px;
}

.left { float: left; }
.right { float: right; }

/* UNDER THE ARTICLES: read more & comments */
.continuarea {
	margin-top: 3px;
	border-top: 1px solid #eee;
	font-size: 11px;
	padding-left: 5px;
/* 	background-color: #eee; */
}
.continut_articol {
	padding-left: 10px;
}

.clear { clear: both; }
.clearer {
	clear: both;
	font-size: 0;
}