/*************************** MAIN.CSS ***************************
Written by: TheocracyMusic's Web Team
For: TheocracyMusic.com
Date: September 5th 2010
****************************************************************/
@import url("specific/clubofsouls.css");
@import url("specific/news.css");
@import url("specific/tour+gallery.css");

/***************************************************************\
|*                      Table of content                       *|
|***************************************************************|
|*  - Default CSS                                              *|
|*  - General layout                                           *|
|*  - Normal page's layout                                     *|
|*  - Special page's layout                                    *|
\***************************************************************/


/************************* Default CSS *************************/
/*   Default stuff like links behavior, body behavior, etc.    */
/***************************************************************/
a:active{outline: none;}
a:focus{-moz-outline-style: none;}
a img, a:visited img{border:0;}
body{
	margin:0;
	background:url("/images/mainBG.jpg") top center no-repeat black;
}
div, td{
	font-family:Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size:13px;
	color:#CCCCCC;
}
a{
    color: #DAC4A4;
    font-family: Trebuchet MS, Verdana, Helvetica, sans-serif; 
	text-decoration: none;
}
a:hover {color: #DE7A14;}
.noimagelinkborders, .noimagelinkborders:hover, .noimagelinkborders:active, .noimagelinkborders:visited{outline:none; border:0;	padding:0; margin:0;}
.image_borders{border: #999999 1px solid;}


/************************ General layout ***********************/
/*         CSS for the general layout (position/size)          */
/***************************************************************/
img#header, #main, #footer{width:948px;}
div#header{
	width:950px;
	position:relative;
}
img#header{
	display:block; 
	border-right: #939DA7 1px solid;
	border-left: #939DA7 1px solid;
	margin:0;padding:0;
}
div#menuBar{
	position:absolute;top:0;left:0;
	width:100%;
	height:52px;
	background:url("/images/menuBG.png") repeat-x;
	margin: 0px;
}
div#menuBar img{
	border:0;
	position:relative;
	top:2px;
}
#main{
	background:url("/images/secBG.jpg") center 6px no-repeat black;
	border: 1px solid #939DA7;
	border-top:0;
	margin:0;
	padding:0;
	display:table-cell;
	min-height:100%;
	height:100%;
	overflow:hidden;
}
#bannerLayer{position:absolute;bottom:4px;left:0;width:948px;height:250px;z-index:100;}
#footer{
	position:relative;
	padding: 5px 0 0 0;
	font-size: 10px; 
	display:block;
	margin: auto; 
	color: #CCCCCC;
	font-weight:bold;
	text-transform:uppercase;
}
#footer span.pBy{
position:absolute;left:0;top:0;
}
#footer span.c{
position:absolute;right:0;top:0;
}
#footer A:link,#footer A:hover,#footer A:visited{color: #FFFFFF;}


/********************* Normal page's layout ********************/
/*       CSS for the normal pages' layout (position/size)      */
/***************************************************************/
#mainTxtBox{float:left;
	width:895px; 
	display:block;
	min-height:564px; 
	height:auto !important;
	text-align:left;
	margin: 0px;
	padding: 20px 15px 5px 15px;
	text-align: left;
	line-height: 18px;
}


/********************* Special page's layout *******************/
/* CSS for the special pages' layout (position/size)(ex:index) */
/***************************************************************/
#indexTopLine{width:100%;height:6px;background:url('/images/special_top_line.png') center center no-repeat;}
.separator, .separatorNews  {display:block;margin:auto;width:100%; height:6px; margin:10px 0; background: url("/images/dot.png") repeat-x top left;}
.separatorNews {width:400px;margin: 20px 60px;}

#LeftSide {
	float:left;
	width:526px; 
	min-height:564px; 
	height:100%;
	background: url("/images/dot.png") repeat-y top right;
	margin: 0 0 20px 0;
	padding: 26px 26px 5px 26px;
	text-align: left;
	line-height: 18px;
}
#RightSide {
	float:left;
	width:340px;text-align:center;
	min-height:564px; 
	height:auto !important;
	margin: 0px;
	padding: 26px 15px 5px 15px;
	line-height: 18px;
}
