/*
'#' represents id
'.' represents class
' ' is inside previous element
':' is pseudo-class or pseudo-elements
*/

/**********************************
Basic Elements
**********************************/

body{
	padding: 0px;
	border: 0px;
	margin: 1% 5%;
	font-family: 'Lucida Sans', 'Times New Roman';
	background-image: url(background.jpg);
	background-attachment: fixed;
    color: white;
}

a{
	font-family: 'Lucida Sans', 'Times New Roman';
	color: blue;
	text-decoration: underline;
}

a:visited{
	color: blueviolet;
}

a.hidden{
	color: white;
}

a:active, a:hover{
	color: red;
}

h1{
 font-family: 'Lucida Sans', 'Times New Roman';
 font-size: 28pt;
 color: red;
 padding: 0px 1%;
 margin: 3px 0px;
 font-weight: bold;
 font-style: italic;
}

h2{
  font-family: 'Lucida Sans', 'Times New Roman';
 font-size: 16pt;
 color: red;
 padding: 0px 1%;
 margin: 15px 4px 0px 4px;
 font-weight: bold;
 font-style: italic;
}

h3{
 font-family: 'Lucida Sans', 'Times New Roman';
 font-size: 16pt;
 color: white;
 padding: 0px 1%;
 margin: 1px 4px;
 font-weight: bold;
 font-style: italic;
}

h4{
 font-family: 'Lucida Sans', 'Times New Roman';
 font-size: 14pt;
 color: white;
 padding: 0px 1%;
 margin: 1px 4px;
 font-weight: bold;
}

h5{
 font-family: 'Lucida Sans', 'Times New Roman';
 font-size: 16pt;
 color: red;
 padding: 0px 1%;
 margin: 1px 4px;
 font-weight: bold;
 font-style: italic;
}

h6{
 font-family: 'Lucida Sans', 'Times New Roman';
 font-size: 16pt;
 color: white;
 padding: 0px 1%;
 margin: 1px 4px;
 font-weight: bold;
 font-style: italic;
}

p{
 font-family: 'Lucida Sans', 'Times New Roman';
 font-size: 12pt;
 color: white;
 font-weight: normal;
 margin-left: 25px;
}

ul.small{
	margin-top: 0px
	list-style-type: disk;
}

hr{
 background-color: #555566;
 height: 5px;
 margin: 0px 10%;
 border: 0px;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

/**********************************
Top Banner
**********************************/
#top{
   padding: 0px;
   border: 0px;
   margin: 0px -10px;
   top: 0%;
   width: 100%;
   align: center;
   font-family: 'Times New Roman';
   font-style: italic;   
}

#top h1{
   font-family: 'Lucida Sans', 'Times New Roman';
   font-size: 28pt;
   color: red;
   margin: 3px 0px;
   font-weight: bold;
}

#top div{
   float: center;
   padding: 0px 0px 0px 10%;
}
   /*float: center;*/

/*
#top div.address{
   padding: 15px;
   border: 1px solid black;
   margin: 0px 0px 0px -1px;
   float: left;
   width: 42%;
}
*/

#top p{
   padding: 0px;
   border: 0px;
   margin: 0px 20px;
   text-align: center;  
   font-size: 80%;
   font-weight: bold;
}

#top a{
   padding: 0px;
   border: 0px;
   margin: 0px 0px 0px 15px;
   font-family: 'Times New Roman';
   font-size: 11pt;
   font-weight: bold;
   font-style: italic;
   color: white;
   text-decoration: none; 
}

#top a:hover{
   color: red;
   text-decoration: underline;
}


div.address{
   width: 100%;
   align: center;
   padding: 0px;
   border: 0px;
   margin: 0px 0px 0px 15px;
   font-family: 'Times New Roman';
   font-size: 11pt;
   font-weight: bold;
   font-style: italic;
   color: white;
   text-decoration: none; 
}

div.address p{
	display: inline;
	margin: 0px 25px 0px 0px;
}


/**********************************
Skills
**********************************/

div.skills{
	margin: 5px 5px 5px 25px;
}

div.skills h4{
	display: inline;
}

div.skills p{
	display: inline;
	margin: 0px 25px 0px 0px;
}

/**********************************
Popups
**********************************/

a.popup{
	margin: 0px:
	padding: 0px;
}

