/*
 Theme Name: Bearbot Theme
 Theme URI: http://www.bearbotmusic.com
 Description: Custom Theme for Euna Kho AKA Bearbot.
 Author: Christian Fontaine de Botton
 Author URI: http://christiandebotton.com.com/
 */
/**
 * CSS Reset.
 */
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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input {
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 62.5%;
    font-size: 1em;
    vertical-align: baseline;
    background: transparent;
    font-family: Arial, Helvetica, sans-serif;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
}:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

p {
    font-size: .75em;
    line-height: 1.75em;
    font-weight: 100;
}

a {
    color: #338CD3;
    font-weight: bold;
    text-decoration: none;
}

/**
 * Typography.
 */
p > span {
    color: #338CD3;
    font-weight: bold;
}

div.col.fullStyle > p {
    margin-left: 16px;
    float: left;
    display: inline;
}

.desc {
    padding: 10px 10px 10px 10px;
    font-size: 1em;
    font-weight: lighter;
    width: 460px;
    color: #fff;
    background: #2a2a2a;
	-moz-border-radius-bottomleft: 15px;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
}

div.headerCol > h1 {
    float: left;
    margin-top: 43px;
    font-size: 1.5em;
    color: #338cd3;
    font-weight: lighter;
}

div.headerCol > h1 > span {
    font-weight: bold;
}

div.headerCol > p {
    float: left;
    margin-top: 15px;
}

div#mainArticle > h1 {
    left: -12px;
}

div#mainArticle > p {
    width: 300px;
    left: -12px;
}

div#mainArticle > p > span {
	font-weight: bold;
}

div#mainArticle > span {
    float: right;
    font-size: 1em;
    font-weight: bold;
    color: #288cdb;
    margin-top: 0px;
    width: 90px;
    margin-right: 60px;
}

.divider > h1 {
    float: left;
    font-size: 1.5em;
    color: #fff;
    font-weight: lighter;
    margin: 2px 0px 0px 20px;
}

.divider > h1 > span {
    font-weight: bold;
}

div#footer > h1 {
    margin: 14px 0px 0px 44px;
    color: #fff;
    display: inline;
    border-bottom: 2px solid #fff;
    font-size: 2em;
    font-weight: 100;
    float: left;
}

div#footer > h1 > span {
    font-weight: bold;
}

/**
 * Layout.
 */
html, body {
    width: 100%;
    background: url("images/background.jpg") top center repeat-x #e2e2e2;
}

div#container {
    width: 100%;
    background: url("images/header.jpg") top center no-repeat;
}

div#header {
    background: url("images/top_bg.png") bottom center no-repeat;
    width: 1030px;
    height: 140px;
    margin: 0px auto 0px auto;
}

img#title {
    margin: 50px 0px 0px 45px;
}

div#musicPlayer {
    margin-right: 45px;
    width: 289px;
    height: 140px;
    float: right;
    background: url("images/musicPlayer.png") top center no-repeat;
}

#swfMusic {
    float: right;
    margin-top: 30px;
}

div#bgWrapper {
    width: 1030px;
    margin: 0px auto 0px auto;
    background: url("images/back_content_repeat.jpg") repeat-y;
}

div#main {
    background: url("images/content_background.jpg") top center no-repeat;
}

div#sidebar {
    float: left;
    width: 346px;
    margin-bottom: 21px;
}

ul#nav {
    margin-left: 44px;
    list-style: none;
}

ul#nav li {
    float: none;
    width: 230px;
    height: 45px;
}

div#newsletter {
    margin-top: 21px;
    width: 346px;
    height: 64px;
    padding-bottom: 25px;
    background: url("images/newsletterbg.png") top center no-repeat;
}

img#join {
    margin-left: 44px;
}

input {
    font-size: .8em;
}

input#email {
    float: left;
    top: -3px;
    width: 210px;
    margin-left: 44px;
    padding: 6px 0px 0px 10px;
    height: 24px;
    background: url("images/search_field.png") top center no-repeat;
}

input#submit {
    float: left;
    top: -3px;
    width: 65px;
    padding: 0px 0px 0px 0px;
    height: 30px;
    background: url("images/submit_bg.png") top center no-repeat;
    vertical-align: middle;
    border: none;
    text-indent: 0px;
}

