body {font-family:"trebuchet ms", verdana, arial, sans-serif;color:#5f5f5f;background:#f0f0f0;}
a {color:#f5434a;text-decoration:none;border-bottom:1px dotted #446;}
a:hover {color:#f00;border-bottom:1px solid #7ab;}
p{margin:0 0 1em 0;}
ul{padding:0 0 0 1.5em;list-style:circle;}
li{padding:.1em 0 0 0;}
li:hover{list-style:disc;}
h1{margin:0 0 .1em;;padding:.3em 0 0;font-size:3.1em;font-weight:normal;color:#1f1f1f;letter-spacing:-3px;font-family:rockwell, "rockwell condensed", georgia, "franklin gothic medium", "palatino linotype", palatino, arial, serif;}
h2{margin:.3em 0 0;font-weight:normal;font-size:1.8em;letter-spacing:-2px;color:#1f1f1f;font-family:rockwell, "rockwell condensed", georgia, "franklin gothic medium", "palatino linotype", palatino, arial, serif;}
h3{font-size:1.2em;font-weight:normal;/*font-variant:small-caps;*/letter-spacing:-1px;margin:7px 0 0;color:#1f1f1f;}
h4{letter-spacing:-1px;}
sup{font-size:.6em;}
strong{font-weight:bold;}
acronym, abbr{border-bottom:1px dotted #888;}
b, strong{color:#1f1f1f;}
a b, a strong{color:inherit;}
h1, h2{padding-left:4px;}
h3, h4, #content p, .resdiv .date{padding-left:15px;padding-right:15px;}
#content ul {margin-left:15px;}

/* HEADER ====================*/
div#header{padding:0 0 0 7%;border-bottom:1px solid #d0cFcD;background:url(../limages/headerback.jpg) bottom repeat-x;}
h1#head{margin: 0;padding:0;}
h1#head a.head{border:none;font-family:georgia;}
h1#head a.head:hover{}

/*NAV =============================*/
ul#nav{font-size:1.2em;margin:0; padding: 0 0 0 30px;position:relative;text-align:center;list-style:none;font-family:arial, sans-serif;}
ul#nav li{display:inline;}
ul#nav a{padding:1px 5px 10px;display: block;float:left;text-decoration:none;text-transform:lowercase;border:none;letter-spacing:-1px;color:#2f2f2f;}
ul#nav a:hover{color:#f00;}
ul#nav .current, ul#nav .current:hover {background:url(../limages/navcurrent.gif) center bottom no-repeat;color:#7070cc;}

/*CONTENT =============================*/
#content{width:650px;margin:0 auto;padding:0 25px;position:relative;z-index:100;overflow:visible;background:url(../limages/contentback.jpg) top center repeat-y;}

/*FOOTER =============================*/
#footer {margin:0 auto;width:764px;height:710px;position:relative;background:#f0f0f0 url(../limages/rayback.jpg) center top no-repeat;}
#footer p.legal{position:absolute;bottom:20px;left:0;width:100%;text-align:center;font-size:.8em;color:#676;}
#footer .links{width:12em;padding:10px 0 0 15px;position:absolute;right:20px;top:60px;border-left:1px dotted #bbb;color:#f5f5f5;}
#footer .links h2{color:#f5f5f5;padding:0;}
#footer .links p{margin:0;text-shadow: #004 1px 1px 2px}
#footer .links a{color:#ffffda;color:#ffffdf;text-shadow: #004 1px 1px 2px;letter-spacing:-1px;}
#footer .links a:hover{color:#96ffa6;}

/*homepage ===================*/
h2#hello{margin: 0;padding:10px 0 6px;font-size:2.3em;text-align:right;letter-spacing:-3px;font-family:rockwell, "rockwell condensed", georgia, "franklin gothic medium", "palatino linotype", palatino, arial, serif;}
h2#hello .hello{font-style:italic;text-transform:lowercase;}
h2#hello .name{font-size:1.7em;color:#1f1f1f;}
/*div.mainlinks{margin:0 0 20px 0;padding:10px 0;background:#1f1f1f;border-top:5px solid #aaa;border-bottom:5px solid #aaa;color:#e5e5e5;}*/
.mainlinks{margin:0 -27px 10px -9px;padding:0 0 23px;background:url(../limages/flagbot.gif) bottom left no-repeat;color:#e5e5e5;}
.mainlinks div{position:relative;background: url(../limages/flagleft.gif) no-repeat;padding:0 0 0 9px;background-image:url(../limages/flagleft.gif);}
.mainlinks div div{position:relative;padding:10px 27px 5px 0;border-top:5px solid #aaa;background:#1f1f1f url(../limages/flagright.gif) bottom right no-repeat;}
a.mainlink{display:block;width:33.3%;padding:7px 0 6px;float:left;font-size:1.2em;text-align:center;text-transform:lowercase;letter-spacing:-1px;color:#ea434a;border:none !important;cursor:pointer;}/*cursor for ie6*/
a.mainlink:hover{background:#efefff;}
a.mainlink img{margin:-3px 0 0 0;}
.mainlinks h1{margin:15px 0 0 15px;}
.mainlinks h2{color:#f0f0f0;margin:0;}
.mainlinks h3{color:#f0f0f0;padding-bottom:1em;}
.mainlinks p{margin:0;padding: 0 25px 10px;}
.mainlinks strong{color:#f0f0f0;}

/*web design ================*/
.weblink{display:block;overflow:hidden;padding:7px 7px 7px 0;padding: 0 15px 0;margin: 10px 0;clear:both;border:none;border-right:1px dotted #446;border-left:1px dotted #446;}
.weblink .title{font-size:1.5em;font-variant:small-caps;letter-spacing:-1px;}
.weblink img{float:right;}
.weblink:hover{border:none;border-right:1px dotted #7ab;border-left:1px dotted #7ab;background:#efefff;}
.weblink .desc{color:#5f5f5f;}
.weblink:hover .desc{color:#8f5f5f;}

/*portfolio ===================*/
.thumbdiv{text-align:center;padding:10px 0 10px;border:1px dotted;border-top:none;border-bottom:none;background:#eaeaea;/*border:9px double #f0f0f0;background:#2f2f2f;*/}
.thumb{margin: 9px;border:none;}
.thumb:hover{border:none;}
.thumb img{border:1px solid #1f1f1f;}
.thumb:hover img{opacity:.7;border-color:#f5434a;}


/*projects ===================*/
#dyslogo{position:relative;z-index:200;}
#dyspic1{float:right;position:relative;top:-70px;margin:0 0 -70px;}

/*resume ====================*/
.resume p{margin:0 0 .3em 0;}
.resume .myinfo{padding: 0 0 5px 0;border-top: 1px dotted #888;}
.resdiv{padding: 0 0 .8em 0;}
.resdiv .date{color:#777;font-size:.8em;}


/* TOOLBOX ==================*/
.clearfix:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clearfix{height: 1%;}
.nb {font-weight:normal;}
.m0{margin:0 !important;}
.mt25{margin-top:25px;}
.p0{padding:0 !important;}
.ptb0{padding-top:0 !important;padding-bottom:0 !important;}
.center{text-align:center;}
.left{text-align:left;}
.clear{clear:both;}