/*
Theme Name: xenofobia
Description: xenofobia
Version: 0.5
Author: Cristian Florescu
	  
*/

/* MAIN COMPONENTS */
* { padding: 0; margin: 0; }

html { padding:0; margin:0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 15px;
 background:url(imagini/right.bt.bg.jpg) no-repeat right bottom #fff;
 background-attachment:fixed;
}

a img {
	border:0;
}
a, a:active, a:visited {
	text-decoration:none;
	color:#02B8F0;
}

a:hover {
	color:#333;
	background:#DAF1FF;
}

a span {
	display:none;
}

a:hover span{
	display:block;
	position:relative;
	width:95%;
	height:48px;
	top:-62px;
	left:0;
	margin: 0 auto;
	padding:5px;
	background:#fff;
	font-size:70%;
	color:#000;
	border:1px solid #f3f3f3;
	filter: alpha(opacity=85); -moz-opacity: .85;
	overflow:hidden;
}

p {
	margin:10px 0px;
}

#background-lvl2 {
width:100%;
height:100%;
margin:0 auto;
background:url(imagini/left.bg.jpg) no-repeat left top;
}

/*
#background-lvl3 {
width:100%;
height:100%;
margin:0 auto;
background:url(imagini/right.bg.jpg) no-repeat right top;
}
*/

h1 {
 font-size:130%;
 display:block;
 clear:both;
 color:#C63A1A;
 margin:5px;
 font-family:georgia;
}

h2 {
 font-size: 120%;
 display: block;
 clear:both;
 color:#C63A1A;
 font-family:georgia;
}

h3 {
 font-size: 100%;
 margin-bottom:5px;
 color:#fff;
 padding:5px;
 background:#C1D7E1;
 font-family:georgia;
}

h6 {
 font-size:70%;
 margin: 0px 0px 5px 0px;
 color:#333;
 padding:1px 5px;
 background:#E5FFE9;
 font-weight:normal;
}

ul, ol{
	margin:15px 0px 10px 0px;
	list-style:none;
}

ul li  ul li{
	margin-left:5px;
	margin-bottom:5px;
	border-bottom:1px solid #eee;
	padding-bottom:3px;
}

#wrapper { 
 margin: 0 auto;
 padding:0;
 width: 800px;
 background:#fff;
}

#header {
 color: #333;
 display:block;
 width: 780px;
 height: 145px;
 padding:10px 35px 10px 60px;
 margin: 0px 0px 25px 0px;
 background:url(imagini/header.jpg) no-repeat top left;
 }

.header-motto {
	float:right;
	margin-top:28px;
	margin-right:45px
}

#first-article {
 height:310px;
 margin: 0px 0px 25px 0px;
 padding:5px 0px;
 width:800px;
 display:block;
 vertical-align:top;
 background:url(imagini/first-article-bg.jpg) no-repeat left bottom #F8F9FB;
 border:1px solid #D1D9E5;
}

#first-article-right {
	width:205px;
	height:300px;
	float:right;
}

#first-article-left {
	width:530px;
	height:300px;
	float:left;
	display:block;
}

#first-article-excerpt {
 width:400px;
 margin:25px auto;
 padding:25px 10px;
 height:150px;
}

#rightcolumn { 
 display: inline;
 color: #333;
 margin: 0px 0px 10px 10px;
 padding: 0px;
 width: 200px;
 float: right;
 vertical-align:top;
 clear:both;
}

#widgets {
 text-align:left;
 margin-top:15px;
}

#leftcolumn { 
 float: left;
 color: #333;
 padding: 0px;
 width: 500px;
 display: inline block;
 position: relative;
 vertical-align:top;
 top:0;
}

#footer { 
 width: 800px;
 clear: both;
 color: #333;
 margin: 10px 0px 10px 0px;
 padding: 10px;
}

.clear { clear: both; background: none; }

/* SECONDARY COMPONENTS */

.articol {
	width: 530px;
	margin: 0px 0px 20px 0px;
	border-bottom:1px dashed #ddd;
	display:block;
}

.articol-stanga {
	width:130px;
	height:200px;
	float:left;
	display:inline;
}


.articol-dreapta {
	width:380px;
	float:right;
	color:#333;
}

.articol-excerpt {
	width:300px;
	margin:10px auto;
	vertical-align:middle;

}

.articol-content  {
	width:400px;
	padding:35px 20px 25px 20px;
	margin:10px auto;
	vertical-align:top;
	display:block;
}

.articol-info {
	text-align:left;
	font-size:80%;
	display:block;
	margin:10px 10px 0px 0px;
}

.citeste {
	background:#EFFBFF;
	float:right;
}

/* Begin Sidebar */
.sidebar-articol {
	border:1px solid #eee;
	padding:5px;
	margin-bottom:5px;
	background:url(imagini/sidebar.articol.sageata.a.jpg) no-repeat top right #fff;
}

.sidebar-articol:hover {
}
/* End Sidebar */


/* Begin Images */
.foto-mare {
	width: 190px;
	height: 300px;
	display:block;
	overflow:hidden;
}

.foto-mare img {
	height:300px;
	margin:0 auto;
}

.foto-mediu {
	width:125px;
	height:200px;
	display:block;
	overflow:hidden;
	-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
}

.foto-mediu img {
	height: 200px;
	margin:0 auto;
}

.foto-mic {
	width:90px;
	height:120px;
	display:inline block;
	overflow:hidden;
	float:left;
}

.foto-mic img {
	height:140px;
	margin:0 auto;
}

.foto-mediu, .foto-mic, .foto-mare {
	border:1px solid #D1D9E5;
	margin:2px;
	text-align:center;
}

/* End Images */

/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px; 
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}
	
input#s {
	width: 90%;
	border: 1px solid #666;
	padding: 5px;
}

button#searchsubmit {
	border: 1px solid #02b8f0;
	background: #02b8f0;
	color: #fff;
	padding: 3px;
	margin: 5px;
}

button#searchsubmit, input#s, #first-article {
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input, #commentform textarea, #commentform #submit {
	background:#fff;
	border:1px solid #ddd;
}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	border:1px solid #ACFF78;
	background:#D9FFCD;
	padding:7px 4px;
	}
/* End Form Elements */



/* Begin Comments*/
.comentarii {
	
}

.comentarii .comentariu {
display:block;
margin-bottom:20px;
}

.comentarii .comentariu-text {
	display:block;
	margin-left:40px;
}

.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */