/********
Blogul VEXIO *** www.blog.vexio.ro
Created by Unique Illusion Studio - www.uis.ro
*********/

/* SETARI - Default */
/*********************************************************************/

body { background: #E3EFF0 url('img/bg.png') top left repeat-x; font-family: Tahoma; font-size: 11px; color: #555F64; text-align: center; }

* { padding: 0; margin: 0; }

a { outline: none; }

img { border: none; }

a:link { color: #0094CA; text-decoration: none; }
a:visited { color: #0094CA; text-decoration: none; }
a:hover { color: #FF9900; text-decoration: none; }
a:active { color: #FF9900; text-decoration: none; }

hr { border-top:1px solid #CCC; border-bottom:0; height:0px; margin:10px 0; }

* html hr { border-top:1px solid #CCC; border-bottom:0; height:0px; margin:3px 0; }
.clear { height: 0; font-size: 0; line-height: 0px; clear: both; }

/* MENIU */
/*********************************************************************/

#meniu { width: 880px; height: 38px; padding: 9px 22px 0 2px; text-align: right; margin: 0 auto; border-bottom: 1px solid #B7D2D9; }
#meniu ul { list-style-type: none; }
#meniu li { list-style-type: none; float: right; }
#meniu li a { display: block; width: 102px; height: 29px; color: #47AEB6; background: url('img/bg_btn.jpg') 0 0 no-repeat; text-align: center; font-weight: bold; margin-right: 5px; padding-top: 9px; }
#meniu li a:hover { color: #0094CA; }

#cautare { float: right; width: 182px; height: 38px; background: url('img/bg_cautare.jpg') top left no-repeat; position: relative; text-align: left; }

#btnCautare { display: block; width: 16px; height: 16px; background: url('img/cautare_btn.gif')  0 0 no-repeat; position: absolute; top: 10px; right: 9px; }
#btnCautare:hover { background-position: 0 -16px; }

/* CADRU */
/*********************************************************************/

#cadru { width: 904px; margin: 0 auto; text-align: left; background: url('img/bg_continut.png') top center repeat-y; position: relative; }
* html #cadru { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://blog.vexio.ro/wp-content/themes/vexio/img/bg_continut.png", sizingMethod="scale"); width: 904px; }

.StU { width: 2px; height: 350px; background: url('http://www.vexio.ro/img/st_shade_m.jpg') top left no-repeat; position: absolute; top: 0; left: 0; }
.DrU { width: 2px; height: 350px; background: url('http://www.vexio.ro/img/dr_shade_m.jpg') top left no-repeat; position: absolute; top: 0; right: 0; }

#main { width: 890px; padding: 0 7px; text-align: left; background: url('img/bg_main.jpg') 0 0 no-repeat; }

/* LOGO */
/*********************************************************************/

#continutSt #vexio { position: absolute; left: 0; top: 20px; }
#continutSt #vexio h1 { font-size: 0.1em;  text-indent: -4000px; }
#continutSt #vexio h1 a { display: block; color:#fff; width: 191px; height: 93px; background: url('img/vexio.png') top left no-repeat; text-decoration: none; cursor: pointer; }
#continutSt #vexio h1 a:hover { text-decoration: none; }
* html #continutSt #vexio h1 a { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://blog.vexio.ro/wp-content/themes/vexio/img/vexio.png", sizingMethod='crop'); width: 191px; height: 93px; }

/* CONTINUT */
/*********************************************************************/

#continutSt { float: left; text-align: left; width: 230px; position: relative; padding: 148px 0 20px 0; }
#continutDr { float: right; text-align: left; width: 620px; padding: 62px 20px 0 0; font-size: 13px; line-height: 20px; font-family: Arial; color: #394144; }
#continutDr h1 { font-family: Arial; font-size: 24px; font-weight: normal; padding-bottom: 5px; border-bottom: 1px solid #D1D6D8; margin-bottom: 5px; line-height: 28px; }
#continutDr h3 { font-family: Arial; font-size: 18px; font-weight: bold; border-bottom: 1px solid #F0F0F0; padding: 5px 0; margin-bottom: 5px; }

table { width: 100%; border-collapse: collapse; border-spacing: 0; margin: 5px 0; }
table td { background: #F9F9F9; padding: 5px 10px; border: 1px solid #CCC; }

/* ARTICOL */
/*********************************************************************/

.data { font-size: 11px; }
.autor { font-size: 11px; }
.articol { width: 620px; text-align: left; padding-bottom: 30px; }
.articol p { padding: 5px 0; }
.articol ul { list-style-type: none; padding: 10px 0; }
.articol li { list-style-type: none; color: #313639; padding: 0 0 0 20px; background: url('img/bullet.gif') 0 6px no-repeat; }

a.imgPost img { border: 1px solid #D1D6D8; background: #FFF; padding: 1px; margin: 10px 0 5px 0; }
a.imgPost:hover img { border: 1px solid #1E8089; background: #1E8089; padding: 1px; margin: 10px 0 5px 0; }

#paginare { text-align: center; width: 620px; font-size: 11px; color: #CCC; }
#paginare a { padding: 0 5px; }

/* BOX */
/*********************************************************************/

.box { width: 230px; text-align: left; background: url('img/bg_box.jpg') top left repeat-y; position: relative; border-bottom: 10px solid #FFF; }
.titluBox { width: 220px; height: 29px; padding: 9px 0 0 10px; text-align: left; color: #FFF; font-weight: bold; background: url('img/bg_titlu.jpg') top left no-repeat; position: relative; }
.intBox { width: 220px; padding: 5px 15px 10px 15px; }
.icoBox { position: absolute; top: 0px; right: 3px; }
.brdBox { position: absolute; bottom: -1px; left: 0px; }

.intBox ul { list-style-type: none; }
.intBox li { list-style-type: none; padding: 0 0 7px 0; }
.intBox li a { display: block; border-bottom: 1px solid #D1D6D8; padding: 0 0 7px 0; width: 200px; }
.intBox li a:hover { border-bottom: 1px solid #1A828A; }

/* COMENTARII */
/*********************************************************************/

#continutDr h2 { font-family: Arial; font-size: 17px; font-weight: normal; padding-bottom: 5px; border-bottom: 1px solid #D1D6D8; margin-bottom: 10px; }

.comentariu { width: 600px; padding: 5px 10px 10px 10px; background: #E4EFF1; border-bottom: 10px solid #FFF; }
.autorComentariu { padding-bottom: 5px; border-bottom: 1px solid #FFF; margin-bottom: 5px; }
.adaugaComentariu { width: 620px; padding-top: 30px; text-align: left; clear: both; }

#btnPosteaza { width: 120px; height: 26px; text-align: center; display: block; background: url('img/bg_btn_post.jpg') top left no-repeat; color: #47AEB6; font-weight: bold; padding: 4px 0 0 0; font-size: 12px; }
#btnPosteaza:hover { color: #0094CA; }

img.avatar { border: 1px solid #D1D6D8; padding: 2px; background: #FFF; margin: 5px 15px 5px 0; }

/* FOOTER */
/*********************************************************************/

#footer { width: 900px; height: 32px; margin: 0 2px; text-align: right; position: relative; background: url('img/bg_footer.jpg') bottom left repeat-x; }

.coltSt { position: absolute; left: -2px; bottom: 0; }
.coltDr { position: absolute; right: -2px; bottom: 0; }

#subFooter { width: 900px; padding: 0 2px; text-align: left; border-top: 20px solid #E3EFF0; border-bottom: 20px solid #E3EFF0; margin: 0 auto; color: #818D94; line-height: 17px; position: relative; }
#uis { position: absolute; top: 0; right: 2px; }

/* FORMULARE */
/*********************************************************************/

.formCautare { border: none; background: none; width: 130px; font-family: Tahoma; font-size: 11px; color: #FFF; position: absolute; top: 11px; left: 12px; }
.formDate { width: 130px; border-top: 1px solid #666; border-bottom: 1px solid #C3C3C3; border-left: 1px solid #666; border-right: 1px solid #C3C3C3; background: #E3EFF0; padding: 5px; font-family: Tahoma; font-size: 11px; color: #555F64; float: left; margin: 5px 20px 20px 0; }
.formMesaj { width: 608px; border-top: 1px solid #666; border-bottom: 1px solid #C3C3C3; border-left: 1px solid #666; border-right: 1px solid #C3C3C3; background: #E3EFF0; padding: 5px; font-family: Tahoma; font-size: 12px; color: #555F64; line-height: 18px; margin-bottom: 20px; }