/*
Theme Name: Estiva
Theme URI: http://www.estiva-music.com/
Description: Estiva theme
Version: 1
Author: Floris Baan
Author URI: http://www.florisbaan.com/
Tags: blue, custom header, fixed width, two columns, widgets

*/

/* new css */

body {
background: #343433 url("img/web/website_back.jpg") repeat-x top left;
color: #6C6C6B;
text-align: center;
}

#container {
margin: 20px auto;
width: 980px;
text-align: left;
padding: 0px;
}

#non-footer {
width: 980px;
padding: 0px;
}

.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}

.floatLeft {
float: left;
}

.floatRight {
float: right;
}

.noDisplay {
display: none;
visibility: hidden;
}

.visibleRule {
height: 1px;
line-height: 1px;
width: 980px;
background: #DFDFDF;
border: none;
border-collapse:collapse;
margin: 0;
padding: 0;
}

.shadowLine {
z-index: 500000;
position: absolute;
top: 0;
height: 3px;
line-height: 3px;
width: 980px;
background: url("img/web/shadowLine.png") repeat top left;
}

#content .shadowLine {
position: absolute;
left: 0;
}

body.single .shadowLineBottom {
display: none;
}

body.single .category-specials .shadowLineBottom {
display: block;
position: absolute;
top: 500px;
margin: 0 -20px;
}

body.single .category-specials .shadowLineTop {
margin: 0 -20px;
position: absolute;
top: 0;
}

/* TEXTUAL */

p {
font-size: 12px;
}

h1, h2, h3, h4, h5, h6 {
color: #000000;
}

h3, h4, h5, h6 {
margin-bottom: 0px;
margin-top: 20px;
}

/* LINKS */

a {
text-decoration: none;
color: #40a1ee;
border: 0;
}

a:visited {

}

a:hover {
color: #000000;
text-decoration: underline;
}

a:active {

}

h3 a, h4 a, h5 a, h6 a {
color: #000000;
font-weight: bold;
}

h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
color: #000000;
text-decoration: none;
}

/* LISTS */

ul, ol {
margin: 0 0 20px 20px;
padding: 0;
}

li {
margin: 0;
padding: 0 0 0 10px;
background: url("img/web/listItemArrow.png") no-repeat 0% 50%;
}

/* FORMS */

input, textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #444444;
}

input[type=text] {
width: 50%;
}

textarea {
width: 75%;
}

/* BUTTONS */

/* BUTTON-BLACK */

.button-black {

}

.button-black a {
background: url("img/web/button-black_02.png") repeat-x 0px 0px;
height: 24px;
line-height: 24px;
display: inline-block;
margin-left: 10px;
margin-right: 10px;
color: #FFFFFF;
font-size: 11px;
font-weight: bold;
}

.button-black a:hover {
background: url("img/web/button-black_02.png") repeat-x 0px -24px;
border: 0;
color: #FFFFFF;
text-decoration: none;
}

.button-black a:active {
background: url("img/web/button-black_02.png") repeat-x 0px -48px;
border: 0;
color: #FFFFFF;
}

.button-black a .left-corner {
background: url("img/web/button-black_01.png") no-repeat 0px 0px;
display: inline-block;
height: 24px;
line-height: 24px;
margin-left: -10px;
width: 10px;
}

.button-black a:hover .left-corner {
background: url("img/web/button-black_01.png") no-repeat 0px -24px;
text-decoration: none;
}

.button-black a:active .left-corner {
background: url("img/web/button-black_01.png") no-repeat 0px -48px;
}

.button-black a .right-corner {
background: url("img/web/button-black_03.png") no-repeat 0px 0px;
display: inline-block;
height: 24px;
line-height: 24px;
margin-right: -10px;
width: 10px;
}

.button-black a:hover .right-corner {
background: url("img/web/button-black_03.png") no-repeat 0px -24px;
text-decoration: none;
}

.button-black a:active .right-corner {
background: url("img/web/button-black_03.png") no-repeat 0px -48px;
}

/* BUTTON-GREY */

.button-grey {

}

.button-grey a {
background: url("img/web/button-grey_02.png") repeat-x 0px 0px;
height: 24px;
line-height: 24px;
display: inline-block;
margin-left: 10px;
margin-right: 10px;
color: #FFFFFF;
font-size: 11px;
font-weight: bold;
}

.button-grey a:hover {
background: url("img/web/button-grey_02.png") repeat-x 0px -24px;
border: 0;
color: #FFFFFF;
text-decoration: none;
}

