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

body { background:#006eae url('images/background.png') repeat fixed; color: #555555; font-family: 'Ubuntu Mono', sans-serif; font-size: 16px;text-align:center; }

h1 { font-size: 90px;
    font-family: 'Ubuntu Mono', sans-serif;
    line-height: 75px; padding: 10px;
    -webkit-transition-property: font-size;
    -moz-transition-property: font-size;
    transition-property: font-size;
    -webkit-transition-duration: 0.5s, 0.5s;
    -moz-transition-duration: 0.5s, 0.5s;
    transition-duration: 0.5s, 0.5s;
    -webkit-transition-timing function: linear, ease-in;
    -moz-transition-timing function: linear, ease-in;
    transition-timing function: linear, ease-in;
}
h1 a:hover { text-decoration: none; color: #27B3CF; }
 
h2 { font-family: 'Ubuntu Mono', sans-serif; font-size: 18px; padding: 10px;
    -webkit-transition-property: font-size;
    -moz-transition-property: font-size;
    transition-property: font-size;
    -webkit-transition-duration: 0.5s, 0.5s;
    -moz-transition-duration: 0.5s, 0.5s;
    transition-duration: 0.5s, 0.5s;
    -webkit-transition-timing function: linear, ease-in;
    -moz-transition-timing function: linear, ease-in;
    transition-timing function: linear, ease-in;
}
h3 { font-family: 'Ubuntu Mono', sans-serif; font-size: 30px;text-align:left;margin:5px 0px;c }
h4 { font-family: 'Ubuntu Mono', sans-serif; padding: 3px; margin: 5px 0 0 0; }
h4 a { text-decoration: underline; }
h4 a:hover { text-decoration: none; }

img{border:none;}
img.thumbnail{margin:0px 10px 20px 0px;}

header{text-align:left;padding:30px 0px 0px 30px}
 
#nav {background:transparent url('images/nav-bg.png') no-repeat; padding: 10px 0px 0px 340px; margin: 0px 0px 0px 210px;width:207px;height:30px;bottom:0;position:fixed;z-index:1;}
#nav a { color: #006eae; display: block; float: left; padding: 5px;font-weight:bold;text-decoration:none;margin-right:7px;font-size:.8em;z-index:1; }
#nav a:visited { color: #006eae; }
#nav a:hover { text-decoration: none; background:transparent url('images/nav-hover.png') no-repeat top right; margin-top:5px;}
#nav a:active { position: relative; top: 0; }

#wrapper{width:960px;margin:0px auto;} 

#wrapper-ecards{width:960px;margin:0px auto;text-align:left;}
#wrapper-ecards h1{color:#ffffff;font-size:2em;margin:20px 0px;padding:0px;}
#wrapper-ecards h2{color:#ffffff;font-size:1.3em;margin:20px 0px;padding:0px;}
#wrapper-ecards h3{color:#ffffff;}

 
#featured { padding: 20px; }
#latest { padding: 20px; }
#bio { padding: 20px; }

.content{background:url('images/content.png') no-repeat;width:741px;height:312px;}
 
p {padding: 0 5px;text-align:left;font-size:.8em; line-height:1.5em;}
ul { list-style: none; }
ul li { margin: 0 5px; }
 

.project-container{width:729px;height:300px;margin:120px auto;text-align:left;}
.text-container{width:729px;height:300px;margin:120px auto;text-align:left;background:url('images/content.png') no-repeat;padding:15px;}

.left{width:400px;float:left;}
.right{width:100px;float:right;}

.animalslider{width:255px;float:left;margin-left:10px;}

#contact p{border-left:#006eae solid 10px;padding:5px;}
#contact p:hover{border-left:#006eae solid 20px;}
#contact a{color:#555555;text-decoration:none;}