﻿/* DEFAULTS
----------------------------------------------------------*/

body   
{
    background: #000;
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #fff;
    background-image: url(/Images/background.jpg);
    background-position:top center;
    background-repeat:no-repeat; 
    background-attachment:fixed;
}

a:link, a:visited
{
    color: #c0023d;
}

a:hover
{
    color: #c0023d;
    text-decoration: none;
}

a:active
{
    color: #034af3;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #ccc;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    width: 960px;
    margin: 20px auto 0px auto;
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #000;
    width: 100%;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #fff;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.main
{
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 420px;
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.rightCol
{
    padding: 6px 0px;
    margin: 0px 0px 8px 8px;
    width: 290px;
    float:right;
}

.footer
{
    color: #fff;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}


/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    background-color:#222;
    width:100%;
}

div.hideSkiplink a { display:none; }

div.menu
{
    /*padding: 4px 0px 4px 8px;*/
}

div.menu ul
{
    list-style: none;
    margin: 0px 0px 0px 5px;
    padding: 0px;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #000;
    color: #c0023d;
    border: 1px #333 solid;
    color: #c0023d;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
}

div.menu ul li a:hover
{
    background-color: #333;
    color: #c0023d;
    text-decoration: none;
}

div.menu ul li a:active, div.menu ul li .selected
{
    background-color: #c0023d !important;
    color: #000 !important;
    text-decoration: none;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo, div.contactForm
{
    width: 42%;
}

.formFields, textarea.formFields
{
    background-color: #000000 !important;
    color: #CF003F !important;
    font:inherit;
    border:solid 1px #FFFFFF;
}
.btn
{
    background-color:#000000;
    color:#CF003F;
    font-size:12px;
    border-bottom:solid 2px #888888;
    border-right:solid 2px #888888;
    border-top:solid 2px #FFFFFF;
    border-left:solid 2px #FFFFFF;
    padding:3px;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.title h1
{
  background-color: #000;
  background-image:url(/Images/Logo.jpg);
  background-position:top left;
  background-repeat:no-repeat;
  width:750px;
  height:75px;
}

.title h1 span
{
  display:none;
  }
.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}

.showThumb
{
  float:left;
  border:none;
  max-height: 65px;
  padding: 0px 10px 20px 0px;
}

.smallText {
  font-size:10px;
}

/*
 * Skin for jPlayer Plugin (jQuery JavaScript Library)
 * http://www.happyworm.com/jquery/jplayer
 *
 * Skin Name: Blue Monday
 *
 * Copyright (c) 2010 Happyworm Ltd
 * Dual licensed under the MIT and GPL licenses.
 *  - http://www.opensource.org/licenses/mit-license.php
 *  - http://www.gnu.org/copyleft/gpl.html
 *
 * Author: Silvia Benvenuti
 * Skin Version: 2.0
 * Date: 29th April 2010
 */

div.jp-single-player,
div.jp-playlist-player {

	/* Edit the font-size to counteract inherited font sizing.
	 * Eg. 1.25em = 1 / 0.8em
	 */

	font-size:1em; /* No parent CSS that can effect the size in these demos */

	font-family:Verdana, Arial, sans-serif;
	line-height:1.6;
	color: #666;
}
div.jp-interface {
	position: relative;
	background-color:#000;
	margin: 0px auto;
	height:30px;
	border:1px solid #C0023D;
}
div.jp-single-player div.jp-interface {
	border-bottom:none;
}
div.jp-playlist-player div.jp-interface {
}

div.jp-interface ul.jp-controls {
	list-style-type:none;
	padding:0;
	margin: 0;
}
div.jp-interface ul.jp-controls li {
	position: absolute;
}
div.jp-interface ul.jp-controls a {
	display: block;
	position: absolute;
	overflow:hidden;
	text-indent:-9999px;
}
a.jp-play,
a.jp-pause {
	top:5px;
	width:18px;
	height:18px;
}
div.jp-single-player a.jp-play,
div.jp-single-player a.jp-pause {
	left:22px;
}
div.jp-playlist-player a.jp-play,
div.jp-playlist-player a.jp-pause {
	left:22px;
}
a.jp-play {
	background: url("../Images/Player/play.png") no-repeat;
}
a.jp-play:hover {
	background: url("../Images/Player/play.png") no-repeat;
}
a.jp-pause {
	background: url("../Images/Player/pause.png") no-repeat;
}
a.jp-pause:hover {
	background: url("../Images/Player/pause.png") no-repeat;
}
a.jp-stop {
	top:5px;
	background: url("../Images/Player/stop.png") no-repeat;
	width:18px;
	height:18px;
}
div.jp-single-player a.jp-stop {
	left:42px;
}
div.jp-playlist-player a.jp-stop {
	left:42px;
}
a.jp-stop:hover {
	background: url("../Images/Player/stop.png") no-repeat;
}
a.jp-previous {
	left:2px;
	top:5px;
	background: url("../Images/Player/prev.png") no-repeat;
	width:18px;
	height:18px;
}
a.jp-previous:hover {
	background: url("../Images/Player/prev.png") no-repeat;
}
a.jp-next {
	left:42px;
	top:5px;
	background: url("../Images/Player/next.png") no-repeat;
	width:18px;
	height:18px;
}
a.jp-next:hover {
	background: url("../Images/Player/next.png") no-repeat;
}
div.jp-progress {
	position: absolute;
	overflow:hidden;
	top:5px;
	background-color: #ddd;
	width:142px;
	height:15px;
}
div.jp-single-player div.jp-progress {
	left:65px;
}
div.jp-playlist-player div.jp-progress {
	left:65px;
}
div.jp-load-bar {
	background: url("../Images/jplayer-sprite.jpg") 0 -202px repeat-x;
	width:0px;
	height:15px;
	cursor: pointer;
}
div.jp-play-bar {
	background: url("../Images/jplayer-sprite.jpg") 0 -218px repeat-x ;
	width:0px;
	height:15px;
}
a.jp-volume-min {
	top:5px;
	background: url("../Images/Player/vol-down.png") no-repeat;
	width:18px;
	height:18px;
}
div.jp-single-player a.jp-volume-min {
	left:209px;
}
div.jp-playlist-player a.jp-volume-min {
	left:209px;
}
a.jp-volume-min:hover {
	background: url("../Images/Player/vol-down.png") no-repeat;
}
a.jp-volume-max {
	top:5px;
	background: url("../Images/Player/vol-up.png") no-repeat;
	width:18px;
	height:18px;
}
div.jp-single-player a.jp-volume-max {
	left:259px;
}
div.jp-playlist-player a.jp-volume-max {
	left:259px;
}
a.jp-volume-max:hover {
	background: url("../Images/Player/vol-up.png") no-repeat;
}

div.jp-volume-bar {
	position: absolute;
	overflow:hidden;
	top:10px;
	background: url("../Images/jplayer-sprite.jpg") 0 -250px repeat-x;
	width:30px;
	height:5px;
	cursor: pointer;
}
div.jp-single-player div.jp-volume-bar {
	left:228px;
}
div.jp-playlist-player div.jp-volume-bar {
	left:228px;
}
div.jp-volume-bar-value {
	background: url("../Images/jplayer-sprite.jpg") 0 -256px repeat-x;
	width:0px;
	height:5px;
}
div.jp-play-time,
div.jp-total-time {
	position: absolute;
	top:20px;
	width:142px;
	font-size:.64em;
	font-style:oblique;
}
div.jp-total-time {
	text-align: right;
}
div.jp-single-player div.jp-play-time,
div.jp-single-player div.jp-total-time {
	left:64px;
}
div.jp-playlist-player div.jp-play-time,
div.jp-playlist-player div.jp-total-time {
	left:64px;
}
div.jp-playlist {
	max-height:60px;
	overflow:auto;
	border:1px solid #C0023D;
	background-color:#000;
}
div.jp-playlist ul{
	list-style-type:none;
	margin:0;
	padding:0 20px;
	border-top:none;
	width:210px;
	font-size:.72em;
}
div.jp-single-player div.jp-playlist li {
	padding:2px 0 2px 20px;
	font-weight:bold;
}
div.jp-playlist-player div.jp-playlist li {
	padding: 2px 0 2px 20px;
	border-bottom:1px solid #eee;
}
div.jp-playlist-player div.jp-playlist li.jplayer_playlist_item_last {
	padding:2px 0 2px 20px;
	border-bottom:none;
}
div.jp-playlist-player div.jp-playlist li.jplayer_playlist_current {
	list-style-type:square;
	list-style-position:inside;
	padding-left:3px;
}
div.jp-playlist-player div.jp-playlist a {
	color: #666;
	text-decoration: none;
}
div.jp-playlist-player div.jp-playlist a:hover {
	color:#C0023D;
}
div.jp-playlist-player div.jp-playlist a.jplayer_playlist_current {
	color:#C0023D;
}

.guestbook-item {
  border: 1px solid #c0023d;
  margin: 0px 10px 10px 10px;
  padding:10px;
}

div.social-networks {
  margin: 0px auto;
  text-align:center;
}

a.facebook-icon {
	background: url(../Images/SocialMedia/facebook.png) no-repeat;
	width:60px;
	height:60px;
	margin:5px;
	display:inline-block;
}

a.myspace-icon {
	background: url(../Images/SocialMedia/myspace.png) no-repeat;
	width:60px;
	height:60px;
	margin:5px;
	display:inline-block;
}

a.twitter-icon {
	background: url(../Images/SocialMedia/twitter.png) no-repeat;
	width:60px;
	height:60px;
	margin:5px;
	display:inline-block;
}

a.youtube-icon {
	background: url(../Images/SocialMedia/youtube.png) no-repeat;
	width:60px;
	height:60px;
	margin:5px;
	display:inline-block;
}

a.picasa-icon {
	background: url(../Images/SocialMedia/picasa.png) no-repeat;
	width:60px;
	height:60px;
	margin:5px;
	display:inline-block;
}

.soc-network span {
  display:none;
}

.success-notify {
  border: 2px solid #00FF00;
  background-color: #99FF66;
  color: #090;
  font-weight: bold;
  font-size: 10px;
  margin:3px;
  padding:10px;
  width:100%;
  display:block;
}

.error-notify {
  border: 2px solid #FF0000;
  background-color: #FF4848;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 10px;
  margin:3px;
  padding:10px;
  width:100%;
  display:block;
}
.search-form {
  margin: 0 auto;
  text-align:center;
}

.calendarFull a{
color:#FFFFFF !important; 
}

.calendarHeader, .calendarHeader a, .calendarHeader a:hover, .calendarHeader td {
	background-color:#CF003F;
	color:#FFFFFF !important;
	text-align:center !important;
  font-size:10px;
}

.calendarDay 
{
    color:#FFFFFF !important;
    background-color:#000000;
    height:20px;
    width:20px;
    vertical-align:top;
    font-size:10px;
}

.calendarToday 
{
    color:#FFFFFF !important;
    background-color:#660033;
    font-weight:bold;
    font-size:10px;
    height:20px;
    vertical-align:top;
}

.calendarDaySelected 
{
    color:#FFFFFF !important;
    background-color:#000000;
    font-weight:bold;
    height:20px;
    vertical-align:top;
    font-size:10px;
}

.calendarOtherMonth 
{
    color:#FFFFFF !important;
    background-color:#333333;
    height:20px;
    vertical-align:top;
    font-size:10px;
}

.calendarWeekend 
{
    color:#FFFFFF !important;
    background-color:#000000;
    height:20px;
    vertical-align:top;
    font-size:10px;
}

.maloVideo {
  list-style-type:none;
  margin: 0px 0px 0px 5px;
  padding: 0px;
  width: auto;
}

.maloVideo li {
  width:125px;
  display:inline;
  float:left;
}


.maloVideo a {
  text-decoration:none; 
  font-size: 10px;
}

.player-container {
  margin:10px auto;
  width: 310px;
}