@charset "UTF-8";
/* RESET */
* {
	margin:0;
	padding:0;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, header, nav, article, aside, footer, hgroup, section {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	text-decoration: none;
}
:focus, :active { outline: 0 }

ol, ul { list-style: none }

blockquote:before, blockquote:after { content: "" }
blockquote { quotes: "" "" }

header, nav, article, aside, footer, hgroup, section { display: block }

/* Clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

/* IE6 */
/*html .clearfix             { zoom: 1 }*/ 

/* IE7 */
/*
*:first-child+html .clearfix { zoom: 1 }*/ 

/* @FONT-FACE */
/*
@font-face {
	font-family: 'Colaborate-RegularRegular';
	src: url('fonts/ColabReg-webfont.eot');
	src: local('☺'), url('fonts/ColabReg-webfont.woff') format('woff'), url('fonts/ColabReg-webfont.ttf') format('truetype'), url('fonts/ColabReg-webfont.svg#webfont') format('svg');
}

@font-face {
	font-family: 'HighlandGothicLightFLFRegular';
	src: url('fonts/HighlandGothicLightFLF-webfont.eot');
	src: local('☺'), url('fonts/HighlandGothicLightFLF-webfont.woff') format('woff'), url('fonts/HighlandGothicLightFLF-webfont.ttf') format('truetype'), url('fonts/HighlandGothicLightFLF-webfont.svg#webfont') format('svg');
}
*/



/* TYPOGRAPHY */
html {
	background-color: #B4E1C5; 
	background-repeat: no-repeat;
	background-position: 0 0;
	background-attachment: fixed;
}
body {
	/*
	width: 1000px;
	margin: 0 auto;
	*/
	font-family: helvetica;
	color: #3e4b43;
	/*
	color: #333;
	font: 12px/18px Corbel, Arial, Helvetica, sans-serif;
	text-align: justify;
	*/
}
html,body {
	width:100%;
	height: 100%;
	overflow:hidden;
}

/*
#tacowrap {
	float: left;
	overflow-y: scroll;
	position: relative;
	width: 100%
	display: table;
	height: 100%;
}
*/

#tacowrap {
	overflow-y:scroll;
}
/*
#tacowrap.fullsizeMode{
	overflow-y:hidden;
}
*/


#container {
	margin: 0 auto;
	width: 1000px;
}

p { margin-bottom: 18px }
strong { font-weight: bold }
em { font-style: italic }

::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
:focus {outline:none;}
::-moz-focus-inner {border:0;}

a {
	text-decoration:none;
	border:0;
	color: #589B71;
	outline: 0;
}
a.block {
	display:block;
	width:100%;
	height:100%;
}

.entry-content a {
	color: #589B71;
}
.entry-content a:hover {
	border-bottom: 1px solid #589B71;
}
.entry-content a:active {
	border-bottom: 2px solid #589B71;
}



.disabled {
	opacity: 0.5;
}

.samsprite {
	display:block;
	background-image: url("gfx/main-sprite.png");
	background-repeat: no-repeat;
	background-position: 2000px 2000px;
	font-size: 0;
}
.samsprite a {
	text-indent: -9999px;
}
.samanim {
	background-image: url("gfx/samsaya-animations.png");
	background-repeat: no-repeat;
	background-position: 2000px 2000px;
}


/**
 * 	Sprites
 */
.samsprite.samsaya-logo {
	background-position: 0px -170px;
	width: 154px;
	height: 30px;
}
.samsprite.filter-news {
	background-position: -87px -77px;
	width: 43px;
	height: 15px;
}
.samsprite.filter-news.active {
	background-position: -87px -93px;
}
.samsprite.filter-letters {
	background-position: -87px -109px;
	width: 58px;
	height: 15px;
}
.samsprite.filter-letters.active {
	background-position: -87px -125px;
}

.samsprite.header-box-bg {
	background-position: -373px -157px;
	width: 229px;
	height: 41px;
}

