/* General info: bgcolor, text etc */
body {
	background-color:#cd2027;
	padding:0 0 20px;
	margin:0;
	font-family: Helvetica, Arial, sans-serif;
	}
	
/*frame of the content: bgimage, border color*/
#container  {
	background-image: url(../images/OmegaBackground03.jpg);
	background-position: left top;
	padding: 0 0 20px;
	margin:0;
	position: absolute;
	z-index:1;
	top: 30px;
	left: 5%;
	width: 790px;
	border: solid 8px #fff
	}
#container p.copyright { color: #fff; font-size: xx-small; position: absolute; right: 5px; bottom: 1px; margin-top: 0; margin-right: 2px; margin-bottom: 2px; }
/*Drops the content below menu*/
#content{
	margin-top: 165px 
	}
	
/*Sets image to display in block*/
img{ display: block; }

/*The title bar from left margin*/
#masthead{ 
position:absolute; 
top:80px; width:342px; 
height:86px; margin:0; 
padding:0; 
white-space: nowrap; 
z-index:3; 
visibility: visible; 
}

/*Sets the size and postion of image in the masthead*/
#logo{ 
float:left; 
width:342px; 
height:86px; 
}
/*Sets the position and size of the news/Image block*/
#newscolumn{ position:absolute; left:5%; top:180px; z-index:4; margin:0; padding-left:8px; border-bottom:4px solid #fff; width:200px; border-right: 2px solid #fff; }
#imagecolumn { margin: 0; padding-left: 8px; position: absolute; z-index: 4; top: 180px; left: 5%; width: 250px; border-right: 2px solid #fff; border-bottom: 4px solid #fff; }

/*sets the text block for the news/image and flyer column*/
#news{ overflow:auto; padding:10px; height:400px; background-color:#555860; }
#flyer { color: #fff; background-color: #555860; padding: 10px; height: 260px; overflow: hidden; }
#photo { background-color: #555860; height: 310px; overflow: hidden; }

/*news comments styles*/
#news p{
	color:#fff;
	font-size:11px;
	line-height:13px;
	margin-top:0;
	margin-bottom:2px;
	}
/*news heading style*/
#news h2{
	font-size:small;
	font-weight:bold;
	color:#fff;
	padding:0;
	margin:0;
	}
/*Sets style for the news posted*/
#news h6 { color: #fff; font-size: xx-small; font-weight: normal; margin: 0 0 10px; padding: 0; }
#news a { color: #fff; text-decoration: none; }
#news a:hover { color: #fff; text-decoration: underline; }
/*sets the size and position of the main body column*/
#rightcol{ 
position: relative; 
top: 10px; 
margin-left:250px; 
width:auto; 
}
#rightcol2 { margin-left: 230px; position: relative; top: 10px; width: 500px; }
#rightcol3 { margin-left: 270px; position: relative; top: 10px; width: 500px; }
/*Sets the title h1 & h2 text to size and position*/
h1.callout{ text-transform:capitalize; font-size:x-large; text-align:right; line-height:100%; color:#fff; font-family: verdana; margin:0 2px 20px 0; padding:0; }
h2.callout { color: #fff; font-size: large; font-family: verdana; line-height: 100%; text-align: left; text-transform: capitalize; margin: 0 2px 20px 0; padding: 0; }
h3.callout { color: #fff; font-size: medium; font-family: verdana; line-height: 100%; text-align: left; margin: 0 2px 20px 0; padding: 0; }
/*Gives the red colour to text emphasis*/
h1.callout .emphasis{ 
color:#cd2027; 
text-transform: capitalize; 
}
h2.callout .emphasis { color: #cd2027; text-transform: capitalize; }
/*img styling of the main body*/
#rightcol img{ border:solid 4px #cd2027; width:152px; height:84px; float:left; margin: 5px 10px; }
#rightcol img.paypal { width: 90px; height: 25px; float: none; margin-right: 10px; margin-bottom: 5px; margin-left: 0; border-width: 0; }
#rightcol img.indiestore { margin-right: 10px; margin-bottom: 5px; margin-left: 0; width: 219px; height: 64px; float: none; border-width: 0; }
#rightcol img.right { width: 152px; height: 84px; float: right; margin: 5px 10px; border: solid 4px #cd2027; }
#rightcol2 img.mail {
	width: auto;
	height: 56px;
	float: right;
	border: solid 2px #cd2027;
}
#rightcol2 img.album { width: 260px; height: 252px; float: left; border: solid 2px #cd2027; }
#rightcol img.album { width: 145px; height: 145px; float: left; border: solid 2px #cd2027; }
#rightcol img.stores { width: 191px; height: 58px; float: left; border: solid 2px #cd2027; }
#rightcol img.stores2 { width: 170px; height: 65px; float: left; border: solid 2px #cd2027; }
#rightcol img.stores3 { width: 170px; height: 85px; float: left; border: solid 2px #cd2027; }
#flash { margin-left: 0; width: 250px; height: 182px; float: right; margin-right: 10px; margin-bottom: 10px; border: solid 2px #d40007; }
#player { margin-right: 10px; margin-bottom: 10px; margin-left: 0; width: 475px; height: 350px; border: solid 2px #d40007; }
/*Paragraph style to the main body*/
#rightcol p{
	margin:10px 0 0;
	padding:0 10px;
	font-size:small;
	color:#fff;
}
#rightcol a { color: #fff; font-size: small; text-decoration: underline; }
#rightcol a:hover { color: #d40007; font-size: small; text-decoration: none; }
#rightcol a:visited { color: #d40007; font-size: small; text-decoration: none; }
/*paragraph blocks*/
#rightcol .piece{
	clear:left;
	width:auto;
	margin:0;
	}
/*Menu stylings: ul. li, a & hover*/
#menu { background-image: url(../images/O66_Logo_2.gif); height: 192px; width: 205px; top: 15px; position: 
absolute; right: 20%; z-index: 2; visibility: visible; }
#menu ul{ margin: 60px 0 0; padding: 0; list-style:none; }
#menu li{ margin:0; line-height:10px; text-align: center; }
#menu li a{ color: black; text-decoration:none; font-size:x-small; line-height:120%; }
#menu li.active a{ font-weight:bolder; font-size:small; color:white; }
#menu li a:hover { color: #000; padding-right: 5px; padding-left: 5px; border-right: 1px solid #fff; border-left: 1px solid #fff; }
#menu li.active a:hover{ color: black; border-width: 0; }