body {
	background: #000 url(images/bg-jon_vilma.jpg) center top no-repeat;
	background-attachment:fixed;
	font:76% "Segoe UI", Tahoma, Geneva, sans-serif;
	margin:0 auto;
	}

#bodywrap {
	margin:0 auto;
	width:960px;
	/*background-color:fuchsia;*/
}

#mainNavigation {
		background:url(images/bg-mainNavigation.png) center 5px no-repeat;
		clear:both;
		height:49px;
		margin-bottom:2em;
	}
			
		.mnavWrap ul { padding-left:120px;}
		
			.mnavWrap ul li {
				display:inline;
				float:left;
				line-height:39px;
				padding:0 20px;
			}
				.mnavWrap ul li.last {background:none;}
				
				li#m-Home,
				li#m-Photo, 
				li#m-Vids,
				li#m-Signup {
					text-indent:-9999px;
				}
				
				#m-Home a { 
					background:url(images/bg-mnavbt.png) 3px 0 no-repeat;
					height:39px;
					width:60px;
					display:block;
					}
					
					#m-Home a:hover {background:url(images/bg-mnavbt.png) 3px -43px no-repeat;}
						
				#m-Photo a {
					background:url(images/bg-mnavbt.png) -93px -1px no-repeat;
					height:39px;
					width:173px;
					display:block;
				}
				
					#m-Photo a:hover {background:url(images/bg-mnavbt.png) -93px -43px no-repeat;}
					
				#m-Vids a {
					background:url(images/bg-mnavbt.png) -276px 0 no-repeat;
					height:39px;
					width:250px;
					display:block;
				}
				
					#m-Vids a:hover { background:url(images/bg-mnavbt.png) -276px -42px no-repeat;}
				
				#m-Signup a {
					background:url(images/bg-mnavbt.png) -545px 0 no-repeat;
					height:39px;
					width:100px;
					display:block;
				}
					#m-Signup a:hover { background:url(images/bg-mnavbt.png) -545px -43px no-repeat;}
					
	.rockin_box { 
		float:right;
		padding:10px 0 100px;
	}
	
		.rockin_form {
			width:390px;
			margin:0;
			padding:0;
		}
				
			#ilogin {	
				float:left;
				padding:9px 15px 0 0;
				}
			
				#usr {
					background:url(images/bg-usr.png) 0 0 no-repeat;
					height:29px;
					width:128px;
					float:left;
					margin:2px 8px 0 0;
				}
					
					#usr .u {
						/*float: left;*/
						width:115px;
						margin:6px 0 0 5px;
						background: none;
						float:left;
						border:0;
						color:#fff;
					}
						
				#pwd_box {
				    	width: 165px;
				    	height: 30px;
				    	background: url(images/bg_search_box.png) 0 50% no-repeat;
						float:left;
						margin:0 8px 0 0;
				}
				
					#pwd_box .s {
					    /*float: left;*/
					    border: 0;
					    width: 126px;
					    background: none;
					    float:left;
					    margin:6px 5px 0 5px;
					    color:#fff;
					}
					
					#search_box .go {
						margin:4px 0 0 0;
						float:left;
						width:24px;
						height:22px;
						display:block;
					}
				
				#r-tick {
					clear:both;
					padding-left:195px;
					color:#fff;
				}
				
				.helloText {
					color:#fff;
					font-weight:bold;
					float:right;
				}
			
	#displayVids {
		margin:0 auto;
		width:654px;
		/*background-color:aqua;*/
	}
	
		.welcometext {clear:both;}
		
		#lblWelcomeText,
		#lblWelcomeInfoText {
			background: transparent url(images/filler.png) repeat;
			color:GhostWhite;
			}
		
	#v-header {
		background:url(images/bg_v-header.jpg) 0 0 repeat-x;
		height:73px;
		position:relative;
	}
	
		/*#v-header h2 {
			font:bold 28px "Segoe UI", Trebuchet MS, Arial, Helvetica, sans-serif;
			color:#fff;
			text-align:center;
			padding-top:13px;
		}*/
		
		#displayDate {
			position:absolute;
			background:url(images/bg-dates.png) 0 0 no-repeat;
			width:61px;
			height:57px;
			left:-30px;
			top:4px;
			padding:6px 0 0 30px;
			color:#fff;
			font-family:"Segoe UI", Trebuchet MS, Arial, Helvetica, sans-serif;
			text-align:center;
		}
		
			.num {
				font-weight:bold;
				font-size:24px;
			}
			
			.month {
				font-weight:bold;
				font-size:14px;
			}
			
			#briefUsrId {
				float:left;
				margin-left:70px;
			}
				
				.avatar {
					float:left;
					width:56px;
					height:56px;
					padding:6px 18px 0 0;
				}
				
				.name-Caption {
					float:left;
					width:300px;
					text-align:left;
				}
					
					.usrName {
						font:bold 20px "Segoe UI", Trebuchet MS, Arial, Helvetica, sans-serif;
						color:#fff;
					}
					

					#textCaption {
						color:#fff;
						font:bold 14px "Arial", Helvetica, sans-serif;
					}
					
					 #star {
                        float:right;
                        padding:6px;
					}
			.btn_upload {}
			
				.btn_upload a {
					background: url(../../images/btn_upload.png) 0 0 no-repeat;
					display:block;
					width:133px;
					height:47px;
					text-indent:-9999px;
				}
				
		#vids {
			/*
			background:#fff;
			padding:6px 7px;
			margin-bottom:10px;
			*/
		}
		
			.crumb {
				color:#fff;
				padding:8px;
				font-size:14px;
				
				}
				
				.crumb a:link  {font-size:14px;font-weight:bold;color:#fff;text-decoration:none;}
				.crumb a:visited  {font-size:14px;font-weight:bold;color:#fff;text-decoration:none;}					
				.crumb a:hover {font-size:14px;font-weight:bold;color:#fff; text-decoration :underline;}
				

#footer {
	padding-top:20px;
	}

	.fspacer { 
		text-align:center;
		margin:0 auto;
	}
	
/* === media browser === */
#jcwrap {
	margin:0 auto;
	width:830px;
	/*background-color:lime;*/

}
.mplayer-loading {
    background: transparent url(images/loading.gif) 50% 50% no-repeat;
}
DIV#mplayer-photodiv 
{
    padding:5px;border:0px solid #3f3f3f;margin:1px;
    text-align:center;
    width:810px;
}

DIV#mplayer-photodiv-picitem-crop
{
    width:810px;
    overflow: hidden;
}

DIV#mplayer-photodiv.loading
{
    background: transparent url(images/loading.gif) 50% 50% no-repeat;
}

DIV#mplayer-videodiv 
{
    padding:10px;border:0px solid #3f3f3f;margin:1px;
    text-align:center;
    width:auto;
    overflow: hidden;
}

DIV#mplayer-smallvideodiv 
{
    border:0px solid #3f3f3f;margin:1px;
    text-align:left;
    width:auto;
    overflow: hidden;
}

SPAN#mplayer-galleryName 
{
    font: 9pt arial;
    font-weight: bold;
}

.mplayer-loadingSmall {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 32px;
    height: 32px;
    background: transparent url(images/loading-small2.gif) 50% 50% no-repeat;
}

/* === General Stuff === */
a:link,a:visited,a:active {
	color: #66CCFF;
	text-decoration:none;
}
a:hover {
	color: #fff;
	text-decoration:underline;
}
/* === welcome text === */
.welcometext {
	text-align:center;
	font-size: 18px;
	color:#D3F3E5;
	margin-top:-20px;
	margin-bottom:2px;	
	font-weight:bold;
}
.welcometextbackg {}
.welcomeinfotext {
	text-align:center;
	font-size: 12px;
	color:#D3F3E5;
	margin-bottom:15px;	
}
.welcomeinfotextbackg {}