.samsprite.header-discography {
	background-position: -145px -33px;
	width: 145px;
	height: 18px;
}
.samsprite.smile {
	background-position: -145px -51px;
	width: 160px;
	height: 80px;
	margin: 28px 0 0 23px;
}
.samsprite.prevbtn {
	background-position: 0 -117px;
	width: 21px;
	height: 7px;
}
.samsprite.nextbtn {
	background-position: -42px -117px;
	width: 20px;
	height: 7px;
}
.samsprite.stopbtn {
	background-position: -21px -117px;
	width: 20px;
	height: 7px;
}
.samsprite.pausebtn {
	background-position: -21px -133px;
	width: 26px;
	height: 7px;
}
.samsprite.playbtn {
	background-position: 0px -133px;
	width: 20px;
	height: 7px;
}
.samsprite.playlistbtn {
	background-position: 0px -126px;
	width: 36px;
	height: 7px;
}
.samsprite.progressbar {
	background-position: 0 -156px;
	width: 201px;
	height: 1px;
}
.samsprite.progress-loaded {
	background-position: 0 -157px;
	width: 201px;
	height: 1px;
}
.samsprite.progress-elapsed {
	background-position: 0 -158px;
	width: 201px;
	height: 1px;
}

.samsprite.html5logo {
	background-position: -201px -157px;
	width: 30px;
	height: 44px;
}


.samanim.spectrum-analyzer {
	background-position: 0 -135px;
	height: 27px;
}
.samanim.viewbtn {
	background-position: 0 -75px;
	width: 37px;
	height: 60px;
}



header#top {
	float: left;
	border-bottom: 2px solid #fff;
	margin: 70px 0 1px 0;
	width:1000px;
}
header#top h1 {
	float: left;
	margin: 0 0 3px 9px;
}
header#top h1 a {
	display:block;
	width:100%;
	height:100%;
}
header#top h1 a span {
	display:none;
}
header#top .beta {
	float: left;
	width: 38px;
	height: 13px;
	margin: 13px 0 0 4px;
}
header#top .beta a {
	display:block;
	height:100%;
	width:100%;
}
header#top nav {
	float: left;
	margin: 12px 0 0 0;
	/*width: 837px;*/ /* 1000px - #top h1 */
	width: 795px;
}

ul.main-nav {
	float:right;
}
ul.main-nav li {
	float: left;
	height: 16px;
	font-size: 0;
	margin-left: 30px;
}
ul.main-nav li a {
	display:block;
	width: 100%;
	height: 100%;
}
ul.main-nav li.menu-item-bio {
	background-position: 0 0;
	width: 97px;
}
ul.main-nav li.menu-item-photos {
	background-position: -98px 0;
	width: 75px;
}
ul.main-nav li.menu-item-events {
	background-position: -174px 0;
	width: 152px;
}
ul.main-nav li.menu-item-contact {
	background-position: -329px 0;
	width: 86px;
}


section.page {
	float: left;
	height: 300px;
	width: 100%;
	margin-bottom: 28px;
}
section.page-fullsized {
	height: 700px;
}

section.page .close {
	position: relative;
	width: 42px;
	height: 71px;
	top: 257px;
	left: 50%;
	margin-left: 500px;
	
	/*
	float: left;
	width: 42px;
	height: 71px;
	margin: -43px 0 0 1000px;
	*/
}

section.page .closebtn {
	background-position: -829px 0;
	width:100%;
	height: 100%;
}

/*
section#page .closebtn {
	position: relative;
	top: 41px;
	background-position: 0 -49px;
	width: 30px;
	height: 30px;
}
section#page .closelbl {
	float: left;
	width: 9px;
	height: 34px;
	margin: 37px 0 0 10px;
	background-position: 0 -79px;
	margin-top: 20px;
}
*/


