/*
Theme Name: noidoi
Theme URI: http://noidoi.org
Description: Tema parent, facuta de la 0
Version: 3.0
Author: Vlad
Author URI: http://noidoi.org
Tags: noidoi, clean, basic
*/
/*Basic Page Setup and Resets*/

* {	
	margin: 0; 
	padding: 0 
	}
	
html {
	overflow-y: scroll;	
	}
	
body {
	font-size: 62.5%;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #333;
	}

ul {
	list-style:none inside; 
	padding: 0; margin: 0;
	}
	
li {
	list-style:none inside; 
	line-height:21px;
	font-size: 12px;
	padding: 0;
	}	
	
p {
	background: transparent;
	font-size: 1.3em; 
	line-height: 1.2em; 
	margin-bottom: 1.2em;
	}
	
a {
	outline: none;
	}
	
a img {
	border: none;
	}
	
small {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 1.2em;
	color: #777777;
	}
a {
	color: #2395b2;
	text-decoration: none;
	}

a:hover {
	color: #2395b2;
	text-decoration: underline;
	}

h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	}

h1 {
	font-size: 4em;
	}	

h2 {
	font-size: 25px;

	}

h3 {	
	color:#999999;
	font-family:'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif;
	font-size:1.7em;
	margin:0;
	}

h3 a {
	color:  #333333;
		}
h2 a:hover, h3 a:hover {
	color: #2395b2;
	text-decoration: none;
	}	
	
h4 {
	color:#333333;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:12px;
	margin:0;
	font-weight: normal;
	}
.spacer{
	height: 12px;
	}
/* end reset*/

/*Tool Box*/
.floatleft {float: left;}
.floatright {float: right;}
.clear {clear: both;}
/* end tool*/

/*Structure and stuff */
#page-wrap {
	width:1000px;
	margin: 0 auto;
	position: relative;
	       }
/*Partea stanga - logo & meniu*/
#stanga {
	position: absolute;
	}


#logo {
	position: absolute;
	top: 100px;
	left: 97px;
	margin: 0 auto;
	height: 80px;
		}



ul#nav {
	display:block;
	position: absolute;
	top: 182px;
	left: 0px;
	width: 173px;
	height: 310px;
	padding-top: 26px;
	background: url(images/meniu_bg.jpg) top left no-repeat;

	}
	
	ul#nav li {
		list-style:none inside; 
		line-height:0px;
		font-size: 12px;
		}
		
		ul#nav li a {
			display: block;
			height: 37px;
			text-indent: -9999px;
			float: right;
			padding-right: 20px;
			}
			
			ul#nav li.prin-dosar a{
				width: 135px;
				background: url(images/dosar.jpg) top center no-repeat;
				margin: 0px;
				}
				
			ul#nav li.la-birou a{
				width: 112px;
				background: url(images/birou.jpg) top center no-repeat;
				margin-bottom: 15px;
				}
				
			ul#nav li.articole a{
				width: 79px;
				background: url(images/blog.jpg) top center no-repeat;
				}
				
			ul#nav li.despre-noi a{
				width: 121px;
				background: url(images/despre.jpg) top center no-repeat;
				}
				
			ul#nav li.contact a{
				width: 135px;
				background: url(images/contact.jpg) top center no-repeat;
				margin-bottom: 15px;
				}
				
			ul#nav li.jobs a{
				width: 84px;
				background: url(images/jobs.jpg) top center no-repeat;
				}
			
			ul#nav li a:hover {
				background-position: bottom center;
				}
				
body#prin-dosar ul#nav li.prin-dosar a, 
body#la-birou ul#nav li.la-birou a, 
body#articole ul#nav li.articole a,
body#despre-noi ul#nav li.despre-noi a, 
body#contact ul#nav li.contact a,
body#jobs ul#nav li.jobs a
{
				background-position: bottom center;
				}
				
#footer {
	position: absolute;
	top: 494px;
	left: 0px;
	margin: 0 auto;
	text-align: right;
	width:160px;
		}
.copyright {
	margin: 0px 0px 0px 0px ;
	}
	
.admin {
	margin: 3px 0px 0px 0px ;
	}
	
.cautare {
	margin: 10px 0px 0px 0px ;
	}

.social {
	margin: 5px 0px 0px 0px ;
	}

#centru {
	background: url(images/linie.jpg) top left no-repeat;
	height: 530px;
	position: absolute;
	top: 75px;
	left: 173px;
	width: 700px;
	}

#navigatie {
	position: absolute;
	top: 32px;
	left: 30px;
	}

#nav_articole  {
	font-size: 12px;	
	border-left: 1px dashed #dddddd;
	border-right: 1px dashed #dddddd;
	margin: 0;
	padding: 0 10px 10px 10px;
	height: 10px;
	}

#articole_back {
	padding-top: 15px;
	margin-bottom: 0px;
	padding-bottom:0px;
	}
#comentezi {
	padding-top: 0px;
	margin-top:0px;
	}

/*Comentarii&forms*/
.cauta {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:12px;
	padding:2px 3px 3px 0;
	text-align:right;
	width:140px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	}


select {	
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:12px;
	padding:2px;
	background-color:#F8F8F8;
	border:1px dashed #DDDDDD;
	width:130px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
} 

