@import "compass";
@import "compass/reset";

@import "vendor/formtastic";

//$baseFontSize : 16px;


@import "compass";

//@import "admin/general";
//@import "admin/forms";



body{

.button{
background:#2e2e2e;
color:#fbfbfb;
padding:10px 15px;
display:inline-block;
border-radius:20px;



}
#main{
padding:0 1em;
}


table{
@include border-radius(5px);
border:1px solid #9d9d9f;
.vertical_center{
td{
vertical-align:middle;}

}
	width:100%;
	th{
	background:#2e2e2e;
	color:#fbfbfb;
	padding:5px;
	border:0px;
	}
	td{
	border-bottom:1px solid #9d9d9f;
	padding:5px;
	
	}

}

h1{
margin-top:10px;
}

	nav#top{
		padding:0px;
		height:42px;
		position:relative;
		color:#FFFFFF;
		background: #2E2E2E;

		*{
			color:#FFFFFF;	
		}
		
		
		a{
		display:inline-block;
		padding:13px;
		}
		
		
		.personnal{
			width:160px;
			float:right;
			position:relative;
		
			span{
				display:inline-block;
				top:-15px;
				position:relative;
			}
		
			.avatar{
				width:36px;		 
				border-radius:50%;
				margin:2px;
			}
		
			.menu{
				display:none;
			}
		
			&:hover{
		
				.menu{
					display:block;
					position:absolute;
					z-index:1000;
					top:40px;
					background:#2E2E2E;
		
					a{
						display:block;
						width:160px;
						padding:10px 15px;
					}
				}
			}
	
		}

	}
	
	.message{
	min-height:150px;
	border:1px solid black;
	margin:1em 1em 0 1em;
	
	}
	
	.right{float:right;}
	

}


.forum_message{
	@include border-radius(5px);
	@include box-shadow(0px 0px 5px rgba(0,0,0,0.5) inset);
	position:relative;
	margin-bottom:1em;
	min-height:120px;

	.left{
		@include box-shadow(0px 0px 5px rgba(0,0,0,0.5));
		@include border-radius(3px 0px 0px 3px);
		position:absolute;
		top:0px;
		left:0px;
		bottom:0px;
		width:100px;
		background:rgba(0,0,0,0.8);
		text-align:center;
		padding:10px;
		
		color:rgba(255,255,255,0.9);
		
		*{
			text-align:center;
		}
		
		.avatar{
			width:70px;
			height:70px;
			@include border-radius(50%);
			margin:auto;
		}
	
	}

	.right{
		min-height:150px;
		margin-left:120px;
		padding:10px 2%;
		line-height:1.1em;		
		float:none;	
			
		img{
		max-width:100%;
		max-height:90%;
			
		}
		
			
		.large{
		max-width:100%;
		margin-left:0px;
			
			
		}
		
		.links{
			float:right;
		
		}
	}
	
	
	
	
	

}


.message_form{	
	
	.form{
		width:60%;
		
		float:left;
		.ace_editor{
			height:400px;
			width:57%;
			border:solid 1px #C9C9C9;


			.ace_scroller{


				background:transparent !important;
			}




		}
	}


	.user_images{
		width:40%;
		float:left;
		.progress{
		
			float:right;
			width:250px;
			
			.bar{
			text-align:right;
			}
		}
	
	input[type=file]{
		display:none;
			
	}
		.images{
			height:400px;
			overflow:auto;
			border:1px solid black;
		
			.user_image_block{
				padding:5px;
				float:left;
				width:120px;
				border:1px solid black;
				min-height:140px;
				text-align:center;
				margin:5px;
				.user_image{
				cursor:pointer;
				display:block;
				margin:auto;
					max-width:120px;
					max-height:120px;
				
				
				}
			}
		}

	}
	}