@charset "UTF-8";
/* CSS Document */

body{
background: url(images/pattern.jpg) repeat;

}



a{
color:#7DBDF9;
text-decoration:none;
}

a:hover{
color:#7b8bbd;
}

ul{
text-decoration:none;
display:inline;
margin:0;
padding:0;
}

li{
display:inline;
text-decoration:none;
margin:0;
padding:0;

}

hr{
background: url(images/divider.gif) no-repeat;
padding: 1em 0;
width:600px;
}

#buttons {
height:52px;
margin:10px auto;
padding:3px;
position:relative;
width:600px;
}
#buttons li {
background:transparent url(images/buttons/buttons.gif) no-repeat scroll 0pt;
display:block;
height:50px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
position:absolute;
top:0px;
width:200px;
}
#buttons a {
display:block;
height:50px;
width:200px;
}

#buttons #aboutLink {
background-position:0 -5px;
left:0px;
}

/*extra thingy about pages needed so that hover doesn't do anything when you're on the about page itself*/
#projectsPage #aboutLink a:hover, #resumePage #aboutLink a:hover {
background:transparent url(images/buttons/buttons.gif) no-repeat scroll -201px -5px;
}

#aboutPage #aboutLink a{
background:transparent url(images/buttons/buttons.gif) no-repeat scroll -406px -5px;
}


#buttons #projectsLink {
background-position:0 -60px;
left:198px;
}

#aboutPage #projectsLink a:hover, #resumePage #projectsLink a:hover {
background:transparent url(images/buttons/buttons.gif) no-repeat scroll -201px -60px;
}

#projectsPage #projectsLink{
background:transparent url(images/buttons/buttons.gif) no-repeat scroll -406px -60px;
}

#buttons #resumeLink {
background-position:0 -119px;
left:395px;
}

#aboutPage #resumeLink a:hover, #projectsPage #resumeLink a:hover {
background:transparent url(images/buttons/buttons.gif) no-repeat scroll -201px -119px;
}

#resumePage #resumeLink{
background:transparent url(images/buttons/buttons.gif) no-repeat scroll -406px -119px;

}

#intro{
background: url(images/topCenter.gif) no-repeat;
color: #e1e5ff;

}

#mainSection{
background: url(images/repeatCenter.gif) repeat-y top left;
color: #e1e5ff;
}

/*TEST*/

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

/*END TEST*/

h1,h2,h3,h4, p,ul,li{
color: #e1e5ff;

}

#questions{
text-align:right;
font-weight:bold;
float:left;
margin-right:10px;
}

#answers{
float:left;
margin-right:0;
}


#footer{
background:url(images/bottomCenter.gif) no-repeat;
}


.expandColumn{
width:500px;
margin-left:40px;
padding-bottom:20px;

}

.emphasis{
font-weight:bold;
}

.bookTitle{
font-style:italic;
}

.dates{
float:right;
font-style:italic;
}

.spacer{
margin: 0 0 2em 0em;
}

dt{
font-size:120%;
margin-bottom:1em;
}

dd{
padding-bottom:1em;
}


.projLink{
padding-bottom:17em;
}

.flRight{
float:right;
}

.caption{
text-align:center;
margin:0;
padding:0;
}

.imageR{
margin-left:4em;
}

.capR{
float:right;
margin-right:10em;
}

.capL{
float:left;
}


.rightPic{
float:right;
}

.leftPic{
float:left;
margin-right:.5em;
}

.up{
margin-top:-150px;
}

/*a:hover img {
border: thin solid #33CCFF ;
}*/

/*fixes a bug in safari 3 where the buttons are way too low w/out this line*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
#buttons li {
top:-15px;
}
}