/*
Theme Name: Radu Botez Theme
Theme URI: http://www.radubotez.com
Description: Versiunea 1.0 a siteului www.radubotez.com
Author: Radu Botez
*/

/*RESET*/
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, address, code, img, 
small, strong, dl, dt, dd, ol, ul, li,
fieldset, form, label {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1.8;
        font-family: helvetica, arial, sans-serif;
}
ol, ul {
	list-style: none;
}
/*RESET*/


body {
	margin: 0px;
	padding: 0px;
	background-color: #000000;
	color: #9ca3ae;
	background-image:url(images/bg-jeans.gif);
	background-repeat: repeat;
	background-position:top center;
	font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	z-index:-1;
}


.clear {
clear: both;
}

.details-t {
	float:left;
	padding-top:10px;
	font-size:14px;
	color:#121a24;
	text-decoration:none;}
	
	.details-t a {text-decoration:none;}

.rb-header {
width:100%;
height:92px;
float:left;
background-image:url(images/bg-top-header.gif);
background-repeat: repeat-x;
}

.rb-header-spacer {
width:100%;
height:30px;
float:left;
background-image:url(images/bg-top-spacer.gif);
background-repeat: repeat-x;
}

#rb-header-fix {
width:960px;
height:92px;
margin-left:auto;
margin-right:auto;
}


h1.qmd-text {
width:316px;
height:92px;
float:left;
background:url(images/logo-qmd.png) no-repeat top center;
text-indent:-9999em;
display:block;
overflow:hidden;
}

.rb-header-right {
width:200px;
float:right;
padding-right:10px;
padding-top:20px;
height:70px;
background:url(images/bg-header-right.png) no-repeat top right;
}

.menu-pages a:active, .menu-pages a:visited, .menu-pages a:link {
color:#9ca3ae;
font-weight:bold;
text-decoration:none;
}


.menu-pages a:hover {
color:#ea1e1e;
font-weight:bold;
text-decoration:none;
}

.menu-pages  ul {
float:right;}

.menu-pages li {
text-shadow: 2px 2px 3px #000;
text-align:right;
}

.menu-pages  span {
float:right;
width:20px;
height:20px;
padding-left:10px;
}

.small-font {
clear:right;
width:200px;
padding-top:5px;
font-size:10px;}


.container {
width:100%;
height:auto;
float:left;
}

.container960 {
width:960px;
height:auto;
background-image:url(images/bg-main.jpg);
background-position:top left;
background-repeat:no-repeat;
margin-left:auto;
margin-right:auto;
}


.portofoliu {
width:400px;
float:left;
}


.portofoliu ul {
margin-left:0px;
margin-bottom:10px;
margin-right:0px;
margin-top:10px;
padding-top:0px;
padding-left:5px;
float:left;
}

.portofoliu li {
margin-left:10px;
margin-right:10px;
margin-top:10px;
margin-bottom:10px;
padding:0px;}

.buton-webdesign, 
.buton-printdesign, 
.buton-video, 
.buton-photo, 
.buton-wpthemes, 
.buton-webdesign a, 
.buton-printdesign a, 
.buton-video a, 
.buton-photo a, 
.buton-wpthemes a,
#buton-webdesign2 {
width:170px;
height:52px;
float:left;
}

.buton-webdesign a:active,
.buton-webdesign a:visited,
.buton-webdesign a:link {
background:url(images/buton-webdesign.png) no-repeat top center;
text-indent:-9999em;
border:1px dashed #4b5058;
display:block;
overflow:hidden;
}

.buton-webdesign a:hover, #buton-webdesign2 {
background:url(images/buton-webdesign2.png) no-repeat top center;
text-indent:-9999em;
border:1px dashed #4b5058;
display:block;
overflow:hidden;
}



.buton-printdesign a:active,
.buton-printdesign a:visited,
.buton-printdesign a:link {
background:url(images/buton-printdesign.png) no-repeat top center;
text-indent:-9999em;
border:1px dashed #4b5058;
display:block;
overflow:hidden;
}

.buton-printdesign a:hover{
background:url(images/buton-printdesign2.png) no-repeat top center;
text-indent:-9999em;
border:1px dashed #4b5058;
display:block;
overflow:hidden;
}


.buton-video a:active,
.buton-video a:visited,
.buton-video a:link {
background:url(images/buton-videodesign.png) no-repeat top center;
text-indent:-9999em;
border:1px dashed #4b5058;
display:block;
overflow:hidden;
}

.buton-video a:hover{
background:url(images/buton-videodesign2.png) no-repeat top center;
text-indent:-9999em;
border:1px dashed #4b5058;
display:block;
overflow:hidden;
}



.buton-photo a:active,
.buton-photo a:visited,
.buton-photo a:link {
background:url(images/buton-photo.png) no-repeat top center;
text-indent:-9999em;
border:1px dashed #4b5058;
display:block;
overflow:hidden;
}

