/*
Theme Name: Sabris
Version: 1
*/

/*
------------------------------------
RESET
------------------------------------
*/
*{margin:0;padding:0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,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,th,var {font-style:normal;font-weight:normal;}
ol,ul{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:'';}
abbr,acronym{border:0;}

/*
------------------------------------
BODY-MAIN
------------------------------------
*/
body { background:#FFF url(imgs/topblur.jpg) repeat-x top left; font-family:Verdana, Arial, Helvetica, sans-serif;}
#main {width:906px; margin:0 auto; text-align:center;}

.txt p,
.txt ul,
.txt ol,
.txt blockquote{margin:0.8em 0 1em 0;}

a{text-decoration:none;color:#3399cc;}
/*
.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0;}
*/

.clear{ clear:both;}

/*
------------------------------------
HEADER
------------------------------------
*/
#header{ width:auto; height:206px; background:url(imgs/logo.jpg) no-repeat center top; position:relative;zoom:1;}
#header h1 {width:894px; height:206px;position:absolute; top:0px; left:8px;}
#header h1 a{width:894px; height:206px; display:block;}
#header h1 a strong{display:none;}

/*
-----------------------------------
LEFT BOX
-----------------------------------
*/
#leftbox{width:642px;padding-top:32px; float:left;}


/*
-----------------------------------
POST
-----------------------------------
*/
.post { width:630px; height:auto; margin:10px auto; font-family:Verdana, Arial, Helvetica, sans-serif; color:#666;}
.top { width:630px; height:93px; background:url(imgs/posttop.jpg) no-repeat center top;}
.center { width:630px; height:200px; background:url(imgs/postline.jpg) repeat-y center top;}
.bottom { width:630px; height:15px; background:url(imgs/postbottom.jpg) no-repeat center top;}

.date { width:45px; height:58px; padding:34px 0 0 0; font-size:12px; color:#FFFFFF; font-weight:bold; float:left;}
.date span{ font-size:20px;}

.title { width:537px; height:62px; padding:30px 0 0 20px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left; float:left;}
.title h2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; color:#ff0099;}
.title h2 a{color:#ff0099;}
.title h3 { font-size:12px;}
.title h3 span { color:#ff9900;}

.center { width:auto; height:auto;}
.center .text{ width:auto; font-size:11px; text-align:left; line-height:24px; padding:0 30px 12px 82px;}

/*
-------------------------------------
COMENTS GRAL
-------------------------------------
*/
.comments{width:153px;height:39px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;font-weight:bold;color:#ff0099;text-align:left; position:relative;zoom:1;padding:0 0 0 30px;background:url(imgs/coments.jpg) no-repeat 10px 0;margin-left:65px;line-height:34px;top:-10px;}

.comments div.ld{line-height:17px;position:relative;top:-2px}
.comments strong{position:absolute;top:0; left:0; line-height:34px;}
	.comments span.ld strong{line-height:34px;}

#comments{margin:10px 5px 20px 65px; padding-left:15px; text-align:left;}
#comments h3{width:160px; color:#ff0099;font-size:10px;font-weight:600;background:url(imgs/coments.jpg) no-repeat right center;margin:0;padding:0;}
#comments h3#respond{color:#333; background-image:none;}

#commentlist{margin:1em 0;}
#comments div.comment{width:500px;padding:10px 0 0 10px; font-size:12px;}
#comments div.comment h4{color:#333; font-size:14px;}
#comments div.comment h4 strong{color:#ff0099;}
#comments div.comment h4 a{color:#333;text-decoration:underline;}

#globecoment{width:180px; height:39px; text-align:left;}

#comments form{margin:1em 0;font:11px/1.6em Verdana, Arial, Helvetica, sans-serif;}
#comments form *{font:11px/1.6em Verdana, Arial, Helvetica, sans-serif;}
#comments form p{position:relative;zoom:1;}
#comments form label{position:absolute;left:300px;color:#666;}
#comments input,
#comments textarea{border-width:1px;padding:3px;width:280px;margin-bottom:1em;}
#comments textarea{overflow:hidden;height:180px;width:400px;}
#comments button{width:200px;cursor:pointer;font-weight:bold;padding:3px;}

#commentlist .txt{width:500px;line-height:20px;color:#444;font-size:11px;}

/*
-----------------------------------
SIDEBAR--> SEARCH Y LINKS
-----------------------------------
*/
#sidebar {width:261px; padding-top:140px;float:left; position:relative; zoom:1;}

#search {width:261px; height:131px;background:url(imgs/search.jpg) no-repeat left top; position:absolute;top:0px;left:0px;display:block;}
#triangle {width:45px;height:34px;background:url(imgs/triangle.gif) no-repeat left top; position:absolute;right:25px;bottom:-34px;}

#links { width:257px; height:25px; text-align:left; line-height:28px; position:absolute; top:20px; left:5px;}
#links span.about{ width:82px; height:25px;position:absolute; top:0px; left:0px;}
#links span.about a{width:82px;height:25px; display:block;}
#links span.about a strong{display:none;}

#links span.portfolio{ width:77px; height:25; margin:0 0 0 85px;position:absolute; top:0px; left:0px;}
#links span.portfolio a{width:77px;height:25px; display:block;}
#links span.portfolio a strong{display:none;}

#search input{width:170px;position:absolute;top:76px;left:15px;}
#search button{border:none;background:none;display:block;width:50px;height:45px;position:absolute;top:66px;right:14px;cursor:pointer;}
#search button strong{ display:none;}


/*
-----------------------------------
SIDEBAR--> CATEGORIAS - ARCHIVOS - ULT COMMENTS
-----------------------------------
*/
.sidebarb {width:261px; background: #e1e1e1 url(imgs/side_top.jpg) no-repeat left top; padding-top:15px;}
.sidebottom {width:261px; height:11px; background:url(imgs/side_bottomp.jpg) no-repeat center bottom; padding:10px 0 0 0;}

#categorias {width:256px; font-size:12px; line-height:20px; text-align:left; padding:0 0 0 5px; }
#categorias #cattitle{ width:231px; background:url(imgs/points.gif) no-repeat center bottom; font-weight:bold; font-size:14px; padding:0 0 5px 5px; color:#ff0099; float:left;}
#categorias ul{ padding:0 0 0 15px;}
#categorias ul a{ color:#333;}

#archivos {width:256px; font-size:12px; line-height:20px; text-align:left;padding:10px 0 0 5px;}
#archivos #archtitle{ width:231px; background:url(imgs/points.gif) no-repeat center bottom; font-weight:bold; font-size:14px; padding:0 0 5px 5px; color:#ff0099; float:left;}
#archivos ul{ padding:0 0 0 15px;}
#archivos ul a{ color:#333;}

#ultcom {width:256px; font-size:12px; line-height:20px; text-align:left;padding:10px 0 0px 5px;}
#ultcom #ultcomtitle{ width:231px; background:url(imgs/points.gif) no-repeat center bottom; font-weight:bold; font-size:14px; padding:0 0 5px 5px; color:#ff0099; float:left;}
#ultcom ul{ padding:0 0 0 15px;}
#ultcom ul a{ color:#333;}
#ultcom ul a span{ color:#ff9900;}

/*
-----------------------------------
OTROS LINKS (RSS - TWITTER - FACEBOOK)
-----------------------------------
*/
#otros { width:261px; height:62px; background:url(imgs/otros.jpg) no-repeat center center; position:relative; zoom:1}
#otros span.rss{ width:25px; height:50px; position:absolute; top:1px;left:5px;}
#otros span.rss a{width:50px;height:50px; display:block; margin-left:30px;}
#otros span.rss a strong{display:none;}

#otros span.twitter{ width:25px; height:50px; position:absolute; top:1px;left:5px;}
#otros span.twitter a{width:50px;height:50px; display:block; margin-left:100px;}
#otros span.twitter a strong{display:none;}

#otros span.facebook{ width:25px; height:50px; position:absolute; top:1px;left:5px;}
#otros span.facebook a{width:50px;height:50px; display:block; margin-left:168px;}
#otros span.facebook a strong{display:none;}

#sidebtxt {width:256px; font-size:12px; line-height:20px; text-align:left; padding:0 0 15px 5px;}
#sidebtxt #sidebtitle{ width:231px; background:url(imgs/points.gif) no-repeat center bottom; font-weight:bold; font-size:14px; padding:0 0 5px 5px; color:#ff0099; float:left;}
#sidebtxt ul{ padding:0 0 0 15px;}
#sidebtxt ul a{ color:#333;}

/*
-----------------------------------
FOOTER BACK
-----------------------------------
*/
#back2 {background:url(imgs/footer.jpg) repeat-x left bottom; padding:0 0 5px 0; position:relative; zoom:1;}
#logosab { width:104px; height:106px; background: url(imgs/logosab.gif) no-repeat right center; padding-left:840px;}

/*
-----------------------------------
OTROS
-----------------------------------
*/

#editar {float:right;font-size:11px;}