/* CSS Document */

/* -------------------------------------------------------------------------- */
/* -- Default CSS for Forkidupl --------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -- Global ---------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

* {
	margin:0;
	padding:0;
	}
body {
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	text-align:center;
	color:#444444;
	background:url(../../img/default/backgr1.gif) top left repeat;
	}
div.clearer {
	clear: both; 
	line-height: 0px; 
	height: 0; 
	margin: 0;
}
a {
	color: #666666;
	text-decoration:underline;
}
a:hover {
	color:#000000;
	text-decoration:underline;
}
.strike {
	text-decoration: line-through;
}


/* -------------------------------------------------------------------------- */
/* -- Container ------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

#container {
	position:relative;
	width:100%;
	}
/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
/* -- Header ---------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
#header {
	position:relative;
	background:#000000 url(../../img/default/backgrh.jpg) top left repeat-x;
	z-index:20;
	height:100%;
	width:100%;
	}

/* -------------------------------------------------------------------------- */
/* -- Header -> Logo -------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
#logo {
	text-align:right;
	width:500px;
	margin: 0 10px 0 auto;
	}
#llogo, #rlogo {
	display:none;
	}
#clogo h1 {
	margin: 0 0 0 auto;
	height:70px;
	width:230px;
	background:url(../../img/default/logo-johan-mares.jpg) top right no-repeat;
	}
#logo h1 span {	
	display:none;
	}
#logo h2 {
	display:none;
	}
#logo h2 span {
	display:none;
	}
	
/* -------------------------------------------------------------------------- */
/* -- Header -> TopLinks ---------------------------------------------------- */
/* -------------------------------------------------------------------------- */

#toplinks {
	text-align:right;
	width:425px;
	margin: 5px 20px 0 auto;
	}
#toplinks ul {
	float:right;
	margin: 0;
	}
#toplinks li {
	list-style: none;
	float: left;
	line-height: 20px;
	white-space: nowrap;
}
#toplinks a {
	display: block;
	text-align:center;
	color: #006600;
	font-size: 75%;
	text-decoration:none;
	font-weight:bold;
	float: left;
	width: .1em;
	padding:0px 3px;
	border:1px solid #FF9900;
	background:#FFFFCC url(../../img/default/toplink-0.jpg) bottom left repeat-x;
	}
html>body #toplinks a {
	width: auto;             /* fixes IE6 hack */
	}
	/* Commented backslash hack hides rule from IE5-Mac \*/
#toplinks a { float: none;}              /* End IE5-Mac hack */

#toplinks a:hover {
	text-decoration: none;
	background:#FFFFCC url(../../img/default/toplink-1.jpg) top left repeat-x;
	color: #006600;
	}
#tl01, #tl02, #tl03 {
	margin-right:1px;
	}
#tl04 {
	padding-right:5px;
}


/* -------------------------------------------------------------------------- */
/* -- Header -> SubLogo ----------------------------------------------------- */
/* -------------------------------------------------------------------------- */

#sublogo {
	text-align:right;
	position:relative;
	width:100%;
	background:url(../../img/default/borderhdr.jpg) bottom left repeat-x;
	}
#sublogo select {
	font-size:75%;
	color:black;
	background-color: #FFFF99;
	margin: 10px 20px 20px auto;
	}

/* -------------------------------------------------------------------------- */
/* -- Content --------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

#content {
	position:relative;
	margin-top:-8px;
	margin-left:10px;
	margin-right:10px;
	text-align:left;
	}
#content-extra1 {
	display:none;
}
/* -------------------------------------------------------------------------- */
/* -- Menu ------------------------------------------------------------------ */
/* -------------------------------------------------------------------------- */
#menu {
	position:absolute;
	left:0;
	top:15px;
	border: 2px solid #FF9900;
	background-color:#FFFFCC;
	width:120px;
	z-index:15;
	}
#menu div {
	}
