/*
	Personal Site for Philip Galanter
	Designed & Developed by Ganesh Rao (artrulesmyworld@gmail.com)
	Copyright 2010
	
	Cyan Code: #00e1e2
*/

a{text-decoration:none;outline:none}
html{background:#0d0d0d }
html.switchpage {background: #0d0d0d url(images/loader.gif) no-repeat 670px 287px fixed }
body{font-family: "Lucida Grande", helvetica, tahoma, arial, sans-serif;font-size:9px;background:#0d0d0d;color:#888;margin:0;overflow-x:hidden}
div{margin:0;padding:0}

#container{width:940px;margin:0 0 0 50px}
	#header{width:300px;float:left;position:fixed;margin:20px 0 0 0}
	/*#header h1 a{font-weight: normal;text-transform:lowercase;font-size:36px;padding:0 0 10px 0;opacity:1!important;color:#00e1e1;}*/
	#header h1 a { display:block; background: url(images/logo.gif) no-repeat top left; width:254px; height:39px; }
	#header h1 a span{display:none}
	#navigation{width:250px;float:left;position:fixed;margin:190px 0 0 0;text-transform:lowercase;letter-spacing:1px}
		#navigation ul{list-style:none;margin:0;padding:0}
		#navigation ul li{margin:0;float:left;clear:both;padding:4px 0}
		#navigation ul li a{
	display: inline;
	width: 80px;
	color: #777;
	padding: 4px 0
}
		#navigation .linkBehavior{color:#777}
		#navigation .linkBehavior:hover{color:#fff}
		.active > a {color:#00b1b2 !important;opacity:1!important}
		.nav1, .nav2 {display:none}
		.active .nav1, .active .nav2, .ishash .nav2 {display:block}
		#navigation ul li ul.nav1{width:150px;float:left;margin:-16px 0 0 80px;padding:0 0 0 20px;position:absolute;background:url(images/smallbullet.png) no-repeat left 7px}
			#navigation ul li ul.nav1 li{color:#777;float:left;clear:both;margin:0;padding:4px 0}
			#navigation ul li ul.nav1 li a{display:inline;width:150px;padding:4px 0;margin:0;}
				#navigation ul li ul.nav1 li ul.nav2 {width:180px;float:left;margin:0 0 0 10px;padding:4px 0 0 0}
					#navigation ul li ul.nav1 li ul.nav2 li {float:left;clear:both;margin:0;padding:4px 0}
					#navigation ul li ul.nav1 li ul.nav2 li a:before {content:"+ "}
	#content{width:640px;float:left;margin:30px 0 0 300px;background:#0d0d0d}
		#content a {color:#ddd}
		#content .linkBehavior{color:#ddd;border-color:#777}
		#content .linkBehavior:hover{color:#00e1e2;border-color:#00e1e1}
		#content h3{font-size: 18px;text-transform:lowercase;margin:0 0 10px 0;color:#ccc;}
		.data{float:left;clear:both;width:400px;font-family:"Lucida Grande", helvetica, arial, tahoma, sans-serif;font-size:12px;line-height:160%;margin:20px 0 50px 0}
			.data h4{font-size:14px;text-transform:lowercase;margin:0}
			.data h4 span{color:#555;font-size:11px}
				/*#moredata {display:none}*/
		.cleartop{padding-top:70px}
		.clearbottom{padding-bottom:130px}
		ul.tablelist {list-style:none;margin:0;padding:0}
			ul.tablelist li{margin:0 0 0 100px;padding:20px 0;float:left;width:310px;color:#777;float:left}
				ul.tablelist li span.category {display:block;width:80px;text-transform:uppercase;font-size:9px;letter-spacing:2px;color:#555;margin:0 0 0 -100px;text-align:right;float:left}
				ul.tablelist li span.title {display:block;width:310px;text-transform:capitalize}
				ul.tablelist li a.icon{display:none}
					.paper{background:url(images/paper.gif) no-repeat;}
					.press{background:url(images/press.gif) no-repeat;}
					.book{background:url(images/book.gif) no-repeat;}
					.article{background:url(images/article.gif) no-repeat;}
					.onlinecat{background:url(images/onlinecat.gif) no-repeat;}
					.galguide{background:url(images/galguide.gif) no-repeat;}
					.review{background:url(images/review.gif) no-repeat;}
					.slides{background:url(images/slides.gif) no-repeat;}
					.link{background:url(images/link.gif) no-repeat;}
					.group{background:url(images/group.gif) no-repeat;}
					.interview{background:url(images/interview.gif) no-repeat;}			
			ul.tablelist ul {list-style:circle;margin:0 0 0 20px;padding:0}
				ul.tablelist ul li{margin:0;padding:0}
		ul.linkslist {list-style:circle;margin:0 0 0 40px;padding:0}
			ul.linkslist li{margin:0;padding:10px 0;width:350px;color:#555}
			ul.linkslist.nosub li{margin:0;padding:4px 0;width:350px;color:#555}
		#more{margin:0 0 50px 0;float:left}
		#moredata {padding:30px 0}
		#moredata h4{font-size:15px;text-transform:lowercase;margin:0;color:#ccc;padding:20px 0}
		#moredata p{margin:0 0 1em 0}
		quote{font-style:italic;display:block;width:340px;padding:10px 10px 10px 70px;background:#101010 url(images/quote.gif) no-repeat 10px 10px;-moz-border-radius: 5px; -webkit-border-radius: 5px;}
		.quoteauthor{display:block;text-align:right;clear:both;font-weight:bold;font-style:normal;margin:10px 0 0 0}
		.workitem{margin-top:30px}
		.copyright { margin-top: 50px; color: #333 }
#myGallery {width:640px !important;height:530px !important;border:none 0;margin:0 0 -50px 0;float:left;position:relative}
.imageElement {background-position:50% 50% !important;background-repeat: no-repeat; background-color:#0d0d0d!important;width:640px;height:480px!important; position: absolute }
.imageElement img { display: none }
#myGallery .linkBehavior{filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity: 0.2;opacity: 0.2}
#myGallery .linkBehavior:hover{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1}
#myGallery a.prev {left:550px;background:url(images/arrowleft.png) no-repeat 50% 50%}
#toggle { background-position: 50% 50%; background-repeat: no-repeat; left: 580px}
#toggle.play { background-image:url(images/play.png)}
#toggle.pause { background-image:url(images/pause.png)}
#myGallery a.next{left:610px;background:url(images/arrowright.png) no-repeat 50% 50%}
#myGallery a.prev, #myGallery a.right, #myGallery a.next, #toggle {height:50px;width:30px;top:480px;position:absolute;text-indent:-5000px}

.hidden{display:none}

h1, h3, h4, quote {font-family:"TeXGyreAdventorRegular", helvetica, tahoma, verdana, arial, sans-serif;font-weight:normal}

.custom-hover {box-shadow: black 0 0 5px;-moz-box-shadow: black 0 0 5px;-webkit-box-shadow: black 0 0 5px;}
::-moz-selection {background:#000;color:#0cc}
::selection {background:#000;color:#0cc}

#ganesh { display: none; width: 200px; position: absolute; bottom: 0px; left: 50px; height: 36px }
#ganesh a { position: fixed; background: url(images/ganesh.png) no-repeat 0 0; display: block; width: 110px; height: 36px; text-indent: -5000px; filter:alpha(opacity=10);-moz-opacity:0.1;-khtml-opacity: 0.1;opacity: 0.1}
#ganesh a:hover { background-position: 0 -36px; filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1}
#ganesh .linkBehavior{filter:alpha(opacity=10);-moz-opacity:0.1;-khtml-opacity: 0.1;opacity: 0.1}
#ganesh .linkBehavior:hover{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1}