.button-grey a:active {
background: url("img/web/button-grey_02.png") repeat-x 0px -48px;
border: 0;
color: #FFFFFF;
}

.button-grey a .left-corner {
background: url("img/web/button-grey_01.png") no-repeat 0px 0px;
display: inline-block;
height: 24px;
line-height: 24px;
margin-left: -10px;
width: 10px;
}

.button-grey a:hover .left-corner {
background: url("img/web/button-grey_01.png") no-repeat 0px -24px;
text-decoration: none;
}

.button-grey a:active .left-corner {
background: url("img/web/button-grey_01.png") no-repeat 0px -48px;
}

.button-grey a .right-corner {
background: url("img/web/button-grey_03.png") no-repeat 0px 0px;
display: inline-block;
height: 24px;
line-height: 24px;
margin-right: -10px;
width: 10px;
}

.button-grey a:hover .right-corner {
background: url("img/web/button-grey_03.png") no-repeat 0px -24px;
text-decoration: none;
}

.button-grey a:active .right-corner {
background: url("img/web/button-grey_03.png") no-repeat 0px -48px;
}

/* BUTTON-COLOR */

.button-color {

}

.button-color a {
background: url("img/web/button-color_02.png") repeat-x 0px 0px;
height: 24px;
line-height: 24px;
display: inline-block;
margin-left: 10px;
margin-right: 10px;
color: #FFFFFF;
font-size: 11px;
font-weight: bold;
}

.button-color a:hover {
background: url("img/web/button-color_02.png") repeat-x 0px -24px;
border: 0;
color: #FFFFFF;
text-decoration: none;
}

.button-color a:active {
background: url("img/web/button-color_02.png") repeat-x 0px -48px;
border: 0;
color: #FFFFFF;
}

.button-color a .left-corner {
background: url("img/web/button-color_01.png") no-repeat 0px 0px;
display: inline-block;
height: 24px;
line-height: 24px;
margin-left: -10px;
width: 10px;
}

.button-color a:hover .left-corner {
background: url("img/web/button-color_01.png") no-repeat 0px -24px;
text-decoration: none;
}

.button-color a:active .left-corner {
background: url("img/web/button-color_01.png") no-repeat 0px -48px;
}

.button-color a .right-corner {
background: url("img/web/button-color_03.png") no-repeat 0px 0px;
display: inline-block;
height: 24px;
line-height: 24px;
margin-right: -10px;
width: 10px;
}

.button-color a:hover .right-corner {
background: url("img/web/button-color_03.png") no-repeat 0px -24px;
text-decoration: none;
}

.button-color a:active .right-corner {
background: url("img/web/button-color_03.png") no-repeat 0px -48px;
}

/* HEADER */

#header {
background: url("img/web/header_back.png") no-repeat top;
border-bottom: 1px solid #EAEAEA;
}

/* LOGO */

#header h1 {
font-size: 16px;
float: left;
margin: 0;
padding: 25px 20px 30px 20px;
}

#header h1 a {
display: block;
text-indent: -9999em;	
width: 100px;
height: 26px;
background: url("img/web/logo.png") no-repeat left 0px;
}

#header h1 a:hover {
text-decoration: none;
background: url("img/web/logo.png") no-repeat left -26px;
}

/* SEARCH */

#header #searchform {
padding: 0;
margin: 0;
float: right;
position: relative;
top: 28px;
width: 308px;
}

#searchform div {
background: url("img/web/search.png") no-repeat left top;
width: 308px;
height: 28px;
}

#searchform input#s {
width: 192px;
background: none;
border: none;
position: relative;
left: 7px;
}

#searchform #searchsubmit {
background: none;
width: 72px;
height: 28px;
display: inline-block;
border: none;
font-size: 11px;
line-height: 28px;
text-indent: -9999em;
padding: 0;
margin: 0;
font-weight: bold;
overflow: hidden;
color: #FFFFFF;
cursor: pointer;
position: relative;
left: 20px;
text-align: center;
}

#searchform .screen-reader-text {
display: none;
}

/* NAVIGATION */

#navigation {
position: relative;
z-index: 2;
line-height: 2em;
background: #343434 url("img/web/nav_back.png") repeat-x bottom left;
width: 980px;
border-top: 1px solid #FFFFFF;
}

#primaryNavigation {
float: left;	
list-style: none;
margin: 0;
padding: 0;
border-right: 1px solid #444444;
}