div#twitter {
    width: 345px;
    height: 490px;
    padding-bottom: 28px;
	margin-top: 20px;
    font-size: 1em;
    background: url('images/twitter_bg.png') top center no-repeat;
}

div#twitter > div#twitWrapper {
	position: relative;
	display: block;
	float: none;
	clear: both;
    float: left;
    width: 295px;
	height: 370px;
	overflow: hidden;
    margin-top: 0px;
    margin-left: 25px;
}

div#twitter > div#twitWrapper > dl {
	position: relative;
	display: block;
	float: none;
	clear: both;
    float: left;
    width: 295px;
	height: 370px;
}

div#twitter > div#twitWrapper > dl > dd {
	position: relative;
	display: block;
	float: none;
	clear: both;
    color: #fff;
    font-size: .75em;
	margin-top: 10px;
    line-height: 1.25em;
	margin-bottom: 5px;
	background: #2a2a2a;
	background: rgba(42, 42, 42, 0.75);
	padding: 10px 10px 10px 10px;
	-moz-border-radius: 15px;
	-webkit-border-raidus: 15px;
}

div#twitter > div#twitWrapper > dl > dd > a {
    color: #ff2929;
    text-decoration: none;
    font-weight: bold;
}

div#twitter > div#twitWrapper > dl > dt {
    margin-bottom: 15px;
    font-size: .6em;
	padding: 5px 25px 5px 25px;
    color: #086CBB;
	background: #fff;
	background: rgba(255, 255, 255, .75);
	display: inline;
	float: right;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-box-shadow: 0px 0px 10px #aaa;
	-webkit-box-shadow: 0px 0px 10px #aaa;
}

img#twitterBird {
    float: right;
    margin-right: 10px;
}

ul#social {
    height: 55px;
    list-style: none;
    width: 302px;
    margin-left: 44px;
}

ul#social > li {
    width: 55px;
    height: 54px;
    float: left;
}

div#content {
    width: 645px;
    float: right;
}

img#mainImgFlap {
    float: left;
    top: -28px;
    left: -30px;
}

img.mainArticleImg, div.mainArticleImg {
    float: left;
    top: -28px;
    left: -30px;
	width: 205px;
	height: 225px;
	-moz-box-shadow: 0px 0px 25px #333;
	-webkit-box-shadow: 0px 0px 25px #333;
	-moz-border-radius-bottomleft: 25px;
	-moz-border-radius-bottomright: 25px;
	-webkit-border-bottom-left-radius: 25px;
	-webkit-border-bottom-right-radius: 25px;
}

div.internalTop {
	height: 175px !important;
}

img.mediaButtons {
    float: left;
    top: -28px;
    left: -30px;
}

div.divider {
    float: right;
	z-index: 10;
}

div#divFloatSmall {
    width: 225px;
    height: 30px;
    background: url("images/floating_div_small.png") top left no-repeat;
    margin-right: 55px;
    padding-bottom: 20px;
    float: none;
    clear: both;
}

div#divMid {
    float: none;
    clear: both;
    width: 365px;
    height: 30px;
    padding-bottom: 20px;
    background: url("images/div_mid.png") top right no-repeat;
}

div#divFull {
    float: none;
    clear: both;
    width: 645px;
    height: 30px;
    padding-bottom: 20px;
    background: url("images/div_full.png") top right no-repeat;
	float: right;
}

.col {
    float: right;
    margin-bottom: 21px;
}

.headerCol {
    width: 609px;
    margin-right: 36px;
}

ul.event {
    float: right;
    clear: both;
    height: 18px;
    padding-top: 6px;
    padding-left: 10px;
    margin-right: 35px;
    width: 310px;
    list-style: none;
}

ul.event li {
    float: left;
    height: 24px;
    font-size: .75em;
}

.even {
    background: url("images/eventEvenBG.png") top right no-repeat;
}

ul.event > li.title {
    width: 230px;
    font-weight: lighter;
	font-size: .6em;
    letter-spacing: .2em;
}

ul.event > li.title > span {
	font-weight: bold;
}

li.title:hover {
	color: #DB0000;
}

ul.event > li.download {
	font-size: .5em;
}

ul.event li.date {
    width: 75px;
    font-weight: bold;
    color: #288CDB;
    letter-spacing: .05em;
}

ul.event li.city {
    width: 105px;
}

ul.event li.venu {
    font-weight: bold;
}

div#imgWrapper {
    display: block;
    float: none;
    clear: both;
    width: 195px;
    height: 190px;
    margin-left: 15px;
}

#currentPhoto {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    border: 2px solid #2a2a2a;
	-moz-box-shadow: 0px 0px 10px #777;
	-webkit-box-shadow: 0px 0px 10px #777;
}

#currentPhoto:hover {
	-moz-box-shadow: 0px 0px 15px #333;
	-webkit-box-shadow: 0px 0px 15px #333;
}

ul#paginate {
    display: none;
    list-style: none;
    position: absolute;
    right: 15px;
    bottom: 5px;
    z-index: 3;
}

ul#paginate li {
    float: left;
    width: 19px;
    height: 20px;
}

#swfVideo {
    float: left;
    width: 480px;
    height: 270px;
    margin-left: 16px;
}

ul#videoList {
    margin-right: 2px;
    list-style: none;
    width: 86px;
    height: 270px;
    float: right;
}

ul#videoList li {
    width: 86px;
    height: 78px;
    padding-bottom: 19px;
    background: url("images/fold_right.png") bottom right no-repeat;
}

ul#videoList li > div {
    width: 86px;
    height: 78px;
    overflow: hidden;
    border-left: 8px solid #2a2a2a;
    left: -8px;
}

ul#videoList > li > div:hover {
    border-left: 8px solid #2b92e2;
}

ul#videoList > li > div.selected {
    border-left: 8px solid #ab0000;
}

div#donate {
    background: url('images/donate_bg.png') top center no-repeat;
    position: absolute;
    top: 10px;
    right: 0px;
    height: 122px;
    width: 105px;
    padding-bottom: 39px;
}

div#footer {
    background: url('images/footer_bg.png') top center no-repeat;
    width: 1030px;
    height: 73px;
    padding-bottom: 31px;
    float: none;
    clear: both;
}

div#footer > ul {
    margin-left: 20px;
	width: 440px;
	height: 73px;
	overflow: hidden;
    list-style: none;
    float: left;
}

div#footer > ul > li {
    text-align: right;
    display: block;
    width: 100px;
    height: 16px;
    margin: 0px 5px 0px 5px;
    padding: 5px 0px 6px 0px;
    background: #2b92e2;
    color: #fff;
    font-weight: 100;
    float: left;
	font-size: .9em;
	text-align: center;
	-moz-box-shadow: 0px 0px 15px #4f4f4f;
	-webkit-box-shadow: 0px 0px 15px #4f4f4f;
}

div#footer > ul > li.top {
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
}

div#footer > ul > li.bottom {
	margin-top: 19px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
    padding: 6px 0px 5px 0px;
}


div#footer > ul > li:hover {
    background: #ab0000;
}

li#donateFooter {
	margin-left: 115px !important;
    background: #ab0000 !important;
}

li#donateFooter:hover {
    background: #2b92e2 !important;
}

#christiandebotton {
    float: right;
    margin-right: 35px;
}

/**
 * Music Page
 */
div#featuredAlbum {
    width: 640px;
    height: 288px;
    background: url('images/featured_music_bg.png') right bottom no-repeat;
}

div#featuredAlbumCoverBG {
	float: left;
	margin-left: 20px;
	width: 270px;
	height: 234px;
	padding-bottom: 54px;
	background: url('images/featured_album_cover_bg.png') top left no-repeat;
}

div#featuredAlbumCover {
	float: left;
	margin-left: 38px;
	margin-top: 10px;
	width: 205px;
	height: 205px;
	border: 4px solid #000;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-box-shadow: 0px 0px 15px #333;
	-webkit-box-shadow: 0px 0px 15px #333;
}

div#featuredAlbumCover > h1 {
	margin-top: 175px;
	padding-top: 10px;
	padding-right: 5px;
	height: 20px;
	width: 200px;
	color: #fff;
	font-size: .75em;
	font-weight: lighter;
	text-align: right; 
	background: url('images/black_trans.png');
}

div#featuredAlbum > p {
	float: left;
	width: 300px;
	height: 85px;
	margin-left: 25px;
	color: #fff;
	margin-top: 30px;
}

div#featuredAlbum > p > span {
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
}

div#featuredAlbum > ol {
	width: 280px;
	margin-left: 50px;
	margin-top: 20px;
	float: left;
	color: #d9eeff;
	font-size: .7em;
	list-style: decimal-leading-zero;
}

div#featuredAlbum > ol > li {
	position: relative;
	float: left;
	width: 140px;
	line-height: 1.5em;
}

div#featuredAlbum > a > img, div#featuredAlbum > a {
	position: absolute;
	z-index: 10;
	right: 20px;
	bottom: 5px;
	width: 185px;
	height: 36px;
}

img#tracklistNext {
	float: right;
	margin-right: 44px;
	margin-top: 3px;
}

img#tracklistPrev {
	float: right;
	margin-right: 15px;
	margin-top: 3px;
}

#albumScroll {
	float: left;
	margin-left: 8px;
	width: 205px;
	height: 205px;
	border: 4px solid #000;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-box-shadow: 0px 0px 15px #aaa;
	-webkit-box-shadow: 0px 0px 15px #aaa;
}

#albumScroll:hover {
	-moz-box-shadow: 0px 0px 15px #222;
	-webkit-box-shadow: 0px 0px 15px #222;
}

div#albumScroll > h1 {
	margin-top: 175px;
	padding-top: 10px;
	padding-right: 5px;
	height: 20px;
	width: 200px;
	color: #fff;
	font-size: .75em;
	font-weight: lighter;
	text-align: right; 
	background: url('images/black_trans.png');
}

div#mediaStage {
    width: 590px;
    height: 428px;
	padding: 0px 35px 19px 15px;
    background: url('images/media_stage_bg.png') right bottom no-repeat;
}

div#mediaStreamer {
	float: right;
    width: 595px;
    height: 135px;
	padding: 0px 35px 19px 15px;
    background: url('images/media_streamer_bg.png') right bottom no-repeat;
}

div#mediaStreamer > ul {
	margin-top: 9px;
	margin-left: 15px;
	width: 595px;
	height: 135px;
}

div#mediaStreamer > ul > li {
	width: 115px;
	height: 115px;
	float: left;
	margin-right: 2px;
	overflow: hidden;
}

div#mediaStreamer > ul > li > img {
	border: 2px solid #000;
}

div#mediaStage > div {
	margin-top: 15px;
	margin-left: 10px;
	border: 4px solid #000;
	-moz-box-shadow: 0px 0px 25px #333;
	-webkit-box-shadow: 0px 0px 25px #333;
}

div#mediaStage > div > h1 {
	padding-top: 10px;
	padding-right: 5px;
	height: 20px;
	color: #fff;
	font-size: .75em;
	font-weight: lighter;
	text-align: right; 
	background: url('images/black_trans.png');
}

div#mediaStage > h1 {
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
}

#flashVideo {
	margin-left: 30px;

}

div#mediaStage > h1 {
	padding: 10px 10px 10px 10px;
	color: #FFF;
	width: 530px !important;
	margin-left: 30px;
	text-align: center;
	font-size: 1.5em;
	font-weight: lighter;
	margin-top: 10px;
	background: url('images/black_trans.png');
}

div#mediaStage > h1 > span {
	font-weight: bold;
	color: #288CDB;
}

div#mediaStage > p {
	padding: 10px 10px 10px 10px;
	color: #333;
	width: 530px;
	margin-left: 30px;
	text-align: center;
	font-size: .8em;
	font-weight: lighter;
	background: #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: rgba(255, 255, 255, 0.75);
	border: 2px solid #000;
}

div#mediaStage > p > span {
	font-weight: bold;
	color: #288CDB;
}

div#newspost {
	width: 595px;
	margin-right: 0px;
}

div#newspost > img {
	float: left;
	width: 150px;
	height: 150px;
	border: 4px solid #000;
	margin-left: 10px;
}

div#newspost > p {
	float: left;
	margin-left: 10px;
	width: 375px;
}

div#newspost > p.date {
	font-weight: bold;
	text-align: right;
}

.floatRight {
	float: right !important;
}

ul.eventLarge {
    clear: both;
    padding-top: 6px;
    padding-left: 20px;
    margin-right: 35px;
    width: 610px;
    list-style: none;
	height: 275px;
	overflow: hidden;
}

ul.eventLarge > li {
    float: left;
    height: 48px;
    font-size: 1.25em;
}

.evenLarge {
    background: url("images/eventLarge.png") top right no-repeat;
}

ul.eventLarge > li.details {
    width: 300px;
	padding-left: 20px;
    font-weight: lighter;
	font-size: 1em;
}

ul.eventLarge > li.map {
	font-size: .5em;
}

ul.eventLarge > li.date {
    width: 135px;
    font-weight: bold;
    color: #288CDB;
    letter-spacing: .05em;
}

ul.eventLarge > li.city {
    width: 190px;
}

ul.eventLarge > li.venu {
	width: 280px;
    font-weight: bold;
}

div#contact_bearbot {
	float: left;
	width: 350px;
}

div#contact_bearbot > h1 {
	text-align: center;
	font-size: 1.35em;
	margin-bottom: 15px;
	color: #666;
	margin-bottom: 15px;
	margin-top: 10px;
}

div#contact_bearbot input {
	background: #fafafa;
	height: 26px;
	width: 300px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: 0px 0px 10px #aaa;
	padding: 5px 5px 5px 5px;
	color: #666;
	font-size: 1.5em;
	border: 2px solid #666;
}

div#contact_bearbot textarea {
	background: #fafafa;
	width: 560px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: 0px 0px 10px #aaa;
	padding: 5px 5px 5px 5px;
	color: #666;
	font-size: 1.5em;
	border: 2px solid #666;
}

div#contact_bearbot input#subject {
	width: 560px;
}

div#contact_bearbot input#send {
	height: 36px;
	width: 580px;
	background: #2a2a2a;
	color: #fafafa;
	margin-top: 15px;
}

div#management {
	padding: 10px 10px 10px 10px;
	float: left;
	width: 225px;
	height: 125px;
	background: #FAFAFA;
	color: #666666;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-box-shadow: 0px 0px 10px #aaa;
	-webkit-box-shadow: 0px 0px 10px #aaa;
	border: 2px solid #666666;
}

div#management > h1 {
	text-align: center;
	font-size: 1.35em;
	margin-bottom: 15px;
}

div#management > ul > li {
	margin-bottom: 5px;
}

div.management-arrow {
	border-color: transparent #FAFAFA transparent transparent;
	border-width: 10px;
	border-style: solid;
	position: absolute;
	bottom: 90px;
	left: -29px;
	width: 0;
	height: 0;
}

div.management-arrow-border {
	border-color: transparent #666666 transparent transparent;
	border-width: 10px;
	border-style: solid;
	position: absolute;
	bottom: 90px;
	left: -32px;
	width: 0;
	height: 0;
}

div#mediaHover {
	padding: 10px 10px 10px 10px;
	float: left;
	height: 125px;
	background: #FAFAFA;
	color: #666666;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-box-shadow: 0px 0px 10px #aaa;
	-webkit-box-shadow: 0px 0px 10px #aaa;
	border: 2px solid #666666;
}

div#mediaHover > h1 {
	text-align: center;
	font-size: 1.35em;
	margin-bottom: 15px;
}

div.mediaHover-arrow {
	border-color: transparent transparent #FAFAFA transparent;
	border-width: 10px;
	border-style: solid;
	position: absolute;
	width: 0;
	height: 0;
}

div.mediaHover-arrow-border {
	border-color: transparent transparent #666666 transparent;
	border-width: 10px;
	border-style: solid;
	position: absolute;
	width: 0;
	height: 0;
}

div#footer > ul > li > a, div#footer > h1 > a {
	color: #fff;
	font-weight: lighter;
}

div#footer > h1 > a > span {
	font-weight: bold;
}