/*
Theme Name: 18 ani de comunicare
Theme URI: http://www.iello.ro
Description: A wordpress theme.
Version: 1.0
Author: Gabriel Popa
Author URI: http://www.iello.ro.ro/
*/

/*
	18 ani de comunicare
	---------------
	
*/

/* GENERAL */
html, body {
	height: 100%;
}
body {
	margin:0px;
	font-family:Arial, Verdana, sans-serif;
	font-size:12px;
	text-align:center;
	background:url(img/bkg.png); 
}
a:link, a:visited {
	text-decoration:none;
	color:#5d5d5d;
}
a:hover {
	text-decoration:none;
	color:#007BC4;
}
h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
}
p {
	margin:0;
	padding:0;
}
form input.text {
	border:1px solid #003366;
}
form textarea {
	border:1px solid #003366;
}
form select {
	border:1px solid #003366;
}
form fieldset {
	border:none;
}
		div#container{
			width:100%;
			min-height: 100%;
			margin: 0 auto;
		}
		* html #container {
			height: 100%;
		}		
			div#wrapper {
				width:81.66em;
				background:url(img/wrapper-bg.png) no-repeat scroll;
				background-position: bottom left;
				min-height:800px;		
			}
			* html div#wrapper {
				height: auto !important;
				height: 800px;				
			}
				div#wrapper-header{
					width:100%; 
					height:47px; 
					background:url(img/wrapper-header-bg.png) top right no-repeat;
					color:#007bc4;
					text-align:left;
				}
					div#wrapper-header-left{
						width:40%; float:left;
						padding:0.5em 0 0 3em;
					}
						div#wrapper-header .title-h1{
							display:block;
							font-size:16px;
							font-weight:bold;
						}
						div#wrapper-header .title-h1{
							display:block;
						}										
					div#wrapper-header-right{
						width:40%; float:right;
						padding:0.5em 1em 0 0;
					}
						div#wrapper-header-right a{
							display:block;
							width:38px;
							height:37px;
							float:right;
						}
						div#search {
							background:url(img/search.png) no-repeat center center;
							width:236px;
							height:37px;
							float:right;
						}
						div#search #searchform{
							padding:0;
							margin:9px 0 0 8px;
						}
						*:first-child+html div#search #searchform{
							margin:9px 0 0 8px;
						}						
						div#search input.s {
							background:transparent none repeat scroll 0%;
							border:medium none;
							width:163px;
							float:left;
						} 
						div#search input.button {
							float:left;
							width:55px;
							height:20px;
							padding-left:0.2em;
						} 												
				div#logo {
					width:27.16em;
					float:left;
					height:200px;
					margin: 0 0 0 0;
					background:transparent url(img/logo-bg.png) no-repeat scroll 20% 60%;
					cursor:pointer;
				}
				*:first-child+html div#logo{
					margin: 0em 0 0 0;
				}
				div#content {
					width:54.16em;
					float:right;
					background:url(img/content-bg.png) top no-repeat;
				}
					div#content #header{
						height:14.75em;
						margin: 1.8em 1em 0pt 5.3em;
					}
					div#content #header img{
						border:1px solid #FFF;
					}
					* html div#content #header img{
						margin: 1.8em 0 0pt 0em;
					}
					div#content .post-wrapper{
						margin:2em 0.9em 0pt;
						background:#FFF;
						border-bottom:4px solid #003366;
					}
					* html div#content .post-wrapper{
						margin:4em 0.9em 0pt;
					}
					div#content .post-wrapper-header {
						height:0.583em;
						background:url(img/post-header.png) no-repeat;
					}
					div#content .post-wrapper-content {
						margin: 0 0 0 0;
						border:1px solid #003366;
						padding:1em 0 1em 0;
					}
					div#content .post-wrapper-content p{
						padding:0.5em 0 0.5em 0;
					}
						div.wpcf7-response-output {
							padding:0.5em 0 0.5em 0;
							margin:0 !important;
						}
						div.wpcf7-validation-errors {
							border:none !important;
							color:red;
						}	
						div#content .post-wrapper-content .post{
							text-align:left;
							padding:0 1em 0 5em;
						}						
							#list-holder{
								padding:0.5em 0 0.5em 0;
							}
							.list-box{
								width:21em;
								float:left;
								margin:0.5em 0.5em 0 0;
								overflow:hidden;
							}
							.list-box img {
								float:left;
							}
							.list-box-right{
								float:right; 
								width:13.5em;
							}
							.list-box .vb-name{
								font-size:12px;
								font-weight:bold;
								text-transform:uppercase;
								padding:0 0 0 0.2em;
							}
							.list-box .vb-position{
								display:block;
								margin:0.5em 0 0 0;
								font-size:11px;
								padding:0 0 0 0.2em;
							}							
							div#content .post-wrapper-content .wp-pagenavi{
								text-align:left;
								padding:0 1em 0 5em;
							}
							div#students-form{
								padding:0 0 1em 0;
							}
							div#projects-form{
								text-align:left;
								padding:0 1em 0 5em;
							}
							div#projects-form fieldset{
								border:none;
								margin:0;
								padding:0;
							}
							div#projects-form fieldset.descriere{
								padding-left:0.5em;
							}
							div#projects-form fieldset select{
								font-size:11px;
								width:70%;
								height:20px;
							}							
							div#projects-form ol{
								margin:0;
								padding:0;
								list-style-type:none;
							}
							div#projects-form label{
								display: block;
								line-height: 1.8;
								vertical-align: top;
								float:left;
								width:10em;							
							}
							div#projects-form ol li {
								list-style: none;
								padding: 5px;
								margin: 0;							
							}
							div#projects-form ol li span{
								margin-left:10em;
							}
							div#projects-form input.text{
								width:70%;
							}	
							div#projects-form .wysiwyg{
								width:90% !important;
								border:1px solid #003366;
							}
							/* students form */
							div#content .post-wrapper-content .post #toggle-add-students {
								padding:0.5em 0 0.5em 0;
								display:block;
								cursor:pointer;
							}
							div#students-form{
								text-align:left;
							}							
							div#students-form fieldset{
								border:none;
								margin:0;
								padding:0;
							}							
							div#students-form fieldset.descriere{
								padding-left:0.5em;
							}
							div#students-form ol{
								margin:0;
								padding:0;
								list-style-type:none;
							}
							div#students-form label{
								display: block;
								line-height: 1.8;
								vertical-align: top;
								float:left;
								width:10em;							
							}
							div#students-form ol li {
								list-style: none;
								padding: 5px;
								margin: 0;							
							}
							div#students-form ol li span{
								margin-left:10em;
							}
							div#students-form input.text{
								width:70%;
								border:1px solid #003366;
							}	
							div#students-form .wysiwyg{
								width:90% !important;
								border:1px solid #003366;
							}
							div#students-form fieldset em{
								font-weight: bold;
								font-style: normal;
								color: #f00;
								padding-left:0.5em;				
							}
							/* end comment form */																					
						div#content .post-wrapper-content .post h2 {
							font-size:160%;
							color:#5d5d5d;
						}
						div#content .post-wrapper-content .post h3{
							font-size:14px;
							line-height:15px;
							font-weight:bold;
							color:#007BC4;
							padding:0.5em 0 0.5em 0;
						}
						div#content .post-wrapper-content .post h4{
							font-size:13px;
							line-height:14px;
							font-weight:bold;
							color:#5D5D5D;
							padding:0.2em 0 0.2em 0;
						}																			
						div#content .post-wrapper-content .post h2 a{
							text-decoration:none;
							color:#5d5d5d;
						}
					div#content .post-wrapper-footer {
						height:0.833em;
						background:url(img/post-footer.png) no-repeat;
					}					
				div#blogroll {
					background:#FFFFFF none repeat scroll 0%; 
					border-bottom:4px solid #003366;
					float:right;
					margin:13.8em 0em 0pt 0pt;
				}
					div#blogroll ul{
						padding:1em;
					}
					div#blogroll ul ul{
						padding:0.5em 0 0 2em;
					}				
					div#blogroll ul li{
						list-style-type:none;
					}
					div#blogroll ul li h2{
						font-size:11px;
						color:#5d5d5d;
						font-weight:normal;
					}					
					div#blogroll ul li ul li{
						list-style-type:circle;
					}
					div#blogroll ul li ul li a{
						color:#5d5d5d;
						font-size:80%;
					}					
				* html div#blogroll{
					margin-left:2.38em;
				}
				div#additional {
					position:absolute;
					width:17.66em;
					margin: 0.8em 0pt 0pt 15.1em;
				}
				*:first-child+html div#additional{
					margin: 0.83em 0 0 -26em;
				}
				* html div#additional{
					margin: 0.83em 0 0 -26em;	
				}
				div#promo {
					width:12.5em;
					float:right;
					margin: 0 1em 0 0;
				}
				* html div#promo {
					margin: 0 0.5em 0 0;
				}
					div#promo .promo-box{
						height:4.20em;
						width:100%;
						border:1px solid #FFF;
						margin: 1em 0 0 0;
						color:#FFFFFF;
						font-size:12px;
						font-weight:bold;						
					}
					div#promo .promo-box span{
						display:block;
						padding:1em;
					}
					div#promo .promo-box a:link, div#promo .promo-box a:visited {
						color:#FFF;
					}
					div#promo .promo-box a:hover{
						color:#5d5d5d
					}
					* html div#promo .promo-box{
						height:4.21em;
					}
					*:first-child+html div#promo .promo-box{
						height:4.21em;
					}
					div#promo .first{
						background:#737b7f;
					}
					div#promo .second{
						background:#6dbf52;
					}
					div#promo .third{
						background:#FF6609;
					}
				div#menu{
					float:right;
					width:100%;
					margin:1.1em 1em 0 0;
					clear:both;
				}
					div#menu-header{
						height:14px;
						background:url(img/menu-header.png) no-repeat;
						background-position:4px 0;
					}
					* html div#menu-header{
						overflow:hidden;
					}				
					div#menu-content{
						background:#FFFFFF none repeat scroll 0%;
						border:1px solid #003366;
						width:100%;
					}
					* html div#menu-content{
						background-position:0 0;
					}
						div#menu-content ul, div#blogroll ul{
							margin:0 0 0 0;
							text-align:left;
						}							
						div#menu-content ul li{
							padding:0 0 0.6em 0;
						}	
						div#menu-content ul ul{
							padding:1em 0 0 2em;
						}
						*:first-child+html div#menu-content ul ul{

						}
						* html div#menu-content ul ul{

						}
						div#menu-content ul li.current_page_item a.selected{
							color:#007BC4;
						}																				 
					div#menu-footer{
						width:100%;
						height:17px;
						background:url(img/menu-footer.png) no-repeat right center;
						background-position:-0.3em 0pt;
					}
					div#extra {
						color:#FFF;
						width:980px;
						margin:0 0 2em 0;
					}
						div#extra-border{
							border-top:4px solid #FFF; 
							width:968px;
						}
						div#copy{
							float:left;
							width:30%;
							text-align:left;
						}
						div#legal{
							float:right;
							width:60%;
							margin:0 1em 0 0;
						}
							div#legal ul{
								list-style-type:none;
								margin:0;
								padding:0;
							}
							div#legal ul li{
								float:right;
								padding:0 0 0 1em;
							}		
							div#legal ul li a:link, div#legal ul li a:visited{
								color:#FFF;
							}
							div#legal ul li a:hover{
								color:#007BC4;
							}