* {
	margin: 0;
	padding: 0;
}

html {
	width: 100%;
}

body {
	/*background: #505759;*/
	width: 100%;
	background: #77A84F url(../images/body-bg2.gif) center top;
}

h1 {
	display: block;
	font-size: 1px;
	width: 340px;
	height: 87px;
	background: url(../images/logo.gif) no-repeat left top;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0 0 0 10px;
	padding: 0;
}

h1 a {
	display: block;
	width: 340px;
	height: 87px;
}

#wrapper {
	width: 100%;
	overflow: hidden;
	margin: 0 0 0 0;
	padding-top: 69px;
}

#container {
	width: 868px;
	margin: 0 auto;
	position: relative;
}

#pata {
	width: 710px;
	height: 710px;
	background: url(../images/pata.png) no-repeat center center;
	position: absolute;
	z-index: 1;
	right: -300px;
	top: -320px;
	
}

#top1 {
	width: 996px;
	height: 655px;
	margin: 0 auto 0 auto;
	background: url(../images/top2.jpg) no-repeat left top;
}

#right1 {
	width: 418px;
	height: 548px;
	background: url(../images/right.jpg) no-repeat left bottom;
	padding-top: 106px;
	margin-left: 578px;
}

#hello {
	position: relative;
	display: block;
	width: 868px;
	height: 36px;
	margin: 0 auto;
	text-indent: -9999px;
	font-size: 1px;
	background: url(../images/top.png) no-repeat top left;
	z-index: 2;
}

#bottom {
	display: block;
	width: 868px;
	height: 8px;
	margin: 0 auto;
	background: url(../images/bottom.png) no-repeat top left;
}

#pageborder {
	background: url(../images/pagebg.png);
	position: relative;
	z-index: 2;
	padding: 0 9px;
}

#page {
	background: #fff;
	padding: 30px;
	position: relative;
	z-index: 2;
	width: 790px;
}

#menu {
	list-style: none;
	border-bottom: 1px solid #eee;
	height: 20px;
	margin: 0 0 30px 0;
	position: relative;
}

#menu li {
	float: left;
}

#menu li a {
	width: 130px;
	height: 20px;
	text-align: center;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 12px;
	display: block;
	font-weight: bold;
	color: #808080;
	text-decoration: none;
	border-bottom: 1px solid #eee;
}

#menu li a:hover {
	border-bottom: 1px solid black;
	color: black;
}

#menu li a#feedicon {
	display: block;
	width: 167px;
	height: 52px;
	font-size: 1px;
	text-indent: -9999px;
	background: url(../images/feed.gif) no-repeat top left;
	position: absolute;
	bottom: 0;
	right: 10px;
	border: none;
	overflow: hidden;
}

#menu li a#feedicon:hover {
	border: none;
}

.post acronym {
	cursor: help;
}

.post {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #EDEDED;
	border-top: 1px solid white;
	margin-bottom: 35px;
}

.post h2, .post h2 a {
	margin: 0;
	padding: 0;
	width: 560px;
	height: 28px;
	overflow: hidden;
	text-indent: -9999px;	
	font-size: 1px;
	display: block;
}

.post img {
	margin-top: 6px;
}

.post p {
	font-size: 11px;
	line-height: 1.6em;
	margin: 3px 0 10px 0;
	padding: 0;
}

.post p.topmessage {
	padding: 10px;
	border: 1px solid #ccc;
	font-weight: bold;
	margin-top: -5px;
	color: #808080;
	cursor: default;
}

.post code {
	font-family: Consolas, 'Courier new', Courier, monospace;
	font-size: 12px;
	font-weight: normal;
	color: #666;
}

.post pre {
	display: block;
	padding: 7px 0 7px 10px;
	border: 1px solid #ddd;
	border-left: 8px solid #ddd;
	font-size: 12px;
	font-weight: normal;
	font-family: Consolas, 'Courier new', Courier, monospace;
	overflow: auto;
	margin: -7px 0 10px 0;
}

.post pre.php {
	border-color: #505759;
	background: url(../images/code-php.gif) no-repeat right top;
}

.post pre.css {
	border-color: #FDAA63;
	background: url(../images/code-css.gif) no-repeat right top;
}