#menu div div{
}
#menu h3 {
	font-size:90%;
	padding: 5px 10px;
	font-weight:bold;
	background:#FDCF6D url(../../img/default/bgrmh3.jpg) center left repeat-x;
	text-align:center;
	margin-bottom:10px;
	border-bottom:2px solid #FF9900;
	}
#menu h3 span {
	padding:0 10px;
	color:#000000;
}
#menu dl {
	margin:0;
	padding:0 5px 5px 5px;
	list-style-type:none;
	}
#menu dt, #menu dd, #menu ul, #menu li {
	margin:0;
	padding:0;
	list-style-type:none;
	}
#menu dd {
	position:absolute;
	z-index:20;
	left:7em;
	margin-top: -1.0em;
	display:none;
	background-color:#000000;
	}
#menu ul {
	border-width:1px;
	border-style:solid;
	border-color:#FF9900;
	background-color: #FFFFCC;
	margin: 0;
	padding:2px;
	}
#menu li {
	margin:0;
	padding:1px 1px;
	position: relative;
	text-align:center;
}
#menu dt a, #mlen a, #mlnl a {
	display:block;
	text-decoration:none;
	border:1px solid #FF9900;
	background:#FFFFCC url(../../img/default/toplink-0.jpg) bottom left repeat-x;
	font-size:80%;
	color:black;
	font-weight:bold;
	text-align:center;
	margin:2px 0;
	padding: 2px 0;
	}
#menu dt a:hover, #mlen a:hover , #mlnl a:hover {
	text-decoration:none;
	color:black;
	background:#FFFFCC url(../../img/default/toplink-1.jpg) top left repeat-x;
	text-align:center;
	}
#menu li a {
	display:block;
	background:#FFFFCC url(../../img/default/toplink-0.jpg) bottom left repeat-x;
	color:black;
	border:1px solid #FF9900;
	text-decoration:none;
	font-weight:bold;
	font-size:70%;
	padding:2px;
	margin:0;
	height:auto;
	width:12em;
	}
#menu li a:hover {
	text-decoration:none;
	background:#FFFFCC url(../../img/default/toplink-1.jpg) top left repeat-x;
	color:black;

	}
#menu p {
	border-top:2px solid #FF9900;
	padding:5px 0;
}
#version {
	font-size:70%;
	text-align:center;
	}
#mlen, #mlnl {
	font-size:90%;
}
#mlen a, #mlnl a {
	margin:0 3px;
}
#feed a {
	display:block;
	width:118px;
	height:19px;
	background: url(../../img/rust/rss.jpg) center center no-repeat;
	}
#feed a span {
	display:none;
}