article.page {
	float: left;
	width: 100%;
	/*height: 275px;*/
	height: 100%;
	background: transparent url("gfx/white-90pst.png") repeat 0 0;
	/*padding: 13px;*/
}
article.page figure {
	float: left;
	padding: 13px;
	/*margin-right: 13px;*/
}
article.page header {
	margin: 13px 0 9px 0;
}
article.page header h2 {
	text-transform: uppercase;
	font-size: 18px;
}
article.page .entry-content {
	text-align: justify;
	font-size: 12px;
	line-height: 16px;
	overflow: hidden;
	
	float:left;
	width: 720px;
	
}
article.page .entry-content-cols {
	padding: 10px;
	height: 275px;
	-moz-column-width: 200px;
	-moz-columm-gap: 30px;
	-webkit-column-width: 200px;
	-webkit-column-gap: 30px;
	column-width: 200px;
	column-gap: 30px;
}
article.page .entry-content.scroll-pad {
	padding: 12px;
	height: 251px;
	overflow:hidden;
	width: 976px;
	-moz-column-width: 200px;
}
article.page .entry-content p {
	/*margin: 0 30px 13px 0;*/
}

article.page .scroll-wrapper {
	/*
	padding: 12px;
	height: 251px;
	overflow:hidden;
	width: 976px;
	*/
}

article.page ul.nav {
	list-style:none;
	float:right;
	height:15px;
	margin: 0px 6px 0 0;
	font-size: 10px;
	color: #696969;
}
article.page .nav li a {
	display:block;
	width: 100%;
	height: 100%;
}
article.page .nav li {
	float: left;
}
article.page .nav li.pageind {
	line-height: 15px;
}
article.page .nav li.prevbtn {
	background-position: 0 -33px;
	width: 15px;
	height: 15px;
	margin-left: 6px;
}
article.page .nav li.nextbtn {
	background-position: -16px -33px;
	width: 15px;
	height: 15px;
	margin-left: 1px;
}


.entry-content .page {
	float: left;
	height: 270px;
	margin-top: -28px;
}
.entry-content .page .col {
	float: left;
	width: 215px;
	margin-right: 25px;
}
.entry-content .page .col:first-of-type, .entry-content .page .col.topmargin {
	margin-top: 28px;
}
.entry-content .page h3 {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 5px;
}

.entry-content.gallery {
	width: 1000px!important;
	height: 280px;
}
.entry-content.gallery .page {
	margin-top: 9px;
}

.entry-content.gallery .column {
	float: left;
	height: 290px;
	margin: 0 0 0 12px;
	line-height: 1px;
}

.entry-content.gallery .image {
	float: left;
	clear: both;
	margin-bottom: 12px;
}








/**
 * 	Image gallery
 */
/*
.gallery {
	height: 255px;
	text-align: center;
	overflow: hidden;
}

.gallery li {
	float:left;
}

.gallery a {
	display:block;
	line-height:0;
	margin-bottom: 12px;
}
.gallery img {
	
}
*/






section#feed {
	float: left;
	width: 770px;
}
section#feed ul.filter {
	float: left;
	background-position: -87px -141px;
	padding-left: 58px;
	margin: 40px 0 35px 0;
}
section#feed ul.filter li {
	float: left;
	height: 15px;
}
section#feed ul.filter li.filter-news {
	
}
section#feed ul.filter li.filter-letters {
	float: left;
	margin-left: 2px;
}


section#feed ol {
	margin-top: 22px;
}

article.post {
	float: left;
	margin-bottom: 22px;
	width: 770px;
	
	cursor: pointer;
}
article.post.canreadmore {
	cursor: pointer;
}
article.post .leftbar {
	float: left;
	width: 45px;
	height: 170px;
	margin-left: -45px;
	overflow:hidden;
}

article.post .fb-like-count {
	float:left;
	background-color: #fff;
	text-align: center;
	margin: 0 2px 0 20px;
	width: 23px;
}

article.post .readmore {
	float: left;
	background-position: -63px -33px;
	height: 123px;
	width: 23px;
	margin-left: 45px;
}
article.post .twittericon {
	float: left;
	background-position: -87px -33px;
	height: 43px;
	width: 43px;
	margin-bottom: 2px;
	/*margin-left: 45px;*/
}