#primaryNavigation li {
float: left;
display: inline;
padding: 0 0 0 0;
margin: 0 0 0 0;
background: none;
border-right: 1px solid #181818;
border-left: 1px solid #444444;
}

#primaryNavigation li.first {
border-left: none;
}

#primaryNavigation li a {
text-decoration: none;
color: #FFFFFF;
font-weight: bold;
padding: 5px 20px;
margin: 0;
display: block;
font-size: 12px;
line-height: 20px;
}

#primaryNavigation li.active a,
#primaryNavigation li a:hover {
background: #242424 url("img/web/nav_back.png") repeat-x bottom left;
text-decoration: none;
color: #FFFFFF;
}

/* CONTENT */

#content {
background: #FFFFFF;
border-bottom: 1px solid #EAEAEA;
}

.narrowcolumn #main{
width: 610px;
}

#main {
float: left;
position: relative;
}

#sidebar {
float: left;
}

/* BANNER */

#banner {
position: relative;
}

#bannerSlider {
position: relative;
z-index: 0 !important;
width: 980px;
height: 500px;
}

#banner .shadowLineTop {
position: absolute;
top: 0;
}

#banner .shadowLineBottom {
position: absolute;
top: auto;
bottom: 0;
}

/* CONTENT */

#content {
position: relative;
padding: 0 20px 20px 20px;
}

body.blog #content {
position: relative;
padding: 0 !important;
}

h2, h2.pagetitle {
font-size: 20px;
margin: 0 -20px 20px -20px;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
border-bottom: 1px solid #EAEAEA;
background: #F2F2F2;
color: #555555;
}

#respond h3 {
line-height: 30px;
font-size: 17px;
margin: 0 0 20px 0;
}


h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
color: #000000;
}

h2 a:hover, h3 a:hover {
text-decoration: underline;
}

/* SINGLE */

body.single .category-specials {
position: relative;
/*margin-top: 500px;*/
}

/*
body.single .category-specials img.cfi {
position: absolute;
top: -592px;
left: -20px;
}
*/

.post-image {
margin: 0 -20px;
}

body.single .category-specials .post-head,
.post-head {
position: relative;
overflow: hidden;
margin: 0 -20px 0 -20px;
padding-left: 20px;
padding-right: 20px;
border-bottom: 1px solid #EAEAEA;
background: #F2F2F2;
color: #434343;
}
body.single .category-specials .post-head, .post-head  {
margin-bottom: 20px;
border-top: 1px solid #FFFFFF;
}

body.single .category-specials .entry {
position: relative;

}

.post .entry {

}

div.comment-count {
display: block;
position: absolute;
right: 20px;
top: 20px;
font-size: 11px;
}

body.single .category-specials div.comment-count {
right: 0px;
}

a.comment-number {
display: block;
background: url("img/web/comment-count-left.png") no-repeat top left;
font-weight: bold;
color: #FFFFFF;
line-height: 30px;
height: 30px;
font-size: 16px;
float: left;
text-decoration: none;
}

a.comment-number span {
display: block;
margin-left: 3px;
padding: 0 10px 0 7px;
line-height: 30px;
height: 30px;
background: url("img/web/comment-count-right.png") no-repeat top right;
}

a.comment-link {
display: block;
background: url("img/web/comment-count-left.png") no-repeat top left;
font-weight: bold;
color: #FFFFFF;
line-height: 30px;
height: 30px;
margin-left: 5px;
font-size: 11px;
float: left;
text-decoration: none;
}

a.comment-link span {
display: block;
margin-left: 3px;
padding: 0 10px 0 7px;
line-height: 30px;
height: 30px;
background: url("img/web/comment-count-right.png") no-repeat top right;
}

div.comment-count a:hover {
background: url("img/web/comment-count-left-hover.png") no-repeat top left;
}

div.comment-count a:hover span {
background: url("img/web/comment-count-right-hover.png") no-repeat top right;
}


div.comment-count a:hover span.comment-link {
background: #242424;
}

.post-head h2 {
margin: 0;
margin-top: 20px;
padding: 0 0 20px 0;
border-bottom: 0;
}

.post-head .date {
display: none;
font-size: 11px;
}

.post-meta {
overflow: hidden;
color: #999999;
}

.post-meta .date {
float: left;
font-size: 11px;
margin-bottom: 0;
}

.post-meta .tags {
float: right;
text-align: right;
font-size: 11px;
margin-bottom: 0;
}

