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

* {margin: 0; padding: 0;}

body {margin: 0; background: #111 url(images/stripes1.gif); font: normal small Arial, Helvetica, sans-serif; color: #666666;}

/* PAGE STRUCTURE */
#page {width: 750px; margin: 0 auto; background: #FFFFFF; border: 0;}
#logo {height: 95px; background: url(images/header.jpg);}
#logo h1 {display: none;}


/* COMMON ELEMENTS */
h1, h2, h3 {font-family: Arial, Trebuchet MS, sans serif; font-weight: normal; color: #333; border-bottom: 0px solid #000000; text-indent: 20px;}
p {line-height: 170%;  padding: 0 0 5px 0; color: #333333}
p a {color: #333333}
ul {margin-left: 3em;}
ol {margin-left: 3em;}
img {border: none;}


/* MENU */
#menu {height: 50px; background: #fff; padding-top: 5px; padding-left: 25px}
#menu ul {margin: 0; list-style: none;}
#menu ul li {display: inline;}
#menu ul li a {display: block; float: left; margin-left: 0px; padding: 0; text-decoration: none; text-transform: uppercase; font-size: 10px; font-weight: bold; color: #FFFFFF; height: 33px}


/* LINK BG IMAGES */
#menu ul li a#home:link, #menu ul li a#home:visited {background: #fff url(images/home.png) no-repeat; width: 63px;}
#menu ul li a#portfolio:link, #menu ul li a#portfolio:visited {background: #fff url(images/portfolio.png) no-repeat; width: 72px;}
#menu ul li a#websites:link, #menu ul li a#websites:visited {background: #fff url(images/websites.png) no-repeat; width: 76px;}
#menu ul li a#writing, #menu ul li a#writing:visited {background: #fff url(images/writing.png) no-repeat; width: 64px;}
#menu ul li a#images, #menu ul li a#images:visited {background: #fff url(images/images.png) no-repeat; width: 68px;}
#menu ul li a#aboutme, menu ul li a#aboutme:visited {background: #fff url(images/aboutme.png) no-repeat; width: 82px;}
#menu ul li a#contact, menu ul li a#contact:visited {background: #fff url(images/contact.png) no-repeat; width: 68px;}


/* LINK BG ROLLOVERS*/
#menu ul li a#home:hover {background: #fff url(images/home_ro.png) no-repeat;}
#menu ul li a#portfolio:hover {background: #fff url(images/portfolio_ro.png) no-repeat;}
#menu ul li a#websites:hover {background: #fff url(images/websites_ro.png) no-repeat;}
#menu ul li a#writing:hover {background: #fff url(images/writing_ro.png) no-repeat;}
#menu ul li a#images:hover {background: #fff url(images/images_ro.png) no-repeat;}
#menu ul li a#aboutme:hover {background: #fff url(images/aboutme_ro.png) no-repeat;}
#menu ul li a#contact:hover {background: #fff url(images/contact_ro.png) no-repeat;}

/* LINK BG ACTIVE*/
#menu ul li a#home.active {background: #fff url(images/home_ro.png) no-repeat; width: 63px;}
#menu ul li a#portfolio.active {background: #fff url(images/portfolio_ro.png) no-repeat; width 72px}
#menu ul li a#websites.active {background: #fff url(images/websites_ro.png) no-repeat; width: 76px;}
#menu ul li a#writing.active {background: #fff url(images/writing_ro.png) no-repeat; width: 64px;}
#menu ul li a#images.active {background: #fff url(images/images_ro.png) no-repeat;}
#menu ul li a#aboutme.active {background: #fff url(images/aboutme_ro.png) no-repeat; width: 82px;}
#menu ul li a#contact.active  {background: #fff url(images/contact_ro.png) no-repeat; width: 68px;}




/* MAIN */
#main {padding: 0 15px; float: top;}

/* PICTUREMENU */
#picturemenu {padding: 0 20px; }

/* HOMEPAGE */
#homepagetext {margin: 0 20px; padding: 25px 0 10px 0; border-top: 2px dotted #666666;}
img.homepage_left {margin: 0 23px 20px 0;}
img.homepage_middle {margin: 0 0px 20px 0px;}
img.homepage_right {margin: 0 0px 20px 23px;}

/* PORTFOLIO PAGE */
#portfoliotext {margin: 0 20px; padding: 5px 0 10px 0;}
#portfoliotext ul {list-style-type: none; padding: 0; margin: 0; border: 1px solid #FFF;}
#portfoliotext li {padding: 5px 0 0px 0; margin: 0;  border: 1px solid #FFF; height: 26px;}
#portfoliotext li img {padding: 0px 0 0 0; float: left;}


/* WRITING PAGE */
#article {margin: 0 20px; padding: 0 20px 10px 20px;}
#article_img {float: left; padding: 10px 0 0 0; margin: 0 0 0px 20px;}
#breadcrumb_menu {margin: 0 20px; padding: 0 0 10px 0;}
h1.article {margin: 0; padding: 30px 0 5px 0; font: bold 1.5em arial; }
p.article_intro {margin: 0; padding: 30px 0 5px 0; font: 1em arial;}
p.article {margin: 5px 20px; border-bottom: 2px dotted #666; padding: 5px 0px 10px 0; font-size: 0.9em; clear: both;}
p.article_footer {margin: 10px 20px 0px 20px; padding: 10px 0 20px 0; font-size: 1em; font-style: italic;}

/* IMAGES PAGE */
#gallery_intro {margin: 0 20px 0 20px; padding: 0 0 0 20px;}
img.homepage_left {margin: 0 23px 30px 0;}
img.homepage_middle {margin: 0 0px 30px 0px;}
img.homepage_right {margin: 0 0px 30px 23px;}
#gallery_intro p {clear: both;}

/* CONTACT PAGE */
p.contact {margin: 0px 20px; #666; padding: 0px 0px 30px 0; font-size: 0.9em; clear: both;}

/* FOOTER */
#footer {clear: both; width: 750px; padding: 10px; margin: 0 auto;}
#footer p {margin: 0 0 0 0px; font-size: 8pt; color: #999999;}
#footer a {color: #999999;}