.post pre.html {
	border-color: #88B34D;
	background: url(../images/code-html.gif) no-repeat right top;
}

.post pre.javascript {
	border-color: #dddddd;
	background: url(../images/code-javascript.gif) no-repeat right top;
}

.post .footnote {
	color: #808080;
}

.post a {
	color: #88B34D;
	font-weight: bold;
}

.post a:hover {
	color: black;
}

.post h3 {
	font-weight: bold;
	font-size: 11px;
	margin: 14px 0 0 0;
	padding: 0;
	text-transform: uppercase;
	color: #88B34D;
	/*color: #E38323;*/
}

.post ol {
	margin: 8px 0 10px 20px;
	padding: 0;
}

.post ol li {
	margin: 0 0 6px 0;
	padding: 0 0 0 0;
	line-height: 12px;
	font-size: 11px;
}

.post blockquote {
	margin-left: 15px;
	font-size: 11px;
	margin-bottom: 10px;
	color: #808080;
}

.calendar {
	color: #BBBBBB;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	padding: 3px 20px 3px 0;
	background: url(../images/calendar.gif) no-repeat center right;
	cursor: default;
	float: right;
}

.tags {
	display: block;
	background: url(../images/tags.gif) no-repeat center left;
	padding: 3px 0 3px 20px;
	color: #808080;
	font-size: 11px;
	font-family: Verdana, Tahoma, Arial, sans-serif;
}

.tags a, .readmore a, .postcomment a {
	margin-top: 10px;
	color: #88B34D;
	font-weight: bold;
}

.readmore, .postcomment {
	float: right;
	font-size: 11px;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	padding: 3px 20px 3px 0;
	background: url(../images/readmore.gif) no-repeat center right;
}

.postcomment {
	background: url(../images/comments.gif) no-repeat center right;
}

.tags a:hover, .readmore a:hover, .postcomment a:hover {
	color: black;
}

#content {
	float: left;
	/*margin-right: 210px;*/
	width: 560px;
}

#sidebar {
	float: right;
	width: 240px;
	margin-right: -30px;
	text-align: center;
}

#sidebar .banner {
	position: relative;
	top: -20px;
}

#sidebar .section {
	margin-top: 30px;
}

#footer {
	padding-top: 30px;
	clear: both;
	border-top: 1px solid #ccc;
}

#categorii {
	width: 185px;
	float: left;
}

#decitit {
	width: 185px;
	float: left;
	margin-left: 30px;
}

#ultarticole {	
	float: left;
	width: 355px;
	margin-left: 30px;
}

#decitit h2, #ultarticole h2, #categorii h2 {
	display: block;
	width: 78px;
	height: 13px;
	background: url(../images/h2-decitit.gif) no-repeat top left;
	text-indent: -9999px;
	font-size: 1px;
	overflow: hidden;
	margin-left: 8px;
	margin-bottom: 10px;
}

#ultarticole h2 {
	width: 191px;
	background: url(../images/h2-ultarticole.gif) no-repeat top left;
}

#categorii h2 {
	width: 99px;
	background: url(../images/h2-categorii.gif) no-repeat top left;
}

#decitit ul, #ultarticole ul, #categorii ul {
	list-style: none;
}


#decitit ul li, #ultarticole ul li, #categorii ul li {
	border-bottom: 1px solid #EDEDED;
	font-size: 11px;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	overflow: hidden;
}

#decitit ul li a, #ultarticole ul li a, #categorii ul li a {
	display: block;
	padding: 7px;
	font-weight: bold;
	text-decoration: none;
	color: #808080;
}

#decitit ul li span, #ultarticole ul li span, #categorii ul li span {
	color: black;
	font-weight: bold;
}

#categorii ul li a:hover {
	background: #A3C362 url(../images/greenarrow.gif) no-repeat right center;
	color: white;
}


#decitit ul li a:hover {
	background: #EF802C url(../images/orangearrow.gif) no-repeat right center;
	color: white;
}

#ultarticole ul li a:hover {
	background: #505759 url(../images/greyarrow.gif) no-repeat right center;
	color: white;
}


.comments {
	padding: 10px 0 0 0;
}

.comments h3, h3.post {
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}


#trackbacklist {
	margin-bottom: 35px;
}