.buton-photo a:hover {
background:url(images/buton-photo2.png) no-repeat top center;
text-indent:-9999em;
border:1px dashed #4b5058;
display:block;
overflow:hidden;
}


.buton-wpthemes a:active,
.buton-wpthemes a:visited,
.buton-wpthemes a:link {
background:url(images/buton-wpthemes.png) no-repeat top center;
text-indent:-9999em;
border:1px dashed #4b5058;
display:block;
overflow:hidden;
}

.buton-wpthemes a:hover {
background:url(images/buton-wpthemes2.png) no-repeat top center;
text-indent:-9999em;
border:1px dashed #4b5058;
display:block;
overflow:hidden; 
}


.creative-promo {
width:550px;
overflow:hidden;
margin-top:10px;
float:left;}

.slider {
background:url(images/bg-slider.png) no-repeat top center;
width:945px;
height:330px;
padding-left:15px;
padding-top:10px;
margin-top:0px;
overflow:hidden;
float:left;
}

.slider-bg {
width:933px;
height:275px;
overflow:hidden;
padding-top:5px;
padding-right:7px;
float:left;
}

.slider-bg li {
margin-right:0px;}

.slider-nav {
width:933px;
height:39px;
padding-left:40px;
padding-top:13px;
float:left;
}

.slider-nav img {
width:24px;
height:24px;
float:left;
margin-right:10px;
}


.slider-text {
width:259px;
height:255px;
padding-bottom:10px;
padding-top:10px;
padding-left:15px;
padding-right:5px;
display:block;
overflow:hidden;
background:url(images/bg-text-slider.png) no-repeat top left;
float:left;
}


