/*
Theme Name: Cantus
Theme URI: http://kazistudios.com/
Description: The 2010 theme for WordPress is stylish, customizable, simple, and readable
Author: Kazi Studios Team
Version: 1.1
Tags: black, blue, white, three-columns, fixed-width, threaded-comments
*/

/* Reset default browser styles */
/*@import url('styles/reset.css');*/

/* Rebuild default browser styles */
/*@import url('styles/rebuild.css');
*/
/* Import a basic layout */
/*@import url('styles/2c-r.css');
*/
/* Basic WordPress Styles */
@import url('styles/wp.css');

/* Previous CSS */
/*@import url('styles/all.css');*/

/* IE solution */
@import url('styles/ie.css');



body{
	margin:0;
	color:#3f3e3e;
	font:11px "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
	background:#ffffff;
	min-width:960px;
}
img{border-style:none;}
a{
	text-decoration:none;
	color:#004379;
}
a:hover{text-decoration:underline;}
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
	color:#000;
	
}
form,
fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
#wrapper{
	width:100%;
	overflow:hidden;
	position:relative;
	padding:3px 0 0;
	background:#fff url(images/bg-w1.gif) repeat-x;
}
.w1 {
	position:relative;
	left:50%;
	background:#f7f8e9;
	width:100%;
}
.w2 {
	position:relative;
	left:-50%;
	width:100%;
}
/*page*/
.page{
	width:960px;
	margin:0 auto;
}



/* =Header
-------------------------------------------------------------- */

#branding {
	margin: 0 0 1.5em 0;
}

#header{
	width:960px;
	overflow:hidden;
	background:#fff url(images/bg-header.gif) repeat-y;
	position:relative;
}
/*logo*/
.logo{
	margin:0;
	width:197px;
	height:62px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(images/logo.gif) no-repeat;
	position:absolute;
	top:22px;
	left:27px;
}
.logo a{
	display:block;
	height:100%;
}
.logo:hover {
	background:url(images/logo_over.gif) no-repeat;
}
#header .user-holder{
	overflow:hidden;
	height:1%;
}
#header .user-holder .holder{
	float:right;
	background:#d9e3ec url(images/bg-user-holder.gif) repeat-y 100% 0;
	margin:0 0 24px;
	padding:0 23px 0 0;
}
/*from search*/
.search{
	float:left;
	padding:6px 19px 6px 25px;
}
.search fieldset{float:left;}
.search .text{
	float:left;
	background:url(images/bg-text.gif) no-repeat;
	width:142px;
	height:15px;
	padding:5px 0 5px 20px;
	overflow:hidden;
	margin:0 7px 0 0;
}
.search .text input{
	float:left;
	width:132px;
	height:15px;
	margin:0;
	padding:0 10px 0 0;
	font-size:12px;
	line-height:15px;
	border:none;
	background:none;
	color:#62615f;
	outline:none;
}
.search .btn{
	width:47px;
	height:21px;
	background:url(images/btn-search.gif) no-repeat;
	border:none;
	float:left;
	overflow:hidden;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
	cursor:pointer;
	margin:1px 0 0;
	padding:0;
}
/*social box*/
.social-box{
	float:left;
	padding:4px 0 0 18px;
}
.social-box .label{
	float:left;
	font:bold 11px/13px "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
	color:#00457d;
	padding:7px 9px 0 0;
}
.social-networks{
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}
.social-networks li{
	float:left;
	margin:0 0 0 7px;
	display:inline;
}
.social-networks a{
	display:block;
	background:url(images/ico-social-networks.png) no-repeat;
	height:29px;
	text-indent:-9999px;
	overflow:hidden;
	width:29px;
}
.social-networks .facebook{background-position:0px 0;}
.social-networks .twitter{background-position:-33px 0;}
.social-networks .soundcloud{background-position:-66px 0; width:29px;}

#header .link-holder{
	overflow:hidden;
	width:925px;
	text-align:right;
	padding:0 35px 25px 0;
	border-bottom:2px solid #e5e5e5;
}
.btn-music-free{
	display:inline-block;
	background:url(images/bg-btn.gif) no-repeat;
	width:175px;
	height:25px;
	overflow:hidden;
	text-indent:-9999px;
	text-align:left;
}
* html .btn-music-free{display:inline;}
* +html .btn-music-free{display:inline;}

/* =Menu
-------------------------------------------------------------- */

