/* CSS Document */

/*----------------------------------------------------------------------------

GLOBAL STYLE SHEET for layout

version: 		1.0
last update:	11  January  2008
filename:		folioLAYOUT.css
author:			Doug Porter
email:			doug@douglasporter.ca
website:		www.douglasporter.ca

----------------------------------------------------------------------------*/

body {
position : relative; margin : 0 auto; padding:0; text-align : center; }

#PAGE {
width: 800px; height:1800px; padding:0; margin: 0 auto; position:relative; }

#navBARcontainer {
padding: 0px; margin: 0 auto;
position: absolute; left: 0px; top: 11px; z-index: 3; width: 800px; }
	
#designBG {
position:absolute; left:0; top:0; width:800px; height:600px; z-index:1; }

.recentImage {
	z-index: 5;
	width: 320px; height: 280px;
	position: absolute; left: 50px; top: 120px;
	margin: 0px; 	padding: 0; }
	
#recentMENU {
z-index: 1;
position: absolute; left: 0px; top: 0px;
height: 600px; width: 800px; padding: 0px; margin: 0px;
background-image: url(../images/recent/RECENTjune09.jpg); }

.recentIMAGE {
background-color: #ff8f40;
width:360px; }

.recentTITLE {
float: right;
font-size: 2em;
font-family: Helvetica, Verdana, Arial, sans-serif;
width:340px; }

.separator { clear:both; height:0; }

#content {
width:480px; display:inline;
float: right; margin-top: 4em; margin-right: 40px  }

#menuCONTAINER {
right: 346px; top: 170px; position: absolute; height: 200px; width: 363px; }
	


/*  INDEX and mainMENU
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#menuLIST {
width: 320px; position: absolute; left: 410px; top: 110px; z-index: 12;
padding: 0; margin:0; list-style-type:none;
text-align: left; text-decoration: none; }


#indexBG {
position:absolute; left:0px; top:0px;
width:795px; height:514px; z-index:1; }
	
#ENTER_SITE {
	position:absolute; left: 416px; top: 451px;
	width: 240px; height: 60px; z-index: 3;
	border-style: none; border-width: 0; border: none;
	background-image: url(../images/index/index_ENTER.gif);display: block;}

#ENTER_SITE a:link, #ENTER_SITE a:visited {
	display: block; width: 240px; height: 60px;
	background-image: url(../images/index/index_ENTER.gif); }

#ENTER_SITE a:hover {
	display:block;
	background: url(../images/index/index_ENTER.gif) no-repeat 0px -60px; }
	
#APHORISM {
position:absolute; top:472px; left:42px;z-index:18; width:400px; }
		
#button a:hover {
background: url(../images/main/mainMENU_editBUTTON.jpg) 0px 40px; }
	
#designBUTTON {
position: absolute; height: 70px; width: 240px; left: 504px; top: 241px; }
	
#shadowDISPLAY {
position: absolute; z-index: 6;
	height: 40px; width: 583px; left: 142px; top: 438px;
	background-image: url(../images/mainMENU/mainMENUSshadows/mainMENU_display_BLANK.jpg);
	display: block; margin: 0; padding: 0; }
	
#shadowDISPLAY a .display {
	position: absolute;
	height: 40px; width: 583px; }
	
#shadowDISPLAY.design a .display {
	left: 142px; top: 438px; }

#button {
margin: 0px; padding: 0px;
background-image: url(../images/main/mainMENU_editBUTTON.jpg);
height: 35px; width: 320px; position: absolute; top: 25px; left: 25px;
z-index: 6; list-style-image: none; list-style-type: none; }
	
#button a {
padding:0; margin:0; display:block; }


/*  NAVIGATION
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*  FOOTER
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#footer {
padding: 0; width: 560px; margin:30px 0px 60px 40px; }


/*  editFOOTER
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#editFOOTER {
padding: 0; width: 360px;margin:30px 0 60px 0; z-index:15;text-align: left;}

/*  webFOOTER
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#webFOOTER {
padding: 0; width: 380px; margin:30px 0 0px 0; z-index:15;text-align: left;}

/*  COLUMNS
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#resumeCOLUMN {
margin: 0; padding:0;
width: 620px; height: 733px;
position: absolute; left: 62px; top: 112px;
list-style-type: none; z-index: 3; }

#liturgiNOTES {
width: 360px; position: absolute;
left: 420px; top: 128px; padding: 0; margin: 0; z-index:13; }


/*
=====  menuLIST ===== */
/*
=====  liturgiLIST ===== */

