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

	Layout Styles on World of Martial Arts
	Author:		Alex Nichol
	Email:		alex@aelius.net	

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





/* Layout Overrides
   -----------------------------------------------------
   -----------------------------------------------------  */

#content {
	padding-top: 16px;
	}

.central_column_wide {
	padding-top: 10px;
	}

.sidebar_wide {
	padding-top: 0px;
	}

.sidebar_narrow {
	padding-top: 6px;
	}








/* General Classes
   -----------------------------------------------------
   -----------------------------------------------------  */

.buttons {
	padding: 4px 0px 0px 0px;
	}
	









/* Montage Player Classes
   -----------------------------------------------------
   -----------------------------------------------------  */

.player-wrapper {
	background:url(../images/v1-5/browser/player-bg-top.png) top left no-repeat;
	padding-top: 16px;
	}
	
.player {
	background:url(../images/v1-5/browser/player-bg-tile.gif) repeat-y;
	padding: 4px 0px 0px 10px;
	}

.player-footer {
	background:url(../images/v1-5/browser/player-bg-bottom.png) top left no-repeat;
	height: 19px;
	}
	
.player div.buttons{
	width:  220px;
	}

#flash-movie a[rel=external] {
	background: none;
	padding: 0;
}

#flash-movie a:hover {
	border: none;
}












/* Profile Box Classes
   -----------------------------------------------------
   -----------------------------------------------------  */

.profile-header {
	background:url(../images/v1-5/browser/profile-bg-top.png) top left no-repeat;
	height: 17px;
	}
	
.profile {
	background: url(../images/v1-5/browser/profile-bg-tile.gif) top left repeat-y;
	padding: 4px 0px 0px 10px;
	}

.profile-footer {
	background:url(../images/v1-5/browser/profile-bg-bottom.png) top left no-repeat;
	height: 19px;
	}
	
.profile div.buttons{
	width:  220px;
	}

.profile div.thumb {
	width: 88px; 
	float: left; 
	padding-bottom: 6px;
	}

.profile div.thumb img {
	border: 2px solid #D9DCE3;
	}

.profile div.info {
	float: left;
	width: 132px;
	padding-bottom: 0px;
	}
	
	.profile div.info h1 {
		color: #fff;
		padding-top: 5px;
		font-size: 13px;
		line-height: 12px;
		}
		
	.profile div.info h2 {
		color: #c2c2c2;
		font-size: 12px;
		line-height: 12px;
		font-weight: bold;
		padding: 0;
		padding-bottom: 12px;
		margin-bottom: 8px;
		background:url(../images/v1-5/browser/profile-divider.gif) bottom left repeat-x;
		}
		
	.profile div.info li {
		color: #c2c2c2;
		}
	
.profile div.divider {
	clear: both;
	width: 220px;
	height: 1px;
	background:url(../images/v1-5/browser/profile-divider.gif) repeat-x;
	margin: 4px 0 4px 0;
	}









	




/* Notifications
   -----------------------------------------------------
   -----------------------------------------------------  */

.central_column_wide #notification_area { padding-bottom:  10px; }






/* Promos
   -----------------------------------------------------
   -----------------------------------------------------  */

.promo { margin-top: 4px; }







/* Profile Top-Section
   -----------------------------------------------------
   -----------------------------------------------------  */

.top-section { 
	margin-bottom: 16px;
	clear: both;
	background: url(../images/v1-5/common/text-page/central_column_wide/divider.gif) bottom left repeat-x;
	padding-bottom: 10px;
	}
	
.mugshot { 
	width: 124px;
	float: left; 
	padding: 22px 0;
	background: #d9dae4; 
	border: 1px solid #4b5361;
	text-align: center; 
	margin-bottom: 6px;
	}

.mugshot img {
	border: 2px solid #fff;
	}
	
	.mugshot img.guru {
		margin: 0 0 -5px 0;
		}
	
	.mugshot img.user {
		margin: 20px 0 15px 0;
		}
		
	.mugshot img.owner {
		margin: 0 0 -5px 0;
		}


.summary {
	float: left;
	padding: 0;
	margin: 0;
	margin-top: 8px;
	padding-right:  16px;
	width:  386px;
	}

.summary blockquote {
	width: 320px !important;
	}

.summary dl {
	padding:  0;
	margin:  0;
	margin-left: 16px;
	margin-top:  4px;
	}

	.summary dl dt { float: left; width: 74px; padding-top: 2px; padding-right: 16px; clear: left; }
	.summary dl dd { float: left; width: 250px; padding-top: 2px;  }


.summary .buttons {
	padding: 16px 0 0 14px;
	margin: 0;
	}

.summary .buttons .btn img.icon {
	margin-left: -2px;
	margin-right: 2px;
	}

.summary .buttons .btn span {
	padding-right:  4px;
	}