#access {
	/*margin: 0 0 1.5em 0;*/
	overflow: auto;
}
.skip-link {
	display: none;
}
/*main navigation*/
.menu{
	padding:0;
	margin:0;
	list-style:none;
	overflow:hidden;
	width:960px;
	background:#ffffff;
	position:relative;
	text-align:center;
}
.menu li{
	text-transform:uppercase;
	font-size:12px;
	line-height:16px;
	display:inline;
}
.menu li span{
	font:italic 11px/15px Georgia, "Times New Roman", Times, serif;
	text-transform:none;
	color:#7399b8;
}
.menu a {
	margin-left:-3px;
	padding:14px 16px 14px 16px;
	color:#00457d;
	height:16px;
	white-space:nowrap;
	display:inline-block;
}
.menu .active a,
.menu a:hover, .current-menu-item a, .current-page-ancestor a {
	color:#fff;
	text-decoration:none;
	background:#00457d;
}
* html .menu a{
	display:inline;
	padding-left:15px;
}
* +html .menu a{
	display:inline;
	padding-left:15px;
}
/*sub-menu*/
/*menu*/
.sub-menu{
	margin:0;
	padding:6px 0 11px;
	list-style:none;
	overflow:hidden;
	width:960px;
	border-top:3px solid #b0be27;
	background:#00457d;
	text-align:center;
}
.sub-menu li{
	font-size:14px;
	line-height:16px;
	display:inline;
	padding:0 14px;
	background:url(images/separator-menu.gif) no-repeat 0 3px;
}
.sub-menu li:first-child,
.sub-menu li.first-child{background:none;}
.sub-menu a{color:#fff;}
.sub-menu .active a,
.sub-menu a:hover, .sub-menu li.current_page_item a {
	text-decoration:none;
	color:#b0be27;
}
/* =Content
-------------------------------------------------------------- */

.post {
	margin: 0 0 3em 0;	
}
.entry-content, .entry-summary {
	margin: .5em 0 0 0;
}
/*main*/
#main{
	overflow:hidden;
	width:960px;
	background:#fff url(images/bg-main.gif) repeat-y 100% 0;
	padding:0 0 13px;
}
/*content*/
#content{
	float:left;
	width:690px;
}
/*gallery*/
.gallery-box{
	width:717px;
	overflow:hidden;
	position:relative;
}
.gallery-box .label{
	position:absolute;
	top:0;
	left:0;
	background:url(images/gallery-label.png) no-repeat;
	width:55px;
	height:300px;
	overflow:hidden;
	text-indent:-9999px;
	z-index:3;
}
.gallery-box .title{
	position:absolute;
	top:256px;
	left:103px;
	z-index:3;
	font-size:48px;
	line-height:53px;
	color:#fff;
}
.gallery-box .slide-list{
	height:300px;
	overflow:hidden;
	width:717px;
	position:relative;
	z-index:2;
	margin:0;
	padding:0;
	list-style:none;
}
.gallery-box .slide-list li{
	float:left;
	width:717px;
	height:300px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.gallery-box .slide-list .active{z-index:2;}
.gallery-box .slide-list img{display:block;}
.gallery-box .switcher{
	overflow:hidden;
	width:717px;
	text-align:center;
	position:relative;
	z-index:4;
	padding:11px 0 6px;
}
.gallery-box .switcher .holder{
	position:relative;
	left:50%;
	float:left;
}
.gallery-box .switcher .frame{
	position:relative;
	left:-50%;
	float:left;
}
.gallery-box .switcher .prev,
.gallery-box .switcher .next{
	background:url(images/bg-link-switcher.gif) no-repeat;
	width:10px;
	height:11px;
	text-indent:-9999px;
	overflow:hidden;
	float:left;
	margin:0 5px;
	display:inline;
}
.gallery-box .switcher .next{background-position:0 -12px;}
.gallery-box .switcher ul{
	margin:0;
	padding:1px 0 0;
	list-style:none;
	float:left;
}
.gallery-box .switcher li{
	margin:0 4px;
	float:left;
	display:inline;
}
.gallery-box .switcher li a{
	display:block;
	width:11px;
	height:10px;
	background:url(images/bg-switcher.gif) no-repeat;
	overflow:hidden;
	text-indent:-9999px;
}
.gallery-box .switcher .active a,
.gallery-box .switcher li a:hover{background-position:0 -10px;}

/*home-slider*/

ul#home-slider	
{ 
	width: 717px;
	height: 324px;
	overflow: hidden;
	list-style: none;
	margin: 0;
	padding: 0;
}
ul#home-slider li
{ 
	width: 717px;
	height: 324px;
	margin: 0;
	padding: 0;
}
#home-slider-nav
{
	text-align: center;
	margin: 14px 0 0 300px;
	width: 100%;
	float: left;
	text-indent: -9999px;
	outline: none;
}
#home-slider-nav a
{
	display: block;
	float: left;
	width: 12px;
	height: 10px;
	background: url(images/home-slider-nav.png) top right no-repeat;
	margin: 0 4px;
}
#home-slider-nav a.activeSlide { background-position: top left; }

a#home-slider-prev { display: block; float: left; width: 10px; height: 12px; background: url(images/home-slider-prev.png) top left no-repeat; }
a#home-slider-next { display: block; float: left; width: 10px; height: 12px; background: url(images/home-slider-next.png) top right no-repeat; }

a:hover#home-slider-prev, a:hover#home-slider-next	{ background-position: bottom left; }



/*content-holder*/
.content-holder,
.container{
	overflow:hidden;
	height:1%;
	padding:0 22px 0 0;
}
.content-holder .block{
	float:right;
	width:260px;
}
.content-holder .block h2{
	color:#bfcbd7;
	text-transform:uppercase;
	font:bold 16px/16px "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
	margin:0;
	text-align:right;
	position:relative;
}
.content-holder .block .box{
	width:260px;
	background:url(images/bg-box.gif) repeat-y -260px 0;
	margin:-3px 0 0;
	overflow:hidden;
}
.content-holder .block .box .holder{
	background:url(images/bg-box.gif) no-repeat;
	width:260px;
	overflow:hidden;
}
.content-holder .block .box .frame{
	background:url(images/bg-box.gif) no-repeat -520px 100%;
	width:237px;
	overflow:hidden;
	padding:20px 10px 12px 13px;
}
.content-holder .block .image-holder{
	float:right;
	background:url(images/bg-image-holder.gif) no-repeat;
	width:70px;
	height:83px;
	overflow:hidden;
	padding:9px 8px 9px 7px;
	margin:0 12px 0 10px;
	display:inline;
}
.content-holder .block .image-holder img{display:block;}
.content-holder .block .name{
	display:block;
	font:bold 14px/16px "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
	color:#004379;
	padding:12px 0 10px;
}
.content-holder .block p{
	margin:0 0 13px;
	font-size:10px;
	line-height:17px;
	color:#000;
}
.content-holder .post .link-holder,
.content-holder .block .link-holder{
	overflow:hidden;
	height:1%;
}
.content-holder .block .btn{
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	width:97px;
	height:21px;
	background:url(images/bg-btn.gif) no-repeat 0 -68px;
	margin:0 auto;
}
.content-holder .post-holder{
	overflow:hidden;
	height:1%;
	padding:13px 26px 0 19px;
}
* html .content-holder .post-holder{padding-right:23px;}
.post-holder .post{
	overflow:hidden;
	height:1%;
	border-top:1px solid #e5e5e5;
	padding:22px 0 0;
	margin:0 0 24px;
}
.post-holder .post .image-holder{
	float:left;
	background:url(images/bg-image-holder-post.gif) no-repeat;
	width:90px;
	height:90px;
	padding:1px 4px 4px 0;
	margin:0 10px 0 0;
}
* html .post-holder .post .image-holder{margin-right:7px;}
.post-holder .post .image-holder img{display:block;}
.post-holder .post .text-holder{
	overflow:hidden;
	height:1%;
	padding:2px 0 0;
}
.content-holder .post h3{
	margin:0 0 6px;
	font-size:16px;
	line-height:18px;
	color:#00457d;
}
.content-holder .post p{
	margin:0 0 7px;
	font-size:12px;
	line-height:16px;
	color:#484844;
}
.post-holder .post .btn{
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	width:91px;
	height:21px;
	background:url(images/bg-btn.gif) no-repeat 0 -89px;
}
.post-holder .post .more{background-position:0 -110px;}

.more-link{
float:left;
	text-indent:-9999px;
	overflow:hidden;
	width:91px;
	height:21px;
	background:url(images/bg-btn.gif) no-repeat 0 -110px;

	
}



/*container*/

.container{padding:28px 22px 0 12px;}

.container p{
	margin:0;
	padding: 10px 0;
	font-size:12px;
	line-height:20px;
}
.container li{
	font-size:12px;
	line-height:18px;
}
.container h1{
	margin:0 0 20px;
	font-size:29px;
	line-height:32px;
	color:#9eaecd;
}
.container h2{
	margin:0 0 20px;
	font-size:29px;
	line-height:32px;
	color:#9eaecd;
}
.container h3{
	margin:20px 0 0 0;
	font-size:16px;
	line-height:18px;
	color:#00457d;
}
.container h4{
	margin:0 0 20px;
	font-size:29px;
	line-height:32px;
	color:#9eaecd;
}
.container h5{
	font-size:12px;
	line-height:18px;
	color:#55594a;
	background:#f0efe9;
	padding:15px;
	font-style:normal;
}
.container h6{
	font-size:16px;
	font-weight:bold;
	color:#fff;
	background:#b0be27;
	padding:5px;
}
.container .holder{
	overflow:hidden;
	height:1%;
	/*background:url(images/bg-container.gif) repeat-y 493px 0;*/
	margin:0 0 45px;
}
.container .box{
	float:right;
	width:182px;
	margin:0 0 0 40px;
	padding:4px 10px;
	background:url(images/bg-container.gif) repeat-y;
}
* html .container .box{margin-left:37px;}
.container .box h3{
	margin:0 0 10px;
	color:#b0be27;
	font:bold 16px/18px "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
}
.container .list{
	margin:0;
	padding:0 0 0 5px;
	list-style:none;
}
.container .list li{
	background:url(images/arrow-list.gif) no-repeat 0 4px;
	padding:0 0 11px 12px;
	font-size:12px;
	line-height:14px;
}

.post-box{
	overflow:hidden;
	width:100%;
	/* padding:0 0 87px; */
}
.post-box .post{
	overflow:hidden;
	height:1%;
	border-top:1px solid #e5e5e5;
	padding:19px 0 0;
	margin:0 0 21px;
	font-size:13px;
	line-height:22px;
}
.post-box .post .text-holder{
	overflow:hidden;
	height:1%;
	padding:0 30px 0 0;
}
.post-box .post h3{
	margin:0 0 5px;
	font-size:18px;
	line-height:20px;
	color:#00457d;
}
.post-box .alignlefft{
	float:left;
	margin:3px 14px 0 0;
}

/* =Navigation
-------------------------------------------------------------- */

.navigation {
	margin: 0 0 1.5em 0;
	overflow: auto;	
}


/* =Widget Areas
-------------------------------------------------------------- */

.widget-area ul {
	list-style: none;
	margin-left: 0;
}
.widget-area ul ul {
	list-style: disc;
	margin-left: 1.1em;
}
.widget-area ul ul ul {
	margin-left: 2.5em;
}
.widget-container {
	margin: 0 0 1.5em 0;
}

/* =Sidebar
-------------------------------------------------------------- */

#sidebar{
	float:right;
	width:243px;
}
/*visual box*/
.visual-box{
	background:url(images/bg-visual-box.gif) repeat-y;
	overflow:hidden;
	width:220px;
	padding:6px 12px 5px 11px;
}
.visual-box h2{
	font:bold 12px/12px "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
	color:#b0be27;
	margin:0 0 -1px;
	padding:0 4px;
}
.visual-box h2.right{text-align:right;}
.visual-box .block{
	overflow:hidden;
	width:220px;
	background:#b0be27 url(images/bg-visual-block.gif) no-repeat;
	margin:0 0 7px;
}
.visual-box .block-holder{
	overflow:hidden;
	width:204px;
	background:url(images/bg-visual-block.gif) no-repeat -220px 100%;
	padding:5px 7px 4px 9px;
}
.visual-box .block img{
	display:block;
	margin:0 auto 6px;
}
.visual-box .block .btn{
	display:block;
	margin:0 auto;
	width:141px;
	height:22px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(images/bg-btn.gif) no-repeat 0 -25px;
}
.visual-box .audio .btn{
	background-position:0 -47px;
	height:21px;
	width:120px;
}
.visual-box .block p{
	margin:0 0 3px;
	font-size:11px;
	line-height:12px;
	color:#fff;
	text-align:center;
}
.visual-box iframe {
	padding-bottom: 10px;
}
.sidebar-content{
	width:231px;
	overflow:hidden;
	background:url(images/bg-sidebar.gif) no-repeat;
	padding:20px 0 0 12px;
}
.sidebar-content .box{
	overflow:hidden;
	width:228px;
	margin:0 0 19px;
}
.sidebar-content .box .t,
.sidebar-content .box .b{
	width:228px;
	height:6px;
	overflow:hidden;
	line-height:0;
	font-size:0;
}
.sidebar-content .box .t{background:url(images/bg-sidebar-box-t.png) no-repeat;}
.sidebar-content .box .b{background:url(images/bg-sidebar-box-b.png) no-repeat;}
.sidebar-content .box .c{
	background:url(images/bg-sidebar-box-c.png) repeat-y;
	width:226px;
	overflow:hidden;
	padding:0 1px;
}
.sidebar-content .box .content{
	background:#f3f4f5 url(images/bg-sidebar-box-content.gif) repeat-x;
	overflow:hidden;
	padding:5px 5px 6px 11px;
	font-size:11px;
	width:210px;
	line-height:13px;
}
.sidebar-content .box  h2{
	margin:0 0 5px;
	font-size:13px;
	line-height:15px;
	text-transform:uppercase;
	color:#004379;
}
.sidebar-content .box p{
	margin:0 0 5px;
	color:#747471;
}
.sidebar-content .box .link-holder{
	overflow:hidden;
	width:200px;
	padding:0 10px 0 0;
}
.sidebar-content .box .more{
	float:right;
	background:url(images/bg-more.gif) no-repeat 100% 5px;
	padding:0 7px 0 0;
	font-weight:bold;
}
q{quotes: none;}
q:before{content:"";}
q:after{content:"";}
.sidebar-content .cite{
	display:block;
	margin:0;
	padding:8px 0 0 5px;
}
.sidebar-content .cite q{
	background:url(images/bg-quote.gif) no-repeat;
	padding:0 0 0 27px;
	font:italic 14px/26px Georgia, "Times New Roman", Times, serif;
	color:#939597;
	display:block;
	margin:0 0 7px;
}
.sidebar-content .cite cite{
	display:block;
	font:bold 12px/14px "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
	color:#9eaecd;
	padding:0 0 0 17px;
}