a.popup:hover{
	margin: 0px:
	padding: 0px;
	display: inline;	
}

a.popup p{
	display: none;
	padding:10px;
	border: 3px solid black;
	margin: 0px;
	width: 80%;
	text-decoration: none;
}

a.popup:hover p{
	display: block;
}

a.popup li{
	color: black;
	text-decoration: none;
}

div.return{float: center;
	width: 80%
   	
}

a.return{
	color: blue;
	float: right;
	padding: 0px 0px 0px 30%;
}

/**********************************
Others from Douthart Site
**********************************/

/* navigation bar */
.navbar{
   padding: 0px 0px 13px 0px;   
   margin: 10px 0px;
   border: 0px;
   width: 100%;
   color: black;
   font-family: Arial;
   font-size: 10pt;
   font-weight: bold;
   text-align: center;
}

/*
.navbar div.ribbon{
   padding: 3px 8px;
   border-top: solid 3px;   
   border-bottom: solid 3px;
   margin: 0px 0px 0px 0px;
   background-color: black;
   font-family: Arial;
   font-size: 10pt;
   font-weight: bold;
   color: black;
   text-decoration: none;
}
*/

.navbar img{
   padding: 0px;
   margin: 0px -3px -20px -3px;
   border: 0px;
}

.navbar a{
   padding: 3px 6px;
   border-top: solid 2px;   
   border-bottom: solid 2px;
   margin: 0px -3px;
   background-color: black;
   font-family: Arial;
   font-size: 10pt;
   font-weight: bold;
   color: white;
   text-decoration: none;
}

.navbar a:active{
	color: red;
}

.navbar a:visited{
	color: white;
}

.navbar a:hover{
	color: red;
	text-decoration: underline;
}

.navbar a.leftmost{
   	padding: 3px 8px 3px 15%;
	left: 0%;
}

.navbar a.rightmost{
   	padding: 3px 15% 3px 8px;
	right: 100%;
}

/* content */
#mycontent{
   padding: 0px;
   border: 0px;
   margin: 5px 0px 0px 0px;
   width: 100%;   
   background-color: black;
   font-family: 'Lucida Sans', 'Times New Roman';
   font-size: 20;
   font-weight: bold;
   color: white;
}

/* left column (also a nav bar) */
#left{
   padding: 15px 6% 0px 6%;
   border: 0px;
   margin: 0px;
   float: left;
   width: 20%;
   text-align: left;
   font-family: 'Lucida Sans', 'Times New Roman';
   font-size: 20;
   font-weight: bold;
   color: white;
   background-color: black;
}

#left p{
	padding: 0px;
	border: 0px;
	margin: 0px;
}

#left a{
   font-family: 'Lucida Sans', 'Times New Roman';
   font-weight: bold;
   color: white;
   text-decoration: none;
}

#left a:active{
	color: red;
}

#left a:hover{
	color: red;
	text-decoration: underline;
}

#left a.home{
        padding: 40px 0px;	
	margin: 0px 5% 0px 5%;
	background-image: url(images/home.png);
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: 93px;
	text-align: center;
	color: white;
}

#left a.hidden{
	color: black;
}

#left image{
   padding: 0px;
   align: center;
}

/* center column - main content */
#center{
   padding: 15px 0px 0px 15px;
   border: 0px;
   margin: 0px;
   float: right;
   width: 78.5%;
   background-color: white;
   text-align: left;
   font-family: 'Lucida Sans', 'Times New Roman';
   font-size: 12pt;
   font-style: normal;
   font-weight: normal;
   color: white;
}

/* right column - news box */
#news{
   padding: 0px;
   border: 8px solid black;
   margin: -15px 0px 0px 0px;
   background-color: white;
   float: right;
   width: 30%;
   font-family: 'Lucida Sans', 'Times New Roman';
   font-size: 8pt;
   color: white;
}

#news p{
   font-size: 10pt;
}

#news ul{
   margin: 0px 0px 3px 15.5%;

}

#news li{
   padding: 0px 2% 0px 0px;
   font-family: 'Lucida Sans', 'Times New Roman';
   font-size: 9pt;
   color: white;
}

/* bottom of page */
#footer{
}

/* for fun :) */
.subliminal{
	display: none;
}