@import "general.css";
@import "top.css";
@import "box.css";
@import "small.css";
@import "calendar.css";
@import "lists.css";

body {
	background: url('../images/munky_background.jpg') repeat-x #393939 50% 0px;
	text-align: center;
	margin: 0px;
	color: #ffffff;
	font-size: 10px;
}

body, textarea { font-family: Arial, Sans-serif; }

#container {
		margin: 0px auto;
		text-align: left;
	}

#container, #footer #columns {
	width: 990px;
}	
					
		#main {
		}
		
			#left {
				float: left;
				width: 675px;
				overflow: hidden;
			}
			
			#right {
				float: right;
				width: 300px;
				overflow: hidden;
			}
		
			.icon, .photoIcon {
				float: left;
				display: block;
				position: relative;
				width: 90px;
				height: 110px;
				margin-right: 15px;
				font-size: 1.1em;
				color: #fff;
				white-space: no-wrap;
				overflow: hidden;
			}
			
			.photoIcon {
				height: 67px;
				margin: 0px 8px 7px 0px;
			}
			
			.icon.last, .thumbnail.last, .photoThumbnail.last, .photoIcon.last, .profileIcon.last {
				margin-right: 0px;
			}
			
			.icon:hover, .thumbnail:hover {
				text-decoration: none;
			}
			
				.icon img, .photoIcon img {
					width: 90px;
					height: 67px;
				}
				
			.photoThumbnail, .thumbnail {
				float: left;
				display: block;
				position: relative;
				width: 119px;
				margin-right: 12px;
			}
			
			.photoThumbnail {
				height: 88px;
				margin-bottom: 12px;
			}			
			
			.thumbnail {
				height: 166px; /*189-23 (row-background.png - height)*/
				margin-top: 23px;
				font-size: 1.2em;
				color: #fff;
				white-space: no-wrap;
				overflow: hidden;
			}
			
				.thumbnail img {
					width: 119px;
					height: 88px;
				}
				
			.profileIcon {
				display: block;
				float: left;
				width: 85px;
				height: 95px;
				margin-right: 11px;
				color: #fff;
				font-size: 1.1em;
				text-align: center;
				overflow: hidden;
			}
			
			.profileIcon.selected {
				background: #ff840d;
				color: #000;
			}
			
			.profileIcon:hover {
				text-decoration: none;
			}
			
				.profileIcon img {
					width: 85px;
					height: 63px;
				}
						
	#footer {
		min-height: 244px;
		margin-top: 20px;
		background: url('../images/footer-background.png') repeat-x #222;
		font-size: 1.2em;
		line-height: 1.4em;
		text-align: center;
	}
	
	* html #footer {
		height: 244px;
	}
	
		#logoBottom {
			margin: 20px 0px;
		}
		
		#columns {
			margin: 0px auto;
			text-align: left;
		}
		
			#columns div.column {
				float: left;
				width: 165px;
			}
			
				#columns div.column .tit {
					font-weight: bold;
				}
	
				#footer a {
					color: #fff;
				}