/* Our People StyleSheet
Author - Phil Cady
Revised -  04/24/09
*/


/* --- GLOBALS --- */


*							{ margin: 0; padding: 0;  }

body							{ font-family: arial, helvetica, sans-serif; font-size: 80%;
/* Disabled to prevent conflict with standard Guidance.com style */  
/*
background-image:url(../images/bg_grey.jpg); background-repeat: repeat-x; background-color: #696969; margin:0 auto; 
*/
}

img 							{ border:0;  margin:0;  padding:0; text-align:right; }

h1							{ color:#AAA; }

.hide							{ display:none; }


/* --- LAYOUT --- */

.grid_container					{ width:350px; }
.grid_container img					{ cursor:pointer; }

#wrapper 			{ position: relative; top:0; height:421px; left:0; background-image:url(../images/bkg_grad.png);background-repeat:no-repeat; width:499px; }

div.title_area 					{ position: absolute;  left: 0;  top: 0; }
div.main_area 					{ position: absolute;  left: 0;  top: 51px; }

div.main_area .row					{ height:60px;  }
div.main_area .row a:hover 				{ background-image:url(../images/thumb_glow_88.png);background-repeat:no-repeat;}
div.main_area .col					{ float: right; }
div.main_area .col:hover			{ background-image:url(../images/thumb_glow_88.png);background-repeat:no-repeat; }

.main_area .thumb 					{ height: 52px; width: 52px; margin:1px; }
.main_area .headshot 				{ height: 110px; width: 80px; margin:25px 8px; }
.glow							{ background-image:url(../images/thumb_glow_88.png);background-repeat:no-repeat; }
.roglow						{ background-image:url(../images/thumb_glow_88.png);background-repeat:no-repeat; }

.main_area .person_info 			{ color: #49530f; display: none; position: absolute; width: 317px; height: 300px; top: 64px; left: 29px; background-image:url(../images/profile_bkg.png); background-repeat:no-repeat; }

.main_area .person_info .close 		{ background-image:url(../images/Button_Close_Up.png); background-repeat:no-repeat; cursor:pointer; position: absolute;  width: 14px; height: 14px; top: 5px; left: 293px; }
.main_area .person_info .close:hover 	{ background-image:url(../images/Button_Close_Over.png); background-repeat:no-repeat; cursor:pointer; position: absolute;  width: 14px; height: 14px; top: 5px; left: 293px; }
.main_area .application			{ width: 280px; position: absolute; left: 80px; top: 40px; }

#join_title						{ position:absolute; top:5px; left:90px; font-size:16px; color:#49530f; }
.join_us						{ position:absolute; top:5px; left: 4px; }

.fullname						{ position:absolute; top:5px; left:96px; font-size:92%; color:#5a6614; }

#application textarea				{ width:90%; }


/*The Fisheye Area */

div.fisheye_area				{ position: absolute; left: 176px;  top: 350px;  }



/*The Links Area */

div.links_area					{ position: absolute;  left: 358px;  top: 61px;  height:360px;  width:140px;  background-image: url(../images/sidebar_bkg.png);background-repeat:no-repeat; }

.links_area .default_links		{ position: relative;  left: 10px;  top: 10px;  height:360px;  width:120px;  }
.links_area .default_links ul	{ list-style:none; margin:40px 0 0 5px; }
.links_area .default_links li	{ margin:2px; }

.links_area .person_links		{ display: none;  position: absolute; left: 10px;  top: 10px;  height:480px; }
.links_area .link				{ height:24px; width:160px; background-color: #888; margin:10px;  padding-left:5px; }
.links_area .link_text			{ position:relative; top:-8px; left:5px; }

#connect a						{ display:block; background-image:url(../images/Button_Connect_Up.png); background-repeat:no-repeat; width: 101px; height:24px; }
#connect a:hover				{ display:block; background-image:url(../images/Button_Connect_Over.png); background-repeat:no-repeat; width: 101px; height:24px; }
#fan a							{ display:block; background-image:url(../images/Button_Be_a_Fan_Up.png); background-repeat:no-repeat; width: 101px; height:24px; }	
#fan a:hover					{ display:block; background-image:url(../images/Button_Be_a_Fan_Over.png); background-repeat:no-repeat; width: 101px; height:24px; }				
#follow a						{ display:block; background-image:url(../images/Button_Follow_Us_Up.png); background-repeat:no-repeat; width: 101px; height:24px; }
#follow a:hover					{ display:block; background-image:url(../images/Button_Follow_Us_Over.png); background-repeat:no-repeat; width: 101px; height:24px; }
#peruse a						{ display:block; background-image:url(../images/Button_Peruse_Up.png); background-repeat:no-repeat; width: 101px; height:24px; }
#peruse a:hover					{ display:block; background-image:url(../images/Button_Peruse_Over.png); background-repeat:no-repeat; width: 101px; height:24px; }
#learn a						{ display:block; background-image:url(../images/Button_Learn_Up.png); background-repeat:no-repeat; width: 101px; height:24px; }
#learn a:hover					{ display:block; background-image:url(../images/Button_Learn_Over.png); background-repeat:no-repeat; width: 101px; height:24px; }
#read a							{ display:block; background-image:url(../images/Button_Read_Up.png); background-repeat:no-repeat; width: 101px; height:24px; }
#read a:hover					{ display:block; background-image:url(../images/Button_Read_Over.png); background-repeat:no-repeat; width: 101px; height:24px; }

#join							{ position:absolute; bottom:75px;left:-8px; }
#join a							{ display:block; background-image:url(../images/Button_Join_Us_Up.png); background-repeat:no-repeat; width:114px; height:21px; }
#join a:hover					{ display:block; background-image:url(../images/Button_Join_Us_Over.png); background-repeat:no-repeat; width:114px; height:21px; }