/*
 * Bambuser V3 CSS. Left here so we do not break anything on
 * the front page for logged in users.
 */

#front-container {
	width: 980px;
}

body.front p {
	font-family: 'Nudista Standard', Tahoma, Helvetica, sans-serif;
	font-size: 14px;
	color: #888;
}

#front-main {
	width: 660px;
	float: left;
	margin: 0px;
	padding: 0px;
}

#front-prime-wrapper { /* Prime spot wrapper => player or splash */
	width: 660px;
	border: 1px solid #dbdbdb;
	padding: 0px;
	margin: 0px;
	margin-bottom: 20px;
}


#front-player-header {
	position: relative;
	margin: 15px 20px 5px 20px;
}

#front-player {
	position: relative;
	margin: 5px 20px 15px 20px;
	
}

#front-metadata {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 140px;
}

#front-metadata h2 {
	display: inline;
}

#front-metadata .country,
#front-metadata .positioning-method,
#front-metadata .stats,
#front-metadata .stats a {
	color: #808080;	
}

#front-metadata .data {
	font-weight: bold;
}

#front-metadata .stats {
	margin-top: 15px;
}

#map-canvas {
	width: 140px;
	height: 140px;
	overflow: hidden;
}

#front-metadata .positioning-method {
	margin: 5px 0px 20px 0px;
}

.flag-link {
	position: absolute;
	width: 80px;
	bottom: 0px;
	right: 60px;
	margin: 5px 0 5px 355px;
	font-size: 8pt;
}
.flag-link a {
	color: #808080;
}

.bambuser-front-video-group {
	width: 100%;
	padding: 20px 10px 10px 10px;
}

#front-main h1 {
	background: url("/themes/b4/images/b4/border-dotted.gif") bottom repeat-x;
	padding-bottom: 10px;
	line-height: 1em;
	width: 600px;
}
#front-main .bambuser-front-video-group h1 .broadcasts-link a {
	font-size: 16px;
	float: right;
	color: #00AEEF;
	position: relative;
	bottom: -8px;
	right: 2px;
	font-family: 'Kulturista Standard', Georgia, serif;
}
#front-main .bambuser-front-video-group h1 .broadcasts-link a:hover {
	text-decoration: underline;
}

#front-featured {
	width: 620px;
	padding: 20px;
}


/* front-menu items */

#front-menu {
	float: right;
	width: 300px;
}

.menubox {
	width: 100%;
	position: relative;
	margin: 50px 0 0 0;
}
.menubox:first-child {
	margin-top: 54px;
}

.menubox h2 {
	font-family: 'Kulturista SemiBold', Georgia, serif;
	font-weight: normal;
	font-size: 20px;
	color: #197b30;
	background: url("/themes/b4/images/b4/border-dotted.gif") top repeat-x;
	padding-top: 6px;
}

.menubox h2.above-divider {
	padding-top: 0;
	padding-bottom: 12px;
	background: url("/themes/b4/images/b4/border-dotted.gif") 0 26px repeat-x;
}

.fb-friends-list h2 {
	color: #222;
	font-family: "Kulturista Standard";
	font-size: 1.4em;
	padding-top: 14px;
}

.fb-username {
	display:inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 125px;
}

#premium-promotion > p {
	line-height: 1.35em;
}

.violetline {
	margin: 0;
	padding: 0;
	width: 300px;
	border: 0px;
	margin: 0;
	border-bottom: 4px solid #540f99;
}

#front-menu div.info-links {
	margin: 2em 0em 1em 0em;
}

#front-signup-hook {
	width: 191px;
	color: #999999;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding: 0px;
}

.introbox-signup div.info-links {
	width: 199px;
	margin-top: 4em;
	margin-left: auto;
	margin-right: auto;
}

a.info-link {
	color: #999999;
	font-weight: bold;
	margin: 1em;
}

.introbox-signup a.info-link {
	display: block;
	margin-left: 4px;
}


.introbox .button-xxlarge {
	margin-bottom: 10px;
}
.event {
	font-weight: bold;
	position: relative;
	min-height: 40px;
	_height: 40px; /* ie-fix */
	border-top: 1px solid #dbdbdb;
	padding: 5px 4px;
	overflow: auto;
}
.event:first-child {
	border-top: none;
}
.event-more {
	border-top: 1px solid #dbdbdb;
	padding: 20px;
}
.event .date {
	margin-right: 10px;
	text-align: center;
	display: inline-block;
	float: left;
}
.event .date .month {
	font-weight: bold;
	text-transform: uppercase;
	color: #cc0000;
}
.event .date .day {
	font-weight: bold;
	font-size: 11pt;
}
.event .title {
	width: 245px;
	float: left;
	padding-top: 7px;
}
.event-more a,
.event a {
	font-size: 14px;
	font-family: 'Nudista Standard', Tahoma, Helvetica, sans-serif;
	font-weight: normal;
	position: relative;
	bottom: 7px;
}
.event-more a:hover,
.event a:hover {
	text-decoration: underline;
}


#front-player-header .like {
	top: auto;
	bottom: 0px; /* Move button downwards a little bit */
	right: 160px;
}

.filler {
	background: url("/themes/b4/images/b4/border-dotted.gif") bottom repeat-x;
	height: 54px;
}


/*
 * Bambuser V4 CSS. New stuff here.
 */


#bbfooter {
    display: block;
    width: 980px;
    margin: auto;
    background: url("/themes/b4/images/b4/border-dotted.gif") top repeat-x;
}

#bbfooter .bbfooter-content-box {
    margin: 10px 0 0 30px;
    width: 284px;
    float: left;
}

#bbfooter h1.bbfooter-header {
    font-family: 'Kulturista Standard', Georgia, serif;
    font-weight: normal;
    font-size: 166.7%;
    color: #247e35;
    margin: 0;
}

#bbfooter p.bbfooter-paragraph {
    margin: 0.3em 0 0.5em 0;
    font-family: 'Kulturista Standard', Georgia, serif;
    font-size: 116%;
    color: #888;
    line-height: 1.4em;
}

#bbfooter a {
    color: #008aff;
    text-decoration: underline;
}
#bbfooter a:visited {
    color: #008aff;
}
#bbfooter a:hover {
    color: #222;
}

.bambuser-social {
	float: left;
	width: 130px;
	font-size: 1em;
	line-height: 1.4em;
	margin-top: 6px;
	overflow: hidden;
}

/* Modal Dialog for Bambuser Campaign */
body.front .ui-dialog-overlay {
	background: transparent; /* fallback for _ancient_ browsers */
	background: rgba(233, 233, 233, 0.7); /* safari, opera, ffox, chrome */
	_background:transparent; /* IE-only */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#70e9e9e9,endColorstr=#70e9e9e9); /* IE 5.5 - 7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#70e9e9e9,endColorstr=#70efefef)";  /* IE 8 */
}

body.front .ui-dialog,
body.front .ui-dialog-titlebar {
	background: transparent;
}
body.front .ui-dialog {
	background: url("./popup-bg-backdrop.jpg");
}
body.front .ui-dialog .ui-dialog-titlebar {
	margin-top: 5px;
	border: 0;
	height: 50px;
}
body.front .ui-dialog .ui-dialog-title {
	font-family: 'Kulturista Standard', Georgia, serif;
	font-weight: normal;
	font-size: 2.1em;
	text-shadow: 0px 1px 1px #000;
	-moz-text-shadow: 0px 1px 1px #000;
	-webkit-text-shadow: 0px 1px 1px #000;
	padding: 0 20px;
}
body.front .ui-dialog hr.divider {
	background-color: #000;
	height: 1px;
	border: 0;
	margin: 1px 20px 10px 20px;
	border-bottom: 1px solid #434343;
}
body.front .ui-dialog h3 {
	font-family: 'Kulturista Semibold', Georgia, serif;
	font-weight: normal;
	font-size: 1.8em;
	line-height: 1.2em;
	padding-right: 40px;
	color: #00aeef;
	margin-top: 35px;
	text-shadow: 0px 1px 1px #000;
	-moz-text-shadow: 0px 1px 1px #000;
	-webkit-text-shadow: 0px 1px 1px #000;
}
body.front .ui-dialog #right-copy h3 > a {
	margin: 0;
	color: #00aeef;
	text-decoration: none;
}
body.front .ui-dialog #right-copy h3 > a:hover {
	text-decoration: underline;
}
body.front .ui-dialog p {
	font-family: 'Nudista Semibold', Arial, sans-serif;
	font-weight: normal;
	font-size: 1.05em;
	line-height: 1.45em;
	color: #eee;
	text-shadow: 0px 1px 1px #000;
	-moz-text-shadow: 0px 1px 1px #000;
	-webkit-text-shadow: 0px 1px 1px #000;

}
body.front .ui-dialog-titlebar-close {
	display: block;
	background: url("/themes/b4/images/b4/interface/button-close.png");
	width: 68px;
	height: 23px;
	text-indent: -9999px;
	overflow: hidden;
	margin-right: 15px;
	margin-top: 10px;
}
body.front .ui-dialog-titlebar-close > span {
	display: none;
}
body.front .ui-dialog #right-copy {
	width: 385px;
	float: left;
}
body.front .ui-dialog #right-copy p,
body.front .ui-dialog #right-copy h3,
body.front .ui-dialog #right-copy a {
	margin-left: 25px;
	margin-right: 25px;
}
body.front .ui-dialog #right-copy h3 {
	margin-top: 20px;
}
body.front .ui-dialog #left-broadcast {
	float: left;
	margin-left: 20px;
}
body.front .ui-dialog .player {
	border: 1px solid #111;
}