/*
Theme Name: Light
Theme URI: http://vaguedream.com/wordpress-themes/
Description: A two-column theme with tabbed navigation and crisp colors.
Version: 1.0-wpcom
Author: Stephen Reinhardt
Author URI: http://vaguedream.com/
Tags: two columns, fixed width, blue 
*/


*					/* clear browser defaults */
{
	margin: 0;
	padding: 0;
	border: 0;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
}

body 
{
	background: url("../_img/body_bkg.jpg");
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color:#333;
	font-weight: normal;
	font-style: normal;
	text-align:center;

}

#center
{
	height:580px;
	width:900px;
	margin: 0 auto;
	margin-top:10px;
}

p
{
	text-align:left;
}

#img_header_left
{
	background:url("../_img/img_lia.png") no-repeat left top;
	height:260px;
	width:260px;
	float:left;
}

#img_motto
{
	background:url("../_img/img_motto.png") no-repeat;
	height:70px;
	width:260px;
	float:left;
}


#img_motto h1
{
text-indent:-5000px;
}

#img_gallery
{
	background:url("../_img/bottom_left.png") no-repeat;
	float:left;
	width:260px;
	height:260px;
}

#gallery_slideshow
{
	overflow:hidden;
	width:250px;
	position:relative;
	float:right;
	top:25px;
}

div.arrow_down
{
background:url(../_img/arrow_down.png) no-repeat;
display:block;
width:61px;
height:29px;
margin-top:30px;
}

/* ++++++++++++++++++++++++++++++ menu ++++++++++++++++++++++++++++++ */

#menu
{
float:left;
width:599px;
height:70px;
background:url(../_img/menu_right_bkg.png) top right;
}

#menu div.menu_option
{
text-align:center;
float:left;
background:url(../_img/menu_item_bkg1.jpg) repeat-x;
position:relative;
z-index:1000;	/* the popup menu will appear on top of the text areas */
}

#menu div.menu_option:hover
{
background:url(../_img/menu_item_bkg2.jpg) repeat-x;
}

#menu div.menu_separator
{
float:left;
width:2px;
height:35px;
background:url(../_img/menu_separator.jpg) repeat-x;
}

#menu div.menu_option em
{
display:block;
width:195px;
height:35px;
line-height:35px;
font-style:normal;
font-size:15px;
font-weight:600;
font-family:'Trebuchet MS';
color:#000;
letter-spacing:1px;
cursor:pointer;
text-decoration:none;

color:#b00;
color:#000;
font-size:13px;
font-family:Verdana;
font-weight:normal;
}

#menu #opt1 em
{
background:url(../_img/menu_home1.png) no-repeat;
text-indent:-3000px;
}

#menu #opt1 em:hover
{
background:url(../_img/menu_home2.png) no-repeat;
}

#menu #opt2 em
{
background:url(../_img/menu_despre1.png) no-repeat;
text-indent:-3000px;
}

#menu #opt2 em:hover
{
background:url(../_img/menu_despre2.png) no-repeat;
}

#menu #opt3 em
{
background:url(../_img/menu_cariera1.png) no-repeat;
text-indent:-3000px;
}

#menu #opt3 em:hover
{
background:url(../_img/menu_cariera2.png) no-repeat;
}

#menu #opt4 em
{
background:url(../_img/menu_proiecte1.png) no-repeat;
text-indent:-3000px;
}

#menu #opt4 em:hover
{
background:url(../_img/menu_proiecte2.png) no-repeat;
}

#menu #opt5 em
{
background:url(../_img/menu_note1.png) no-repeat;
text-indent:-3000px;
}

#menu #opt5 em:hover
{
background:url(../_img/menu_note2.png) no-repeat;
}

#menu #opt6 em
{
background:url(../_img/menu_galerie1.png) no-repeat;
text-indent:-3000px;
}

#menu #opt6 em:hover
{
background:url(../_img/menu_galerie2.png) no-repeat;
}

#menu div.menu_option ul
{
display:none;
position:absolute;
padding-bottom:0px;
padding-top:0px;
}

#menu div.menu_option.up ul
{
top:-104px;
border-top:1px solid #b00;
background:url(../_img/submenu_arrow_down.gif) no-repeat bottom center;
padding-bottom:22px;
}

#menu div.menu_option.down ul
{
top:57px;	/* 30px + 35px em's height */
border-bottom:1px solid #b00;
background:url(../_img/submenu_arrow_up.gif) no-repeat top center;
padding-top:23px;
}

#menu div.menu_option ul li
{
list-style:none;
}

#menu div.menu_option ul li a
{
text-align:left;
padding-left:5px;
margin-left:2px;
margin-right:2px;
margin-top:1px;
margin-bottom:1px;
display:block;
height:22px;
width:184px;	/*191 fara padding-left 5*/
line-height:18px;
text-decoration:none;
color:#000;
font-size:11px;
font-weight:bold;
}

#menu div.menu_option ul li a:hover
{
/*background:url(../_img/submenu_mouseover_bkg.jpg) repeat-y;*/
background:#b00;
color:#fff;
}

/* ++++++++++++++++++++++++++++ the slider ++++++++++++++++++++++++++++ */

/* This file skins sliders */

/*.ui-slider { width: 200px; height: 23px; position: relative; background-repeat: no-repeat; background-position: center center; }
.ui-slider-handle { position: absolute; z-index: 1; height: 23px; width: 12px; top: 0px; left: 0px; background-image: url(i/slider-handle.gif);  }
.ui-slider-handle-active { border: 1px dotted black;  }
.ui-slider-disabled .ui-slider-handle { opacity: 0.5; filter: alpha(opacity=50); }
.ui-slider-range { position: absolute; background: #50A029; opacity: 0.3; filter: alpha(opacity=30); width: 100%; height: 100%; }
*/
/* Default slider backgrounds */
/*.ui-slider, .ui-slider-1 { background-image: url(i/slider-bg-1.png); }
.ui-slider-2 { background-image: url(i/slider-bg-2.png); }
*/


#content_right_top, #content_right_bottom
{
	height:260px;
	width:600px;
	float:left;
	position:relative;
}

#content_right_top
{
	background:url("../_img/content_top.png") no-repeat;
}

#content_right_bottom
{
	background:url("../_img/content_bottom.png") no-repeat;
}

#txtarea1, #txtarea2
{
	height:230px;
	width:530px;	/* 550px - padding 10px = 530px */
	float:left;
	overflow:hidden;
	position:relative;
	margin-left:10px;
	padding-left:10px;
	padding-right:10px;
}

#header_large
{
background:url(../_img/liapop_large.jpg) no-repeat;
width:570px;
height:230px;
display:block;
position:absolute;
top:20px;
left:10px;
}

#harta
{
background:url(../_img/harta_small.jpg) no-repeat;
width:570px;
height:230px;
display:block;
position:absolute;
top:10px;
left:10px;
text-indent:-5000px;
}

#txtarea1, #slider_container1
{
	margin-top:20px;
}

#txtarea2, #slider_container2
{
	margin-top:10px;
}

#txt1, #txt2
{
	position:relative;
	top:0px;
	left:0px;
	text-align:left;
	padding-top:10px;
	padding-bottom:10px;
}

#txt1 h1, #txt2 h1
{
	font-family:'Trebuchet MS';
	font-size:200%;
	font-weight:600;
	color:#b00;
}

#txt1 ul li, #txt2 ul li
{
	list-style:none;
	padding-left:25px;
}

#txt1 ul, #txt2 ul
{
	margin-left:10px;
	margin-right:10px;
}

#ul li, #ul2 li
{
	background:url(../_img/list_bullet.gif) no-repeat top left;
}

#txt1 img, #txt2 img
{
	border:1px solid #fff;
	margin-top:0px;
	margin-bottom:5px;
}

#txt1 img.left, #txt2 img.left
{
	float:left;
	margin-left:0px;
	margin-right:5px;
}

#txt1 img.right, #txt2 img.right
{
	float:right;
	margin-left:5px;
	margin-right:0px;
}

#slider_container1, #slider_container2 {
	background:url(../_img/slider_bkg.png) no-repeat top right;
	width:20px;
	height:230px;
	position:relative;
	float:left;
}

#slider1, #slider2
{
	height:204px;
	width:20px;
	position:relative;
	margin-top:13px;
	margin-bottom:13px;
	float:left;
}

.ui-slider-handle {
	position:absolute;
	top:0px;
	left:0px;
	background:url(../_img/slider_marble.png) no-repeat;
	width:15px;
	height:15px;
	margin-left:2px;
	margin-right:2px;
}


#footer
{
width:100%;
margin: 0 auto;
margin-top:5px;
color:#666;
padding-top:5px;
}

#footer span
{
display:block;
width:178px;
height:28px;
background:url(../_img/logo_iadvertising.png) no-repeat top right;
text-indent:-5000px;
position:relative;
top:-5px;
margin:0 auto;
}


#txt1_gallery, #txt2_gallery
{
height:220px;
width:560px;
float:left;
margin-left:10px;
margin-top:10px;
padding-left:5px;
padding-right:5px;
padding-top:5px;
padding-bottom:5px;
background:#b5b5b5;
}

#txt1_gallery
{
margin-top:20px;
}

#txt1_gallery a, #txt2_gallery a
{
position:relative;
float:left;
display:block;
width:80px;
height:110px;
}

#txt1_gallery a b, #txt2_gallery a b
{
position:absolute;
top:0px;
left:0px;
width:80px;
height:110px;
background:url(../_img/gallery_dark_glow.jpg);
display:block;
}

#txt1_gallery a img, #txt2_gallery a img
{
position:absolute;
top:5px;
left:5px;
width:70px;
height:100px;
}


/* ++++++++++++++++++++++++++++ the Guestbook ++++++++++++++++++++++++++++ */

#guestbook_post, #guestbook_view
{
vertical-align:top;
}

#guestbook_post h3, #guestbook_view h3
{
font-weight:600;
}

#guestbook_post .txtbox
{
color: #333; 
font-size:12px;
border:solid 1px #b1afaf;
cursor:text;
font-size:11px;
padding:2px;
}
  
#guestbook_post .txtbutton
{
cursor:pointer;
}

#guestbook_view .table_view
{
display:block;
border:solid 1px #b1afaf;
margin-top:3px;
margin-bottom:3px;
background-color:#e9ddd3;
}

#guestbook_view .table_view .nume
{
display:block;
color:#c20a0c;
text-align:left;
width:275px;
}

#guestbook_view .table_view .coments
{
    display:block;
    color:#333;
    text-align:left;
    width:275px;
}

#guestbook_view .table_view .data
{

    text-align:right;
    color:#999;
    width:275px;
    font-size:10px;
}

/* ++++++++++++++++++++++++++++ the Admin Page ++++++++++++++++++++++++++++ */
.guestbook_view .table_view
{
    width:70%;
    display:block;
    border:solid 1px #b1afaf;
    margin:3px;
    background-color:#e9ddd3;
    text-align:left;
}

.guestbook_view .table_view2
{
    display:block;
    border:solid 1px #b1afaf;
    margin:3px;
    text-align:left;
    width:70%;
    background-color:#dedede;
}

.guestbook_view .table_view .nume, .guestbook_view .table_view2 .nume 
{
    display:block;
    color:#c20a0c;
    text-align:left;

}

.guestbook_view .table_view .coments, .guestbook_view .table_view2 .coments
{
    display:block;
    color:#333;
    text-align:left;

}

.guestbook_view .table_view .data, .guestbook_view .table_view2 .data
{

    text-align:right;
    color:#c20a0c;
    
}

input
{
    border:solid 1px #b1afaf;
    cursor:pointer;
    margin:2px;
}


#alink, #delogare
{
    text-align:left;
    margin:5px;
}
a:link      {color : #c20a0c; text-decoration:none }
a:visited	{color : #000000; text-decoration:none} 
a:hover 	{color : #000000; text-decoration: underline }
a:active	{color : #c20a0c; text-decoration:none}
/*-- this is the CSS style sheet used in the Guestbook example */


/* ++++++++++++++++++++++++++++ the Login Page ++++++++++++++++++++++++++++ */
#login
{
    display:block;
    margin-top:100px;
}

#login .txtbox
{
    border:solid 1px #b1afaf;
}
