.rightside ul {
	margin-left: 0;
	padding-left: 15px;
	}
.rightside li {
	margin-bottom: 0.5em;
	}	
/* IEPNGFix */
img, div { behavior: url(libjs/iepngfix.htc) }
/* /IEPNGFix */
img {border: 0;}
 .clearer{
 height:1px;
 overflow:hidden;
 margin-top:-1px;
 clear:both;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color: #E7E2D6;
  font-size: 12px;
	text-align: center;
	}
#wrap {
	width: 768px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
	background: url(assets/temptopbg.gif) repeat-x #fff;
	border-bottom: 1px solid #333;
  }
/*MAIN AREA */
#main {
	border-right: 1px solid #777;
	border-left : 1px solid #777 ;
	background: url(assets/page-bg.gif) no-repeat #E2E2E3;
	padding-top: 25px;
 	}
/*ie only
* html #main { width: 726px;}*/
#sheet {
	margin: 0 25px 25px 25px;
  border: 1px #aaa solid;
  background: url(assets/top-left-shadow.jpg) no-repeat #fff;
  } 
#content {margin: 30px;}  

h1, h2 {font-family: georgia, helvetica, sans-serif;}
h1 {
	font-size: 24px;
  border-bottom: 1px dashed black;
  margin-bottom: 0.5em;
  
  }
h2 {
	font-size: 18px;
  margin: 1.5em 0 0.5em 0;
  }

#banner-728 {margin: 20px;}
#codetop h1 {display: inline; margin-left: 0px;}
#codetop {padding: 0px; margin: 20px;}


/* NEW TAB NAVIGATION */
#header {
    float:left;
    width:100%;
    background:yellow;
    font-size:93%;
    line-height:normal;
    }
#header ul {
    margin:0;
    padding:0;
    list-style:none;
    }
#header li {
    float:left;
    background:url("tabs/norm_right.gif") no-repeat right top;
    margin:0;
    padding:0;
    }
#header a {
	display:block;
  background:url("tabs/norm_left.gif") no-repeat left top;
  padding:2px 15px;
  letter-spacing: 1px;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold; 
	text-decoration: none }

#header #current { background-image:url("tabs/norm_right_on.gif"); }
#header #current a { background-image:url("tabs/norm_left_on.gif"); }				

/* END NAV

/* social links */
.social-links {
	width: 190px;
	float: right;
  position: relative;
	background: #ddd;
  border: 1px solid #ccc;
	padding: 2px 0;
	clear: right;
	margin: 0 0 10px 20px;
	}
.social-links img {margin: 2px;}

#social-links {
	height: 1%;
	overflow: hidden;
	background: #fff;
	border: 0px solid #ddd;
	float: right;
	position: relative;
	width: 240px;
	margin-bottom: 10px;
	margn-left: 10px;
		}
#social-links img {
	display: block;
	float: right;
	position: relative;
	}	

/* google iframe */
iframe { border: 0; margin: 0; padding: 0; margin-bottom: -3px;}
/* azadz*/
#azadz-inline {width: 160px; float: right; position: relative; margin: 0 0 10px 10px;}

blockquote {
	font-family: monospace;
  background-color: #FFFEEF;
  border: 1px dashed #EFEBC2;
  margin: 10px;
  padding: 10px;
  }
code {
	display: block;
  font-family: monospace;
  background-color: #eee;
  border: 2px dotted #ddd;
  margin: 15px 0;
  padding: 15px;
  }



