@charset "utf-8";
/* CSS Document */
* {margin:0;padding:0;} 
html,body { min-height:100%; }

body{
    border:0;
    font-family:"Trebuchet MS", Helvetica, Arial;
    font-size:14px;
    margin:0;
    background: #F6F6F6 url(img/ocean_3.png) bottom repeat-x;
    height: 100%;
}

td { text-align:left; }

h1,h2,h3,h4,h5,h6,h7{
	color: #393939;
}

#container #contentContainer #content a{
    color:#006699;
    text-decoration:none;
}

#container #contentContainer #content a:hover{
    color:#0099CC;
    text-decoration:underline;    
}

#container { width:100%; }

#container #header_nav{
    width:100%;
    height:38px;
    background:url(img/ocean_1.png) repeat-x;
}

#container #header_nav #navContainer{
    width:1000px;
    background:url(img/ocean_1.png) repeat-x;
    height:38px;
}

#container #header_nav #navContainer li{
    list-style-type:none;
    height:38px;
    margin-left:0;
}

#container #header_nav #navContainer li._blue:hover{
    background:url(img/ocean_blue.png) repeat-x top;
}

#container #header_nav #navContainer li.selected_blue{
    background:url(img/ocean_blue.png) repeat-x top;
}

#container #header_nav #navContainer li._green:hover{
    background:url(img/ocean_green.png) repeat-x top;
}

#container #header_nav #navContainer li.selected_green{
    background:url(img/ocean_green.png) repeat-x top;
}

#container #header_nav #navContainer li._red:hover{
    background:url(img/ocean_red.png) repeat-x top;
}

#container #header_nav #navContainer li.selected_red{
    background:url(img/ocean_red.png) repeat-x top;
}

#container #header_nav #navContainer li._purple:hover{
    background:url(img/ocean_purple.png) repeat-x top;
}

#container #header_nav #navContainer li.selected_purple{
    background:url(img/ocean_purple.png) repeat-x top;
}

#container #header_nav #navContainer li._orange:hover{
    background:url(img/ocean_orange.png) repeat-x top;
}

#container #header_nav #navContainer li.selected_orange{
    background:url(img/ocean_orange.png) repeat-x top;
}

#container #header_nav #navContainer li._yellow:hover{
    background:url(img/ocean_yellow.png) repeat-x top;
}

#container #header_nav #navContainer li.selected_yellow{
    background:url(img/ocean_yellow.png) repeat-x top;
}

#container #contentContainer{
    background:url(img/ocean_2.png) repeat-x;
    padding-top:20px;
}

#container #contentContainer #content{
    width:1000px;    
}

#container #contentContainer #content input{
    padding:4px;
    font-size:14px;
    font-weight:bold;    
    font-family:"Trebuchet MS", Helvetica, Arial;
}

#container #contentContainer #content textarea{
    padding:4px;
    font-size:14px;
    font-weight:bold;
    font-family:"Trebuchet MS", Helvetica, Arial;
}

#container #contentContainer #content select{
    padding:4px;
    font-size:14px;
    font-weight:bold;
    font-family:"Trebuchet MS", Helvetica, Arial;
}

#footer-container {
}

#footer{
    margin-left:auto;
    margin-right:auto;
    position:relative;
    width:985px;
    font-size:11px;
    margin-top:10px;
    background:#E1E9ED;
    border: 1px solid #b5d8ea;
    padding:7px;
    margin-bottom: 10px;
    font-family:Arial, Helvetica, sans-serif;
    color:#689db7;
}

#footer a{
    color:#689db7;
    text-decoration:none;
}

#footer a:hover{
    color:#006699;
    text-decoration:underline;    
}

.queryTrue{
    color:#009900;
}

.queryFalse{
    color:#990000;
}

fieldset{
    border:1px solid #000000;
    margin:0;
}

legend{
    background:#000000;
    border:1px solid #000000;
    color:#FFFFFF;
    padding:5px;
    padding-left:50px;
    padding-right:50px;
    font-family:"Trebuchet MS", Helvetica, Arial;
}

.error{
    padding:5px;
    color:#990000;
    border:1px solid #990000;
    background:#FF8080;
}

.success{
    padding:5px;
    color:#009900;
    border:1px solid #009900;
    background:#80FF80;
}

#currentTags div{
    border:1px solid #000000;
    padding:3px;
    float:left;
    margin-right:5px;
    -moz-user-select: none; /*for firefox*/
}

#possibleTags div{
    border:1px solid #000000;
    padding:3px;
    float:left;
    margin-right:5px;
    -moz-user-select: none; /*for firefox*/

}

.day{
    text-align:center;
    border-bottom:1px solid #000000;
}

.lastMonth{
    border:1px solid #D2D2D2;
    background:#DEDEDE;
}

.lastMonth div{
    min-width:130px;    
    min-height:130px;
}

.thisMonth{
    border:1px solid #333333;
    background:#EFEFEF;
    text-align:right;
    font-size:12px;
}