textarea {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:12px;
	background-color:#F8F8F8;
	border:1px dashed #DDDDDD;
	text-align:left;
	width: 450px;
	padding:2px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
}

#commentform {
	margin:5px 10px 0 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
}

#commentform p {
	margin:5px 0;
	font-size:12px;
	color: #777777;

}


#commentform textarea {
	background-color:#F8F8F8;
	border:1px dashed #DDDDDD;
	padding:2px;
	width:750px; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
}

.commentlist li, #commentform input, #commentform textarea {
	font-family:'Lucida Grande',Verdana,Arial,Sans-Serif;
	font-size:1.1em;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
}

#commentform #submit {
	margin:5px 0 5px auto;
	padding:2px 10px;
	font-size: 12px;
	font-weight: bold;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
}

#commentform #submit:hover{
	background-color: #2395b2;
	color: #ffffff;
	font-weight: bold;
	border:1px solid #2395b2;

}
input {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:12px;
	background-color:#F8F8F8;
	border:1px dashed #DDDDDD;
	padding: 2px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
}

.buton_contact {
	margin:0px 0 5px auto;
	padding:2px 10px;
	font-size: 12px;
	font-weight: bold;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	}
	
.buton_contact:hover{
	background-color: #2395b2;
	color: #ffffff;
	font-weight: bold;
	border:1px solid #2395b2;

}

/*input:hover {
	background-color: #2395b2;
	color: #ffffff;
	font-weight: bold;
	border:1px solid #2395b2;
	}*/
.commentlist {
	padding-left:20px;
	text-align:justify;
}

.commentlist p {
	font-size: 12px;
	margin-bottom: 0px;
	font-weight:normal;
	line-height:1.5em;
	text-transform:none;
}
.commentlist li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:decimal;
	border:1px dashed #DDDDDD;
	margin:15px 0 10px;
	padding:5px 5px 10px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.commentlist li .avatar {
	margin:0 5px;
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #EEEEEE;
	float:right;
	padding:3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
}

.commentlist cite, .commentlist cite a {
	font-size:1.1em;
	font-style:normal;
	font-weight:bold;
}

.thread-alt {
	background-color:#F8F8F8;
}

/*end comentarii*/

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */



#main-content {
	background: transparent;
	position: absolute;
	left: 30px;
	top: 55px;
	padding: 0px 0px 0px 0px;
	}
	
#content {
	display: block; 
	text-align: justify;	
	width: 750px;
	}


#content a {
	background-color:#f8f8f8;
	border:1px solid #DDDDDD;
	padding:0 6px;
	margin: 0px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	}

#content a:hover {
	text-decoration: none;
	background-color:#2395b2;
	border:1px solid #2395b2;
	color: #ffffff;
}

#content a img {
	background-color:#ffffff;
	border:0px;
	padding:0 0px!important;
	margin: 0px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	}

#content a:hover img {
	text-decoration: none;
	background-color:#fffff;
	border:0px;
}

.ngg-gallery-thumbnail a {
	background-color:#FFF !important;
	border:0px !important;
		padding:0 0px!important;

}

.ngg-gallery-thumbnail a:hover {
	background-color:#FFF !important;
	border:0px !important;
		padding:0 0px!important;

}

.ngg-album-link a {
	background-color:#FFF !important;
	border:0px !important;
		padding:0 0px!important;

	text-decoration: none !important;


	}
	
.ngg-album-link a:hover {
	background-color:#FFF !important;
	border:0px !important; 
	text-decoration: none !important;
		padding:0 0px!important;

	
	}
.ngg-gallery-thumbnail {
	text-decoration: none;
	border:0px;
	padding:0 0px!important;
	}
	
#titluri_articole {
	
	display: block; 
	text-align: justify;	
	width: 750px;
	
	}
	
.blog {
	line-height: 25px;
	}

.blog a {
	text-decoration: none;
	color: #333333;
	border:none;
	}
	
.blog a:hover {
	text-decoration: none;
	color: #2395b2;
	}

.articol_singur {
	padding-top: 15px;
	}
	
#pagini{
	margin: 0px;
	padding: 10px 0px 0px 0px;
	font-size: 1.2em;
	}

#pagini a {
	background-color:#f8f8f8;
	border:1px solid #DDDDDD;
	padding:0 6px;
	margin: 0px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	}

#pagini a:hover {
	text-decoration: none;
	background-color:#2395b2;
	border:1px solid #2395b2;
	color: #ffffff;
	}


#dreapta {
	position: absolute;
	top: 0px;
	left: 525px;
	padding: 0px 0px 0px 0px;
	
	}
	
/*Sidebar*/

#sidebar {
	width: 236px;
	font: 12px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
	
#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}
	
#sidebar ul, #sidebar ul ol{
	text-decoration:none;
	}	

#sidebar ul, #sidebar ul ol a:hover{
	}	
	
#sidebar ul li {
	line-height:18px;
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar li {
	list-style:none inside; 
	margin-left: 0; 
	padding-left: 0;

	}	
#sidebar li a {
	color: #2395b2;
	list-style:none inside; 
	margin-left: 0; 
	padding-left: 0;
	text-decoration:none;

	}	

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;

	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}

/*end sidebar*/