body {
        margin: 0 auto;
        background-color: #7F072A;
    }
    
    #border{
    	
        margin: 0 auto;
    }
    
	#main {
	 	margin: 0 auto;
        background-position: 0 bottom;
        background-repeat: no-repeat;
        min-height: 600px;
        border-style: solid;
        border-width: 1px;
        border-color: #c0c0c0;
        max-width: 800px;
        padding-bottom: 20px;
        margin-bottom: 25px;
    	
    	background-image: url(/images/bg_logo.png);
    }
    #pic {
    	position: relative;
    	top: 0px;
    	left: 0px;
    }
    #mariaLogo{
    	position: relative;
     	top: -185px;
    	left: 265px;
    }
    
     #content {
    	
    	min-height: 290px;
    	padding: 2px;
    	position: relative;
    	top: -30px;
    	left: 140px;
    	background-position: 0;
    	width: 460px;
    	background-color: #FFFFFF;
    	opacity: 0.75;

    	font-size: 75%;
    	color: #919191;
    	font-family: "Times New Roman", Times, Georgia, serif;
    	text-overflow: clip;
    }

    
    #nav {
    	position: relative;
    	top: -100px;
    	left: 275px;
    	font-family: "Academy", Times, Georgia, serif;
    	color: #a8221d;
    	font-size: 22px;
    	width: 600px;
    	
    }
	#nav a {
    	text-decoration: none;
    	color: #b82520;
    	margin-left: 10px;
    }
    #nav a:hover {
    	color: #c22b66;
    }
       
    @font-face {
    	font-family: Academy; 
    	src: url('/fonts/AcademyBoldItalic.ttf');
    }
    @font-face {
    	font-family: Brush; 
    	src: url('/fonts/Brush Script.ttf');
    	format("truetype");
    }
    
/* photo gallery*/ 
    
#wrapper
{
	position: relative;
    	top: -30px;
    	left: 140px;
    	background-position: 0;
}

#frame
{
	position:relative;
	width:500px;
	height:407px;
	background-color: #e4e4e4;
	border:1px solid #e4e4e4;
	
	/* serves as a mask */
	overflow:hidden;
}

#btn-previous-img
{
	position:absolute;
	bottom:40px;
	left:10px;
	cursor:pointer;
}

#btn-next-img
{
	position:absolute;
	bottom:40px;
	right:10px;
	cursor:pointer;
}

#transition-container
{
	height:405px;
	
	/* should be the sum of all photos */
	width:3000px;
	
	/* position it */
	position:relative;
	top:0px;
	left:0px;
}

.photo
{
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.comment
{
	position:absolute;
	bottom:0px;
	left:10px;
	display:none;
	font-size: 75%;
    color: #919191;
    font-family: "Times New Roman", Times, Georgia, serif;
}

/* end photo gallery*/    
     
/* media player*/        
#jukebox {
			background-color:#cc0000;
			-moz-border-radius:10px;
			-webkit-border-radius:10px;
			color:#fff;
			padding:10px;
			font-family:helvetica, arial, verdana;
			font-weight:bold;
			width:300px;
		}
		#jukebox .loader {
			border:1px solid #fff;
			height:3px;
			margin:10px 0px
		}
		#jukebox .load-progress {
			width:0px;
			background-color:#fff;
			height:3px;
		}
		#jukebox .play-progress {
			width:0px;
			background-color:#9999cc;
			height:3px;
		}
		
		#jukebox .controls {
			text-align:center;
		}
		
		#jukebox .controls a {
			display:inline-block;
			width:33px;
			height:33px;
			margin:0px 14px;
			overflow:hidden;
			background-image:url('/media/images/audio-controls.png');
			background-repeat:no-repeat;
		}
		
		#jukebox .controls a:hover {
			background-color:#ff9900;
		}
		
		#jukebox .controls a span {
			display:none;
		}
		
		#jukebox .controls a.prev {
			background-position:top -60px;
		}
		#jukebox .controls a.next {
			background-position:top -90px;
		}
		#jukebox .controls a.play {
			background-position:top left;
		}
		#jukebox .controls a.pause {
			background-position:top -30px;
		}
/* end media player*/