#contentarea 
	{
	background-color: white;
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	}
td.rightside {background-color: #E2E2E3; width: 50%;}
.content {margin: 19px}
.content p {margin:0px; padding: 5px}

td.leftside {
	background-color: #E3E1DC;
	background-image: url(assets/shadow.gif);
	background-repeat: repeat-y;
	background-position: right;
	 width: 50%;}

h3 {font-size: 17px}
h4 {font-size: 14px; margin: 0px;}
a {font-weight: bold}

/* LINKS */
a:link {text-decoration: underline; color: #444}
a:visited {text-decoration: underline; color: #444}
a:hover {text-decoration: underline; color: #c00; }
a:active {text-decoration: underline; color: #444}

.tablenav {
	border-top: 1px #777 solid;
	border-right: 1px #777 solid;
	border-bottom: 6px #777 solid;
	border-left: 1px #777 solid;
	background-color: #fff;
	background-image: url(assets/temptopbg.gif);
	background-repeat: repeat-x;
	}

	
/* -------------------*/	
/* N A V I G A T I O N*/
/* -------------------*/	
#nav {
	border: 1px #777 solid;
	border-bottom-width: 10px;
	background-image: url(/oveklykken/assets/logo8.gif);
	background-position: 10px 10px;
	background-repeat: no-repeat;
	padding-top: 10px;
	}

#navlinks {
	border: 0px solid black;
	padding-top: 40px;
	padding-bottom: 0;
	padding-top: 92px;
  margin-top: -10px; 
	margin-left: 10px;
	font-size: 11px;
	background: url(assets/chx.jpg) no-repeat bottom right;
	background: url(assets/cat.gif) no-repeat bottom right;
	}
.navitem {
	
	}
.navitem a {
	letter-spacing: 1px;
	font-family: arial, verdana, helvetica, sans-serif;
	padding: 30px 3px 10px 1px; 
	margin-top: 30px;
	text-transform: uppercase;
	font-weight: bold; 
	text-decoration: none;
	}
.navitem a:link {color: #666; text-decoration: none;	 }
.navitem a:visited {color: #666; text-decoration: none;	 }
.navitem a:hover {color: #000; text-decoration: none;	 }
.navitem a:active {color: #444; text-decoration: none;	}	

.navitem a .dot {font-size: 100%; font-weight: bold;}
.navitem a:link .dot {color: #FFF8FF; text-decoration: none;	 }
.navitem a:visited .dot  {color: #FFF8FF; text-decoration: none;	 }
.navitem a:hover .dot  {color: red; text-decoration: none;	 }
.navitem a:active .dot  {color: #FFF8FF; text-decoration: none;	}	

/* ------E N D N A V ---------*/

#bottom {
	border-top: 1px #777 solid;
	border-right: 0px #777 solid;
	border-bottom: 6px #c00 solid;
	border-left: 0px #777 solid;
	background-color: #fff;
	font-size: 10px;
	margin: 0 auto;
	clear: both;
	text-align: right;
	vertical-align: bottom;
	padding-top: 5px;}	

/* #bottom a {padding-top: 10px; display: block;} */	

#bottom-right {
	float: right;
	position: relative;
	}
#bottom-right a {display: block;padding: 0px 5px 0 5px; font-weight: normal;}
#bottom-right img {display: block; padding: 0px 5px 0 5px; font-weight: normal;}

#bottom-right a:link {color: #ccc;}
#bottom-right a:visited {color: #ccc;}
#bottom-right a:hover {color: #ccc;}
#bottom-right a:active {color: #ccc;}


#bottom-right img {border: 0;}	
.copyright {
	color: #aaa;
	font-size: 9px;
	margin: 10px 0 5px 5px;
	padding-left: 5px;
	float: left;
	text-align: left;
	}
.copyright a:link, 
.copyright a:visited, 
.copyright a:hover, 
.copyright a:active {color: #aaa; font-weight: normal;}
#bottom img {}
/* bottom ads */
#bottomad {
	border-top: 1px #777 solid;
	border-right: 1px #777 solid;
	border-bottom: 1px #c00 solid;
	border-left: 1px #777 solid;
	background-color: #fff;
	/* width: 726px; */
	margin-left: auto;
	margin-right: auto;
	clear: both;
	font-size:9px;
	}	
* html #bottomad {
	/* width: 726px; */
	}
#bottomad .ad {
	color: #666;
	font-size: 9px;
	margin: 4px;
	}
#bottomad .ad a:link, 
#bottomad .ad a:visited, 
#bottomad .ad a:hover, 
#bottomad .ad a:active {margin: 4px; color: #666; font-weight: normal !important;}



/* LEFT */
#left {
	background-color: #E3E1DC;
	background-image: url(assets/shadow.gif);
	background-repeat: repeat-y;
	background-position: right top;
	float: left;
	width: 364px;
	position: relative;
	display:table-cell;
	height: 100%;
 	min-height:100%;
 	}

/*ie only*/
* html #left { 
	width: 364px;
	border-left: 0px;
	}
/* gecko only*/
html>body #left{height:auto}	


/* RIGHT */	
#right {
	background-color: #E2E2E3;
	width: 340px;
	padding: 10px;
	position: relative;	
	float: right;
	display:table-cell;
	height: 100%;
 	min-height:100%;
 	}
/* gecko only*/
html>body #right{height:auto}
	
/*ie only*/
* html #right { width: 340px;}	

/* homepage li's */
#rightside ul {margin-top: 0em;color: #000; font-weight: bold;}
#rightside li {margin-top: 1em; color: #000; font-weight: normal;}


/* BOTTOM */
			
.tablemain {
	border-right: 1px solid #777;
	border-left: 1px solid #777;
	/* width: 728px; */
	}
/*ie only*/
* html .tablemain { 
	/* width: 728px; */
	}

.leftcolomn { border-right: 1px solid #777; }
.tdleft { border-right: 1px solid #777; }
.tablebottom {
	border-top: 6px solid #777;
	border-right: 1px #777 solid;
	border-bottom: 1px #777 solid;
	border-left: 1px #777 solid;
	background-color: #fff;
	}


/* HOMEPAGE */
address {
	font-weight: normal;
	margin: 30px 0px 10px 0px;
	padding: 10px 20px 0px 20px;
	font-style: normal;
	border-top: 1px dotted black;
	color: #111;
	}
.date { color: #666; font-weight: bold; }
.news { color: #111; margin: 0px 0px 10px 0px; }

/* PORTFOLIO PAGES */
.portpage, .indextext, .resumetext {background-color: #DCDFE3; padding: 5px;}
.portimgholder { margin: 0px 0px 10px 10px}
.portpictd {
	border: 1px #aaa solid;
  background: url(assets/top-left-shadow.jpg) no-repeat #fff;
  }	
.portpictd p {margin: 0 20px 1em 20px; }	

/* .portheader img {margin-left: 10px} */
.portdetheader {font-size: 100%; font-weight: bold; text-align: right; margin-bottom: 5px}
.portdetlab {	color: #666666; 	font-weight: bold; text-align: right; margin-top: 5px}
.portdetprod {font-size: 10px; 	color: #666666; 	font-weight: normal; text-align: right}
.portdetdone {	color: #666666; 	font-weight: normal; text-align: right}
.portdetdesc {	color: #666666; 	font-weight: normal; text-align: justify; margin-top: 15px}
.portdetdone p { text-align: justify; }
.portdetdone p.close { text-align: right }

h5 { clear: both; margin: 0;}
.thickbox {float: left; margin: 7px; display: block; border: 3px solid #777;}
.thickbox img {display: block;}

/* form */
.form-warning {display: block; color: #c00; font-weight: bold;}
/* N A V */


/* CODE EXAMPLES */
.articlelisttd { border: 1px #777 solid; background-color: #fff; }

a.newblink:link, a.newblink:visited, a.newblink:hover, a.newblink:active {
	text-decoration: none;
	color: red;
	font-size: 84%;
	margin-left: 5px;
	cursor: text;
}
#codetop {padding: 0px; margin: 20px; border-bottom: 1px dotted black;}
.codeback {font-weight: bold}


p {margin: 0 0 1em 0;}  
.codecomment {margin: 0 20px 1em 20px; }
.codeexample blockquote { margin: 10px 0 10px 10px; padding: 8px; background-color: #B5C4D2; border: thin dotted #000000;	}
.codehtml blockquote, .codecss blockquote  {
	background-color: #ccc;
	border: thin dotted #000;
	margin: 10px;
	padding: 10px;
	width:auto; 
	}
.codeexample h3, .codehtml h3,	.codecss h3 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin: 15px 0px 0px 10px;
	}

	/* CLEARER FROM PAUL O'B SP */


h1.logo {
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin: 0px 10px;
	padding: 30px 0px 0px 0px;
	}