/*
Theme Name:deStyle SalsaTotal
Description:SalsaTotal Theme
Author:Rimkus/AQ
*/
body{margin:0px; padding:0px; background:#eeeee9 url(img/bg-body.jpg) repeat-x left top; color:#4a4a4a; font-family:"Helvetica Neue",Verdana,Arial,sans-serif; font-size:12px}

a{color:#CB1718; text-decoration:none}

img{border:none}

p, ul, ol, dl{line-height:22px; margin:0 0 20px 0}

hr{height:1px; margin:20px 0; background:#eeeee9; border:none; clear:both}

h1, h2, h3, h4, h5, h6{margin:0 0 20px; padding:0px; line-height:normal}

h1{font-size:20px}
h2{font-size:18px}
h3{font-size:16px}
h4, h5, h6{margin-bottom:10px}

blockquote{margin:0 0 0 10px; padding:0 0 0 50px; background:transparent url(img/bg-blockquote.png) no-repeat left top; font-style:italic}

address{padding:0 0 0 15px; font-style:italic}

pre{ display:block; margin:0 0 20px 0; padding:10px; background:#eeeee9; border:1px solid #ccc; font-family:"Courier New",Courier,serif; overflow:auto}

code{font-family:"Courier New",Courier,serif}

dt{font-weight:bold}

table{margin:0 0 20px; border-collapse:collapse}

th{padding:5px; background:#eeeee9; border:1px solid #ddd;  text-align:left}

td{padding:5px; border:1px solid #ddd}

/* BASIC LAYOUT */

#main{width:980px; margin:0 auto; background:transparent url(img/bg-page.jpg) no-repeat 0px 40px}

#header{position:relative;         width:960px;         height:140px;         margin:0 auto}

#content-wrap{padding:20px 0 0; background:transparent url(img/bg-content-wrap.png) repeat-y left top;         z-index:1}
#content-top{height:20px; background:transparent url(img/bg-content-top.png) no-repeat left bottom;         z-index:2}
#content{margin:0 40px; background:transparent url(img/bg-content.gif) repeat-y 600px 0px;  z-index:3}

#footer{position:relative;  padding:0 0 30px 0;  line-height:22px;  text-align:center}

/* HEADER */
#page-menu{position:absolute; top:0px; left:0px; height:40px; line-height:40px; margin:0px; padding:0px; list-style:none}
#page-menu li{float:left; width:auto}
#page-menu a{margin:0 20px 0 0; background:transparent; color:#fff; font-weight:bold; text-decoration:none}
#page-menu a:hover, #page-menu .current_page_item a{color:#EB0000}

#rss{position:absolute;         top:0px;         right:0px;         height:40px;         margin:0px;         padding:0 30px 0 0;         line-height:normal;         background:transparent url(img/bg-rss.png) no-repeat right center;   color:#fff}
#rss a{ line-height:40px;  background:transparent;  color:#fff;  border-bottom:1px dotted #fff;  text-decoration:none}

h1#blog-title{ position:absolute;  bottom:40px;  left:-10px;  margin:0px;  padding:0px;  color:#f4dec7;  font-size:12px;  font-weight:normal}
h1#blog-title img{ margin:0 0 -10px}

/* MENU*/
 /** /lib/superfish/superfish.css */
 
/* CONTENT*/
#page-full #content{background:#fff}

#content-bottom{height:20px;         background:transparent url(img/bg-content-bottom.png) repeat-y left top}

#content-left{display:inline;         float:left;         width:570px}

#content-right{float:right;         width:300px}

.box-left{margin:0 0 30px;         padding:0 0 10px;         line-height:22px;         border-bottom:1px solid #eeeee9}

.box-right{margin:0 0 30px 30px;         padding:0 0 10px;         border-bottom:1px solid #eeeee9}

.box-full{margin:0px;         padding:0 0 1px;         line-height:22px}

#content ul, #content ol{margin:0 0 20px;         padding:0 0 0 20px}
#content li{padding:2px 0;         list-style:disc}
#content ol li{list-style:decimal}
#content li ul, #content li ol{margin:-2px 0 -2px 20px;         padding:0px}
#content li li{list-style:circle;         background:none}
#content ol li li{        list-style:upper-roman}
#content li li li{        list-style:square}
#content ol li li li{        list-style:lower-latin}

h1.category-title{        margin:0 0 30px;         padding:0 0 10px;         color:#7a3737;         border-bottom:1px solid #eeeee9}

.article-left{position:relative; float:left; width:58px; margin:0 0 10px 0; z-index:4}

.sticky-post{position:absolute;         top:-10px;         left:-10px;         z-index:100}

.article-right{float:right; width:500px}
.article{ float:left; width:570px}

img.article-img{padding:4px; background:#333}

img.article-img-single, .box-author img.avatar{        float:left;         margin:0 20px 20px 0;         padding:10px;         background:#eeeee9}

a:hover img.article-img{        background:#595959}

.img-caption{padding:0 10px;         height:30px;         line-height:30px;         background:transparent url(img/bg-img-caption.png) no-repeat left top;         color:#fff;                                          font-weight:normal}
.img-caption a{background:transparent;         color:#fff;         text-decoration:none}

img.shadow{background:transparent url(img/shadow.gif) no-repeat right bottom;  padding:5px 10px 10px 5px}

.gallery img{ padding:1px;  background:#eeeee9;  border:none!important}

h2.article-title{ margin:0 0 10px;  line-height:normal;  color:#002a90;  font-size:22px;  letter-spacing:-1px}
h2.article-title a{ color:#002a90;  text-decoration:none}
h2.article-title a:hover{ color:#1f1f1f}

.article-meta{margin:0 0 10px 0; color: #002a90}
.article-meta a {color: #002a90}
.article-teaser{ font-weight:normal}

a.more-link{ display:block;  font-weight:bold;  margin:20px 0 30px 0}

h3.content-title{ margin:0 0 10px 0;  color:#1f1f1f;  font-size:16px;  font-weight:normal}

#author-single{ position:relative}
#author-single .avatar{ float:left;  width:auto;  margin:0 20px 30px 0}

#page-bookmarks{ margin:0px;  padding:0px;  line-height:22px;  border-bottom:1px solid #eeeee9}
#page-bookmarks .box-left{ float:left;  width:255px;  margin:0 20px 0 0;  padding:0 0 10px;  line-height:22px;  border-bottom:none}

/* REDEFINED CLASSES*/
.btn{        padding:5px 10px 6px;         background:transparent url(img/bg-btn.png) no-repeat left top;         color:#fff;         font-weight:bold;         text-decoration:none}
.alert{        padding:10px 10px 10px 60px;         line-height:20px;         border:1px dotted #eeeee9;         background:#fffad2 url(img/bg-class-alert.png) no-repeat 10px 10px}
.checked{        padding:10px 10px 10px 60px;         line-height:20px;         border:1px dotted #eeeee9;         background:#fffad2 url(img/bg-class-checked.png) no-repeat 10px 10px}
.download{        padding:10px 10px 10px 60px;         line-height:20px;         border:1px dotted #eeeee9;         background:#fffad2 url(img/bg-class-download.png) no-repeat 10px 10px}
.preview{        padding:10px 10px 10px 60px;         line-height:20px;         border:1px dotted #eeeee9;         background:#fffad2 url(img/bg-class-preview.png) no-repeat 10px 10px}
.info{        padding:10px 10px 10px 60px;         line-height:20px;         border:1px dotted #eeeee9;         background:#fffad2 url(img/bg-class-info.png) no-repeat 10px 10px}
.arrow{        padding:10px 10px 10px 60px;         line-height:20px;         border:1px dotted #eeeee9;         background:#fffad2 url(img/bg-class-arrow.png) no-repeat 10px 10px}
.happy{        padding:10px 10px 10px 60px;         line-height:20px;         border:1px dotted #eeeee9;         background:#fffad2 url(img/bg-class-happy.png) no-repeat 10px 10px}

/* SIDEBAR */
h3.sidebar-title{ margin:0 0 10px;  padding:0px;  line-height:16px;  color:#1f1f1f;  font-size:14px;  font-weight:bold}

.ad-left{float:left;  width:auto;  margin:0 20px 20px 0}
.ad-right{float:right;  width:auto;  margin:0 0 20px}

#sidebar-twitter ul, #recent-comments ul{ margin-left:0px;  padding-left:0px}
#sidebar-twitter li, #recent-comments li{ list-style:none}

/*FORMS */
#searchform{margin:0 0 20px}

.box-left #searchform{        width:270px}

#search-text{float:left;         width:218px;         height:22px;         padding:6px 5px 0 5px;         background:transparent url(img/bg-input-text.gif) repeat-x left top;         border:1px solid #eeeee9;         font-size:11px}
#search-submit{        float:right;         width:auto;         height:30px;         color:#fff;         background:transparent url(img/bg-input-submit.png) no-repeat left top;         border:none}

input.text, textarea{        width:75%;         padding:5px;         background:#fff url(img/bg-input-text.gif) repeat-x left top;         border:1px solid #eeeee9;         font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;         font-size:11px}

textarea{width:90%; height:125px}
input.submit, input.button{        width:auto;         height:30px;         padding:0 20px;         color:#fff;         background:transparent url(img/bg-input-submit.png) no-repeat left top;  border:none}

/* COMMENTS */
#content .commentlist ol{        margin:0px;         padding:0px}
#content .commentlist li{        margin:20px 0 0 0;         padding:20px 0 20px 20px;         list-style:none}
#content .commentlist .box-left{        margin:30px 0 0;         padding:0px;         border:none}

.commentlist .avatar{        float:right;         width:auto;         margin:0 0 5px 20px}
.commentlist li p{        margin:0 20px 10px 0}
.commentlist .comment-author{        font-size:12px;         font-weight:bold}
.commentlist .comment-author a{        padding:0 0 5px 0;         border:none!important}

#content .commentlist ul.children{        margin:0px;         padding:0px}
#content .commentlist .children li{        margin:20px 0 0 0;         padding:20px 0 20px 20px;         background:none;         border-right:none}

.reply a{margin:10px 0 0 0; padding:5px 10px; background:transparent url(img/bg-input-submit.png) repeat-x left top; color:#fff; border:none!important; text-decoration:none}

#cancel-comment-reply{        margin:10px 0}
#content .commentlist li.depth-1, #content .commentlist li.depth-3, #content .commentlist li.depth-5{        background:#eeeee9 url(img/bg-comment-top.png) no-repeat left top}
#content .commentlist li.depth-2, #content .commentlist li.depth-4, #content .commentlist li.depth-6{        background:#fff url(img/bg-comment-top-1.png) no-repeat left top;         border-right:1px solid #ebebe1}
#content .commentlist li.depth-4, #content .commentlist li.depth-6{        border:none}

.moderation{        padding:0 0 0 25px;         background:transparent url(img/bg-moderation.png) no-repeat left center}

.trackbacklist{ margin:30px 0 0;  padding:30px 0 0;  border-top:1px solid #eeeee9}

#content .trackbacklist ul{ margin:0 0 20px}
#commentform{ padding:0 0 10px 0}
#commentform p{ margin:0 0 10px 0}

.box-comments{ position:relative;  padding:0 0 30px}

.comments-paging{ position:absolute;  top:0px;  right:0px}

/*PAGING */
#paging{margin:0 0 30px}

.wp-pagenavi .pages{float:right;width:auto}
.wp-pagenavi a, .wp-pagenavi .current{display:block; float:left; width:auto; min-width:20px; height:20px; line-height:20px; margin-right:5px; background:transparent url(img/bg-paging.png) no-repeat left top; color:#fff; font-weight:bold; text-align:center; text-decoration:none}
.wp-pagenavi .current{background:transparent url(img/bg-paging-current.png) repeat-x left top}

/*FLICKR BADGE*/
#flickr_badge_uber_wrapper{ text-align:center}
#flickr_badge_wrapper{ padding:0 0 5px 0}
.flickr_badge_image{ display:inline;  float:left;  width:auto;  margin:0 15px 15px 0}

/* CLEARING */
.clear{ clear:both}
.clearfix:after{ content:"";  display:block;  clear:both;  visibility:hidden;  line-height:0;  height:0}
.clearfix{ display:inline-block}

html[xmlns] .clearfix{display:block}
* html .clearfix{ height:1%}

/* WORDPRESS CSS */
.aligncenter, div.aligncenter{display:block;  margin:0 auto}
.aligncenter{margin-bottom:20px!important}
.alignleft{float:left;  width:auto;  margin:0 20px 20px 0}
.alignright{float:right;  width:auto;  margin:0 0 20px 20px}

.wp-caption{margin-bottom:20px; padding-top:4px; border:1px solid #eeeee9; text-align:center; background-color:#f7f7f7}
.wp-caption img{float:none; margin:0px; padding:0px; border:none}
.wp-caption p.wp-caption-text{padding:0px; margin:0px}

/* WIDGET CSS*/
#calendar_wrap table{ width:100%}
#calendar_wrap td, #calendar_wrap th{text-align:center;  border:none}
#wp-calendar caption{margin:0 0 10px;  font-size:12px;  font-weight:bold}

#content-right #tag_cloud{padding:0 0 30px;  line-height:normal}
#content-right .textwidget{line-height:22px;  padding-bottom:5px}
#content-right select#cat{margin-bottom:20px}