/*
Theme Name: Invocal
Theme URI: http://invocal.co.uk/
Description: Theme for the Invocal website
Version: 0.1
Author: Hannah Broughton & Marieke Vink
Author URI: http://erisds.co.uk/

*/

/*************************
* CSS RESET BY ERIC MEYER
*************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body { line-height: 1; color: black; background: white; font: normal normal normal 87.5%/1.5em 'Trebuchet MS',Trebuchet, Arial, Helvetica, sans-serif; }
ol, ul { list-style: none; }

.edit{float: right; margin-bottom: 5px; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a:link,a:visited{outline:none;text-decoration:none; }

.alignleft{ float: left; margin-right: 10px; }
.alignright{ float: right; margin-left: 10px; }
.aligncenter{ display: block; margin: 0px auto; }
.clear-both{ clear:both; }
.clear-left{ clear:left; }
.clear-right{ clear:right; }

/********************
* BASIC PAGE LAYOUT
********************/
body { background: #000 url('images/bg/invocal_bg_main.jpg') no-repeat top left; color: #3e3e3e; }
#container-wrapper{ margin: 0px auto; }
#container{ padding: 0px; border: 0px; }
.container{ width: 940px; margin: 0px auto; }

#header{ z-index: 0; position: relative; margin-top: 40px; padding: 15px 0px; }
#header-wrapper{ background: url('images/bg/invocal_header_bg.png') no-repeat top center; }
.invocal-logo{ position: absolute; top: -35px; left: -60px; z-index: 1000; margin-bottom: -35px; }

#content{ padding: 0px 10px; }
#content-block{ margin-top: 50px; }
#content-wrapper{ background: url('images/bg/invocal_content_bg.png') repeat-y top center; }
#content-header{ height: 51px; margin-top: -52px; background: url('images/bg/invocal_content_top_bg.png') no-repeat top center; }
#content-footer{ height: 99px; margin-bottom: -99px; background: url('images/bg/invocal_content_bottom_bg.png') no-repeat top center; }
.block{ background: #f8e4e4; border: 1px solid #f2d2d2; }
.block-content{ background: #fdf3f3; border: 1px solid #f2d2d2; }

#main-column{ width: 630px; float: left; }
#single-column{ width: 940px; float: left; }
#sub-column{ width: 300px; float: right; margin-top: 21px;}

#footer{ margin: 150px auto 20px; clear:both; padding-bottom: 1px; border-top: 1px #ec008c solid; color: #ec008c; }
#footer a:hover{ color: #ec008c; text-decoration: underline; }
#footer ul{ margin: 0px 0px 0px 30px; list-style: none; display: inline; }
#footer ul li{ float: left; margin-left: 10px; }
#footer p{ margin: 0px; display: inline; }
#footer .copyright{ float: left; margin-right: 30px; }
#footer .disclaimer{ float: right; }

/** BASE TYPOGRAPHY **/
a{ color: #ec008c; }
a:hover{ color: #000; }
p { font-size: 1em; line-height: 1.5em; margin: 0em 0em 1.5em; /* margin bottom 1xLH */ }
h1,h2,h3,h4,h5,h6{ font-family: Georgia, serif; font-weight: bold; font-style: italic; }

h1 { font-size: 1.71428em; /* 24 */ line-height:0.875em; margin: 0.4375em 0em 0.875em;  }
h2 { font-size: 1.28571em; /* 18 */ line-height: 1em; margin: 0.16667em 0em .5em; }
h3 { font-size: 1.14285em; /* 16 */ line-height: 1.3125em; margin: 0em 0em 0.65625em; }
h4 { font-size: 1em; /* 14 */ line-height: 1.5em; margin: .75em 0em; }
h5 { font-size: 1em; /* 14 */ line-height: 1.5em; margin: .75em 0em; }
h6 { font-size: 1em; /* 14 */ line-height: 1.5em; margin: .75em 0em; }

strong { font-weight: bold; }
em { font-style: italic }

p.date{ font-size: 12px; margin: 5px 0px 0px; float: left; }
p.comment{ font-size: 12px; margin: 5px 0px 0px; float: right; }

/** CAROUSEL **/
#home-page-carousel.carousel{ padding: 95px 0px 0px; margin: 0px; }
#home-page-carousel.carousel li{ position: relative; }
#home-page-carousel.carousel .carousel-container{ width: 940px; height: 290px; margin: 0px auto; overflow: hidden; position: relative; margin: 0; }
#home-page-carousel.carousel ol.carousel-content{ position:relative; overflow:hidden; width:32000px; padding: 0; margin: 0; list-style: none; }
#home-page-carousel.carousel ol.carousel-content li{ width: 940px; height: 290px; background: url(images/carousel-bg.jpg) no-repeat; position: relative; margin:0; float:left; overflow:hidden; *float:none; *display:inline-block; *zoom:1; *display:inline; }
#home-page-carousel.carousel ol.carousel-content li h3{ position: absolute; bottom: 0px; left: 20px; color: #fff; font-size: 1.5em; line-height:1.2em; font-weight: normal; padding: 5px; }
#home-page-carousel.carousel ol.carousel-content li h3 span{ background: #ec008c; padding: 2px; line-height:1.4em; }
#home-page-carousel .yui-carousel-nav{ display: none; }


/** NAVIGATION **/
#navigation{ position: relative; margin: 15px 0px 24px; }
#navigation ul{ margin: 0px; display: block; height: 130px; }
#navigation ul li{ list-style: none; display: inline; }
#navigation ul li.page-item-home a{ background: url('images/navigation/home.jpg') no-repeat 0% 0%; width: 92px; height: 38px; top: 5px; left: 10px; }
#navigation ul li.page-item-news a{ background: url('images/navigation/news.jpg') no-repeat 0% 0%; width: 88px; height: 45px; top: 60px; left: 28px; }
#navigation ul li.page-item-shows a{ background: url('images/navigation/shows.jpg') no-repeat 0% 0%; width: 91px; height: 45px; top: 5px; left: 148px; } 
#navigation ul li.page-item-rosies-blog a{ background: url('images/navigation/rosies-blog.jpg') no-repeat 0% 0%; width: 178px; height: 52px; top: 60px; left: 199px; }
#navigation ul li.page-item-music-lyrics a{ background: url('images/navigation/music-lyrics.png') no-repeat 0% 0%; width: 212px; height:44px; top: 5px; left: 312px; }
#navigation ul li.page-item-about-invocal a{ background: url('images/navigation/about-invocal.png') no-repeat 0% 0%; width: 219px; height: 52px; top: 60px; left: 420px; }
#navigation ul li.page-item-media a{ background: url('images/navigation/media.jpg') no-repeat 0% 0%; width: 101px; height: 54px; top: 5px; left: 620px; }
#navigation ul li.page-item-press a{ background: url('images/navigation/press.jpg') no-repeat 0% 0%; width: 85px; height: 51px; top: 60px; left: 750px; }
#navigation ul li.page-item-contact-us a{ background: url('images/navigation/contact-us.jpg') no-repeat 0% 0%; width: 175px; height: 45px; top: 5px; left: 750px; }
#navigation ul li a{ position: absolute; text-indent: -9999px; }
#navigation ul li a:hover, #navigation ul li.current_page_item  a{ background-position: 0% 100%; } 

/** Breadcrumb **/
.breadcrumb { font-size: 14px; list-style: none; margin: 0px; border-bottom: 1px solid #ec008c; }
.page-home .breadcrumb, .page-media .breadcrumb { border-bottom: none; }

/** POST BLOCKS **/
.news-list li, .post-item, .post-footer{ clear: both; }

.post-thumbnail{ padding: 10px; margin: 0px 15px 5px 0px; display: block; float: left; clear: both; }
.post-item p{ clear:both; }
.post-footer{ border-bottom: 1px solid #ec008c; padding-bottom: 5px; margin-bottom: 10px; float: left; display: block; width: 100%;  line-height: 10px;}

#comments li.comment-box{
  clear:both;
  min-height:105px;
  margin:-1px 0 10px;
  padding:1.5em 20px 1px;
  background: #fdf3f3; border: 1px solid #f2d2d2; 
}
#comments li.author{
   background: #f8e4e4; border: 1px solid #f2d2d2; 
}
#comments img{
  padding:0 20px 0 0;
}
#comments .meta{ float:left; height:105px; }
#comments .meta .date{ float: none; }
#comments .data{ padding-left:83px; }
#comments ul{ margin:0 1.5em 1.5em; }
#comments p ul{ margin:-1.5em 1.5em 1.5em; }
#respond-box input, #respond-box textarea{ margin-bottom: 5px; border: 1px solid #f2d2d2;}
#respond-box #submit-button{ background: #ec008c; color: #fff; padding: 4px 5px; }


.addtoany_share_save_container{ padding-bottom: 15px; }

/** PAGE BLOCKS **/
.album-entry{ min-height: 320px; width: 900px; clear: both; padding: 10px; background: #f8e4e4; border: 1px solid #f2d2d2; margin-bottom: 10px; float: left; }
.album-entry .album-image{ background: #fdf3f3; border: 1px solid #f2d2d2; padding: 10px; width: 290px; height: 290px; float: left; margin: 0px 10px 0px 0px; }
.album-entry .album-image img{ width: 290px; height: 290px; }
.album-entry .album-track-list{ width: 260px; margin: 0px 10px 0px 0px; float: right; }
.album-entry .album-description{ width: 300px; float: right;}
.album-entry .album-description h4{ margin-top: 0px; margin-bottom: 1em; }
.album-entry .album-links a img{ border: 1px solid #f2d2d2; background: #fdf3f3; padding: 5px; margin: 5px 10px;}
.album-entry .album-links a:hover img{ border: 1px solid #ec008c; }
.track-entry{ background: url('images/rabbit_strip.gif') repeat-x bottom left; padding-bottom: 35px; margin-bottom: 20px; position: relative;}
.track-image{ position: absolute; padding: 6px;}

/** SIDEBAR BLOCKS **/
ul.sidebar li.widget{ background: #f8e4e4; border: 1px solid #f2d2d2; margin-bottom: 10px; padding: 10px; clear: both; }
ul.sidebar li.widget div.widget-block{ background: #fdf3f3; border: 1px solid #f2d2d2; padding: 10px; word-wrap:break-word; }
ul.sidebar li.widget h2{  } 
ul.sidebar li.widget h3 { margin-top: 10px; color: #ec008c; }

.widget_dbem_list .widgettitle{ border-bottom: 1px solid #ec008c; }

#text-4, #rosies_blog_item-3{ width: 288px; float: left; clear: none}
#rosies_blog_item-3{ margin-left: 10px; }
#latest_news_item-3, #latest_news_item-3 div.widget-block{ background: 0px; border: none; padding: 0px; }

#sub-column .news-list .post-footer{ border-bottom: none; }
#sub-column .news-list h3{ margin-bottom: 0px;}

.textwidget img, .widget_sp_image img{margin-bottom: 7px;}

#flickr-photostream span.flickrImage{ display: inline-block; width: 80px; height: 80px; margin: 0px .5px 10px 0px; padding: 1px; }
#flickr-photostream span.flickrImage a{ background: #f8e4e4; border: 1px solid #f2d2d2; width: 70px; height: 70px; padding: 4px; display: block; }
#flickr-photostream span.flickrImage img{ width: 70px; height: 70px; }

.flickr-list li{ display: inline-block; background: #f8e4e4; border: 1px solid #f2d2d2; width: 110px; height: 110px; margin: 5px 2.5px; }
.flickr-list li a{ display: block; width: 100px; height: 100px; line-height: 100px; padding: 5px; margin: auto; } 
.flickr-list li a img{ display: block; margin: auto; vertical-align: middle;}

#pods-widget-3 li { list-style: none;  width: 175px; height: 175px; padding: 5px; margin: 4px; vertical-align: top; }
#pods-widget-3 li img{ width: 170px; height: 170px; margin: 3px; }

.widget_twitter h2 a{ color: #000; }


.inline-block{display: inline-block; }
.outer-block{ background: #f8e4e4; border: 1px solid #f2d2d2; }
.inner-block{ background: #fdf3f3; border: 1px solid #f2d2d2; }

.all-link{ float: right; position: relative; display: block; margin: -20px 0px -5px;}
.all-link.slug{ width: 75px; height: 41px; line-height: 10px; background: url('images/invocal-slug.png') no-repeat top center; text-align: center; }

.read-more{ float: left; position: relative; display: block; margin: -20px 0px 5px; }
.read-more.slug{ width: 75px; height: 41px; line-height: 10px; background: url('images/invocal-slug-flipped.png') no-repeat top center; text-align: center; }

.slug a { display: block; width: 75px; height: 41px; line-height: 41px; padding-top: 13px; color: #fff; font-size: 10px; }


/** PAGE/POST STYLES **/