article.post figure {
	float: left;
	background: transparent url("gfx/white-52pst.png") repeat 0 0;
	font-size: 0;
	padding: 10px;
	margin-right: 6px;
}
article.post header {
	float: left;
}
article.post header h2 {
	float: left;
}
article.post header h2 a {
	float: left;
	clear: both;
	font-size: 20px;
	text-transform: uppercase;
	color: #589b71;
	background-color: #fff;
	margin: 0 0 5px 0;
	padding: 0 5px 0 5px;
}
article.post .published {
	display: none;
}
article.post .entry-content {
	float: left;
	clear: left;
	width: 100%;
	background: transparent url("gfx/white-quoted-bg.png") no-repeat top right;
}
article.post .entry-content p {
	padding: 15px 10px 0 15px;
	font-size: 17px;
	line-height: 25px;
	color: #3e4b43;
}
article.post .entry-content p.fb-comments {
	text-align: right;
	margin: 0;
	padding: 0 5px 0 0;
	font-size: 12px;
}
article.post .entry-content .quotesymbol {
	float:right;
	width:60px;
	height:55px;
	background:transparent
}

.entry-facebook {
	float: left;
}
.entry-facebook .facebook-like {
	float: left;
	clear: both;
}
.entry-facebook .facebook-comments {
	float: left;
	clear: both;
	margin-top: 15px;
}



aside {
	float: left;
	
	/*
	position: fixed;
	left: 50%;
	top:132px;
	margin-left: 273px;
	*/
	margin-top: 26px;
	margin-left: 9px;
	width: 221px;
	/*
	margin: 26px 0 0 0;
	position: relative;
	*/
}

aside.fixed {
	position: absolute;
	top: 0;
	left:50%;
	margin-left: 273px;
	/*
	position: fixed;
	top:0;
	left:50%;
	margin-left: 273px;
	*/
}
aside.fixed.ontop {
	z-index: 800;
}

/**
 * 	FOOTER
 */
footer#bottom {
	border-top: 2px solid #fff;
	clear: both;
	color: #fff;
	padding-bottom: 15px;
	/*background: transparent url("gfx/brown-40pst.png") repeat 0 0;*/
}
footer#bottom section {
	float: left;
	margin: 6px 0 0 20px;
}

footer#bottom h1 {
	text-transform: uppercase;
	
}

footer#bottom address span, footer#bottom p {
	float:left;
	clear:both;
	margin-left: 13px;
	font-size: 13px;
	line-height: 14px;
}
footer#bottom address span.name {
	font-size: 16px;
	line-height: 16px;
}

footer#bottom section.branding {
	float:right;
}
footer#bottom section.branding .html5logo {
	text-indent: -500px;
}




aside article {
	width: 229px;
	margin-top: -6px;
	margin-bottom: 25px;
}
aside article header {
} 
aside article header h2 {
	float: left;
	margin: 13px 0 0 68px;
}
aside article .box {
	margin-top: -5px;
	background: transparent url("gfx/aside-box-bg.png") no-repeat left top;
	padding: 6px 6px 0;
}

aside article .box.bottom {
	background-position: left bottom;
	clear:both;
	height: 7px;
	margin-top: -7px;
}


/**
 * 	Music player
 */
article.musicplayer {
	margin-left: 0;
	background: transparent url("gfx/musicplayer-bg.png") no-repeat 0 0;
	/*width: 227px;*/
	height: 229px;
}

article.musicplayer .box {
	margin: 0;
	padding: 0;
	background: transparent;
	height: 180px;
	padding: 9px;
}
article.musicplayer .box p {
	font-size: 9px;
	font-weight: bold;
	color: #a0a0a0;
}
article.musicplayer .box p span {
	padding-left: 4px;
	color: #49564e;
	text-transform: uppercase;
}


.musicplayer nav.controls {
	font-size: 9px;
	margin: 0 0 0 6px;
	width:215px;
	height: 25px;
}
.musicplayer nav.controls ul {
	float: left;
}
.musicplayer nav.controls ul li {
	float: left;
}
.musicplayer nav.controls ul li a {
	display:block;
	width:100%;
	height:100%;
	padding: 9px 0 9px 0;
}
.musicplayer nav.controls ul li.prev {
	margin-left: 8px;
}
.musicplayer nav.controls ul li.playpause {
	margin-left: 70px;
	width: 30px;
}
.musicplayer nav.controls ul li.next {
	margin-left: 60px;
}

