@charset "utf-8";
/* CSS Document */
/************************************************************Formatting SECTION Titles, Heading,*/
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background-color: #000000;
	z-index: 0;
	position:relative;
	left:0px;
	top:0px;
}

#topFlashBox {
	visibility: hidden;
}

.cover_page {
	position:absolute; 
	top:0px; 
	padding:0px;
	left:50%; 
	margin-left:-477px; 
	width:960px; 
	height:1652px;
	vertical-align:top;
	background-color:#000000;
	border:none;
	overflow:hidden;
	z-index:100;
	display:inline; /* COVER PAGE CLASS*/	
}

/********************************************************************Setting FORMATTING*/
a {
	color:#CC0000;
	text-decoration:underline;
}

a:link {
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}

img {
	border-style: none;
}

.redTitle{
	color:#CC0000;
	font-weight:bold;
	font-size:14px;
}

.contentText{
	color:#333333;
	font-family:Calibri;
	font-weight:300;
	font-size:13px;
	text-align:justify;
}

.redContentText{
	color:#990000;
	font-family:Calibri;
	font-weight:300;
	font-size:13px;
	font-weight:
	text-align:justify;
}

.redContentText a{
	text-decoration:none;
	}
	
.redContentText a:hover{
	text-decoration:underline;
	}

.contentTextBold{
	color:#333333;
	font-family:Calibri;
	font-weight:600;
	font-size:13px;
	text-align:justify;
	text-decoration:none;
}

.ie .contentTextBold{
	color:#333333;
	font-family:Calibri;
	font-weight:600;
	font-size:13px;
	text-align:justify;
	text-decoration:none;
	line-height:normal;
	font-weight:200;
}

.contentTextBoldDark{
	color:#333333;
	font-family:Calibri;
	font-weight:600;
	font-size:13px;
	text-align:justify;
	text-decoration:none;
}

.contentTextBoldDark a{
	color:#333333;
	text-decoration:underline;
}

.contentTextBoldDark a:hover{
	color:#333333;
	text-decoration:none;
}

/************************************************************MAIN LAYOUT COMPONENTS SECTION*/

.thrColFixHdr #container { 
	width: 953px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	background-image:url(images/background.jpg);
	background-repeat:repeat-y;
	
} 

.thrColFixHdr #storyContainer { 
	width: 953px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	background-image:url(images/story_background.jpg);
	background-repeat:repeat-y;
} 

.thrColFixHdr #aboutContainer { 
	width: 953px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*background-image:url(images/story_background.jpg);
	background-repeat:repeat-y;*/
} 

.thrColFixHdr #storyBar { 
	margin-left:422px;
	margin-right:40px;
	width:491px;
	margin-top:20px;
	text-align:justify;
	padding-top:10px;
	padding-bottom:10px;
	font-size:14px;
	font-family:Calibri;
} 

.thrColFixHdr #storyBar p{
	margin: 0px 0;
	padding: 0px 0;
}

.thrColFixHdr #aboutBar { 
	margin-left:40px;
	margin-right:40px;
	width:873px;
	margin-top:20px;
	text-align:justify;
	padding-top:10px;
	padding-bottom:10px;
	font-size:14px;
	font-family:Calibri;
} 

.storyPicTxtBox{
	text-align:center;
	padding: 5px 5px 5px 5px;
	float:left;
	border: 1px solid #000;
	margin: 5px 5px 0px 0px;
}

.thrColFixHdr #header { 
	height:129px;
	background-color:#FFFFFF;

} 
.thrColFixHdr #header p {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	vertical-align:top;
}

.thrColFixHdr #menu { 
	width: 953px; 
	height:51px;
	background-image:url(images/image_08.jpg);
	background-repeat:repeat-x;
} 

.thrColFixHdr #menu p {
	margin: 0px 0; 
	padding-left:5px;
	padding-top:14px;
}

.thrColFixHdr #sidebar1 { /*LEFT SIDE BAR*/
	float: left; /* since this element is floated, a width must be given */
	width: 370px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	margin-left:40px;
	margin-top:0px;
	z-index:0;
}

.thrColFixHdr #centerBar { 
	margin-left:422px;
	margin-right:331px;
	width:200px;
	margin-top:20px;
	vertical-align:top;
	z-index:0;
} 

.thrColFixHdr #sidebar2 { /*RIGHT SIDE BAR*/
	float: right;
	width: 277px; 
	margin-right:40px;
	margin-top:/*2*/0px;
	float:right;
	z-index:0;
}

