/* 
Palette:
Pink = #fd89ca
Dark Gray = #777
*/

/* normalizing styles. These styles serve to level out differences between browsers */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;} 
table {border-collapse:collapse; border-spacing:0;} 
fieldset,img {border:0;} 
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;} 
ol,ul {list-style:none;} 
caption,th {text-align:left;} 
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;} 
q:before,q:after {content:'';} 
abbr,acronym {border:0;} 
img, div { behavior: url(iepngfix.htc) }
a, a:hover {text-decoration:none;}
* :focus { outline: 0; }

/* general styles */

body { 
   background-color:#000;
   font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size:10px; color: #fd89ca;
}
#container {
   position:relative;
   display:block; width:700px; height:470px;
   margin:30px auto auto auto;
   background: url(../images/bkg_container.jpg);
}
span {font-weight: bold;}
a {color: #aaa;}
a:hover {color: #fff;}

/* index page navigation */

ul#nav {
   width:700px; margin:auto auto 20px auto; text-align:center;
   font-size:16px; font-weight:bold;  
}
ul#nav li {display:inline;}
ul#nav li a {color:#777; padding: 0px 30px 0px 30px;}
ul#nav li a:hover {color:#fff;}

/* non-index pages navigation */

ul#nav_alt {
   font-size:16px; font-weight:bold;
   position:absolute; top: 50px; left: 75px;   
}

ul#nav_alt li {display:inline;}
ul#nav_alt li a {color:#777; padding: 0px 30px 0px 30px;}
ul#nav_alt li a:hover {color:#fff;}

/* index page styles */
/*
#headshot {
   position:absolute; top:72px; left:50px; z-index:20;
   display: block; width: 250px; height: 220px;
}
#headshot img {position: absolute; top: 92px; left: 70px; z-index: 20;}
#title {position: absolute; left: 55px; top: 330px; z-index: 30;}
#title_alt {position: absolute; left: 55px; top: 0px; z-index: 30;}
*/
#note_from_dia {font-size: 13px; display: block; width: 400px; position: absolute; left: 300px; top: 80px; padding: right: 10px;}
#note_from_dia img {position:relative; left:200px; top: -15px;}
img#bottom {position:absolute; left:0px; top: 410px;}  /* pink "whisker" at bottom of page */

/* blog page styles */

iframe {
   display: block; width: 670px; height:700px;
   position:relative; top:35px; left:10px;
}

/* demo page styles */

.flash_frame {
   display: block; width: 700px;
   margin: auto; 
   text-align: center;
}
#video_demo {
   position: relative; top: 30px;
   margin: auto;
}
.get_flash {
   display: block; width: 400px; 
   margin: 40px auto auto auto;
   font-size: 14px; font-weight: bold;
   color: #aaa;
}

/* resume page styles */

.resume_text {
   font-size:12px; color: #333;
   width:650px;
   margin: auto; padding:25px;
   line-height: 1.25;
   position:relative; top:70px;
   background: #EFE7D1 url(../images/paper.jpg); 
}
#paper_edge {
  position: absolute; left: 0px; top: -26px;
}

.resume_text li {list-style-type: disc;}

h1 {font:normal normal bold 15px verdana,arial,helvetica,sans-serif; margin:auto auto 5px auto;}
h2 {font:normal normal bold 13px verdana,arial,helvetica,sans-serif; margin:10px auto 10px auto;}
h3 {font:italic normal bold 13px verdana,arial,helvetica,sans-serif; margin:auto auto auto 20px;}
.resume_text p {font:normal normal normal 12px verdana,arial,helvetica,sans-serif; margin:auto auto 10px 30px;}
.resume_text p a {color: #733;}
.resume_text p a:hover {color: #fff;}
.resume_text ul {margin:-3px auto 8px 50px; line-height:1.25;}
.dates {font-style: normal; font-size: 11px; color: #555;}

/* contact styles */

#contact_info {
   position:relative; top:140px; left: 80px;
   margin: auto; padding:10px; width: 72%;
   font-size: 18px; line-height: 1.7; text-align: center;
   background-color: #000;
   border: solid 1px #fd89ca;
}
#contact_info p span {color: #fff;}
#headshot2 {
   position: absolute; top: 80px;
}

/* footer styles */

#footer {
   text-align:center;
   padding-bottom:30px;
   font-size:9px;
   color:#555;
   margin-top:20px;
}