.comments h3, .comments h3.trackbacks {
	background: url(../images/comentarii.gif) no-repeat left bottom;
	width: 153px;
	height: 16px;
	padding: 0;
	text-indent: -9999px;
	font-size: 1px;
	position: relative;
}

.comments h3.trackbacks {
	height: 15px;
	width: 325px;
	margin-top: -10px;
	background: url(../images/trackbacks.gif) no-repeat left bottom;
}

.comments h3 a {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 16px;
	height: 16px;
	background: url(../images/feed.png) no-repeat left top;
	overflow: hidden;
}

h3.post {
	background: url(../images/punecomentariu.gif) no-repeat left top;
	width: 235px;
	height: 15px;
	padding: 0;
	text-indent: -9999px;
	font-size: 1px;
	border: 0;
	margin-top: 35px;
}

.comment {
	display: block;
	font-size: 11px;
	padding: 5px 0;
	margin: 10px 0;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	color: #999;
	background: url(../images/comment-gri-top.gif) no-repeat left top;
}

.nocomments {
	display: block;
	height: 70px;
	line-height: 70px;
	text-align: center;
	color: #ccc;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 14px;
	letter-spacing: 1px;
	font-weight: bold;
	cursor: default;
}

.red {
	font-size: 16px;
	font-weight: bold;
	color: red;
	font-family: Verdana, Arial, sans-serif;
	padding-left: 5px;
}


.alt {
	background: url(../images/comment-negru-top.gif) no-repeat left top;
}

.highlight {
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}

.commentmeta {
	display: block;
	background: url(../images/comment-gri-bottom.gif) no-repeat left top;
	height: 21px;
	padding: 6px 10px 0 10px;
	color: #666666;
	font-weight: bold;
	width: 540px;
	margin: 0;
}

.commentauthor {
	font-weight: bold;
}

.commentauthor a, .commentdate a {
	color: #666666;
}

.commentauthor a:hover, .commentdate a:hover {
	color: black;
}

.commenttext a {
	color: #88B34D;	
	font-weight: bold;
}

.commenttext a:hover {
	color: black;
}

.commentdate {
	color: black;
	font-weight: bold;
	float: right;
}

.commenttext {
	display: block;
	color: black;
	line-height: 1.5em;
	border: 5px solid #DEDEDE;
	border-width: 0 5px;
	margin: 0;
	padding: 8px 8px 0 8px;
}

.commenttext p {
	margin: 0;
	padding: 0 0 8px 0;
	float: none;
	clear: both;
	left: 0;
	top: 0;
	text-indent: 0;
	width: 532px;
}

.commenttext blockquote {
	margin-left: 15px;
	/*margin-right: 15px;*/
	color: #808080;
}

.commenttext blockquote p {
	width: 99%;
}

.commenttext h1, 
.commenttext h2, 
.commenttext h3,
.commenttext h4, 
.commenttext h5,
.commenttext h6 {
	font-size: 11px;

}

.alt .commentmeta {
	background: url(../images/comment-negru-bottom.gif) no-repeat left top;
	color: #BBC1C3;
}

.alt .commenttext {
	border: 5px solid #636D71;
	border-width: 0 5px;
}

.alt .commentauthor a, .alt .commentdate a {
	color: #BBC1C3;
}

.alt .commentauthor a:hover, .alt .commentdate a:hover {
	color: white;
}

.postbutton {
	display: block;
	width: 150px;
	height: 29px;
	background: url(../images/postcomment.jpg) no-repeat top left;
	border: 0;
	cursor: pointer;
	text-indent: -9999px;
	margin-top: 5px;
	margin-bottom: 35px;
	float: right;
}

#commentform label {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	width: 250px;
	font-size: 11px;
	display: block;
	padding: 5px;
	line-height: 15px;
	display: none;
}

#commentform .subscribe-to-comments {
	display: inline;
	font-size: 11px;
}

#commentform .subscribe-to-comments label {
	text-indent: 0;
	font-size: 11px;
	display: inline;
	width: 200px;
	margin-top: 10px;
}

#commentform textarea {
	width: 550px;
	border: 1px solid #ccc;
	font-size: 11px;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	height: 130px;
	padding: 5px;
	margin: 0;
}

