/*
 
   Robert Hooks' Website
   Author: 		Robert Hooks
   Date:   		11/20/09

   Filename:         styles.css
   Supporting Files: 

*/

*			{background-color: black; 
			font-family: serif, san-serif;
			font-weight: bold; 
			color:white;
			margin: 0; padding: 0}

a			{text-decoration:none}



#homelogo		{
			float:right;
			}
#spacer			{width: 120px; height: 120px; float:right;
			}
#spacer img		{width: 50px}

#main			{
			color: white; 
			width: 800px; 
			background-image: url(images/img-background-cloud.jpg);
			background-repeat: no-repeat;
			background-position: 0 230px;
			margin-left: auto; margin-right: auto;
			text-align: center;
			}

#subpage			{
			background-color: transparent;
			color: white; 
			width: 800px; 
			margin-left: auto; margin-right: auto;
			text-align: center;
			}

#sidebar			{
			background-color: transparent;
			float:left;
			}

#hooks			{
			background-color: transparent;
			float:right;
			width:100px;
			position: relative;
			top: 70px;
			left:-50px;
			}

img			{
			border: 0px;
			}

.buttons		{
			background-color:transparent;
			margin:5px;
			float:left;
			}

.buttons a		{background-color:transparent}

#landscape		{
			background-color: transparent;
			margin-top: -40px;
			float:left;
			}

#balloon			{
			background-color: transparent;
			position: relative;
			z-index:2;
			visibility: hidden;		
			}

#showcase		{float:left;			
			width:520px;
			height:480px;
			position:relative;
			left:0px;
			}

#desc			{background-color:transparent;
			position: relative;
			top:-0px;
			left:10px;
			width:120px;
			height:480px;
			text-align:left;
			float:left;
			
			}

#port1			{float:left;
			position:relative;
			top:0px;
			left:0px;
			width:130px;
			height:120px;			
			}
#port2			{float:left;
			position:relative;
			top:0px;
			left:-90px;
			width:130px;
			height:120px;			
			}
#port3			{float:left;
			position:relative;
			top:0px;
			left:-180px;
			width:130px;
			height:120px;			
			}
#port4			{float:left;
			position:relative;
			top:0px;
			left:-270px;
			width:130px;
			height:120px;			
			}
#port5			{float:left;
			position:relative;
			top:0px;
			left:-360px;
			width:130px;
			height:120px;			
			}
#port6			{float:left;
			position:relative;
			top:-120px;
			left:350px;
			width:130px;
			height:120px;			
			}
#port7			{float:left;
			position:relative;
			top:-120px;
			left:260px;
			width:130px;
			height:120px;			
			}
#port8			{float:left;
			position:relative;
			top:-120px;
			left:170px;
			width:130px;
			height:120px;			
			}
#port9			{float:left;
			position:relative;
			top:-120px;
			left:80px;
			width:130px;
			height:120px;			
			}
#port10			{float:left;
			position:relative;
			top:-120px;
			left:-10px;
			width:130px;
			height:120px;			
			}
#port11			{float:left;
			position:relative;
			top:-120px;
			left:-100px;
			width:130px;
			height:120px;			
			}
#port12			{float:left;
			position:relative;
			top:-240px;
			left:590px;
			width:130px;
			height:120px;			
			}
#photogallery		{margin-left:150px}

#photogallery div	{			
			display: block;
			float:left;
			padding:0px 0px 4px 4px;
			width:150px;
			height:150px;
			}
#photogallery img	{			
			width: 150px; 
			height:150px;
			}

#photogallery a:hover .photo	{
			width:300px;
			height:300px;
			display:block;
			z-index:2;
			position: relative;
			top:-50px;
			left:-75px;
			border: 5px double white;
			}

#blogTable		{border-color: white;
			font-size: 1.25em;
			border: 1px solid red;
			width:650px;
			height:600px;
			text-align:left;
			}
#blogTable tr		{
			height: 100px;
			}
#blogTable td		{vertical-align: top;
			}
#blogTable a		{
			text-decoration:none;
			color:white;
			}
#blogTable td label		{
			margin: 5px 0px 0px 10px;
			display:block;
			}
#blogTable li		{
			font-size:0.8em;
			margin-left:20px;
			}
#fname, #lname, #email	{width: 20em}

.sitelinks		{
			color:gray;
			display:inline;
			}
.sitelinks a		{
			color:gray;
			padding: 0px 10px;
			}