/* CSS Document for the studio sub-site*/

body {
	background: #0F0F0F;
	margin: 0px;
	padding: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#topbar {
	background-image:url(/graphics/splash/transparent_heavy.png);
	height:100%;
}
#studiotitlecontainer{
	color:#9f9f9f;
	font-size:12px;
	letter-spacing: 2px;
	border-top:2px solid #222;
	padding-top:5px;
	padding-left:5px;
	padding-bottom:3px;
	text-transform: uppercase;
	text-align:center;
}
.studiotitle {
	text-align:left;
	margin-left:auto; margin-right:auto;
	width: 100%;
	max-width: 1244px;
}
#h-container {
	/*position:relative;*/
	height:700px;
	border-bottom: 6px double #222;
	border-top: 6px double #222;
}

#piccontainer {
	/*position:relative;*/
	min-width:1000px;
	max-width:1244px;
	height:700px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	border-right: 2px solid #222;
	border-left: 2px solid #222;
}
#bottombar{
	border-bottom:2px solid #111;
	color:#444; font-size:12px;
	padding:5px;
}
#bottombar a, #bottombar a:link, #bottombar a:visited, .studiotitle a, .studiotitle a:link, .studiotitle a:visited{
	text-decoration:none;
	color:#9f9f9f;
	letter-spacing:2px; 
}
#bottombar a img{
	padding:0;
	margin:0;
}
#bottombar a .navcurrentpic{
	opacity: 1;
	border: 1px solid white;
	cursor:default;
}
#bottombar a .navnotcurrentpic{
	opacity: 0.5;
	border: 1px solid #999;
}
#bottombar a .navnotcurrentpic:hover{
	opacity: 0.9;
	border: 1px solid #CCC;
}
.navprev, .navnext{ /*left and right arrows for the thumbnail bar*/
	vertical-align:middle;
	font-size:300%;
	padding-bottom:5px;
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 10px;
}
#bottombar a:hover, .studiotitle a:hover {color:#fff;}
#bottombar a:active, .studiotitle a:active{color:white; text-decoration:blink;}

/* index styles */
#index-container {
	/*position: relative;*/
	border-bottom: 6px double #222;
	border-top: 6px double #222;
	color:gray;
	text-align:center;
	background-color: #0f0f0f;
}
#index-container img{
	margin: 10px;
	border: 3px solid #999;
	opacity:0.9;
	-moz-border-radius: 6px;
	-webkit-border-radius:6px;
}
#index-container a img:hover{
	border-color: #fff;
	opacity:1;
}
.indexdescription {
	font-size: 90%;
	width: 670px;
	text-align:justify;
	margin-left:auto; margin-right:auto;
	margin-bottom:10px;
	color:#9f9f9f;
}

/* TOOLTIP text ------------------------------------------*/
a.tooltip{
    position:relative; /*this is the key*/
    z-index:24; 
    color:#000;
    text-decoration:none;
}

a.tooltip:hover img{
	-webkit-box-shadow: 0 0 20px #eee;	-moz-box-shadow: 0 0 20px #eee;	box-shadow: 0 0 20px #eee;
	
}

a.tooltip span{
	display:none;
	opacity: .8;
	position:absolute;
    bottom:17px; left:13px; width:200px;
	border-top:1px solid silver; 
    background-color:#FFF; color:#666;
    text-align: center
}

a.tooltip:hover span{ /*the span will display just on :hover state*/
    display:block;
}