/*
 	main.css
	Author: Jay Hayes of iamvery.com
	Contact: ur (at) iamvery (dot) com
	Description: Main css document for iamvery.com
	-----
	2 December 2009 - Created
	14 December 2009 - Logo edits, resume added
*/

body {
	background-color: #000;
	min-width: 905px; 
	font-family: helvetica, sans-serif;
}

		#header {
			height: 254px;
			background: url(/images/header-bg.jpg) top center repeat-x;
		}
			#header #iamvery-big {
				width: 100%;
				height: 100%;
				padding-top: 30px;
				background: url(/images/iamvery-big.png) center center no-repeat;
			}

		#footer {
			height: 123px;
			cursor: pointer;
			background: url(/images/footer-bg+logo.jpg) top center repeat-x;
		}
			#footer #iamvery-small {
				width: 100%;
				height: 100%;
				/*background: url(/images/iamvery-small.png) center center no-repeat;*/
			}
			#footer #markup {
				padding-bottom: 5px;
				text-align: center;
				font-size: 8pt;
			}
			#footer #markup,
			#footer #markup a {
				color: #777;
				text-decoration: none;
			}
				#footer #markup a:hover {
					text-decoration: underline;
				}

		/*** Shadow classes ***/
		.border_shadow_top {
			background: url(/images/shadows/shadow_bottom.png) top left repeat-x;
		}
		.border_shadow_bottom {
			background: url(/images/shadows/shadow_top.png) bottom left repeat-x;
		}
		.border_shadow_left {
			background: url(/images/shadows/shadow_left.png) top left repeat-y;
		}
		.border_shadow_right {
			background: url(/images/shadows/shadow_right.png) top right repeat-y;
		}
		/*** End of Shadow classes ***/

		/*** Stitches classes ***/
		.stitch-top {
			width: 100%;
			height: 100%;
			background: url(/images/horizontal-stitch.png) top left repeat-x;
		}
		.stitch-left {
			width: 100%;
			height: 100%;
			background: url(/images/vertical-stitch.png) top left repeat-y;
		}
		.stitch-bottom {
			width: 100%;
			height: 100%;
			background: url(/images/horizontal-stitch.png) bottom left repeat-x;
		}
		.stitch-right {
			width: 100%;
			height: 100%;
			background: url(/images/vertical-stitch.png) top right repeat-y;
		}
		/*** End stitches classes ***/

		/* Miscellaneous */
		.inline { display: inline; }

		/* Outer holder for all content */
		#container { background-color: #BCBCBC; }

			#content { text-shadow: #D8D8D8 0px 1px 0px; }
			
				/* Resume */
				#content #resume {}
					#content #resume h1 { font-size: 2em; }
						#content #resume h1#name { display: inline; }
					#content #resume h2 {
						padding-top: 15px;
						padding-bottom: 5px;
						font-size: 1em;
						font-weight: bold;
					}
					#content #resume h3 {
						text-decoration: underline;
						font-size: 0.8em;
						font-style: italic;
					}
						#content #resume h4#update {
						display: inline;
						float: right;
					}
					#content #resume p, #content #resume ul {
						font-size: 0.8em;
					}
					#content #resume p, #content #resume .indent {
						margin-left: 20px;
					}
					#content #resume ul {
						list-style: disc;
						margin-left: 40px;
					}
					#content #resume ul li { padding-top: 3px; }

				#content .indent { margin: 0 45px 0 45px; }
				#content .divider {
					background: url(/images/divider.gif) top left repeat-x;
					height: 2px;
				}
				#content .section {
					position: relative;
					padding: 30px 80px 30px 80px;
				}
				#content .section.indent {
					padding-top: 10px;
					padding-bottom: 20px;
				}

					/* Section Headers */
					#content .section h1 { font-size: 3em; }
					#content .section h2 { font-size: 1.5em; }
					#content .section h2.close_gap { margin-top: -10px; }
					#content .section h3 { font-size: 1em; }
					#content .section h4 { font-size: 0.7em; }

					/* Miscellaneous Items */
					#content .section table.item_info { margin-left: -55px; }
					#content .section a { color: #000; }
					#content .section a:hover { text-decoration: none; }
					#content .point { cursor: pointer; }
					#content .heading:hover { background-color: #ACACAC; }
					#content .heading h1 > a,
					#content .heading h2 > a {
						display: block;
						text-decoration: none;
					}
					#content .heading h1 > a:hover,
					#content .heading h2 > a:hover { text-decoration: underline; }
					#content .section img.peek {
						/*margin: 10px 0 10px -5px;*/
						margin: 0 0 0 -5px;
					}
					#content .section b.online {
						color: #5A9A3A;
						font-weight: normal;
					}
					#content .section b.offline {
						color: #9A3A3A;
						font-weight: normal;
					}
					#content .section b.development {
						color: #9A943A;
						font-weight: normal;
					}
					#content .section b.faded { 
						color: #888;
						font-weight: normal;
					}
					#content .section b.close {
						font-size: 0.8em;
						font-weight: normal;
						text-decoration: underline;
						cursor: pointer;
					}
					#content .section p.description:hover b.close { color: #9A3A3A; }

					/* 'Back to top' button */
					#content .section .to_top {
						display: none;
						position: absolute;
						right: 20px;
						top: 50%;
						padding: 5px;
					}
					#content .section.indent .to_top { right: -25px; }
					#content .section:hover .to_top { display: inline; }
						#content .section .to_top .arrow {
							width: 35px;
							height: 49px;
							margin-top: -25px;
							background: url(/images/to-top.png) top left no-repeat;
						}
						#content .section .to_top:hover .arrow {
							cursor: pointer;
							background-image: url(/images/to-top-hover.png);
						}

					/* Lists */
					#content .section ul.horizontal { list-style: none; }
					#content .section ul.horizontal li { display: inline; }

					/* Forms */
					#content .section form {
						width: 400px;
						border: 1px dotted #999;
						background-color: #C5C5C5;
					}
					#content .section form #alert { width: 374px; }
					#content .section form em {
						font-weight: bold;
						font-style: normal;
						color: #F00;
					}
					#content .section form label {
						display: inline-block;
						width: 80px;
						text-align: right;
					}
					#content .section form label.text { vertical-align: middle; }
					#content .section form label.textarea { vertical-align: top; }
					#content .section form input.text, #content .section form textarea.text {
						border: 1px solid;
						border-top-color: #989898;
						border-right-color: #E1E1E1;
						border-left-color: #989898;
						border-bottom-color: #E1E1E1;
						padding: 5px;
						margin-left: 5px;
						font-size: 0.8em;
					}
					#content .section form input.text { width: 266px; }
					#content .section form textarea.text {
						width: 266px;
						height: 100px;
					}
					#content .section form input.nottub {
						margin-top: 5px;
						margin-right: 5px;
						width: 50%;
						float: right;
					}
					#content .section fieldset {
						padding: 10px;
						border: 0;
					}
					#content .section fieldset legend { display: none; }
					#content .section form ol { list-style: none; }
					#content .section form ol li { padding: 5px; }
					#content .section form ol li.special { display: none; }
					#content .section form ul {
						list-style: disc;
						padding: 5px 0;
					}
					#content .section form ul li {
						color: #F00;
						padding: 2px 0;
						margin-left: 19px;
					}