@CHARSET "ISO-8859-1";


/* for all pages  */
/* -----------------------  */
html{
	background-color:#DDDDDD;
	margin:0;
	padding:0;
}
body{
	margin:0;
	padding:0;    
  
}
#container{
    position:relative;
    width: 950px;
    margin: auto;
    clear:both;
    overflow:auto;
    margin-left:80px;
    
}
#menudiv
{
    	position:relative;
    	margin:0;
    	padding:0;
    	background-color:#444444;
    	overflow:auto;
    	border-bottom: 2px solid #006682;
    	border-left: 2px solid #444444;
}
a {
    background: none;
    color: #999;
    text-decoration: none;
 }

a:hover {
   color: #eee;
   text-decoration: none;
 }

/* site title
----------------------------------------------------------*/
.site-title {
    color: #FFFFFF;
    font-size: 2.5em;
    margin: 0;
    padding-left:20px;
    padding-top:10px;
}

.site-title a, .site-title a:hover, .site-title a:active {
    background: none;
    color: #EFEFEF;
    outline: none;
    text-decoration: none;
}


#footer{
    background-color:black;
    color:white;
    clear:both;
}

/*  for People page */
/*  ----------------------------- */
#namediv
{	
	font-size:2em;
	padding-top:30px;
	width:350px;
	
}
#namedivconn
{	
   	width:350px; 	
 	font-size:2em; 
 	padding-top:0px;
 	float:left;
 	margin-left:0px;     
}
#picdiv
{	
	width:350px;
      float:left; 
      clear:left;  
}
#catdiv
{	
	width:350px;
      float:right; 
       
}

#conndiv
{	
	display:none;
   	float:left;
   	width:350px;
   	margin-left:80px;      
}
#biodiv
{
	float:left;
	width:350px;
	margin-top:30px;
	clear:left;
}
#tagdiv
{
	float:left;
	width:350px;
	margin-top:0px;
	clear:left;
}
#connpics
{
	width:500px;
	height:400px;
	border:2px solid black;
	float:left;
	margin-left:80px;
}

/*  for List page */
/*  ----------------------------- */
.peopletable
{	
	margin-top:30px;
   	margin-left:80px;      
}
.peopletable a {
			font-size: 1.3em;
            background: none;
            color: #000;
            text-decoration: none;	
}
.peopletable a:hover {
	        color: #eee;
            text-decoration: none;
}

.ptpic  {
			width: 100px;
}

.ptname {
			width: 250px;
}

/* menu
----------------------------------------------------------*/
ul#menu {
    font-size: 1.3em;
    font-weight: 300;
    text-align: right;
}

    ul#menu li {
        display: inline;
        list-style: none;
        padding-left: 15px;
    }

        ul#menu li a {
            background: none;
            color: #999;
            text-decoration: none;
        }

        ul#menu li a:hover {
            color: #eee;
            text-decoration: none;
        }
/*  for Main page */
/*  ----------------------------- */
#titlediv
{	
	font-size:2em;
	padding-top:30px;

}

/*  About  */
/*  ----------------------------- */
#about
{	
   	width:650px; 	
 	padding-top:30px;
 	float:left;
 	margin-left:80px;   

}

/*  Add  */
/*  ----------------------------- */
#addform
{	
   	width:650px; 	
 	padding-top:30px;
 	float:left;
 	margin-left:80px;   

}

/*  Tag  */
/*  ----------------------------- */
#tagform
{	
   	width:650px; 	
 	padding-top:30px;
 	float:left;
 	margin-left:80px;   

}


/*  Works Cited */
/*  ----------------------------- */
#works
{	
   	width:650px; 	
 	padding-top:30px;
 	float:left;
 	margin-left:80px;   

}

/*  Footer */
/*  ----------------------------- */
#footer {

	padding-right:20px;
	overflow:auto;
	position:fixed;
	bottom:0;
	width:100%;
}
#footer a {
            background: none;
            color: #999;
            text-decoration: none;	
}
#footer a:hover {
	        color: #eee;
            text-decoration: none;
}