/** dimensions, margins, positions, padding, floating... **/
	html, body {
		min-height: 100%;
		height: 100%;
	}
	
	img {
		display: block;
	}
	
	div {
		overflow: hidden;
		zoom: 1;
	}
	
	.hide {
		display: none;
	}
	
	#wrapper {
		margin-left: 50px;
		padding: 0 10px;
		padding-bottom: 50px;
		width: 940px;
	}
	
	#header {
		padding: 60px 0 0 0;
		position: relative;
		margin-bottom: 50px;
	}
		#header h1 {
			width: 220px;
		}
		#header #show_contact {
			position: absolute;
			right: 0;
			top: 67px;
		}

	#content {
		margin-bottom: 40px;
	}
		#common {
			float: left;
			margin-right: 100px;
			width: 220px;
		}
			#featured {
				margin-bottom: 50px; /**see #header**/
			}
			#featured .meta {
				margin: 10px 0 0;
			}
			#contact {
				margin-bottom: 50px; /** see header and featured **/
			}
				#contact #thatsme {
					float: left;
					margin: 3px 10px 10px 0;
				}
				#contact img {
					display: inline;
					vertical-align: bottom;
					margin: 0 5px 0 0;
					padding-bottom: 1px;
				}
			#linklist {}
				#linklist li {
					margin: 0 0 10px 0;
					position: relative;
				}
				#linklist p {
					margin: 0 0 20px 0;
				}
					#linklist p a {
						padding: 2px 7px 2px 2px;
					}
				#linklist li img {
					float: left;
					margin: 0 5px 0 0;
				}
				#linklist .r_full, #linklist .r_rating {
					display: block;
					height: 10px;
					width: 54px;
				}
				#linklist .r_full {
					position: absolute;
					top: 2px;
					right: 0;
				}
				
		#portfolio {
			float: right;
			overflow: visible;
			width: 620px;
		}
			#portfolio h3 {
				overflow: hidden;
			}
			#portfolio h3 a, #portfolio h3 span {
				margin: 0 20px 0 0;
			}
			.floatie {
				cursor: pointer;
				height: 150px;
				position: absolute;
				width: 220px;
			}
				.floatie .frame {
					height: 108px;
					margin: 1px 0 0 1px;
					overflow: hidden;
					width: 218px;
				}
				.floatie .meta {
					padding: 5px;
				}
				.floatie .btn-zoom {
					float: right;
					margin: 0 2px 0 2px;
					padding: 2px;
				}
				#portfolio .floatie .btn-zoom a {
					margin: 0;
				}
			.griddie {
				float: left;
				margin: 0 20px 20px 0;
				position: inherit;
			}
				
	#footer {
		clear: both;
		padding-top: 20px;
		text-align: center;
	}
		#footer ul {}
			#footer ul li {
				display: inline;
				padding: 0 5px;	
			}
			#footer p {
				padding: 0 5px;
			}
				
/** rudimentary blog styling; layouts, colors, fonts, everthing in here**/
div.post {
	margin-bottom: 50px;
}

div.post a {
	text-decoration: underline;
}

div.post h3 a {
	text-decoration: none;
}

/** contact form pop-up styling **/
	#form_container {
		background: #ffffff;
		border: 1px solid #BBBBBB;
		display: none;
		height: auto;
		padding: 20px;
		position: fixed;
		width: 180px;
		z-index: 99999;
	}
		#form_container li {
			margin-bottom: 20px;
		}
		#form_container input, #form_container textarea {
			border: 1px solid #bbbbbb;
			height: 2em;
			width: 100%;
		}
		#form_container textarea {
			height: 5em;
		}
			#form_container input#submit {
				background: #ffffff;
				border: 1px solid #BBBBBB;
				font-weight: bold;
				padding: 2px 7px 2px 2px;
				width: auto;
			}
		#form_container label {
			display: block;
			font-weight: bold;
		}
		#form_container #req_warning {
			color: #b00b13;
			display: none;
			margin-bottom: 10px;
		}
		#form_container .guidelines {
			background: #ffffff;
			display: none;
			padding: 5px 0 0 0;
		}
		#form_container .guidelines, #form_container .wat {
			font-size: 9px;
			font-weight: normal;
		}
		
	#overlay {
		display: none;
	}