/* -------------------------------------------------------------------------- */
/* -- Extras ---------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

#extras {
	float:right;
	position:relative;
	width:160px;
	margin-top:15px;
	}
#extras div {
	margin:0;
	padding:0;
	}
#extras div div{
	border:1px solid #666666;
	margin-bottom:8px;
	background-color: #E5E5E5;
}
#extras h3 {
	font-size:80%;
	position:relative;
	padding: 5px 10px;
	font-weight:bold;
	background:#666666 url(../../img/default/bgrxh3.jpg) center left repeat-x;
	text-align:center;
	margin:0;
	}
#extras h3 span {
	color: black;
}
#extras h4 {
	font-size:70%;
	font-weight:bold;
	color: #333333;
	margin:5px;
	}
#extras ul {
	margin-left:18px;
	font-size:70%;
	padding: 2px;
}
#extras li {
	list-style:outside disc;
	margin-bottom:1px;
}
#extras a {
	text-decoration:underline;
	color: #666666;
}
#extras a:hover {
	color: #333333;
}
#extras p {
	font-size:70%;
	margin: 5px;
	}

/* -------------------------------------------------------------------------- */
/* -- Content -> Text ------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
#text {
	margin-left:140px;
	margin-right:180px;
	position:relative;
	border-top:3px solid #004400;
	border-bottom:3px solid #000000;
	border-left:3px solid #004400;
	border-right:3px solid #000000;
	background-color:#FFFFCC;
	z-index:1;
	font-size:90%;
	padding-bottom:10px;
}
#text h1 {
	font-size:100%;
	margin: 15px 0 15px 0;
	padding: 4px 10px;
	font-weight:bold;
	font-variant:small-caps;
	letter-spacing:0.4em;
	}
#text h1 span {
	padding:3px 10px;
	background:#FDCF6D url(../../img/default/bgrmh3.jpg) center left repeat-x;
	border:2px solid #FF9900;
	color: black;
	}
#text h2 {
	font-size:90%;
	margin: 15px 10px 15px 20px;
	}
#text h2 span {
	padding:3px 10px;
	background:#FDCF6D url(../../img/default/bgrmh3.jpg) center left repeat-x;
	border:1px solid #FF9900;
	color: black;
	}
#text strong {
	color:#000000;
	font-weight:normal;
}


/* -------------------------------------------------------------------------- */
/* -- Content -> Text -> Quotes --------------------------------------------- */
/* -------------------------------------------------------------------------- */
#quotes {
	margin-top:25px;
	position:relative;
	top:0;
	left:0;
}
#quotes table {
	width:auto;
	margin:5px auto 5px auto;
	border-width: 2px 0 2px 0;
	border-style:solid;
	border-color:#003300;
	font-size:80%;
	}
/* -------------------------------------------------------------------------- */
/* -- Content -> Text -> index ---------------------------------------------- */
/* -------------------------------------------------------------------------- */
#index {
	position:relative;
	z-index:5;
}
#index ul {
	list-style:outside;
	margin: 10px 50px;
	font-size:90%;
	}
#index p {
	font-size:90%;
	margin:10px 20px;
}
#weather {
	position:relative;
	float:right;
	width:250px;
	height:130px;
	margin:10px;
	border:1px solid black;
	background-repeat:no-repeat;
	background-position: left top;
	z-index:10;
	color:black;
}
#weather h1 {
	margin:2px 4px;
	padding:0;
	text-align:right;
	font-size:9pt;
	letter-spacing:normal;
}
#weather h2 {
	margin:2px 4px;
	padding:0;
	text-align:right;
	font-size:8pt;
}
#weather table {
	float:right;
	margin-top:2px;
	font-size:8pt;
}
#weather th {
	text-align:right;
}
#weather h3 {
	text-align:center;
	font-size:12pt;
	margin-top:50px;
}
#weather h4 {
	text-align:center;
	font-size:10pt;
	margin:20px;
}

/* -------------------------------------------------------------------------- */
/* -- Content -> Text -> forkidupl ------------------------------------------ */
/* -------------------------------------------------------------------------- */
#forkidupl {
	position:relative;
	z-index:5;
}
#forkidupl h3 {
	font-size:90%;
	margin: 10px 1px 10px 20px;
	}
#forkidupl h3 span {
	padding:2px 2px;
	border-bottom:2px solid #FF9900;
}
#forkidupl ul {
	margin:10px 10px 10px 45px;
	font-size:90%;
}
#forkidupl dd ul {
	margin:10px 10px 10px 35px;
	font-size:90%;
}
#forkidupl p {
	font-size:90%;
	margin:10px 20px;
}
#forkidupl dl {
	margin:5px 20px;
}
#forkidupl dt {
	font-weight:bold;
	margin:5px 0;
	font-size:90%;
}
#forkidupl dd {
	margin-left:15px;
	margin-bottom:10px;
	font-size:90%;
	}
#forkidupl dd p{
	font-size:110%;
	}
	
#forkidupl table {
	border:2px solid #FF9900;
	padding:5px;
	margin:15px auto;
}
#forkidupl td, #forkidupl th {
	margin:5px 5px;
	padding:5px 5px;
	font-size:80%;
}
#forkidupl th {
	text-align:left;
}
#forkidupl select {
	background-color:#FFFF99;
	}

