/*
Theme Name: CRAG
Theme URI: http://jeffcrag.com
Description: Crag gets busy
Author: Neil Pullman
Author URI: http://descend.org

*/



/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #222 url('Background2.jpg') fixed center center;
	color: #333;
	text-align: center;
	margin: 0;
}	
	#crag {
		margin: 7% auto 0;
	}

	#hand {
		z-index: 20;
		background: url('hand-trans.png') no-repeat center top;
		width: 100%;
		height:60%;
		max-height: 534px;
		margin: 0 auto;
	}
	html>body #hand {
		position: fixed;
		bottom: 0;
		left: -20px;
	}
		
	#navigation {
		width: 219px;
		height: 400px;
		position: relative;
		top: -15px;
		margin: 0 auto;
	}
		#navigation a {
			position: relative;
			width: 30px;
			height: 30px;
			display: block;
			text-decoration: none;
			outline: 0;
		}
			#navigation a:hover span { 
				display: block;
			}
			#navigation a span {
				margin: 0 auto;
				height: 20pt;
				min-width: 130px;
				_width: 180px;
				padding: 5px;
				background-color: #444;
				opacity: .8;
				position: absolute; 
				display: none;
				line-height: 60px;
				vertical-align: middle;
				font: 20pt/20pt interstate, sans-serif;
				color: #fff;
				letter-spacing: 2px;
				border: 1px solid #888;
				text-transform: uppercase;
			}
		#thumb {
			top: 145px;
			left: 3px;
		}
			#thumb span {              
				top: 23px;
				left: 60px; 
			}                              
		#index {
			top: 8px;
			left: 78px;
		}
			#index span {
				top: 130px;
				left: -15px;
			}
		#middle {
			top: -43px;
			left: 122px;
		}
			#middle span {   
				top: 151px;           
				left: -59px;             
			}
		#backoffladies {
			top: -53px;
			left: 160px;
		}
			#backoffladies span {
				top: 131px;     
				left: -97px;             
			}
		#pinky {
			top: -43px;
			left: 195px;
		}
			#pinky span {
				top: 91px;              
				left: -132px;                 
			}


#content { width: 900px; margin: 40px auto; text-align: left; position: relative; }
	#content #nav { list-style: none; padding: 0 0 0 5px;}
		#content #nav li { color: #fff; font-size: 2.5em; letter-spacing: 1px; }
			#content #nav li a { color: #fff; text-decoration: none; }
	#content #thumbnails { width: 200px; *margin-left: 40px; }
	#content #image-container { width: 600px; text-align: center; visibility: hidden; float: right; display: block; position: absolute; top: 0; right: 0;}
	#content #image-container img { border: 4px solid #fff; margin-bottom: 40px; }

.post { color: #fff; font-size: 10pt; }
a { color: #eee; }
.post h2 { vertical-align: middle; position: relative; }
.backtomain { font-size: 8pt; line-height: 26px; vertical-align: middle; margin-left: 10px; text-transform: uppercase; position: absolute; left: -110px; }
.shutterset { outline: 0; }

#loading { color: #fff; font-size: 20pt; width: 200px; height: 100px; background-color: #000; position: absolute; top: 0; right: 0; margin: 0 auto; display: block; }