/* HTML5 tags */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; margin: 0; padding: 0; border: 0; }

/* general HTML tags */
body {margin: 0; padding: 0; border: 0; text-align:center; color: #4d4d4d; background: #333 repeat url(img/bl-gr-pinstripe.jpg); }
p {color:#666666; margin: 0 auto 25px auto;}
em {font-size:0.8em;}
abbr {border-bottom: 1px dashed #6DB7DB;}
h1, h2 {font-size: 2.5em; font-weight: bold;}
a {color: #6DB7DB;}
ul a, p a {color: #4d4d4d; text-decoration: none; border-bottom: 1px dashed #4d4d4d;}
a:hover {color: #6DB7DB; border-bottom: none;}
#portfolio a {border-bottom: none;}
#portfolio a.top {border-bottom: 1px dashed #4d4d4d;}

/* header styles */
header {margin: 15px 0px; height: 200px; overflow: hidden; background: white url(img/seamless-crumple_paper.jpg) repeat; border: none;}
img#tblogo {float: left;}
header h1 {float: left; width: 450px; margin: 50px 10px;}
nav ul {display: inline; width: 300px; float: right; margin: 30px 0 0 0;}
nav ul li {display: block; float: left; list-style: none; width: 100px;}
/*nav {font-size: 1.2em;}*/

/* sections */
section {margin: 50px auto 15px; overflow: hidden; background: white url(img/seamless-crumple_paper.jpg) repeat; border: none;}
section#aboutme, section#portfolio {width: 800px;}

/* aboutme */
#aboutme p {width: 700px; margin: 10px auto;}

/* portfolio */
#portfolio ul {list-style: none; width: 600px; margin: 10px auto;}
#portfolio ul li {float: left; width: 300px; height: 300px;}
#portfolio ul li img {border: 2px solid #4d4d4d;}
#portfolio p {clear: both;}

/* footer */
footer p {color: #fff;}