/*
Theme Name: Sapphire Stretch
Theme URI: http://masnikov.com/sapphire_stretch
Version: 2.4
Author: Nikolaj Masnikov
Tags: blue, white, light, three-columns, flexible-width, left-sidebar, right-sidebar
  The CSS, XHTML and design is released under GNU General Public License version 3 (GPLv3):
  http://www.opensource.org/licenses/gpl-3.0.html
  In this theme are used some icons from Glass Style RSS Icon set by Bittbox (www.bitbox.com) 
  and from Diagona set by Yusuke Kamiyamane (www.pinvoke.com). 
  The both sets are licensed under GPL.
*/

html, body {
  height: 100%;
}

body {
  margin: 0;
  background: #FFFFFF url(img/background2.png) repeat-x scroll left top;
  background-attachment: fixed;
  font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
  font-size: 62.5%;
  
}

#detalii
{  text-align:center;
   color: #808080;
   font-weight:bold;
font-size:10px;
padding: 6px 0px 5px 0px;
text-transform:uppercase;
}

#detalii a {color:#808080;}
#detalii a:hover {color:#003399;}

#wrapper{
-moz-box-shadow:0.5em 0.25em 0.5em;
 margin: 0 auto;
 width: 960px;
 background-color: #ffffff;


}

p {
  margin: 0px 0px 10px 0px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-weight: normal;
  color: #484848;
}

a {
  border: 0px;
  color: #2c60a6;
  text-decoration: none;
}

a:hover {
  color: #1A7CC6;
  text-decoration: none;
}

img {
  border: 0px;
}

hr {
  color: #FFF;
  height: 0px;
  border: 1px dotted #ccc;
  margin-top: 3px;
  margin-bottom: 3px;
}



code, pre {
  font: 'Courier New', Courier, Fixed;
  font-size: 110%;
  border: #99c1f1 1px solid;
  background: #ebf4ff;
  overflow: auto;
  padding: 5px;
	display: block;
  width: 100%; /* Important for IE6 */
}

#header-wrapper {
  color: #d8e9fd;
  height: 100px;
  width: 100%;
  background-color:#103675;
}

#header{
margin: 0 auto;
background-image: url(img/logo_albastru.jpg); background-repeat:no-repeat;
width:960px;
height:122px;
}

#header h1 {
  font-family: "Trebuchet MS", "Myriad Pro", Verdana, Tahoma, Arial, Helvetica;
  letter-spacing: -1px;
  font-size: 250%;
  padding: 12px 0px 0px 0px;
  margin: 0;
  line-height: 90%;
}

#header h2 {
  font-family: "Trebuchet MS", "Myriad Pro", Verdana, Tahoma, Arial, Helvetica;
  font-size: 160%;
  padding: 1px 0px 0px 0px;
  margin: 0px;
}

#header a, #header a:hover, #header a:active, #header a:visited {
  color: #d8e9fd;
  text-decoration: none;
  border: 0;
}

#header a:focus {
  outline:none;    /* kills dotted border around the link */
}

#header a img {
  border: 0;
}

#header-logo {
  width: 960px;
  height: 100px;
  background-repeat:no-repeat;
  border: 0;
} 

#header-logo-gravatar {
  margin: 11px 0 0 27px;
}

#header-title {
  margin: 0 0 0 126px;
  text-align: left;
  height: 65px;
  border: 0;
}

#header-navi {
  border: 0px;
  height: 35px;
  font-size: 130%;
  padding: 0;
  margin: 0px 1px 0px 117px;
  vertical-align: middle;
}

#header ul {
  margin: 0;
  padding: 0;
  float: left;
}

#header-navi ul li {
  line-height: 35px;
  text-align: center;
  float: left;
  list-style: none;
}

#header-navi li a {
  padding: 0px 9px;
}

#header-navi li a:hover {
  background: #FFFFFE;
  color: #4477bb;
}

#header-navi a, #header-navi a:active, #header-navi a:visited {
  color: #b9d6f9;
  text-decoration: none;
  display: block;
}

/* Drop-down menus */
#dropmenu, #dropmenu ul {
  margin:0;
  padding:0;
  list-style-type:none;
  list-style-position:outside;
  position:relative;
  z-index:300;
  width:100%;
}

#dropmenu a {
  display:block;
  padding:0.25em 1em;
  text-decoration:none;
}

#dropmenu a:hover {
}

#dropmenu li {
  float:left;
  position:relative;
}

#dropmenu ul {
  position:absolute;
  display:none;
  width:13em;
  top:1.9em;
  border:1px solid #5d94dd;
}

#dropmenu ul a:hover {
}

#dropmenu li ul {
  width:13em;
  top:auto;
  background: #689BDF;
}

#dropmenu li ul a {
  width:  11.6em;
  height: auto;
  float:  left;
  text-align: left;
}

/* Sub-menu */
#dropmenu ul ul {
  top:auto;
}

#dropmenu li ul ul {
  left: 13em;
  margin:0px 0 0 0px;
}

#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}
/* Drop-down menus */


#content-wrapper {
  margin-bottom: 5px;
  margin-top:0px;
  margin-left:10px;
  float: right;
  width: 775px;
  display: inline;

  padding: 0px 0px 15px 5px;
}

#content {
  width: 470;
  float: left;
  font-size: 120%;
  line-height: 150%;
  display: inline;


 -webkit-border-top-left-radius: 10px;
 -moz-border-radius-topright:10px; 
 -moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-top-right-radius:10px;
//-moz-box-shadow:0.5em 0.5em 0.5em;
}

#middle-content-wrapper{
  padding: 5px; 
  background-color:#E2E6E9;
 -webkit-border-top-left-radius: 10px;
 -moz-border-radius-topright:10px; 
 -moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-top-right-radius:10px;
//-moz-box-shadow:0.5em 0.5em 0.5em;
}
#middle-content{
background-color:white;
padding:10px;
width: 440px;
}

#content a {
  text-decoration: underline;
}

#content a:visited {
  color: #800080;
}

#content a:hover {
  color: #1A7CC6;
}

#content img {
}

#content h1 {
  margin-top: 0;
  font-size: 190%;
  line-height: 115%;
}

#content h2 {
  font-size: 160%;
  line-height: 120%;
}

#content h3 {
  font-size: 130%;
  line-height: 120%;
  font-weight: bold;
}

#content blockquote {
  background-color: #ebf4ff;
  border-left: 3px solid #99c1f1;
  margin: 0 0 5px 15px;
  padding: 5px 10px 1px 8px;
}

#content h1 a, #content a h1,
#content h2 a, #content a h2,
#content h3 a, #content a h3 {
  text-decoration: none;
}

#content h1 a:visited, #content a:visited h1,
#content h2 a:visited, #content a:visited h2,
#content h3 a:visited, #content a:visited h3 {
  color: #2c60a6;
  text-decoration: none;
}

#content h1 a:hover, #content a:hover h1,
#content h2 a:hover, #content a:hover h2,
#content h3 a:hover, #content a:hover h3 {
  border-bottom: 1px dotted;
  text-decoration: none;
  color: #1A7CC6;
}

#content .pagetitle {
  margin-bottom: 20px;
  border-bottom: 1px dotted #484848;
}

#content ul, #content ol {
  padding: 0 0 0 20px;
}

#content ul {
  list-style: square;
}

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


#sidebar-left {

	width: 160px;
	float: left;
	margin: 0px 0px 5px 0px;
	padding: 5px;
	background-color: #E2E6E9;
 -moz-border-radius-bottomright: 10px;
 -webkit-border-top-left-radius: 10px;
 -moz-border-radius-topright:10px; 
-webkit-border-top-right-radius:10px;
//-moz-box-shadow:0.5em 0.5em 0.5em;
}


#sidebar-right{
             width:280px;
             float: right;
             margin: 0px 0px 5px 0px;
             padding: 5px;
             background-color: #E2E6E9;
 -moz-border-radius-topleft: 10px;
 -webkit-border-top-left-radius: 10px;
 -moz-border-radius-bottomleft:10px; 
-webkit-border-top-right-radius:10px;
//-moz-box-shadow:0.5em 0.5em 0.5em;
}

#sidebar-left h2, #sidebar-right h2 {
  margin-bottom: 0px;
  margin-top:0px;
  font-size: 110%;
  font-weight: normal;
  font-family:Verdana;
  color: #243749;
  background: #ffffff url(img/header.gif) repeat-x 0 0;
  padding: 6px 0 7px 10px;
  line-height: 110%;
  text-transform:uppercase;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
}

#sidebar-left h2 a, #sidebar-right h2 a{
  color: #cde9a7;
  text-decoration: none;
}


#sidebar-left ul, #sidebar-right ul {
	        background: #fff url(img/header-bottom.gif) repeat-x 0 0;
	        list-style-type: none;
		padding:0px 0px 0px 0px;
                margin-top:0px;
}

#sidebar-left ul li a, #sidebar-right ul li a{
              font-weight: bold;
              color:#808080;
              font-size:11px;
}

#sidebar-left ul li a:hover, #sidebar-right ul li a:hover{
              font-weight: bold;
              color:#003399;
              font-size:11px;
}

#sidebar-left ul ul{
}

#sidebar-left ul ul li, #sidebar-right ul ul li{
	     border-bottom: 1px solid #DDDDDD;
             padding: 6px 0px 7px 10px;
             color:#808080;      
}

#sidebar-left ul ul ul li, #sidebar-right ul ul ul li{ 
             padding: 6px 0px 7px 10px;
             border-bottom:0px;
}

#sidebar-right ul li{	     border-bottom: 1px solid #DDDDDD;
             padding: 6px 0px 7px 0px;
             color:#808080;}

#sidebar-left ul ul ul, #sidebar-right ul ul ul li{
             background:#fff;
             border-bottom:0px;
             margin-top:5px;
}
#sidebar-right ul ul, #sidebar-right ul ul li, #sidebar-right ul ul ul, #sidebar-right ul ul ul li{
             background:#fff;
             padding:10px 0 10px 0;
             text-align:center;
}

#postmeta {
  font-size: 80%;
  margin-bottom: 30px;
  padding-bottom: 3px;
  border-bottom: 1px dotted #0f4b78;
  color: #999;
  clear: both;
  line-height: 100%;
}

#postmeta a {
  text-decoration: none;
}

#postmeta a:visited {
  color: #2c60a6;
}

#postmeta a:hover {
  text-decoration: underline;
}

#postmeta p {
  line-height: 100%;
}

#postmeta img {
  vertical-align: middle;
  margin: 0 4px 0 0;
}

#postmeta .editlink {
  float: right;
  margin-top: 5px;
}

.postnav {
  width: 86%;
  float: left;
  list-style: none;
  line-height: 110%;
  margin-top: -10px;
  margin-bottom: 20px;
  padding: 0;
}

.postnav li.left {
  display: block;
  float: left;
  padding: 0;
  margin: 0;
}

.postnav li.right {
  display: block;
  float: right;
  padding: 0;
  margin: 0;
}

#comments {
  clear: both;
  float: none;
  margin-top: 50px;
}

#comments ul li, #comments ol li {
  margin-bottom: 40px;
  border-bottom: 1px dotted #0f4b78;
}

#comment-area {

}

#comment-form {

}

.commenter {

  color: #777;
}

.comment-moderation {
  color: red;
}

.comment-info {

}

#footer {
  
  margin: 0 auto;
  clear: both;
  line-height: 17px;
  color: #eff5f1;
  padding: 0 0px 0 0px;
  font-size: 110%;

}

#footer a {
  color: #b9d6f9;
  text-decoration: none;
}

#footer a:hover {
  text-decoration: underline;
}

#footer p {
  margin: 0;
}

#footer-left {
  float: left;
  text-align: left;
}

#footer-right {
  float: right;
  text-align: right;
}

.hasFloat:after {
  content: "";
  display: block;
  clear: both;
}

#searchform input {
  font-family:Tahoma, Arial, Helvetica, sans-serif;
  font-size:12px;
  background-color:#4a83cd;
  margin: 0 0 3px 0;
  padding: 2px 4px 2px 4px;
  border:#4477bb 1px solid;
  color:#d8e9fd;
}

#searchform input:hover {
  cursor:pointer;
  background-color:#4477bb;
  border:#4477bb 1px solid;
  color:#fff;
}

#searchform #s {
  font-family:Tahoma, Arial, Helvetica, sans-serif;
  font-size:12px;
  margin: 0 0 3px 0;
  background-color:#ebf4ff;
  padding: 3px 4px 3px 4px;
  border:#4477bb 1px solid;
  color:#222;
}

#searchform #s:hover {
  background-color:#d8e9fd;
  color:#222;
}

img#wpstats {
  width: 0px;
  height: 0px;
  padding: 0px;
  border: none;
  overflow: hidden;
}

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto; 
}

.alignleft {
   float: left;
   margin: 0 10px 10px 0;
}

.alignright {
   float: right;
   margin: 0 0 10px 10px;
}

.alignnone {
   float: none;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding: 7px;
   margin: 5px 10px 5px 0px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 90%;
   line-height: 120%;
   padding: 0 10px 0 0;
   margin: 0;
}

#wp-calendar {
  margin: 0 auto;
  line-height: 150%;
}

table#wp-calendar{
  width: 240px;
}

#wp-calendar a {
	text-decoration: underline;
  font-weight: bold;
}

table#wp-calendar tfoot td a{
  border: 0;
  font-weight: normal;
}

table#wp-calendar th, table#wp-calendar td {
  text-align: center;
}

.widget_tag_cloud {
  line-height: 200%;
}

//adaugat de Alex

#sidebar-left {
	clear: both;
	width: 160px;
	float: left;
	margin: 10px 5px 10px 0;
	padding: 5px;
	background-color: #E2E6E9;
}
.sym{
cursor:pointer;
color:#808080;
font-size:11px;
font-weight:bold;
}