.slider-text p {
font-family:'Helvetica', Arial, Helvetica, sans-serif;
color:#65696e;}

.slider-img {
width:649px;
height:275px;
float:left;
}

h2.titlu-slider {
font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
letter-spacing:-0.04em;
font-size:24px;
color:#121a24;
float:left;}


.slider-text-paragraf {
background:url(images/spacer-h2.gif) no-repeat top left;
float:left;
width:100%;
}


.latest-projects {
width:910px;
text-shadow: 2px 2px 3px #000;
padding-top:20px;
margin-bottom:20px;
margin-top:20px;
margin-left:13px;
height:auto;
float:left;
}

h3.latest {
text-indent:-9999em;
display:block;
overflow:hidden; 
width:275px;
height:45px;
margin-bottom:20px;
background:url(images/latest-projects.png) no-repeat top left;
float:left;
}

.latest-projects-item {
width:275px;
padding-left:0px;
padding-top:10px;
padding-bottom:5px;
padding-right:15px;
float:left;
}

.latest-projects-item a:link,
.latest-projects-item a:visited,
.latest-projects-item a:active {
color:#768FB0;
text-decoration:none;
}

.latest-projects-item a:hover {
color:#E9E9E9;
text-decoration:none;
}

.latest-image {
width:90px;
height:90px;
margin-right:10px;
clear:left;
float:left;}

h4.latest-title {
width:175px;
font-size:16px;
padding-bottom:5px;
font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
color:#e9e9e9;
float:left;
}

.listuta li {
font-family: 'Helvetica CE', Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
margin:0;
padding-top:0px;
padding-bottom:0px;
list-style:none;
background:url(images/bullet-v.png) no-repeat center left;
padding-left:20px;
float:left;
}

.blue {
color:#768fb0;}

.footer {
width:100%;
float:left;
text-shadow:2px 2px 3px #000000;
padding-bottom:10px;
}

.footer ul {
padding-top:10px;
padding-bottom:10px;}

.footer li {
float:left;
padding-left:17px;
margin-right:15px;
padding-top:0px;
padding-bottom:0px;
background:url(images/square.png) no-repeat center left;
font-size:11px;
font-weight:bold;
}

.footer p {
clear:left;
font-size:10px;
float:left;
}

.footer a {
color:#8196b2;
text-decoration:none;}

.footer a:hover {
color:#e9e9e9;
}

.cat-container {
margin-top:10px;
margin-bottom:20px;
width:100%;
height:auto;
float:left;
display:block;
overflow:hidden;}

.cat-top {
width:948px;
height:64px;
padding-left:22px;
padding-top:15px;
background:url(images/cat-top.png) no-repeat top left;
float:left;}


.cat2-top {
width:943px;
height:64px;
border:none;
background:url(images/cat2-top.png) no-repeat top left;
float:left;}

.cat2-top-text {
width:170px;
height:52px;
margin-top:4px;
margin-left:auto;
background:url(images/webdesign-text.png) no-repeat top left;
text-indent:-9999em;
margin-right:auto;
display:block;
}

.cat-middle {
width:948px;
height:auto;
padding-left:22px;
background:url(images/cat-middle.png);
background-repeat: repeat-y;
background-position: top left;
float:left;
}


.cat2-middle {
width:890px;
padding-bottom:10px;
padding-top:5px;
padding-left:20px;
padding-right:20px;
height:auto;
background:url(images/cat2-middle.png);
background-repeat: repeat-y;
background-position: top left;
float:left;
}

.cat-bottom {
width:948px;
padding-left:22px;
height:29px;
background:url(images/cat-bottom.png) no-repeat top left;
float:left;
display:block;
}


.cat-top2 {
width:948px;
padding-left:22px;
height:29px;
background:url(images/cat-top2.png) no-repeat top left;
float:left;
display:block;
}


.cat2-bottom {
width:920px;
height:15px;
background:url(images/cat2-bottom.png) no-repeat top left;
float:left;
}


.cat2-middle li {
width:280px;
margin-left:7px;
margin-right:5px;
margin-top:5px;
margin-bottom:10px;
float:left;
display:block;
}

.imagine-lista {
width:248px;
padding-left:12px;
padding-right:16px;
padding-top:10px;
padding-bottom:13px;
height:134px;
background:url(images/bg-image-lista.png) no-repeat top left;
float:left;
z-index:5;
}

.details {
width:244px;
padding-left:20px;
text-align:center;
font-size:11px;
float:left;
}

.see-more {
margin-top:5px;
width:85px;
height:35px;
padding-left:97px;
float:left;
}


.sigle-title {
padding-top:6px;
width:280px;
height:auto;
float:left;
padding-left:315px;
}

.sigle-title a {
color:#e71e1e;
text-decoration:none;}

h1.titlul-proiectului {
width:100%;
text-align:center;
color:#e71e1e;
text-shadow: 1px 1px 2px #747474;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:24px;
letter-spacing:-0.04em;
font-weight:bold;
float:left;
}



.imagine-portofoliu {
width:547px;
padding:10px 10px 10px 10px;
border:1px dashed #52575f;
margin-bottom:20px;
float:left;
}

.imagine-portofoliu img {
border:1px solid #06080a;
}

.small-bg-container {
width:335px;
display:block;
margin-right:30px;
float:right;
}

.small-bg-top {
width:100%;
height:15px;
background:url(images/bg-small-top.png) no-repeat top left;
float:left;
}

.small-bg-middle {
width:100%;
background:url(images/bg-small-middle.png) repeat-y top left;
float:left;
}

.small-bg-bottom {
width:100%;
height:15px;
background:url(images/bg-small-bottom.png) no-repeat top left;
float:left;
}

h2.titlul-proiectului {
width:100%;
text-align:center;
color:#e71e1e;
line-height:2em;
text-shadow: 1px 1px 2px #747474;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:24px;
letter-spacing:-0.04em;
font-weight:bold;
float:left;
}


.eroare-navigare {
width:100%;
float:left;}

h3.eroare {
width:50%;
text-align:center;
color:#19202a;
line-height:1.5em;
text-shadow: 1px 1px 2px #747474;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
letter-spacing:-0.04em;
font-weight:bold;
margin-left:auto;
margin-right:auto;
}

h2.titlul-proiectului-single {
width:98%;
/*border-bottom:1px solid #a2a5a9;*/
color:#1c2c43;
font-size:28px;
font-weight:bold;
letter-spacing:-0.04em;
margin:0px;
padding-top:0px;
float:left;}

.text-portofoliu {
padding-left:10px;
padding-right:10px;
float:left;
}

.content {
width:98%;
/*border-top:1px solid #fff;*/
float:left;
}

.content a:active,
.content a:link,
.content a:visited {
color:#768FB0;
text-decoration:none;
}

.content a:hover {
color:#9CA3AE;
text-decoration:none;
}


.lista-single ul {
background:url(images/bg-lista-1.png) no-repeat top left;
height:30px;
width:308px;
margin-bottom:10px;
float:left;
}

.lista-single li {
width:148px;
padding-top:5px;
padding-left:5px;
float:left;}


.lista-single-web ul {
background:url(images/bg-lista-1.png) no-repeat top left;
height:30px;
width:308px;
margin-bottom:10px;
float:left;
}

.lista-single-web li {
width:300px;
padding-top:5px;
padding-left:5px;
float:left;}

.nav-item {
float:left;}

.nav-item a:active,
.nav-item a:link,
.nav-item a:visited {
color:#768FB0;
text-decoration:none;
}

.nav-item a:hover {
color:#9CA3AE;
text-decoration:none;
}

.nav-item ul {
background:url(images/bg-lista-1.png) no-repeat top left;
height:30px;
width:325px;
padding-left:10px;
margin-bottom:10px;
float:left;
}

.nav-item li {
width:144px;
font-weight:bold;
padding-top:5px;
padding-left:5px;
float:left;}

#left-align {
text-align:left;
}

#right-align {
text-align:right;
}

.container-page {
width:94%;
float:left;
}

.container-page p {
margin-bottom:10px;}

.color-dark {
color:#3e4650;}