.post-meta .tags a {
margin-left: 2px;
}

.newslistitem {
border-bottom: 1px solid #EAEAEA; 
padding: 0 0 0 0;
font-size: 12px;
position: relative;
z-index: 200;
margin-bottom: 5px;
}

.newslistitem .category-specials h3 {
background: url("img/icons/specialnews.png") no-repeat 100% 50%;
padding-right: 50px;
display: inline-block;
}

.newslistitem .category-charts h3 {
background: url("img/icons/chartsnews.png") no-repeat 100% 50%;
padding-right: 49px;
display: inline-block;
}

.newslistitem .category-twitter h3 {
background: url("img/icons/twitternews.png") no-repeat 100% 50%;
padding-right: 50px;
display: inline-block;
}

.newslistitem div h3 {
margin-top: 0;
font-size: 12px;
margin-bottom: 5px;
}
.newslistitem div .meta {
font-size: 11px;
position: absolute;
right: 0;
top: 0;
}
.newslistitem div:hover a {

}
.newslistitem p {
margin-bottom: 10px;
}

blockquote {
border: 1px solid #EAEAEA;
background: #F2F2F2;
padding: 20px 20px 0 20px;
margin-bottom: 20px;
}

.morerecent {
float: left;
margin-top: 5px;
}

.lessrecent {
margin-top: 5px;
float: right;
}

/* GALLERIA */

.galleria{list-style:none;width:290px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

/* MAIN */


.content-box {
margin-left: 20px;
float: left;
display: inline;
}

.content-box p, .content-box h3, .content-box h4, .content-box h5, .content-box h6 {
padding: 0 !important;
}

.small {
width: 300px;
}

.medium {
width: 620px;
}

.smallest {
width: 140px;
}

#overviewQuote {
padding: 0 40px 0 40px;
width: 220px;
}

#overviewScreenshot {
margin-bottom: 20px;
}

.entry .postmetadata {
font-size: 11px;
border-top: 1px solid #EAEAEA;
border-bottom: 1px solid #EAEAEA;
padding: 20px 0;
}

/* comments */

#responses {
position: relative;
}

h3#comments,
h3#leavereply {
margin-bottom: 20px;
margin-top: 20px;
}

.contact h3#comments {
display: none;
}

p.paginated-comments-pages {


}

p#top-pager {
position: absolute;
top: 3px;
margin-bottom: 0;
right: 0;
font-size: 12px;
}

.contact p#top-pager {
top: -64px;
}

.commentlist {
list-style: none;
margin: 0 0 0 0;
padding: 0;
}

.commentlist li {
position: relative;
margin-bottom: 20px;
padding: 0;
background: #F5F5F5 url("img/web/comment-bottom.png") no-repeat bottom left;
}

.narrowcolumn .commentlist li {
position: relative;
margin-bottom: 20px;
padding: 0;
background: #F5F5F5 url("img/web/comment-bottom-narrow.png") no-repeat bottom left;
}

.comment-head {
position: relative;
margin: 0;
padding: 0;
height: 30px;
line-height: 30px;
background: #F5F5F5 url("img/web/comment-top.png") no-repeat top left;
border-bottom: 1px solid #EAEAEA;
overflow: hidden;
}

.narrowcolumn .comment-head {
position: relative;
margin: 0;
padding: 0;
height: 30px;
line-height: 30px;
background: #F5F5F5 url("img/web/comment-top-narrow.png") no-repeat top left;
border-bottom: 1px solid #EAEAEA;
overflow: hidden;
}

.commentlist li .entry {
padding: 10px 10px 0 10px;
border-top: 1px solid #FFFFFF;
overflow: hidden;
}

cite {
display: inline;
font-style:normal;
font-weight: bold;
text-transform:capitalize;
border-left: 1px solid #FFFFFF;
line-height: 30px;
height: 30px;
display: block;
padding-left: 10px;
float: left;
}

.commentmetadata {
position: absolute;
right: 10px;
top: 0px;
line-height: 30px;
height: 30px;
font-size: 11px;
}

.paginated-comments-number {
display: block;
font-size: 16px;
border-right: 1px solid #EAEAEA;
padding: 0;
font-weight: bold;
float: left;
}

.paginated-comments-number a {
text-decoration: none;
padding: 0 10px;
line-height: 30px;
height: 30px;
font-weight: bold;
}