#sfstest-sidebar blockquote { 
	background:url(images/bg-quote.gif) no-repeat;
	padding:0 0 0 27px;
	font:italic 14px/22px Georgia, "Times New Roman", Times, serif;
	color:#939597;
	display:block;
	margin:30px 0 7px; 
}
#sfstest-sidebar cite { 
	display:block;
	font:bold 12px/14px "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
	color:#9eaecd;
	padding:0 0 0 15px;
}
#sfstest-page blockquote { padding: 10px; }
#sfstest-page cite { font-style: italic; }
#sfstest-sidebar .sfststreadmore { text-align: center; margin-top: 5px; }


/* =Footer
-------------------------------------------------------------- */


.f1{
	width:100%;
	overflow:hidden;
	position:relative;
	background:#1c1b17 url(images/bg-f1.gif) repeat-x;
}
.f2{
	width:100%;
	float:left;
	left:50%;
	position:relative;
	background:#1c1b17 url(images/bg-f2.gif) repeat-x;
}
.f3{
	position:relative;
	left:-50%;
	float:left;
	width:100%;
}
#footer{
	width:960px;
	margin:0 auto;
	background:#1c1b17 url(images/bg-footer.gif) no-repeat;
	overflow:hidden;
}
.footer-holder{
	overflow:hidden;
	padding:0 0 10px;
	height:187px;
	margin:0 0 6px;
}
#footer .list-block{
	float:right;
	width:211px;
	padding:11px 15px 0 16px;
}
#footer .list-box{
	float:left;
	width:330px;
	padding:11px 15px 0 13px;
}
#footer h3{
	margin:0 0 32px;
	font-size:12px;
	line-height:14px;
	color:#00457d;
}
#footer .list-block ul,
#footer .list-box ul{
	margin:0;
	padding:0;
	list-style:none;
}
#footer .list-box ul li{
	background:url(images/arrow-list.gif) no-repeat 0 4px;
	padding:0 0 12px 12px;
	font-size:11px;
	line-height:14px;
	color:#c8d8e7;
}
#footer .list-box ul a{color:#c8d8e7;}
#footer .list-block li{
	background:url(images/ico-list.gif) no-repeat;
	padding:3px 0 12px 28px;
	font-size:12px;
	line-height:14px;
}
#footer .list-block .video{background-position:0 -500px;}
#footer .list-block a{color:#c8d8e7;}
#footer p{
	margin:0 0 11px;
	font-size:11px;
	line-height:13px;
	color:#b2b2b0;
	text-indent:12px;
	word-spacing:4px;
}
#footer p a{
	color:#b2b2b0;
	text-decoration:underline;
}
#footer p a:hover{text-decoration:none;}

table tbody tr th div form a img { margin-top:14px !important; }
table tbody tr td div form a img { margin-top:14px !important; }