#commentform input {
	width: 550px;
	border: 1px solid #ccc;
	font-size: 11px;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	padding: 5px;
	margin: 0;
}

#commentform input#author {
	background: url(../images/postcomment-nume.gif) no-repeat left center;
}

#commentform input#url {
	background: url(../images/postcomment-web.gif) no-repeat left center;
}

#commentform input#email {
	background: url(../images/postcomment-email.gif) no-repeat left center;
}

#commentform textarea {
	background: url(../images/postcomment-mesaj.gif) no-repeat left top;
}


#commentform input#author.focus, 
#commentform input#url.focus, 
#commentform input#email.focus, 
#commentform textarea.focus {
	background: none;
	border: 1px solid #85B160;
}

#commentform input#author.filled, 
#commentform input#url.filled, 
#commentform input#email.filled, 
#commentform textarea.filled {
	background: none;
	border: 1px solid #ccc;
}

#commentform p {
	margin-bottom: 3px;
}

#sidebar {
	margin-top: -10px;
}

#sidebar a.sidebarlink {
	display: block;
	width: 240px;
	height: 70px;
	text-indent: -9999px;
	overflow: hidden;
	background-position: top left;
	background-repeat: no-repeat;
	margin-top: 10px;
}

#sidebar a.sidebarlink:hover {
	background-position: bottom left;
}

#sidebar a.wdb {
	background-image: url(../images/sidebar-wdb.jpg);
}

.clear {
	clear:both;
}

#contact {
	width: 208px;
	height: 255px;
	font-size: 1px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/postit.jpg) no-repeat left top;
	margin-left: 10px;
	margin-bottom: 15px;
}

#copyright {
	width: 551px;
	height: 24px;
	font-size: 1px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/copyright.png) no-repeat left top;
	margin: 7px auto 30px auto;
}
/*
.post strong {
	font-size: 11px;
	font-family: Verdana, Tahoma, Arial, sans-serif;
}
*/

ul.mini, .post ul {
	list-style: none;
	margin: 8px 0 10px 0;
	padding: 0;
}

.post ul {
	margin-top: -5px;
}

/*
.post ul {
	margin-left: 10px;
}
*/
ul.mini li, .post ul li {
	margin: 0 0 6px 0;
	padding: 0 0 0 15px;
	line-height: 14px;
	background: url(../images/bullet.gif) no-repeat left 2px;
	font-size: 11px;
}



ul.mini li a, .post ul li a {
	font-weight: bold;
	color: #88B34D;
	font-size: 11px;
	font-family: Verdana, Tahoma, Arial, sans-serif;
}

ul.mini li a:hover, .post ul li a:hover {
	color: black;
}


#page-navigation {
	clear: both;
	display: block;
	width: 560px;
}

#page-navigation a {
	font-size: 1px;
	text-indent: -9999px;
	overflow: hidden;
	width: 173px;
	height: 43px;
	cursor: pointer;
}

#nextpage, #prevpage {
	display: block;
}

#prevpage {
	background: url(../images/prevpage.png) no-repeat left top;
	width: 173px;
	height: 43px;
	margin-left: 10px;
	float: left;
	cursor: pointer;
}

#nextpage {
	background: url(../images/nextpage.png) no-repeat left top;
	width: 173px;
	height: 43px;
	margin-right: 10px;
	float: right;
	cursor: pointer;
}

.wp-smiley {
	vertical-align: middle;
}

.post table {
	margin: 0;
	padding: 0;
	border: 1px solid #808080;
	border-right: 0;
	border-bottom: 0;
	font-size: 11px;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	
}

.post table td, 
.post table th {
	border: 1px solid #808080;
	border-left: 0;
	border-top: 0;
	padding: 4px;
}

.post table th {
	background: #f5f5f5;
}

#darkness, #darkness2, #darkness3 {
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:100;
	background-color:#000;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

#darkness2 {
	position: absolute;
}

#darkness3 {
	position: absolute;
}

* html #darkness, * html #darkness2 {
	position:absolute;
}

#lightbutton {
	position: relative;
	margin: -20px auto 40px auto;
	z-index: 1000;
	display: block;
	width: 76px;
	height: 78px;
	text-indent: -9999px;
	outline: none;
	background: url(../images/lightswitch.gif) no-repeat left top;
	overflow: hidden;
}