.ie .thrColFixHdr #sidebar2 { /*RIGHT SIDE BAR*/
	float: right;
	width: 277px; 
	margin-right:40px;
	margin-top:-200px;
	vertical-align:top;
}

.greyline{
	margin: 0px 40px 0px 40px;
	height:20px;
}

.smallGreyLine{
	width:95%;
	height:16px;
	text-align:left;
	background-image:url(images/small_cell_header_bkg.jpg);
	background-repeat:repeat-x;
	margin: 0px 0;
	padding: 0px 0;
	padding-left:5%;
}

.smallRedLine{
	width:95%;
	height:16px;
	text-align:left;
	background-image:url(images/small_red_header_bkg.jpg);
	background-repeat:repeat-x;
	margin: 0px 0;
	padding: 0px 0;
	padding-left:5%;
}

.smallGreyLineTxt{
	color:white;
	font-family:Calibri;
	font-size:12px;
}

.smallGreyLineTxtBold{
	color:white;
	font-family:Calibri;
	font-size:12px;
	font-weight:600;
}

.txtBox{
	text-align:justify;
	padding-top:10px;
	padding-bottom:10px;
}

.advertisingTxtBox{
	text-align:justify;
	padding-bottom:10px;
}

.photoTxtBox{
	text-align:justify;
	padding-bottom:10px;
}

.secondaryTitle{
	color:#697174;
	font-size:24px;
	font-weight:bold;
	background-image:url(images/secTitle_bkg.jpg);
	background-repeat:repeat-x;
	padding-bottom:13px;
	padding-left:10px;
	text-align:justify;
}

.feedsContainer{
	text-align:center;
}

.columnContainer{
}

.columnContainer p{
	padding:0px 0;
	margin: 0px 0;
}

.upcomingEventsContainer{

}

.smallAdvertContainer{
}

.cdReviewsContainer{
}
/************************************************************END MAIN LAYOUT COMPONENTS SECTION*/

/************************************************************FOOTER SECTION*/
.thrColFixHdr #footer{
	width: 953px;
}
#footer { 
	height:63px;
	background-image:url(images/image_64.jpg);
	background-repeat:repeat-x;
} 
#footer p {
	margin: 0px 0;
	padding-left:15px;
}

.footerLeft{
	width:110px;
	height:63px;
	margin-left:10px;
	margin-top:-49px;
	background-image:url(images/image_65.jpg);
	background-repeat:no-repeat;
}

.ie .footerLeft{
	width:110px;
	height:63px;
	margin-left:0px;
	margin-top:0px;
	background-image:url(images/image_65.jpg);
	background-repeat:no-repeat;
}

.footerRight{
	width:200px;
	margin-left:755px;
	margin-top:-63px;
}

.footer_buttons{
	margin-left: 150px;
	padding-top:24px;
	width:580px;
}
/************************************************************END FOOTER SECTION*/

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/************************************************************FLASH AND HEADER MODULE SECTION*/
.topFlashBox {
	width:512px;
	float:right;
	height:129px;
	text-align:right;
}

#topFlashBox{
	text-align:center;
	vertical-align:top;
}

.logoBox{
	float:left;
	width:435px;
	height:126px;
	background-image:url(images/image_05.jpg);
	background-repeat:no-repeat;
	margin-top:3px;
	margin-left:6px;
}
.searchBox{
	width:205px;
	margin-left:-5px;
	margin-top:-25px;
	margin-right:5px;
	float:right;
}

.ie .searchBox{
	width:200px;
	margin-left:0px;
	margin-top:-25px;
	margin-right:5px;
	float:right;
}

.searchButton{
	border: 1px #000000 solid;
	width:50px;
	background-image:url('images/button_bkg.jpg');
	background-repeat:repeat-x;
	font: normal 12px/normal Arial, Helvetica, sans-serif;
	color: #ffffff;
	padding-right:0px;
	float:right;
}

.searchButton:hover{
	border: 1px #606060 solid;
}

.searchField{
	border: 1px #000000 solid;
	background-image:url('images/inputField_bkg.jpg');
	background-repeat:repeat-x;
	font: normal 12px/normal Arial, Helvetica, sans-serif;
	color: #000000;
	margin-left:0px;
	float:left;
}

.searchField:hover {
	border: 1px #606060 solid;
}

.searchField:focus {
	border: 1px #333333 solid;
}

.date{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	float:right;
	padding-top:3px;
}
/************************************************************END FLASH AND HEADER MODULE SECTION*/

/************************************************************LEFT COLUMN MODULE SECTION*/
.mainStory {
	background-image:url(images/mainStory_bkg.jpg);
	background-repeat:repeat-x;
	width:370px;
}

.secStoryContainer{
	width:370px;
	height:310px;
}

.secStoryPic{
	width:180px;
	height:130px;
	padding-top:5px;
}

.secStoryLeft{
	width:180px;
	height:305px;
	text-align:center;
	margin-right:5px;
}
.secStoryRight{
	width:180px;
	height:305px;
	margin-left:190px;
	margin-top:-305px;
	text-align:center;
}

.SecStoryTxtBox{
	text-align:justify;
	padding:10px 0px 0px 0px;
}

.secStoryTitle{
	color:#FFFFFF;
	font-family:Calibri;
	font-weight:bold;
	font-size:13px;
	text-align:center;
	margin-top:4px;
}

.upcomingEvents{
	width:370px;
	heigh:110px;
	text-align:left;
	margin-bottom:5px;
}

.upcomingEventsPic{
	width:90px;
	height:90px;
}

.upcomingEventsTxtBox{
	width:275px;
	height:90px;
	margin-left:90px;
	margin-top:-90px;
	padding-left:5px;
}

.cdReviews{
}
.cdReviewsStory{
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	margin-right:5px;
	border-bottom:#999999 dashed thin ;
	line-height:normal;
}
/************************************************************LOGIN MODULE SECTION*/
/**************************************************MID COLUMN MODULE SECTION*/

.loginBox{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	padding-right:20px;
	text-align:right;
}

.loginButton{
	font: normal 10px/normal Arial, Helvetica, sans-serif;
	color:#ffffff;
	background-image:url('images/button_bkg.jpg');
	background-repeat:repeat-x;
	border: 1px #000000 solid;
}
.loginButton:hover{
	border: 1px #666666 solid;
}

.loginField {
	border: 1px #606060 solid;
	background-color:#999999;
	background-image:url('images/inputField_bkg.jpg');
	background-repeat:repeat-x;
	font: normal 12px/normal Arial, Helvetica, sans-serif;
	color:#000000;
	width:100px;
}



.showReviews{
	color:#000000;
	text-align:justify;
}

.showReviews p {
	padding: 0px 0;
	margin:0px 0;
}

.indieNews{
	line-height:100%;
	text-align:justify;
}

.indienews p{
	padding: 0px 0;
	margin:0px 0;
}
/******************************************************************Advertisement SECTION*/
.smallGreyAdvert{
	width:190px;
	background-image:url(images/small_cell_header_bkg.jpg);
	background-repeat:repeat-x;
	margin: 0px 0;
	padding: 0px 0;
	padding-left:5%;
}

.smallAdvertPic{
	margin-top:0px;
	width:200px;
}

/******************************************************************Flash Streams SECTION*/

.flashPlayer{
	padding: 0px 0 10px 0;
	z-index:0;
}

.flashStoryContainer{
	text-align:center;
}

.flashStory{
	height:80px;
	padding-bottom:5px;
	padding-top:5px;
	border-bottom:#999999 dashed thin ;
}

.flashStoryPic{
	width:75px;
	height:75px;
	float:left;
}

.ie .flashStoryPic{
	width:75px;
	height:75px;
	margin-left:-50px;
}

.flashStoryTxt{
	width:200px;
	height:77px;
	text-align:justify;
	float:right;
}

.flashStoryPageCtr{
	color:#333333;
	font-family:Calibri;
	font-weight:300;
	font-size:13px;
	text-align:center;
}

.flashStoryPageCtr a {
	text-decoration:none;
	color:#990000;
}
.flashStoryPageCtr a:hover {
	text-decoration:underline;
}

/******************************************************************* ABOUT PAGE SECTION*/


.aboutPane{
	font-family:Calibri;
	font-size:14px;
	text-align:justify;
	padding-top:20px;
	padding-left:10px;
}

.contributorsPane{
	border:#999999 thin dashed;
	text-align:justify;
	padding-right:10px;
	padding-left:10px;
}

.contributorContainer{
}

/******************************************************************* PHOTOGRAPHY SECTION*/
.photoContainer{
	width:850px;
	margin: 0px 50px 0px 50px;
	text-align:center;
}

.thrColFixHdr #photoContainer { 
	width: 953px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*background-image:url(images/story_background.jpg);
	background-repeat:repeat-y;*/
}