/* CSS Document for van der Wyk Design, 2007 */

body {background: url(../images/spiral.jpg) left repeat-y; font-family: Arial, Helvetica, sans-serif; text-align:center;}

h1 {font-family:Lucida Bright,"Courier New", Courier, mono; font-size:36px; margin:1em; padding:0; font-weight:bold; color:#555}
h2 {font-family:Lucida Bright,"Courier New", Courier, mono; font-size:24px; margin:1em; padding:0; color:#555; font-weight:normal;}
h3 {font-family:Lucida Bright,"Courier New", Courier, mono; font-size:16px; margin:10px; padding:0; color:#222; font-weight:normal;text-align:left; clear:none;}


#wrapper {background:#fff url(../images/page_edges.jpg) right repeat-y; width:800px; margin:0 auto 0 90px; padding:0; }
#header {width:70%; margin:0 ; padding:0; float:left; clear:none; background:url(../images/new-logo.gif) top left no-repeat;}
#header h1 {margin:2.75em 0 0 3.5em; text-align:left; width:400px; font-size:36px; clear:none; padding:0}

#header_top {margin:0; padding:0; width:200px; float:left;}
#header_nav {margin:0 0 50px 0; padding:0; text-align:right;}
#header_nav a{margin:1em 0; font-size:14px; text-decoration:none; color:#000;}
#header_nav a.special {font-size:18px; color:#aaa; font-weight:bold;}
#header_nav a:hover {color:#609;}




 /* three column layout */
 
#main {width:75%; margin:0 0 20px 0;  padding:0; float:left; clear:none;}
#main p {font-size:12px; text-align:left; margin:1em; line-height:1.5em;}
#main a { color:#000; text-decoration:none; font-weight:bold;}
#main a:hover {color:#609;}
#rss {padding:0 20px;}
#second_column {float:left; width:45%; clear:none;}
#other_column {float:right; width:50%; clear:none;}

#right_column {width:200px; float:right; margin:100px 0 0 0; padding:0;  /*border-right:1px #000 solid;*/  z-index:1000; text-align:center; clear:none;}
#right_column p {margin:1em; font-size:small; text-align:left;}
#right_column ul {text-align:right; list-style:none; margin:1em; }
#right_column ul li {padding:.25em 0; border-bottom:#fff 1px solid;background:#FFCC99;}
#right_column ul li:hover {background:#fff;}
#main ol {text-align:left; font-size:small; margin:1em 4em; }
#main ol li {padding:.15em}
#right_column a {color:#000; text-decoration:none; margin:.5em; font-weight:bold;}
#right_column a:hover {color:#609;}

#left_column {width:160px; margin:0; padding:0; float:left;}
#left_column p {margin:1em; font-size:small; text-align:left;}
#left_column ul {text-align:right; list-style:none; margin:1em; }
#left_column ul li {padding:.25em 0; border-bottom:#fff 1px solid;background:#FFCC99;}
#left_column ul li:hover {background:#fff;}
#left_column a {color:#000; text-decoration:none; margin:.5em; font-weight:bold;}
#left_column a:hover {color:#609;}

#footer {width:100%; clear:both; font-size:small; padding-bottom:20px; color:#666; font-style:italic;}
#footer p {margin:2em 0;}

div.portfolioItem {width:32%; float:left; margin:0; padding:0; text-align:center;}
img.portfolioItem {margin:10px;}
#main p.portfolioItem {font-size:small; text-align:center; margin:2px; line-height:1em;}
div.portfolioItem_clear {width:32%; float:left; margin:0; padding:0; text-align:center; clear:left;}
.marginright {float:right; margin:5px 10px;}
.marginleft {float:left; margin:5px 10px; clear:left;}
.margin10 {margin:10px;}
#underPort {clear:both;}