/* boxover */
		         .dvhdr1 {
            background:#F3F0E7;
            font-family:arial;
            font-size:12px;
            font-weight:bold;
            border:1px solid #C8BA92;
            padding:5px;
            width:350px;
         }
         
         .dvbdy1 {
            background:#FFFFFF;
            font-family:arial;
            font-size:12px;
            border-left:1px solid #C8BA92;
            border-right:1px solid #C8BA92;
            border-bottom:1px solid #C8BA92;
            padding:5px;
            width:350px;
			z-index:99;
         }
		.tp_hd_foto
		{
            background:#F4E5C9;
            font-family:arial;
            font-size:12px;
            font-weight:bold;
            border:2px solid #FF9900;
				border-bottom-width: 0px;
            padding:5px;

		}	
		.tp_bd_foto	
		{
            background:#F4E5C9;
            font-family:arial;
            font-size:12px;
            border:2px solid #FF9900;
            padding:8px;
		}
			
		 span.info
		 {
		 color:#830019;
		 }
		 img
		 {
		 	border: solid 1px #333333;
		 }
		 
		 
		 .portfolio img
		 {
		 	margin:5px 0px 0px 5px;
			text-align: left;
		 }
		 
		 span.sub
		 {
			display: block;
			margin:5px 10px 5px 20px;  
		 }

/* -------------------------------------------------------------------------- */
/* -- Content -> Text -> contact -------------------------------------------- */
/* -------------------------------------------------------------------------- */
#contact {
	position:relative;
	z-index:5;
}
#contact table {
	font-size:90%;
	margin: 5px auto 5px 25px ;
	padding: 5px 10px;
	}
#contact td {
	vertical-align:top;
	padding:2px;
}
#contact input[type="text"], #contact input[type="file"], #contact textarea, #contact select {
	background-color: #FFFF99;
}
#contact input[type="button"], #contact input[type="reset"], #contact input[type="submit"] {
	padding:3px 10px;
	}
#contact p {
	font-size:80%;
	margin:10px 20px;
}
#cf_filetxt {
	display:inline;
	font-size:90%;
}
#cf_file {
	display:none;
}
#contact td.errmsg {
	color:#990000;
	font-size:90%;
	font-weight:bold;
}
/* -------------------------------------------------------------------------- */
/* -- Content -> Text -> Johan Mares ---------------------------------------- */
/* -------------------------------------------------------------------------- */
#jm {
	position:relative;
	z-index:5;
}
#jm p {
	font-size:90%;
	margin:10px 20px;
}
#jm form {
	margin:20px;
	text-align:center;
	font-size:90%;
}
#jm table {
	margin:0 auto;
	border:2px solid #FF9900;
	padding:10px;
}
#jm td {
	padding:3px;
}
#jm ul {
	margin:10px 10px 10px 35px;
	font-size:90%;
}
#jm dl {
	margin:5px 20px;
}
#jm dt {
	font-weight:bold;
	margin:5px 0;
	font-size:90%;
}
#jm dd {
	margin-left:15px;
	margin-bottom:10px;
	font-size:90%;
	}
#jm dd ul {
	font-size:100%;
}

#jm input[type="text"], #jm input[type="password"] {
	background-color: #FFFF99;
}


/* -------------------------------------------------------------------------- */
/* -- Content -> Text -> Johan Mares ---------------------------------------- */
/* -------------------------------------------------------------------------- */
#webdev {
	position:relative;
	z-index:5;
}
#webdev dl {
	font-size:90%;
	margin:5px 10px;
}
#webdev dt {
	position:relative;
	margin:5px 10px;
	font-weight:bold;
}
#webdev dd {
	position:relative;
	margin:5px 25px;
}
#webdev dl ul {
	position:relative;
	margin:0 25px;
	font-size:100%;
	}
