/*
Theme Name: TechnoBlog
Theme URI: http://www.foxtheme.com
Description: A nice tech theme disitributed for free by <a href="http://www.foxtheme.com"> FoxTheme.com</a> 
Version: 1
Author: Cornel.P

*/

body {
background-image: url(images/bg1.png);
background-repeat: repeat-x;
background-position:top left; 
background-color: #4faddc;
color: #333333;
padding:0px; 
margin:0px;

font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:12px;
}
a{
color:#333333;
text-decoration:none; 
}
a:link{  /* unvisited link */
color:#333333; 
text-decoration:underline;
}
a:active{   /*selected link */
color:#333333;
text-decoration:underline;
}
a:visited{ /*link vizitat*/
color:#333333;
text-decoration:underline;
}
a:hover{  /*mouse over link */
color:#333333;
text-decoration:none;
}
p,code,ul {padding-bottom: 10px;}
li {list-style: none;} 
h1 {
color: #333333;
padding-bottom:4px;
font-weight:normal; 
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 3px;
font-size:20px;
}
h2 {
font-size:20px;
margin-bottom: 4px;
color: #333333;
font-weight:normal;
}
h3 {color: #D60144;
padding-bottom:3px;
font-weight:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 3px;
font-size:20px;
border-bottom: 1px dashed #333333; width:99%;}
code {
background: #FFF;
border: 1px solid #EEE;
border-left: 6px solid #C1CAD3;
color: #666;
display: inline;
font: normal 1em Tahoma,sans-serif;
line-height: 1.6em;
margin: 0px 0 12px;
padding: 8px 10px;
white-space: pre;
}
blockquote {
background: url(images/quote.gif) no-repeat;
display: block;
font: bold 0.9em Verdana,sans-serif;
padding-left: 26px
}
big {font-size: 1.1em;}
h1, h2, h3 {padding-top: 1px;}
label {
display: block;
font-size: 0.9em;
}
.clearer {clear: both;}
.left {float: left;}
.right {float: right;}
.container {
background: #FFFFFF;
margin: 0 auto;
padding: 0 0px 0px;
width: 880px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

table
{text-align: left;
vertical-align: top;
font-family: Verdana, sans-serif ;
font-weight: normal;
font-size: 11px;
color: #fff;
width: 90%;
background-color: #fff;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;
margin-bottom:20px;}

table td
{background-color: #fff;
color: #000;
padding: 4px;
text-align: center;
vertical-align: top;
border: 1px #ccc solid;}

table tr.head td
{background-color: #ccc;
color: navy;
padding: 4px;
text-align: center;
vertical-align: top;
border: 1px #999 solid;
font-size: 12px;
font-weight: bold;}

.header {
background: #FFFFFF url(images/logo.gif) no-repeat;
background: #FFFFFF;
height: 107px;
margin:0px auto;
padding: 0px 0px 0px;
width: 880px;
}
.header .left, .header .right {
background: #FFFFFF;
color: #000;
height: 107px;
}
.header .left { /*unde este logoul */
background: #FFFFFF url(images/logo.gif) no-repeat;
text-align: center; 
width: 550px;
line-height: 105px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
font-size:26px;
font-weight:bold;
}
.header .right { /* partea cu search*/
background: #FFFFFF url(images/head.gif) repeat-x;
text-align: center;
vertical-align:middle;
width: 330px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
font-size:26px;
font-weight:bold;
}



#rss{
    float: left;
    font-family:Verdana, Arial, Helvetica, sans-serif; 
    font-size: 14px;
    font-weight:bold;
    padding: 30px 0 0 30px;
    text-align: center;
    width: 300px;
}

#rss h1{
	display: none;
}

#rss a{
    color: #666666;
    text-decoration: underline;
}
#rss a:hover{
    color: #FF7800
}
#rss ul{
    float: left;
    margin: 5px 0 0;
    width: 200px;
}
#rss li{
    margin: 0 0 3px;
    padding: 0 0 5px
}
#rss img{
    float: right;
    margin: 0px -2px 0 0;
}
.header .right p, .header .right h2 {padding: 0 16px;}
.header .right h2 {padding-top: 16px; font: normal 1.6em "Trebuchet MS",sans-serif;}
.navigation { (se afiseaza pagina)
border-bottom: 1px solid #ffffff;
border-top: 1px solid #ffffff;
background: #ffffff url(images/nav-li.gif);
height: 30px;
text-align:center;
}
.navigation ul{
    padding: 0px;
    margin: 0px;
    text-align:center;
}
.navigation ul li{
display: inline;
text-align:center;
}
.navigation a {
background: #ffffff url(images/nav-li.gif);
border-right: 1px solid #333333;
color: #eee;
display: inline;
float: left;
text-decoration: none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
line-height: 30px;
padding: 0 7px;
}
.navigation a:visited {
background: #ffffff url(images/nav-li.gif);
border-right: 1px solid #333333;
/*border-left:1px solid #333333;*/
color: #eee;
display: block;
float: left;
text-decoration: none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
line-height: 30px;
padding: 0 7px;
}
.navigation a:hover {
background: #ffffff url(images/topmenu_sep.png);
text-decoration:underline;
color:#555;
}
.main {
background:#eff5f8 url(images/main_bg.jpg) repeat-y;
/*background-color:#eff5f8;*/
padding:5px 10px;
}
.sidenav {
float: right;
width: 211px;
}
.sidenav h2 {
color: #5A5A43;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
line-height: 30px;
margin: 0;
padding-left: 12px;
}

.sidenav p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333333;
}
.sidenav ul {
padding: 0;
border-top: 1px solid #EAEADA;
}
.sidenav li {border-bottom: 1px solid #EAEADA;}
.sidenav li a {
font-size: 1.1em;
color: #554;
display: block;
padding: 8px 0 8px;
text-decoration: none;
width: 100%;
}
.sidenav li a:hover {
background: #F0F0EB;
color: #654;    
}
.content { /* unde e continutul - postarile*/
float: right;
margin: 0px;
padding: 0;
width: 640px;
/*border-right:0px solid #333333;*/
/*border-left:3px solid #f0f0f0;*/
}
.content .descr { /* titlul postarior */
color: #9c5714;
font-size: 0.9em;
margin-bottom: 5px;
padding-bottom:1px;
}
.content li { 
background: url(images/li.gif) no-repeat 0 30%;
padding: 1px 0 1px 16px;
}
.content p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333333;
}
.footer {
background: #4faddc url(images/footer.gif);
background-repeat:repeat-x;
text-decoration: none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#fff;
padding: 0 10px;
line-height: 25px;
height: 25px;
border:none;
}

.footer a:link {color:#fff;}
.footer a:visited {color:#fff;}
.footer a:hover {color:#fff;}

.post {
    border: 0px solid #333333; 
    margin-bottom:0px; 
    margin-right:5px; 
    padding:0 8px; 
    background-color:#FFFFFF; 
/*  background-image:url(images/content-bg.gif);*/
    background-position:top right; 
    background-repeat:no-repeat;
}
.entry{
line-height:16px;
padding: 1px;
}
.entry img{
border: 1px solid #333333;
margin:5px;
padding:5px;
background-color:#FFFFFF;
}
.post .info{
padding: 5px;
border: 0px solid #333333;
background:#F5F5F5;
color: #555;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin: 2px 0 0px;
}
.post .info a:link{
color: #555;
font-weight:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
}
.post .info a:active{
color: #333333;
font-weight:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
}
.post .info a:visited{
color: #333333;
font-weight:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
}
.post .info a:hover{
color: #FF7800;
font-weight:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
}
.post img {border: 0px solid #DDD; margin: 4px 0;}
.post a img {border: 0px solid #DDD;}
.post a:hover img {border-color: #CCC;}
.info a {text-decoration: none;}
.info a:hover {text-decoration: underline;}
.content ol li {list-style: none; background: none;}
#commentlist li {
margin-bottom: 1.5em;
padding-bottom: 1em;
border-bottom: 1px solid #700000;
list-style: none;
}
#commentform {
}
.commentmetadata {padding: 2px 0 0px;}
.commentmetadata a {color: #664;}
textarea.styled {width: 280px;}
.styled {
font-size: 1.1em;
background: #F8F7F6;
border: 1px solid #D6D3D3;
}
.styled:hover {
background: #FFF;
border: 1px solid #D6D3D3;
}
.styled:focus {
background: #FFF;
border: 1px solid #939793;
}
#commentform input {margin-bottom: 3px;}
a img {border:none;}
#wp-calendar {color:#A0A0A0;}
.sidenav table caption {border-bottom-color:#000;}
.sidenav table thead tr {
border-bottom-color:#000;
color:#A53512;
}
.sidenav table th {border-bottom-color:#000;}
.sidenav table td#today {
border-color:#000;
color:#A53512;
}
.sidenav table td a {
border-bottom-color:#000;
background-color:#EDF3DE;
}
.sidenav table tfoot {border-top-color:#000;}
.sidenav table tfoot a {background:none;}
#wp-calendar {
display:inline-table;
border-collapse:collapse;
width:185px;
margin:0px 10px 0 10px;
text-align:center;
}
.sidenav table caption {
margin:0px;
padding-bottom: 5px;
border-bottom: 1px solid;
letter-spacing: 0.1em;
}
.sidenav table thead tr {border-bottom:1px solid;}
.sidenav table th {border-bottom:1px solid;}
.sidenav table td {
width: 35%; 
padding: 1px;
font-size: 0.9em;
}
.sidenav table td#today {
padding: 0;
border: 1px solid;
font-size: 1em;
font-weight: bold;
}
.sidenav table td a {
display: block;
border-bottom: 1px solid;
font-weight: bold;
font-size: 1.15em;
}
.sidenav table tfoot {border-top:1px solid;}
.sidenav table tfoot a {
border: none;
font-weight: bold;
}
.sidenav table tfoot #prev a {text-align:left;}
.sidenav table tfoot #next a {text-align:center;}
#searchform {padding:10px;}
.search-top{
padding:5px;
border: 1px solid #333333;
color:#333333;
font-weight:bold;
}
.search-top:hover{
padding:5px;
border: 1px solid #333333;
color:#333333;
font-weight:bold;
}
.submit-search{
font-size:12px;
font-weight:bold;
padding:3px;
color:#333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.submit-search:hover{
font-size:12px;
font-weight:bold;
padding:3px;
color:#333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.cat{
display: block;
margin: 0px;
padding:5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
overflow:hidden;
text-align: left;
color: #FFFFFF;
background-color:#5e8a1d;
border-bottom: 1px solid #333333;
background-position:center center;
background-repeat:repeat-x;
background-image:url(images/nav-li.gif);
}
#sidebars {
width: 211px;
margin-bottom: 5px;
overflow:hidden;
float:left;
background-color:#FFFFFF;
border-top: 1px solid #333;
border-left: 1px solid #333;
border-right: 1px solid #333;
color:#333333;
}
.dynamic_widget {
float: left;
width:100%;
color:#333333;
}
#sidebars h2 {
float: left;
display: block;
width: 100%;
margin: 0px;
padding: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
overflow:hidden;
text-align: left;
color:#fff;
border-bottom: 1px solid #333333;
background-position:center center;
background-repeat:repeat-x;
background-image:url(images/nav-li.gif);
}
.arrow {
float: left;
list-style-type: none;
text-align: left;
margin: 0px;
width:100%;
padding: 0px;
color:#333333;
}
.arrow li {
float: left;
text-align: left;
margin: 0px;
width:100%;
padding: 0px;
color:#333333;
}
.arrow li a:link, .arrow li a:visited {
color: #333333;
text-decoration: none;
display: block;
overflow:hidden;
text-align: left;
padding-left: 28px;
padding-top:5px;
padding-bottom:5px;
padding-right:5px;
background-color:#fff;
border-bottom:0px solid #333333;
background-image:url(images/left-nav-li.gif);
background-repeat: no-repeat;
background-position: left;
}
.arrow li a:hover, .arrow li a:active {
color: #333333;
text-decoration: none;
display: block;
overflow:hidden;
text-align: left;
padding-left: 28px;
padding-top:5px;
padding-bottom:5px;
padding-right:5px;
background-color:#e9e9e9;
border-bottom:1px solid #333333;
background-image:url(images/left-nav-li-hover.gif);
background-repeat: no-repeat;
background-position: left;
}
.arrow ul li {
text-align: left;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-weight: 400;
color:#333333;
margin: 0px;
padding: 0px;
}
.arrow ul {
list-style-type: none;
text-align: left;
margin: 0px;
padding: 0px;
color:#333333;
}
.arrow ul li a:link, .arrow ul li a:visited {
color: #333333;
text-decoration: none;
display: block;
overflow:hidden;
text-align: left;
padding-left: 28px;
padding-top:5px;
padding-bottom:5px;
padding-right:5px;
background-color:#fff;
border-bottom:1px solid #333333;
background-image:url(images/left-nav-li.gif);
background-repeat: no-repeat;
background-position: left;
}
.arrow ul li a:hover, .arrow ul li a:active {
color: #333333;
text-decoration: none;
display: block;
overflow:hidden;
text-align: left;
padding-left: 28px;
padding-top:5px;
padding-bottom:5px;
padding-right:5px;
background-color:#fff;
border-bottom:1px solid #333333;
background-image:url(images/left-nav-li-hover.gif);
background-repeat: no-repeat;
background-position: left;
}
#dynamic_sidebars {
width: 211px;
margin:0px;
overflow:hidden;
float:left;
background-color:#FFFFFF;
}
#dynamic_sidebars h2 {
float: left;
display: block;
width: 211px;
margin: 0px;
padding: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
overflow:hidden;
text-align: left;
color: #FFFFFF;
border-bottom: 0px solid #333333;
background-position:center center;
background-repeat:repeat-x;
background-image:url(images/side.gif);
}

#dynamic_sidebars p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; margin:6px; margin-top:10px;
}

#wp-calendar {
empty-cells: show;
width: 100%;
font-size: 12px;
color: #666;
text-decoration: none;
text-align: center;
float: left;
padding: 0px;
margin: 0px;
font-weight: normal;
border-bottom:0px solid #333333;
}
#wp-calendar a:link, #wp-calendar a:visited {
text-decoration: none;
color: #333333;
}
#wp-calendar a:hover, #wp-calendar a:active {
text-decoration: none;
color: #333333;
}
#wp-calendar caption {
text-align: left;
width: 100%;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
color:#333333;
font-size: 1.6em;
background-image: url(images/cats.gif);
background-repeat: no-repeat;
background-position: left;
height: 36px;
line-height: 36px;
}
#wp-calendar th {
margin: 0px;
padding: 0px;
text-align: center;
color:#ee7a00;
}
#next a:link, #next a:visited {
text-align: center;
color: #333;
text-decoration: none;
font-weight: bold;
font-size: 12px;
float: right;
}
#next a:hover, #next a:active {
text-align: center;
color: #5d891c;
text-decoration: underline;
font-weight: bold;
font-size: 12px;
float: right;
}
#prev a:link, #prev a:visited {
text-align: left;
color: #333;
text-decoration: none;
font-weight: bold;
font-size: 12px;
float: left;
}
#prev a:hover, #prev a:active {
text-align: left;
color: #333;
text-decoration: none;
font-weight: bold;
font-size: 12px;
float: left;
}
#wp-calendar td {
margin: 0px;
padding: 0px;
text-align: center;
}
#wp-calendar td:hover {
margin: 0px;
padding: 0px;
text-align: center;
}
#wp-calendar tf {
margin: 0px;
padding: 0px;
}
.pad {
text-align: center;
}
.Title {
color: #ee7a00;
font-size:18px;
padding-bottom:3px;
padding-left:22px;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 3px;
background-image:url(images/gadget.gif);
background-position:left center;
background-repeat:no-repeat;
}
.Title a:link{
color: #ee7a00;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
}
.Title a:active{
color: #ee7a00;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
}
.Title a:visited{
color: #ee7a00;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
}
.Title a:hover{
color: #333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
}
.info{
padding: 5px;
border-left: 1px solid #333333;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;
background:#F5F5F5;
background-image: url(images/nav-ol.gif);
color: #FFFFFF;
width: auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 5px;
}
.info a:link{
color: #FFFFFF;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
}
.info a:active{
color: #FFFFFF;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
}
.info a:visited{
color: #FFFFFF;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
}
.info a:hover{
color: #F7F7F7;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
}
p{
margin-top:5px;
margin-bottom:5px;
}
.forms{
padding:5px;
border: 1px solid #333333;
color:#ee7a00;
margin-bottom:3px;
margin-top:3px;
font-weight:normal;
}
.forms:hover{
padding:5px;
border: 1px solid #ee7a00;
color:#333333;
font-weight:normal;
margin-bottom:3px;
margin-top:3px;
}
.forms-content{
padding:5px;
width:70%;
border: 1px solid #333333;
color:#ee7a00;
font-weight:normal;
}
.forms-content:hover{
padding:5px;
width:70%;
border: 1px solid #ee7a00;
color:#333333;
font-weight:normal;
}
.Large-font{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#333333;
}
.Links {
padding-top: 1px;
padding-left: 0px;
font-size: 10px;
text-decoration: none;
}
#Links a{
font-size:8px;
color:#333333;
border:0px;
text-decoration: none;
}
#Links a:visited{
font-size:8px;
color:#333333;
border:0px;
text-decoration: none;
}
#Links a:active{
font-size:8px;
color:#333333;
border:0px;
text-decoration: none;
}
#Links a:hover{
font-size:8px;
color:#333333;
border:0px;
text-decoration: underline;
}                                        


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }