/*
Theme Name: Razvan
Theme URI: htpp://www.razvanc.net
Description: A brand new look for my blog
Version: 1.0
Author: Razvan CRANGANU
Author URI: http://www.razvanc.net
*/
/*-------------------------------------------------------------------------------------------------
GLOBAL RESET
-------------------------------------------------------------------------------------------------*/
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */
.clearfooter{height:250px; clear:both;}
.clearfix{clear:both; height:0; overflow:hidden;}
/*-------------------------------------------------------------------------------------------------
DEFAULT
-------------------------------------------------------------------------------------------------*/
html, body{height:100%; margin:0 auto;}
body{background: url('images/bg-tile.gif') top left repeat-x #f1f1e9; font-size:12px; font-family:Tahoma; color:#2B3539;}
#wrapper{min-height:100%; margin-bottom:-250px; position:relative; background: url('images/bg2.jpg') no-repeat top center;}
#pagina{width:960px; margin:0 auto;}
/*-------------------------------------------------------------------------------------------------
HEADER
-------------------------------------------------------------------------------------------------*/
#header{width:960px; height:357px; float:left;}
#header #logo{width:183px; height:140px; float:left; background: url('images/sprite.png') no-repeat; }
#header #name{width:388px; height:85px; float:left; margin-left:-2px; cursor:pointer;}
#header #cauta{width:300px; height:50px; float:left; margin-left:91px; background: url('images/sprite.png') no-repeat; background-position:0 -150px;}
#hearder #nav{width:360px; height:30px; float:left;}
    #nav ul{list-style-type:none; text-align:right; float:right; margin-right:10px;}
    #nav ul li{float:left; display: inline-block; text-transform: uppercase; font-weight:bold; font-weight:bold; font-size:13px; line-height:16px; margin:12px 7px}
    #nav li a{color:#dae1e3; text-decoration:none;}
    #nav li a:hover{color:#fea900; text-decoration:none;}
#header #info{width:385px; height:160px; float:left; margin-top:60px; margin-left:-183px; color:#d9dee1; font-size:16px; line-height:20px; font-family: "Lucida Grande", Arial; font-style:italic; text-align:right;}
    #info p{margin: 0 0 10px 0;}
#header #last-project{width:560px; height:215px; float:left; margin-left: 15px; margin-top:5px; }
    #last-project img{border:2px solid #000;}
#header #categorii{width:960px; height:40px; background: url('images/sprite.png') no-repeat; background-position: 0 -198px; margin-top:316px;}
    #categorii ul{list-style-type:none; margin-bottom:10px;}
    #categorii ul li{float:left; display:inline-block; text-transform:uppercase; font-weight:bold; font-size:14px; line-height:20px; margin:10px;}
    #categorii li a{color:#dae1e3; text-decoration:none;}
    #categorii li a:hover{color:#fea900; text-decoration:none;}
    #categorii .rss {float:right; display:inline-block; text-transform:uppercase; font-weight:bold; font-size:14px; line-height:20px; margin:10px 10px 10px 10px; background:url('images/rss.png')right no-repeat; padding-right:25px;}
        .rss a{color:#dae1e3; text-decoration:none;}
        .rss a:hover{color:#fea900; text-decoration:none;}
#locatie{width:950px; float:left; font-size:11px; margin:10px 0 0 10px;}
#locatie a{color:#3b474f; font-weight:bold; text-decoration:none;}
#locatie a:hover{color:#fea900; font-weight:bold; text-decoration:none;}
/*-------------------------------------------------------------------------------------------------
CAUTARE
-------------------------------------------------------------------------------------------------*/
#searchform{ margin:8px 0 0 10px;}
#s{width:230px; height:15px; float:left; padding:5px; font-size:11px; color:#3b474f; background:transparent; border:0;}
#btnCauta{width:36px; height:29px; float:left; background: url('images/sprite.png') -9px -406px no-repeat; display:block; margin-left:5px; text-indent:-9999px;}
/*-------------------------------------------------------------------------------------------------
CONTENT
-------------------------------------------------------------------------------------------------*/
#content{width:958px; float:left; border-left:1px solid #c4c6c6; border-right:1px solid #c4c6c6; background:#fff;}
#content-top{background: url('images/bg-top-cont.png') no-repeat; width:960px; height:10px; margin-top:10px; float:left;}
#content-bottom{background: url('images/bg-bot-cont.png') no-repeat; width:960px; height:10px; margin-bottom:10px; float:left;}
#continut{width:670px; margin:0 15px; float:left; position:relative; font-family: "Lucida Grande", Arial;}
#continut .nrCom{width:670px; color:#3b474f;}
    .nrCom h3{font-size:16px; line-height:24px; font-weight:bold; float:left; }
.numeCat{width:430px; height:25px; float:left; border-bottom:2px solid #dae1e3; margin-bottom:10px;}
.numeCat h2{font-size:16px; line-height:20px; font-weight:bold; color:#3b474f;}
.pagJos{width:670px; float:left;}
.pagSus{width:240px; height:25px; float:left; border-bottom:2px solid #dae1e3; margin-bottom:10px;}
.abonamente{float:left; width:670px; border:1px solid #d9dee1; margin:10px 0;}
    .abRss{float:left; width:320px; background: url('images/sprite.png') -6px -350px no-repeat; margin:10px 0; border-right:1px solid #d9dee3;}
    .abRss p{display:block; float:left; width:240px; margin-left:65px;}
    .abRss a{margin:5px 0 0 65px; font-size:16px; line-height:20px; text-decoration:none; color:#159808; font-weight:bold; display:block;}
    .abRss a:hover{margin:5px 0 0 65px; font-size:16px; line-height:20px; text-decoration:none; color:#fea900; font-weight:bold; display:block;}
    .abMail{float:left; width:335px; height:56px; background: url('images/sprite.png') -281px -249px no-repeat; margin:10px 0;}
    .abMail .form250{width:150px; float:left; padding: 5px; font-family: Arial; font-size: 12px; color: #3A3A48; background: #FBFBFB; margin: 0 0 2px 65px; border: 1px solid #CCCCD6;}
    .abMail p{display:block; margin: 3px 0 5px 65px; color:#159808; font-size:16px; font-weight:bold;}
    .abMail #btnSend{width:90px; float:left; height:25px; color:#3b474f; background:url('images/sprite.png') -514px -81px no-repeat; display:block; text-align:center; font-weight:bold; text-decoration:none; margin:0 0 0 10px; padding:6px 0 0 0;}
    .abMail #btnSend:hover{background:url('images/sprite.png') -514px -125px no-repeat; color:#fff;}
/*-------------------------------------------------------------------------------------------------
ARTICOL
-------------------------------------------------------------------------------------------------*/
.articol{width:670px; float:left; margin-bottom:15px; }
.articol h2.titlu-articol{width:670px; font-size:20px; line-height:22px; font-style:italic; color: #3B474F; font-weight:bold;}
    .titlu-articol a{color:#159808; text-decoration:none;}
    .titlu-articol a:hover{color:#3B474F; text-decoration:none;}
.articol .info{width:670px; height:25px; background:url('images/sprite.png') -264px -5px no-repeat; margin:5px 0; font-size:11px; padding:5px 10px 0 10px;}
    .info .st{width:400px; float:left;}
        .st em{font-weight:bold; color:#3B474F; font-style:normal;}
        .st a{color:#fea900; text-decoration:none; font-weight:bold;}
        .st a:hover{color:#3B474F; text-decoration:none; font-weight:bold;}
    .info .dr{width:260px; float:left;}
        .dr a{color:#3B474F; text-decoration:none; font-weight:bold;}
        .dr a:hover{color:#fea900; text-decoration:none; font-weight:bold;}
        .dr img{float:left; border:0; margin-left:145px; margin-top:-4px;}
.articol li { margin: 0 0 0 20px; color: #3B474F; }
.articol ul{ padding: 0 0 10px 0; list-style:circle; }
.articol ol{ padding: 0 0 10px 0; }
.articol h3{width:670px; font-size:16px; font-weight:bold; line-height:18px; border-bottom:1px solid #d9dee1; clear:both; margin:0 0 5px 0;}
.articol blockquote{width:650px; margin-left:30px; font-weight:bold; font-style:italic;}
.articol .taguri{width:670px; height:25px; /*background:url('images/sprite.png') -264px -5px no-repeat;*/ margin:5px 0; font-size:11px; padding:5px 10px 0 10px;}
    .taguri em{font-weight:bold; color:#3B474F; font-style:normal;}
    .taguri img{float:left; margin-top:-4px;}
    .taguri a{color:#159808; text-decoration:none; font-weight:bold;}
    .taguri a:hover{color:#3B474F; text-decoration:none; font-weight:bold;}
.articol p { padding: 0 0 10px 0; }
.articol p a{color:#fea900; text-decoration:none; font-weight:bold;}
.articol p a:hover{color:#3B474F; text-decoration:none; font-weight:bold;}
.articol p .imgStg{float:left; margin:0 10px 10px 0;}
.articol p .imgDrp{float:right; margin:0 0px 10px 10px;}
.articol p .imgCnt{float:left; width:670px; margin-bottom:10px;}
/*-------------------------------------------------------------------------------------------------
COMENTARII
-------------------------------------------------------------------------------------------------*/
.comentariu{width:668px; float:left; margin:10px 0; border-left:3px solid #dae1e3; border-top:1px solid #dae1e3; border-right:1px solid #dae1e3; border-bottom:1px solid #dae1e3; }
.comentariu .avatar {margin:5px; float:left;}
    .avatar img{border:2px solid #dae1e3;}
.comentariu .infocom{width:555px; float:left; border-bottom:1px solid #dae1e3; margin:5px 0;}
    .infocom h3{width:555px; font-size:16px; line-height:24px; font-weight:bold; float:left;}
    .infocom h3 a{color:#3b474f; text-decoration:none;}
    .infocom h3 a:hover{color:#fea900; text-decoration:none;}
    .infocom .data{font-size:11px; float:left; width:565px; margin-bottom:5px;}
    .infocom em{font-size:11px; color:#fea900; font-weight:bold;}
.comentariu .text{width:555px; float:left;}
    .text p{margin:5px 0;}

/*-------------------------------------------------------------------------------------------------
ADAUGA COMENTARII
-------------------------------------------------------------------------------------------------*/
.adaugaComentariu{width:670px; float:left;}
.adaugaComentariu #parereaTa{width:670px; height:28px; float:left; border-bottom:2px solid #dae1e3; margin:10px 0;  background:url('images/sprite.png') -471px -50px no-repeat;}
    #parereaTa h3{line-height:25px; font-size:16px; font-weight:bold; color:#3b474f; margin-left:35px; margin-top:-1px;}
.comLeft{width:250px; float:left;}
.comLeft em{font-size:11px;}
.comLeft p{margin:5px 0; color:#3b474f; font-size:13px;}
.comLeft .form250{width: 238px; padding: 5px; font-family: Arial; font-size: 12px; color: #3A3A48; background: #FBFBFB; margin: 0 0 2px 0; border: 1px solid #CCCCD6;}
.comRight {width:400px; float:left; margin-left:20px;}
.comRight p{margin:5px 0; color:#3b474f; font-size:13px;}
.comRight .form400 { width: 388px; padding: 5px 5px 10px 5px; font-family: Arial; font-size: 12px; color: #3A3A48; background: #FBFBFB; border: 1px solid #CCCCD6; }
#btnAdd{width:200px; height:30px; color:#3b474f; background:url('images/sprite.png') -510px -78px no-repeat; display:block; text-align:center; font-weight:bold; text-decoration:none; margin:10px 0; padding:8px 0 0 0;}
#btnAdd:hover{background:url('images/sprite.png') -510px -122px no-repeat; color:#fff;}

/*-------------------------------------------------------------------------------------------------
SIDEBAR
-------------------------------------------------------------------------------------------------*/
#sidebar{width:245px; float:left; font-family: "Lucida Grande", Arial; font-size:12px;}
#sidebar .titlu{width:245px; height:36px; float:left; background:url('images/sprite.png') -9px -263px no-repeat; cursor:pointer;}
#sidebar .titlu:hover{width:245px; height:36px; float:left; background:url('images/sprite.png') -9px -306px no-repeat; cursor:pointer;}
    .titlu h2{font-size:16px; font-weight:bold; font-style:italic; padding:6px 0 0 30px;}
#sidebar #ultimeleArticole{width:243px; float:left; margin-bottom:10px; border-left:1px solid #d9dee1; border-right:1px solid #d9dee1; border-bottom:1px solid #d9dee1;}  
    #ultimeleArticole li{margin:5px 0; font-weight:bold; padding-left:10px;}
    #ultimeleArticole li a{color:#3b474f; font-weight:bold; text-decoration:none;}
    #ultimeleArticole li a:hover{color:#fea900; font-weight:bold; text-decoration:none;}
#sidebar #comentarii{width:243px; float:left; margin-bottom:10px; border-left:1px solid #d9dee1; border-right:1px solid #d9dee1; border-bottom:1px solid #d9dee1;}
    #comentarii li{margin:5px 10px;}
    #comentarii li a{color:#fea900; font-weight:bold; text-decoration:none;}
    #comentarii li a:hover{color:#3b474f; font-weight:bold; text-decoration:none;}
#sidebar #twitter{width:243px; float:left; margin-bottom:10px; border-left:1px solid #d9dee1; border-right:1px solid #d9dee1; border-bottom:1px solid #d9dee1;} 
    #twitter_update_list ul{list-style-type:none;}
    #twitter_update_list li{margin:5px 10px;}
    #twitter_update_list a {color:#159808; font-weight:bold; text-decoration:none;}
    #twitter_update_list a:hover{color:#3b474f; font-weight:bold; text-decoration:none;}
#sidebar #networks{width:243px; float:left; margin-bottom:10px; border-left:1px solid #d9dee1; border-right:1px solid #d9dee1; border-bottom:1px solid #d9dee1;}
    #networks ul{list-style-type:none;}
    #networks li{margin:5px 10px; display:block; height:20px;}
    #networks li a {color:#3b474f; font-weight:bold; text-decoration:none;}
    #networks li a:hover{color:#159808; font-weight:bold; text-decoration:none;}
    #networks li img{width:16px; height:16px; float:left; margin-right:10px; }
#sidebar #flickr{width:243px; float:left; margin-bottom:10px; border-left:1px solid #d9dee1; border-right:1px solid #d9dee1; border-bottom:1px solid #d9dee1;}
    #flickr ul{list-style-type:none;}
    #flickr li img{margin:10px; width:56px; height:56px; border:2px solid #d9dee1;}
    #flickr li img:hover{margin:10px; width:56px; height:56px; border:2px solid #2B3539;}
/*-------------------------------------------------------------------------------------------------
FOOTER
-------------------------------------------------------------------------------------------------*/
#footer{background: url('images/bg-footer.jpg') no-repeat top center; height:250px; position:relative;}
#footerTop{height:30px; width:100%; background:url('images/footerTop.jpg') top repeat-x;}
#footer-content{width:960px; margin:0 auto;}
.footer-box{width:300px; float:left; margin:10px;}
.footer-box h2{width:300px;  font-size:14px; font-style:italic; font-weight:bold; display:block; line-height:20px; color:#d9dee1; margin-bottom:2px;}
.footer-box .linie{width:300px; height:4px; background:url('images/sprite.png') -66px -512px; margin:2px 0;}
.footer-box li{display:block; height:20px; line-height:16px; font-size:12px; background:url('images/sprite.png') -9px -488px no-repeat; padding-left:25px; margin:3px 0;}
.footer-box li a{color:#aaa; text-decoration:none;}
.footer-box li a:hover{text-decoration:underline;}
.footer-box p{color:#aaa; margin:5px 0;}
.footer-box p a{color:#aaa; font-weight:bold; text-decoration:none;}
.footer-box p a:hover{color:#aaa; font-weight:bold; text-decoration:underline;}
.footer-box img {float:right;}