/* 
** vamsigadey.com CSS Document
** Created by Vamsi Gadey - vgadey@indiana.edu 
** Heirarchy of styles: clear,display,float,position [top/left],width,height,overflow,margin,padding,border,background,color,font,[text attributes],line-height,other.
**---KNOWN ISSUES---**
** No known issues in non-IE browsers at this time.
*/

/*---Basic HTML Styles---*/

body { 
	font: 12px/170% "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	margin: 0px; padding: 0px; background-color: white; background-repeat: no-repeat; background-position: center; 
}

h1 {
	color: black;
	background-color: white;
	font-size: 1.8em;
	font-weight: normal;
}

.projectTitle {
	color: black;
	background-color: white;
	font-size: 1.2em;
	font-weight: bold
}

h3 {
	color: #7f7f7f;
	border-bottom: 1px solid #eee;
	font: normal 1em Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	padding-bottom: 2px;
}


/*---Header and Footer---*/

#header { position: absolute; top: 0px; left: 0px; height: 90px; width: 100%; border-bottom: 2px solid silver;} 
#footer { position: absolute; top: 580px; left: 25%; height: 25px; width: 50%; font-size: 80%; text-align: center; color: gray; border-top: 1px solid silver; } 

#portfolioBanner img{
	z-index: 2;
}


/*---Navigation---*/

#topNav{
	position:absolute;
	top: 70px;
	right: 0px;
	width: 400px;
	height: 20px;
	background-color: silver;
}

#topNav a{
	padding: 1px 12px;
}

#topNav a:link{
	color: black;
	text-decoration: none;	
}

#topNav a:visited{
	color: black;
	text-decoration: none;	
}

#topNav a:hover{
	color: white;
	background-color:#333333;
	text-decoration: none;
}

#leftNav{
	position: absolute;
	top: 90px;
	left: 0px;
	width: 130px;
	background-color: silver;
	list-style: none;
	padding: 0px;
}

#leftNav a{
	display: block;
	padding: 1px 12px;
}

#leftNav a:link{
	color: black;
	text-decoration: none;	
}

#leftNav a:visited{
	color: black;
	text-decoration: none;
}

#leftNav a:hover{
	color: white;
	background-color:#333333;
}

.selected{
	background-color: black;
	color: white;
	padding: 3px 12px;
}

.selected a{
	color: white;
}

/*---Portfolio Page Styles---*/

#page {
	position: absolute;
	top: 100px;
	left: 70px;
}

#page #workSlider {
	position: absolute;
	top: 30px;
	left: 25px;
	width: 835px;
	height: 260px;
	background-color: #FFCC33;
}

#page #schoolSlider {
	position: absolute;
	top: 290px;
	left: 25px;
	width: 835px;
	height: 165px;
	background-color: #BBBBBB;
}


#page #currentProjectsSlider {
	position: absolute;
	top: 52px;
	left: 79px;
	width: 307px;
	height: 130px;
	background-color: #FFCC33;
}

#page #iDesignSlider {
	position: absolute;
	top: 219px;
	left: -29px;
	width: 407px;
	height: 130px;
	background-color: #FFCC33;
}

#page #wDesignSlider {
	position: absolute;
	top: 219px;
	left: 653px;
	width: 407px;
	height: 130px;
	background-color:#FFCC33;
}

#page #pDesignSlider {
	position: absolute;
	top: 379px;
	left: 337px;
	width: 307px;
	height: 130px;
	background-color: #FFCC33;
}

#page #workExSlider {
	position: absolute;
	top: 52px;
	left: 522px;
	width: 410px;
	height: 130px;
	background-color: #FFCC33;
}

#page #centerSlider {
	position: absolute;
	top: 254px;
	left: 440px;
	width: 140px;
	height: 90px;
	background-color: #FFFFFF;
}

#page #funSlider {
	position: absolute;
	top: 430px;
	left: 490px;
	width: 515px;
	height: 130px;
}

#page #ashaSlider {
	position: absolute;
	top: 130px;
	left: 100px;
	width: 700px;
	height: 480px;
	background-color: #FFCC33;
}


.slider {
	padding-left: 15px;
}

.sliderTitle {
	color: #333333;
	font-size: 1.8em;
	font-weight: normal;
	padding: 15px;
}

.sliderCenterTitle {
	color: #333333;
	font-size: 2.6em;
	font-weight: normal;
	padding: 12px;
}

#workSlider .slider a {
	padding-left: 10px;
}

#schoolSlider .slider a {
	padding-left: 1px;
}

.slider a img {
	border: 3px solid silver;
}

.slider a:hover img{
	border: 3px solid black;
}


/*---Project Page Styles ---*/


#page #leftCol{
	position: absolute;
	top: 10px;
	left: 10px;
	width: 350px;
}

#page #projDetails{
	padding: 4px;
	height: 400px;
	overflow: auto;
}

#page #rightCol{
	position:absolute;
	top: 0px;
	left: 380px;
	width: 500px;
}

#page #rightCol #processStory{
	position: absolute;
	top: 10px;
	left: 0px;
}

#page #rightCol #processStory a img{
	border: 1px solid silver;
}

#page #rightCol #processStory a:hover img{
	border: 1px solid black;
}

#page #rightCol #deliverables {	
	position: absolute;
	top: 390px;
	left: 10px;
	border: 5px;
}

#page #rightCol #deliverables a{
	text-decoration: none;
	color: black;
}

#page #rightCol #deliverables a img{
	border-style: none;
}

#page #rightCol #deliverables a:hover{
	text-decoration: underline;
}

#subNav{
	position: absolute; top: 440px; left: 170px; height: 25px; width: 500px; font-size: 80%; text-align: center; color: gray; border-top: 1px solid silver; 
	margin-top: 5px;
}

#subNav #prevNext{
	padding: 6px 6px;
}

#subNav #subNavSlider a img{
	border: 1px solid black;
}

#subNav #subNavSlider a:hover img{
	border: 2px solid black;
}

#subNav .imageSelected {
	border: 2px solid black;
}

#footer .courtesyNav img{
	border-style:none;
}

#education{
	position: absolute;
	top:45px;
	left:415px;
	width: 400px;
	height: 215px;
	background-color: #FFCC33;
}

#skills{
	position: absolute;
	top:223px;
	left:295px;
	width: 595px;
	height: 258px;
	background-color: #FF9900;
}

#experience{
	position: absolute;
	top:33px;
	left:110px;
	width: 373px;
	height: 380px;
	background-color: #999999;
}