/*
lenticulations.com 2.1
mat bergman
7/11/07
2/25/10
*/

/* layout */

body {
	margin:0;
	padding:0;
	font-family:arial;
	}
	
a {
	outline:none;
	}
	
div#wrapper {
	position:relative;
	clear:both;
	height:auto;
	overflow:hidden;
	min-width:650px;
	margin:0 0 0 135px;
	padding:5px 0 0 0;
	}	

div#content {
	position:relative;
	float:left;
	width:auto;
	background:#fff url(../images_stereogram/borderLeft.png) repeat-y 0 0;
	font-size:16px;
	}
	
	div#content h1 {
		font-size:100%;
		margin:0 0 10px 320px;
		padding:0;

		}
		
	div#content p {
		margin:0 0 20px 320px;
		}
		
	div#content div.about {
		margin:20px 10px 50px 50px;
		position:relative;
		min-height:250px;
		max-width:750px;
		
		}
		
		div#content div.about img {
			position:absolute;
			top:0;
			left:0;
			}
	
		div#content div.about div.caption {
			position:absolute;
			top:230px;
			left:0;
			width:300px;
			text-align:center;
			font-size:85%;
			font-style:italic;
			}

div#footer {
	clear:both;
	margin:20px 0 10px 135px;
	}	

/* sidebar */

div#sidebar {
	position:absolute;
	top:5px;
	left:5px;
	z-index:2;
	width:120px;
	font-size:11px;
	}	

	div#sidebar div.block {
		position:relative;
		width:120px;
		margin:10px 0 10px 0;
		padding:0;
		background:#fff url(../images_stereogram/sidebarBottom.gif) no-repeat bottom left;
		font-family:arial;

		}		
			
		div#sidebar div.block h3 {
			margin:0;
			padding:5px;
			font-size:11px;
			background:#fff url(../images_stereogram/sidebarTop.gif) no-repeat top left;
			}	
			
		div#sidebar div.block a {
			color:#666;
			font-weight:bold;
			}	
			
		div#sidebar div.block img {
			border:0;
			margin:10px 0 5px 5px;
			}
	
		div#sidebar div.block ul {
			margin:0;
			padding:5px;
			list-style:none;
			}
	
			div#sidebar div.block ul li {
				padding:10px 0 10px 0;
				}
	
		div#sidebar div.block a.buy {
			display:block;
			padding:5px 5px 0 5px;
			}

/* lenticulation iframe */

iframe#stereoIframe {
	position:relative;
	width:500px;
	height:700px;
	border:0;
	overflow:hidden;	
	background:transparent;
	margin:0;
	padding:0;
	left:28px; /* IE7 likes this better than padding */
	}

div#share {
	width:550px;
	height:20px;
	margin:5px 0 0 0;
	font-size:12px;
	position:relative;
	overflow:hidden;
	}


	div#share a#shareButton {
		display:block;
		position:absolute;
		z-index:3;
		bottom:0;
		left:30px;
		text-indent:-9999px;
		width:60px;
		height:18px;
		margin:0;
		padding:0;
		outline:none;
		background:#ccc url(../images_stereogram/button_share.png) no-repeat 0 0;
		}
		
	div#share a#embedButton {
		display:block;
		position:absolute;
		z-index:3;
		bottom:0;
		left:113px;
		text-indent:-9999px;
		width:60px;
		height:18px;
		margin:0;
		padding:0;
		outline:none;
		background:#ccc url(../images_stereogram/button_embed.png) no-repeat 0 0;
		}
		
	div#share input#embed {
		display:none;
		position:absolute;
		bottom:0;
		left:190px;
		z-index:2;
		border:1px solid #666;
		font-size:13px;
		font-family:monospace;
		width:335px;
		}
	
	div#share span.divider {
		position:absolute;
		bottom:1px;
		left:100px;
		z-index:1;
		font-size:14px;
		margin:0;
		padding:0;
		color:#666;
		}	


/* right side elements - image navigation, title, and description */

div#stereoNav {
	position:absolute;
	top:5px;
	left:673px;
	white-space:nowrap;
	z-index:2;
	}

	div#stereoNav div#nav {
		position:relative;
		display:inline;
		margin:0 .5em 0 .3em;
		}

div#title {
	position:absolute;
	top:35px;
	left:673px;
	font-style:italic;
	}
	
div#description {
	position:absolute;
	top:200px;
	left:673px;
	line-height:140%;
	font-weight:normal;
	margin:0 10px 0 0;
	padding:0;
	width:auto;
	}

	div#description p {
		margin:0 0 20px 0;
		padding:0;
		}
	
	
/* preloader */

div#preloader {
	display:none;
	}	

div#loading {
	position:absolute;
	z-index:6;
	display:block;
	text-align:center;
	background:#fff;
	width:100%;
	height:100%;
	font-size:1.4em;
	font-weight:bold;
	padding:140px 0 0 0;
	}

img#loadingAnim {
	margin:10px 0 0 0;
	}		

	
/* images and decorative elements */

img#logo {
	padding:60px 10px 0 0;
	}	
	
img#border {
	position:absolute;
	top:5px;
	left:130px;
	}	

div#borderBottom {
	position:relative;
	background:transparent url(../images_stereogram/borderBottom.png) no-repeat 135px 0;
	height:90px;
	text-align:right;
	margin-top:-9px;
	}	
	
	div#borderBottom img {
		border:0;
		}

/* Pop-in */	
	
div.popin {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:2;
	background:transparent url(../images_stereogram/aboutBg.png) repeat 0 0;
	display:none;
	}

div.popin div.popinHeader {
	width:700px;
	height:20px;
	text-align:right;
	background:transparent url(../images_stereogram/aboutHeader.png) no-repeat top right;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	}	
	
	div.popin div.popinHeader a {
		display:block;
		color:#fff;
		padding:2px 20px 0 0;
		text-decoration:none;
		}
	
	div.popin div.popinBody {
		width:688px;
		padding:5px;
		border:1px solid #ff9933;
		background:#fff;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:20px;
		overflow:auto;
		}

	div.popin div.popinBody div.popinContent {
		padding:20px;		
		}	
		
		div.popin div.popinBody div.popinContent p {
			margin:0 0 10px 0;
			padding:0;
			}
			
	div.popin div#question {
		font-style:italic;
		border-bottom:1px dotted #ccc;
		padding-bottom:10px;
		margin-bottom:20px;
		}

div#spiderbait {
	display:none;
	}