.edit-comment {
margin-left: 10px;
border-left: 1px solid #EAEAEA;
display: inline-block;
}

.comment-edit-link {
display: inline-block;
font-size: 11px;
border-left: 1px solid #FFFFFF;
padding-left: 10px;
}

img.avatar  {
display: none;
}

/* SIDEBAR */

#sidebar {
float: left;
padding: 0 0 0 20px;
width: 290px;
margin-left: 20px;
}

#sidebar ul {
margin-left: 0;
list-style: none;
}

#sidebar ul li {
padding-left: 0;
}

#sidebar h3 {

}

#sidebar .content-box {
margin-right: 20px;
margin-left: 0;
float: left;
display: inline;
}

.styled {
border: 1px solid #DFDFDF;
margin-bottom: 20px;
width: 298px;
}

.boxInner {

}

.styled h3 {
margin: 20px 0 0 0;
padding: 0 20px !important;
color: #000000;
}

.styled p {
padding: 0 20px !important;
}

/* NEWS */

#news {
background: #F2F2F2;
border-top: 1px solid #ffffff;
}

#news h2 {
position: relative;
background: #343434;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
line-height: 20px;
padding: 5px 20px;
margin-bottom: 0;
border-bottom: 1px solid #ffffff;
display: none;
}

.newsbox {
width: 285px;
border-right: 1px solid #EAEAEA;
border-left: 1px solid #FFFFFF;
border-bottom: 1px solid #EAEAEA; 
float: left;
padding: 0px 20px;
font-size: 12px;
position: relative;
z-index: 200;
background: #F2F2F2;
cursor: pointer;
height: 139px;
overflow: hidden;
}
.newsbox:hover {
background-color: #EDEDED;
}

.newsbox:hover a {

}

#news .last {
border-right: 0;
width: 286px;
}
#news .first {
border-left: 0;
}

.newsbox h3.post-title {
font-size: 12px;
margin-right: 50px;
}

.newsbox h3.post-title a {
color: #000000;
}

.newsbox h3.post-title a:hover {
color: #000000;
text-decoration: underline;
}

.newsbox p.meta {
font-size: 11px;
color: #AEAEAE;
margin-bottom: 10px;
}

.newsbox p.post-excerpt {
font-size: 12px;
}

/* TWITTER */

.twitted {
padding-left: 80px;
border: 0;
}

.twitted p.preLoader {
padding: 20px 20px 20px 80px;
margin: 0;
}

.twitted ul#twitter_update_list li span {
/* tweet content */
display: block;
}



#twitter {
background: #F2F2F2 url("img/web/twitter_back.png") repeat-x bottom left;
border-top: 1px solid #ffffff; 
margin: 0;
padding: 0 0 0 0;
font-size: 12px;
position: relative;
cursor: pointer;
}

#twitter:hover {
background-color: #EDEDED;
}

p.loading {
padding: 20px;
margin-bottom: 0;
text-align: center;
}

#twitter ul#twitter_update_list {
margin: 0;
padding: 0;
list-style: none;
}

#twitter ul#twitter_update_list li {
padding: 20px 20px 20px 80px;
margin: 0;
background: transparent url("img/web/twitter.png") no-repeat 20px center;
}

#twitter a {
font-weight: bold;
color: #000000;
}

#twitter a:hover {
text-decoration: underline;
}

.profileLink {
position: absolute; 
right: 20px;
top: 20px;
font-size: 11px;
display: none;
}

a.follow span {

}

/* FOOTER */

#footer {
padding: 0 20px 10px 20px;
position: relative;
color: #8A8A89;
background: url("img/web/footer_back.png") no-repeat bottom;
}

#footer a {
color: #C6C6C5;
}

#footer .shadowLine {
position: absolute;
top: 0;
margin-left: -20px;
margin-right: -20px;
}

/* META */

#meta {
padding: 10px 0 0 0;
font-size: 11px;
}

#copyright {
padding: 0;
margin: 0;
float: left;
font-size: 11px;
}

/* SERVICELINKS */

#socialmedia {
list-style: none;
margin: 0 0 0 0;
padding: 0;
float: right;
overflow: hidden;
}

#socialmedia h3 {
font-size: 11px;
font-weight: bold;
color: #8A8A89;
float: left;
display: inline;
margin: 0;
padding: 0;
}

#socialmedia li {
padding: 0;
margin: 0 0 0 10px;
float: left;
display: inline;
background: none;
}

#socialmedia a {

}

#socialmedia a:hover {

}