.thisMonth div.dayDiv{
    min-width:130px;    
    min-height:130px;
}

.thisMonthToday{
    border:1px solid #990000;
    background:#EFEFEF;
    text-align:right;
    font-weight:bold;
    color:#FF0000;
    font-size:12px;
}

.thisMonthToday div.dayDiv{
    min-width:130px;    
    min-height:130px;
}

.thisMonth h2{
    margin-top:0;
    margin-bottom:2px;
}

.newTime{
    width:100%;
    padding:1px;
    color:#FFFFFF;
    background:#000000;
}

.thisMonthToday h2{
    margin-top:0;
    margin-bottom:2px;    
}

.newSeason{
    color:#0060F0;    
}

.newSeason a{
    color:#0060F0;
}

.forumHeaderCell{
    border-bottom:1px solid #EEEEEE;    
}

.forumUserCell{
    border-right:1px solid #EEEEEE;    
}

img{
    border:0;    
}

.topLeft{
    width:5px;
    height:5px;
    background:url(img/ocean_6.png) no-repeat;
}

.topMiddle{
    height:5px;
    background:url(img/ocean_7.png) repeat-x;
}

.topRight{
    width:5px;
    height:5px;
    background:url(img/ocean_8.png) no-repeat;
}

.middleLeft{
    width:5px;
    background:url(img/ocean_9.png) repeat-y;
}

.middleMiddle{
    background:#FFFFFF;    
}

.middleRight{
    width:5px;
    background:url(img/ocean_10.png) repeat-y;
}

.bottomLeft{
    width:5px;
    height:5px;
    background:url(img/ocean_11.png) no-repeat;
}

.bottomMiddle{
    height:5px;
    background:url(img/ocean_12.png) repeat-x;
}

.bottomRight{
    width:5px;
    height:5px;
    background:url(img/ocean_13.png) no-repeat;
}

.newsTitle{
    margin-top:0;
    margin-bottom:0;
}

.middleMiddle h1{
    margin-top:0;    
}

#homeRight h2,h3{
    color:#5F5F5F;
    margin-top:0;
    margin-bottom:5px;
}

#homeRight input{
    border:0;
    font-size:12px;
    background:url(img/ocean_5.png) right no-repeat;
    width:95%;
}

#twitter_small{
    width:95%;
    background:url(img/small_twitter.png) right no-repeat;
    border-bottom:1px dashed #E1E1E1;
    padding:3px;    
    padding-top:5px;    
    padding-bottom:5px;
    color:#5F5F5F;
}

#fb_small{
    width:95%;
    background:#F9F9F9 url(img/small_fb.png) right no-repeat;
    border-bottom:1px dashed #E1E1E1;
    padding:3px;
    padding-top:5px;    
    padding-bottom:5px;
    font-weight:bold;
    color:#5F5F5F;    
}

#myspace_small{
    width:95%;
    background:url(img/small_myspace.png) right no-repeat;
    padding:3px;    
    padding-top:5px;    
    padding-bottom:5px;    
    color:#5F5F5F;
}

#feed_small{
    width:95%;
    background:url(img/small_feed.png) right no-repeat;
    padding:3px;    
    padding-top:5px;    
    padding-bottom:5px;    
    color:#5F5F5F;
}

.recentShows{
    width:99%;
    border-bottom:1px dashed #E1E1E1;
    padding:3px;    
    padding-top:5px;    
    padding-bottom:5px;
    color:#5F5F5F;
}

.recentShows h1{
	font-weight:normal;
	padding:0;
	margin:0;
	font-size:14px;
}

.topShows h1{
	font-weight:normal;
	padding:0;
	margin:0;
	font-size:14px;
}

.adminOption{
    cursor:pointer;    
}

.quoteHeader{
    font-weight:bold;
    border-bottom:1px solid #AAAAAA;
    background:#DDDDDD;
    margin-bottom:0;
    padding:3px;
}

.quoteBody{
    border:1px solid #AAAAAA;
    border-top:0;
    border-right:0;
    padding-left:15px;
    font-style:italic;
    margin-top:0;
}

/* star rating code - use lists because its more semantic */
/* No javascript required */
/* all the stars are contained in one matrix to solve rollover problems with delay */
/* the background position is just shifted to reveal the correct image. */
/* the images are 16px by 16px and the background position will be shifted in negative 16px increments */
/*  key:  B=Blank : O=Orange : G = Green * /
/*..... The Matrix ....... */
/* colours ....Background position */
/* B B B B B - (0 0)*/
/* G B B B B - (0 -16px)*/
/* G G B B B - (0 -32px)*/
/* G G G B B - (0 -48px)*/
/* G G G G B - (0 -64px)*/
/* G G G G G - (0 -80px)*/
/* O B B B B - (0 -96px)*/
/* O O B B B - (0 -112px)*/
/* O O O B B - (0 -128px)*/
/* O O O O B - (0 -144px)*/
/* O O O O O - (0 -160px)*/


/* the default rating is placed as a background image in the ul */
/* use the background position according to the table above to display the required images*/
.rating{
    width:160px;
    height:16px;
    margin:0 0 20px 0;
    padding:0;
    list-style:none;
    clear:both;
    position:relative;
    background: url(img/star-matrix.gif) no-repeat 0 0;
}
/* add these classes to the ul to effect the change to the correct number of stars */
.nostar {background-position:0 0}
.onestar {background-position:0 -16px}
.twostar {background-position:0 -32px}
.threestar {background-position:0 -48px}
.fourstar {background-position:0 -64px}
.fivestar {background-position:0 -80px}
.sixstar {background-position:0 -96px}
.sevenstar {background-position:0 -112px}
.eightstar {background-position:0 -128px}
.ninestar {background-position:0 -144px}
.tenstar {background-position:0 -160px}
ul.rating li {
    cursor: pointer;
 /*ie5 mac doesn't like it if the list is floated\*/
    float:left;
    /* end hide*/
    text-indent:-999em;
}
ul.rating li a {
    position:absolute;
    left:0;
    top:0;
    width:16px;
    height:16px;
    text-decoration:none;
    z-index: 200;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}
ul.rating li.six a {left:80px;}
ul.rating li.seven a {left:96px;}
ul.rating li.eight a {left:112px;}
ul.rating li.nine a {left:128px;}
ul.rating li.ten a {left:144px;}

ul.rating li a:hover {
    z-index:2;
    width:160px;
    height:16px;
    overflow:hidden;
    left:0;    
    background: url(img/star-matrix.gif) no-repeat 0 0
}
ul.rating li.one a:hover {background-position:0 -176px;}
ul.rating li.two a:hover {background-position:0 -192px;}
ul.rating li.three a:hover {background-position:0 -208px}
ul.rating li.four a:hover {background-position:0 -224px}
ul.rating li.five a:hover {background-position:0 -240px}
ul.rating li.six a:hover {background-position:0 -256px}
ul.rating li.seven a:hover {background-position:0 -272px}
ul.rating li.eight a:hover {background-position:0 -288px}
ul.rating li.nine a:hover {background-position:0 -304px}
ul.rating li.ten a:hover {background-position:0 -320px}

p{
	margin-top:15px;
	margin-bottom:15px;
}

.twitBoxContainer {
    width: 100%;
    height: 66px;
    text-align: left;
    background: inherit;
    margin-bottom: 20px;
}

em{
    font-family:"Trebuchet MS", Helvetica, Arial;
}


.dateContainer {
  width: 55px;
  height: 55px;
  color: #FFFFFF;
  text-align: center;
  font-weight: bold;
  background: #FFFFFF url('img/date_bg.jpg') top left no-repeat;
  margin: 5px;
  margin-top: -10px;
}
.dateContainer .dateTop {
  height: 20px;
  font-size: 13px;
  text-transform:uppercase;
}
.dateContainer .dateBottom {
  height: 34px;
  font-size: 22px;
}
.dateContainer .dateTop p { padding-top: 2px; }
.dateContainer .dateBottom p { margin-top: 4px; }
table.newsPost tr td.cTiDa { padding: 3px 0 0 5px; }
table.newsPost tr td.cTiDa h2 { 
    color: #393939; 
    margin-bottom: 3px; 
}
table.newsPost tr.cCtn td { padding: 0 5px 0 5px; }



/* Braunsons Cal Modifications :D */
table.calendar {width: 100%;}
table.calendar thead {zoom: 1;}
table.calendar thead tr {zoom: 1;}
table.calendar thead th.month {border-bottom: 1px solid #bbb; font-weight: bold; font-size: 120%; zoom: 1;}
table.calendar thead th.month a {border: none; position: relative; top: 5px; margin: 0 10px; zoom: 1;}
table.calendar th, table.calendar td {width: 14.3%; text-align: center;}
table.calendar tbody td, table.calendar tbody th {border: 1px solid #ddd; border-top-color: #fff; border-left-color: #fff;}
table.calendar strong {font-size: 140%;}
table.calendar a {font-size: 12px;}
table.calendar .inactive {color: #aaa;}
table.calendar div.items a {border: 0; margin: 0 1px;}
.first {border-left: 0 !important;}
table.calendar th, table.calendar td {padding: 10px 10px 8px 10px;}
table.calendar th {font-weight: normal;}
table.calendar th.first, table.calendar td.first {padding-left: 20px;}
table.calendar thead th, table.calendar thead td {border-left: 1px solid #f2f2f2; border-right: 1px solid #d5d5d5; background: #ddd url("img/cal/thead.gif") repeat-x; text-shadow: #fff 0 1px 0;}
table.calendar tbody tr.first th, table.calendar tbody tr.first td {border-top: 1px solid #bbb;}
table.calendar tfoot th, table.calendar tfoot td {border-top: 1px solid #ccc; background: #fff url("img/cal/tfoot.gif") repeat-x;}