#liturgiLIST {
	width: 360px; position: absolute;
	left: 411px; top: 110px;
	z-index: 12;
	padding: 0; margin:0;
	list-style-type:none;
	text-align: left;
	text-decoration: none; }


/*  EDIT pages	
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
 #NOTES {
position: absolute; left: 427px; top: 120px; width: 360px;
z-index: 15; padding: 0; text-align: left; }

#editNOTES {
position: absolute; left: 427px; top: 120px; width: 360px; z-index: 15;
padding: 0; text-align: left; }

#editINFOunit {
position: absolute; top: 110px; left: 420px; width: 360px;
list-style-type: none; z-index: 13; margin: 0; padding: 0; }

/*  editDATA	
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */	
#editDATA {
	padding:0; margin:0; }
	
	
/*  EXH pages
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#editCREDITS {
	width: 320px; height: 30px;
	position: absolute;
	left: 50px;
	top: 368px;
	z-index: 14; padding: 0;
	text-align: center;
	margin: 0px; }

#EXH {
	padding: 0px; margin: 0px;
	height: 600px; position: relative;
	}
	
#photoCONTAINER {
	background-color: #3eb2fb;
	left: 59px; top: 160px; position: absolute;
	height: 280px; width: 420px; }

/* -----  DESIGN menuICONS  -----*/

#designICONS {
	height:470px; width: 350px; position: absolute;
	left: 35px; top: 108px;
	z-index: 12; margin:0; }
	
#webICONS {
	height:470px; width: 350px; position: absolute;
	left: 20px; top: 110px;
	z-index: 12; margin:0; }
	

	
	
/*  STATEMENT pages
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

div#statementBOX {
	float: right;
	margin-top: 150px;
	margin-right: 30px;
	width: 300px;
	}


/*  CV pages
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
      
#CV {
	padding: 0px; margin: 0px;
	height: 600px; position: relative;
	}


  /*  VIDEO SCREEN
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#videoCOLUMN {
	width: 320px; position: absolute; left: 50px; top: 120px;
	margin: 0px 0px 20px 0px;
	text-align: center;
	padding-bottom: 20px; }
	
#SCREEN_UL {
	z-index: 5;
	width: 320px; height: 280px;
	position: absolute; left: 50px; top: 120px;
	margin: 0px; 	padding: 0;
	text-align: center; }
	
#SCREEN_LL {
	z-index: 6;
	width: 320px; height: 280px;
	position: absolute; 	left: 50px; top: 410px;
	margin: 0px; 	padding: 0;
	text-align: center; }
	
#SCREEN_LR {
	z-index: 7;
	width: 320px; height: 280px;
	position: absolute; 	left: 420px; top: 410px;	
	margin: 0px; 	padding: 0;
	text-align: center; }

#SCREEN_TC {
	width: 320px; height: 280px;
	position: absolute; 
	margin: 0px; 	padding: 0;
	text-align: center; 
	left: 320px; top: 120px; }

#videoCREDITS {
	width: 320px; height: 280px;
	position: absolute; 	left: 50px; top: 360px;
	margin: 0px; 	padding: 0;
	text-align: center; }
	
#liturgiCREDITS {
	width: 320px; height: 280px;
	position: absolute; 	left: 50px; top: 360px;
	margin: 0px; 	padding: 0;
	text-align: center; }

#videoMENU {
width: 400px; position: absolute; left: 411px; top: 110px;
z-index: 12; padding: 0; list-style-type:none; text-align: left; }	

#videoSTILL {
	width: 320px; height: 240px; position: absolute;
	left: 30px; top: 100px;
	margin-right: 0px;
	margin-left: 0px;
	visibility: visible; }
	
	
/*  EDIT video
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#videoSCREEN {
	width: 320px;
	position: absolute;
	left: 50px;
	top: 120px;
	z-index: 12;
	margin-right: 0px;
	margin-left: 0px;
	height: 240px;
	}
	
#videoSTILL {
	width: 320px;
	position: absolute;
	left: 30px;
	top: 100px;
	z-index: 12;
	margin-right: 0px;
	margin-left: 0px;
	height: 240px;
	}
	


/*  NAVIGATION
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
      
div#NAVIGATION {
	float: left;
	margin-left: 20px; margin-top: 80px;
	width: 120px;
	}

/*  boxCONTACT
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	  
#boxCONTACT {
position:absolute;
top:240px;
left:225px;
width: 360px;
}

/*  VIDEOcredits	  
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#videoCREDITS {
	width: 320px; position: absolute; left: 50px; top: 420px;
	z-index: 26;
	padding: 0; margin:0;
	list-style-type:none;
	text-align: center; }	  
	  	
/*  subNAV
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
      
#subNAV {
	position: absolute; top: 548px; left: 84px;
	width: 700px; height: 50px; 
/*
	margin: -60px 0px 40px 100px; 

*/	}
	
#subNAV a {
	text-transform: uppercase;
	font-size: 0.8em; line-height: 1.8em;
	font-weight: normal; list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;  padding-right: 2em; }
	
#subNAV a:link, #subNAV a:visited {
	color:#9A8B6C;
	text-decoration:none; }
	
#subNAV a:hover {
	color:#D8B56C; }

#designMENUunit {
	width: 240px;
	position: absolute; left: 384px; top: 132px;
	z-index: 10; padding: 0; margin: 0; }
	
#designPOSTERinfo {
	position:absolute; top: 140px; left: 560px;
	width: 200px; padding:0; margin:0;
	z-index: 15; list-style-type: none;}
	
#webNOTES {
width: 380px; position: absolute; left: 400px; top: 132px;
z-index: 10; padding: 0; margin: 0; }
	
	 
/*  HORIZONTAL RULE
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.horizontalRULE {
width: 450px; height: 10px;
margin: 20px auto;
border-bottom-color: #998; border-bottom-style: solid;
border-bottom-width: 6px; }


/*  CONTACT
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#CONTACT {
margin: 0; padding:0;
width: 320px; height: 63px;
position: absolute; left: 62px; top: 112px;
list-style-type: none; z-index: 3; }

#liturgiCONTENT {
width: 600px; display:inline; 
position:absolute; left:100px; top:10px;
}
#intro {
display: inline; margin:0; z-index: 10;
width: 560px; text-align:center; }

#reading {
display: inline; margin:0; z-index: 10;
width: 560px; text-align:center; }

#banner {
z-index: 1;float: left; height: 600px; width: 800px; }
        
#centerFOOTER {
display: inline; padding: 0; width: 360px; text-align: center;
margin:30px auto 60px auto; z-index:15;}

/*  NAVIGATION
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#NAVIGATION {
width:800px; height: 12px; float: left; margin: 10px 0 5em 0;}


.recentImage {
width: 500px; float:left; padding:0; margin:0px 0 0 24px;}

.recentImageWide {
width: 720px; float:left; padding:0; margin:0 50px 1.5em 24px; }

.recentMovie {
width: 340px; height:260px; float:left; padding:0; margin:0px 0 0 24px; text-align:left;
background: url(../../images/recent/recentMOVIEshadow.jpg) no-repeat top; }

.recentTEXT {
width: 220px; float:right; padding:0; margin: 0em 40px 0em 0; text-align: left; }

.separator { margin:0; padding: 0em 0; clear:both; height:0; }

.topSeparator { margin: 2em 0; padding: 2em 0; clear:both; height:0; }

.horizontalRULErecent {
width: 700px; height: 4px; margin: 0 0 1.2em 24px; padding: 0; text-align:left;
border-bottom-color: #bfbc8e; border-bottom-style: solid; border-bottom-width: 2px; }
	
#RC_BUTTON {
overflow:hidden; position: absolute; height: 27px; width: 230px; left: 468px; top: 498px; }