.musicplayer .spectrum {
	margin: 13px 0 0 3px;
	padding-left: 5px;
	width: 195px;
	border-bottom: 1px solid #d4d4d4;
}
.musicplayer .spectrum-analyzer {
	width: 190px;
}

.musicplayer .progressbar {
	margin: 2px 0 0 3px;
}
.musicplayer .progressbar .progress-elapsed {
	
}
.musicplayer .time {
	float: left;
	margin: 1px 0 10px 3px;
	width: 40px;
	font-size: 9px;
	font-weight: bold;
	color: #b7b7b7;
}
.musicplayer .time .elapsed {
	color: #589B71;
}
.musicplayer .playlist {
	float: left;
	margin: 0 0 0 128px;
	height: 23px;
}
.musicplayer .playlist a {
	display:block;
	width:100%;
	padding: 7px 0 7px 0;
}

/**
 * 	Discography
 */
ul.discography {
	float: left;
	clear:both;
	width: 215px;
	padding-top: 12px;
}
ul.discography li {
	float: left;
	clear:both;
	height: 23px;
	margin: -5px 0 0 2px;
}
ul.discography li a {
	float: left;
	display:block;
	text-align: right;
	font-size: 12px;
	padding: 3px 15px 0 0;
	height: 20px;
	color: #79AF8D;	
	width: 196px;
}
ul.discography li:hover a, ul.discography li.active a {
	background: transparent url("gfx/green-80pst.png") repeat 0 0;
	color: #fff;
}

ul.discography li .viewbtn {
	float: right;
	margin: -13px -37px 0 0;
}


/**
 * 	Twitter
 */
.twitter-follow {
	margin: 13px 0 5px 93px;
}
ul.twitter-feed {
	list-style: none;
}
ul.twitter-feed li {
	padding: 5px 10px 5px 10px;
	font-size: 12px;
}




#overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent url("gfx/black-15pst.png") repeat 0 0;
}
#frameFullsize {
	position: fixed;
	/*top: 132px;*/
	top: 0;
	left: 0;
	width:100%;
	/*height:400px;*/ /* Set by samsaya.resize() */
	height: 100%;
	overflow-y: scroll;
	overflow-x: hidden;
}

#frameFullsize section {
	position: absolute;
	top: 26px;
	left: 50%;
	width: 1000px;
	margin-left: -499px;
	
}

#frameFullsize .close {
	float: left;
	width: 42px;
	height: 71px;
	margin: -32px 0 0 761px;
	z-index: 900;
}

#frameFullsize .closebtn {
	background-position: -829px -192px;
	width:100%;
	height: 100%;
}

#frameFullsize .framewrap {
	background: #fff;
	margin-right: 231px;
	margin-bottom: 80px;
	padding: 8px;
	-moz-box-shadow: 0px 0px 15px #999;
	box-shadow: 0px 0px 15px #999;
}

#frameFullsize .loader .wrap {
	border: 3px solid #93BAA2;
	margin: 10px;
	padding: 10px;
	text-align: center;
}
#frameFullsize .loader p {
	margin:0;
}
#frameFullsize .loader img {
	margin: 10px;
}

.post-fullsize figure {
	overflow:hidden;
	margin-bottom: -5px;
}
.post-fullsize header {
	border-bottom: 1px solid #589b71;
}
.post-fullsize header h2 {
	margin-top: 5px;
	font-size: 20px;
	margin-bottom: -5px;
	color: #589b71;
}
.post-fullsize header h2 .raquo {
	float: left;
	font-size: 14px;
	margin: 2px 5px 0 17px;
}
.post-fullsize .published {
	font-size: 11px;
}

.post-fullsize .entry-content {
	margin-top: 20px;
	padding: 5px;
	font-size: 12px;
}


#global-loader {
	position: fixed;
	top: 3px;
	left: 3px;
	color: #589B71;
	background-color: #fff;
	text-transform: uppercase;
	padding: 0 10px 0 10px;
	font-size: 20px;
	
}

#my-keepers {
	position: fixed;
	top: 0;
	right: 0;
	width: 148px;
	height: 158px;
	background: transparent url("gfx/heart.png") no-repeat 0 0;
}

aside.right {
	/*
	position: fixed;
	left: 944px;
	*/
}