#webdev ul {
	margin:10px 10px 10px 35px;
	font-size:90%;
}
#webdev p {
	font-size:90%;
	margin:10px 20px;
}
/* -------------------------------------------------------------------------- */
/* -- Content -> Text -> cvtxt ---------------------------------------------- */
/* -------------------------------------------------------------------------- */
#cvtxt {
}
#cvtxt div {
	margin:25px 15px;
	border:2px solid #FF9900;
	position:relative;
	text-align:left;
	}
#cvtxt span.cv {
	position:relative;
	top:-10px;
	left:5px;
	color:black;
	font-size:90%;
	font-weight:bold;
	background-color:#FFFFCC;
	padding:2px 3px;
	letter-spacing:0.2em;
	border:2px solid #FF9900;
	}
#cvtxt table {
	width:auto;
	position:relative;
	margin: 0 auto 10px 10px;
	border:none;
	}
#cvtxt td {
	vertical-align:top;
	font-size:90%;
	padding:1px;
	}
#cvtxt th {
	vertical-align:top;
	font-size:90%;
	padding:1px;
	text-align:left;
	}
#cvtxt dl {
	font-size:100%;
	margin:5px;
	}
#cvtxt dl dd {
	padding-bottom:5px;
	padding-left: 15px;
	display:block;
	font-size:90%;
	}
#cvtxt dl dt {
	padding-bottom:5px;
	padding-left: 15px;
	display:block;
	font-size:90%;
	}
#cvphoto {
	float:right;
	position:relative;
	border:1px solid #676767;
	margin:5px;
	top:10px;
	background:#FFFFFF url(../../img/default/johan-mares.png) center center no-repeat;
	width:114px;
	height:150px;
}
#cvtxt div p {
	padding:5px;
	font-size:100%;
	}
/* -------------------------------------------------------------------------- */
/* -- Footer ---------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
#footer {
	position:relative;
	padding-right:10%;
	}

/* -------------------------------------------------------------------------- */
/* -- Footer -> FootTxt ----------------------------------------------------- */
/* -------------------------------------------------------------------------- */

#foottxt {
	display:none;
	}

/* -------------------------------------------------------------------------- */
/* -- Footer -> FootLinks --------------------------------------------------- */
/* -------------------------------------------------------------------------- */

#footlinks {
	text-align:center;
	margin: 0 auto 0 auto;
	padding:5px;
	color: #FFFFCC;
	}
#footlinks a {
	color:#FFFFCC;
	font-size: 80%;
	text-decoration:none;
	}
#footlinks a:hover {
	text-decoration: underline;
	color:#FFFFCC;
	}


/* -------------------------------------------------------------------------- */
/* -- Dwonloads & Links ----------------------------------------------------- */
/* -------------------------------------------------------------------------- */

#dwnld {
	width:50%;
	margin: 100px auto;
	padding:5px;
	border:3px outset #003300;
	text-align:center;
	background-color:#FFFFCC;
	}
#dwnld h1{
	font-size:110%;
	}
#dwnld p{
	font-size:90%;
	}


/* -------------------------------------------------------------------------- */
/* -- Content -> Text -> Links ---------------------------------------------- */
/* -------------------------------------------------------------------------- */
#links {
	position:relative;
	z-index:5;
}
#dtree {
	font-size: 85%;
	color: #666666;
	white-space: nowrap;
	margin:10px 10px 20px 20px;
	position:relative;
}
#dtree img {
	border: 0px;
	vertical-align: middle;
}
#dtree a {
	color: #666666;
	text-decoration: none;
}
#dtree a.node, #dtree a.nodeSel {
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}
#dtree a.node:hover, #dtree a.nodeSel:hover {
	color: #333333;
	text-decoration: underline;
}
#dtree a.nodeSel {
	background-color: #FFFF99;
}
#dtree .clip {
	overflow: hidden;
}


/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */