$baseFontSize : 14px;
$importantModNum : 20px;
$headerFontFamily : 'Palatino', 'serif';
$headerFontWeight : bold;



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


@import "general";


body{
	font-family:Palatino, Georgia;
	
	
	#top{
	background:#383838;
	color:white;
	padding:1em;
	margin-top:1em;
	a{
	color:white;
	}
	
	}
	
	#small_index{
		position:fixed;
		left:252px;
		right:2px;
		top:0px;
		min-height:20%;
		max-height:80%;
		background:rgba(250,250,250, 0.9);
		overflow:auto;
		z-index:2;
		margin-top:-82%;
		
		
		&.active{
		margin-top:0px;
		
		}
	
	}
	
	#left{
	
		position:fixed;
		left:0px;
		//top:1em;
		width:250px;
		z-index:3;
	
		
	
		#logo{
			display:block;
			margin:25px 0;
	
		}
	
	
		#menu{
		padding-top:1px;
			padding-left:25px;
			background:#97bc4a;
			color:white;
			padding-bottom:4em;
			*{
				color:white;
	
			}
		}
	}
	
	#main{
		margin-left:250px;
	}
	#pagination{
	
	background:red;
	width:100px;
	height:100px;
	border-radius:50%;
	
	position:fixed;
	z-index:2;
	right:1em;
	bottom:1em;
	color:white;
	*{
		color:white;
	}
	}
}


#logo{

width:100px;

}

.portfolio{


.intro{
text-align:center;
max-width:70%;
margin:auto;
*{

text-align:center;
}
}
	.fileupload{
	display:none;
	
	}
	.images{
		min-height:400px;
		text-align:center;
	
		font-family:courier;
		.portfolio_image_block{
			display:inline-block;
			max-width:90%;
			
		
			margin:auto;
			margin-top:2em;
			position:relative;

			.image{
				
				max-height:90%;
				max-width:100%;
				//box-shadow: #AFAFAF 0px 0px 5px;

			}
			.title{
				text-align:left;
				color:gray;
				
			}
			.time{
				color:gray;
				float:right;
				position:absolute;
				right:0px;
			
			
			}

			.admin{
				display:none;
				position:absolute;
				top:0px;
				left:0px;
			
			}
			&:hover{
			.admin{
			display:block;
			}
			
			}

		}

		
	}
}

@media only screen and (min-width: 1250px)  {

.portfolio{



	.images{
	
		.portfolio_image_block{
			
			max-width:900px;
		

			.image{
				
				max-height:85%;
				max-width:100%;
				//box-shadow: #AFAFAF 0px 0px 5px;

			}

}}}}