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

	RomyOlkonLarsen.com || Default Style Sheet
	(c) Romy Olkon-Larsen 2009

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

body {
	font: .9em/1.8em Arial, "Lucida Sans Unicode", "Trebuchet MS", Verdana, sans-serif;
	text-align: left;
	color: #101010;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #ffffff;
	}

p {
	line-height: 1.7em;
	margin: 0 0 15px 0;
	}
	p.block {
		margin: 10px 70px 15px 70px;
		padding: 0 5px 0 5px;
		}
	p.right {
		text-align: right;
		}
	p.w50 {
		position: relative;
		float: left;
		width: 50%;
		}
	.strike {
		text-decoration: line-through;
		}
	acronym, abbr {
		text-decoration: none;
		cursor: help;
		border-bottom: 1px dotted;
		}
	code {
		font-family: Courier;
		color: #666666;
		}
	del {
		text-decoration: line-through;
		}
	cite {
		font-style: italic;
		}
	small, .small {
		font-size: .95em;
		}
	.center {
		text-align: center;
		}
	.price {
		font-size: .85em;
		font-style: italic;
		}
	.uppercase {
		font-size: .9em;
		text-transform: uppercase;
		}
	.small-caps {
		font-size: 1.05em;
		font-variant: small-caps;
		letter-spacing: 1px;
		}
	.em {
		font-style: italic;
		}
	strong, .strong {
		font-weight: bold;
		}
	.hide {
		display: none;
		}

h1, h1 a, h1 a:link, h1 a:visited {
	font-family: "Abadi MT Condensed Light", Arial, "Lucida Sans Unicode", sans-serif;
	font-size: 1.9em;
	font-weight: normal;
	line-height: 1.1em;
	text-transform: lowercase;
	text-decoration: none;
	text-align: left;
	color: #101010;
	margin: 0;
	padding: 0 0 2px 0;
	}
	h1 span.color {
		color: #909090;
		}
	h1 a:hover span.color {
		color: #ff7200;
		}
	h2 {
		position: relative;
		float: left;
		font-size: 1.4em;
		font-weight: normal;
		line-height: .7em;
		text-align: right;
		text-transform: lowercase;
		color: #404040;
		width: 31.5%;
		margin: 26px 0 0 0;
		padding: 20px 2px 0 0;
		border-top: 2px solid #c0c0c0;
		}
	h3 {
		font-size: 1.25em;
		font-weight: normal;
		text-align: left;
		text-transform: lowercase;
		color: #404040;
		clear: both;
		margin: -3px 0 5px 0;
		padding: 0 0 3px 0;
		border-bottom: 1px solid #c0c0c0;
		}
	h4 {
		font-size: 1.2em;
		font-weight: normal;
		text-align: right;
		line-height: .8em;
		text-transform: lowercase;
		color: #505050;
		position: relative;
		clear: both;
		margin: 0 0 10px 0;
		padding: 1px 7px 0 0;
		border-right: 10px solid #c0c0c0;
		}

input, textarea {
	font-family: Arial, sans-serif;
	}
input.field, input.field-end {
	clear: both;
	width: 90%;
	height: 1.4em;
	font-size: .95em;
	line-height: 16px;
	color: #2b2b2b;
	margin: 1px 0 10px 0;
	border: 1px solid #808080;
	background: #ffffff;
	}
	input.field:hover, input.field-end:hover {
		border: 1px solid #2b2b2b;
		}
	input.field-end {
		width: 100%;
		}
textarea {
	clear: both;
	width: 99%;
	height: 132px;
	font-size: .95em;
	line-height: 1.2em;
	color: #2b2b2b;
	margin: 0;
	padding: 2px;
	border: 1px solid #808080;
	background: #ffffff;
	}
	textarea:hover {
		margin: 0;
		border: 1px solid #2b2b2b;
		}
label {
	line-height: .4em;
	height: .4em;
	margin: 0;
	}
.radio {
	width: 20px;
	height: 20px;
	margin: 0 2px -2px 0;
	border: 0;
	background: transparent;
	}
.checkbox {
	width: 13px;
	height: 13px;
	margin: 0 0 0 0;
	border: 1px solid #a0a0a0;
	background: #e0e0e0;
	}
.buttons {
	font-size: .8em;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #2b2b2b;
	margin: 10px 0 10px 0;
	padding: .3em;
	background: #e0e0e0;
	}
	.buttons:hover {
		border: 2px solid #2b2b2b;
		}

#holder {
	width: auto;
	height: 100%;
	margin: 0;
	border-top: 10px solid #101010;
	background: #ffffff;
	}
	#holder-inner {
		width: 75%;
			min-width: 880px;
		margin: 0 auto 0 auto;
		}

#header {
	clear: both;
	position: relative;
	margin: 0 auto 0 auto;
	height: 180px;
	margin: 0 auto 15px auto;
	padding: 20px 0 0 0;
	}
#jump {
	display: none;
	clear: both;
	font-size: .8em;
	width: auto;
	height: 20px;
	margin: 5px auto 0 auto;
	border-top: 10px solid #101010;
	z-index: 99;
	}
	#jump:hover a, #jump:hover ul li a {
		color: #ff7200;
		}
	#jump:hover p, #jump:hover ul li {
		color: #000000;
		}
	#jump a:link, #jump a:visited {
		text-decoration: none;
		color: #ffffff;
		}
		#jump:hover a:hover {
			color: #101010;
			}
	#jump ul {
		display: block;
		position: relative;
		list-style-type: none;
		width: 770px;
		margin: 0 auto 0px auto;
		}
		#jump ul li a,  #jump ul li.first a {
			display: block;
			float: left;
			color: #000000;
			padding: 5px 20px 0 0;
			}
			#jump ul li a {
				line-height: .8em;
				}

	#header #logo {
		position: relative;
		float: left;
		height: 4.58em;
		margin: -10px 3.5% 15px 0px;
		border-bottom: 3px solid #c0c0c0;
		}
	#photo {
		clear: both;
		position: relative;
		float: left;
		width: 32%;
		height: 170px;140px;
		margin: 0px 0 5px 0;
		padding: 0 0 0px 0;
		background: transparent url("http://www.romyolkonlarsen.com/i/img/photo_bg.gif") -3px center no-repeat;
		}
	#about {
		position: relative;
		float: right;
		font-size: 1.25em;
		line-height: 1.8em;
		color: #404040;
		width: 65%;
		height: 170px;140px;
		margin: -220px 0 0 0;
		padding: 55px 0 20px 0px;
		border-bottom: 1px solid #606060;
		}
	#menu {
		position: relative;
		float: left;
		overflow: hidden;
		text-align: right;
		width: 65%;
		height: 3.9em;
		margin: 0 -3% 0 0;
		border-bottom: 3px solid #c0c0c0;
		z-index: 98;
		}
		#menu-center {
			position: relative;
			width: auto;
			text-align: center;
			margin: 0 auto 0 auto;
			}
		#menu ul {
			position: relative;
			float: left;
			list-style-type: none;
			width: 100%;
			margin: 0 -30px 0 -29px;
			padding: 0;
			z-index: 95;
			}
			#menu ul li {
				display: block;
				position: relative;
				float: left;
				width: 20%;
					max-width: 50%;
				height: auto;
				margin: 1px 0 0 0;
				padding: 0 0 1px 0;
				border-right: 1px solid #c0c0c0;
				z-index: 96;
				}
				#menu ul li.r {
					float: left;
					width: 17%;
					margin: 0 -25px 0 0;
					border-right: 0;
					}
					#menu ul li a {
						display: block;
						font-size: .9em;
						line-height: 1.35em;
						text-transform: lowercase;
						text-align: left;
						text-decoration: none;
						color: #909090;
						padding: 0 0 0 30px;
						}
					#menu ul li span.big {
						font-size: 1.3em;
						color: #101010;
						}
						#menu ul li a:hover, #menu ul li.on a:hover {
							color: #ff7200;
							}
							#menu ul li.on a {
								color: #101010;
								}
								#menu ul li.on a:hover {
									border-bottom: 0px solid #909090;
									}

#content {
	position: relative;
	clear: both;
	width: auto;
	margin: 0 auto 0 auto;
	padding: 0;
	z-index: 97;
	}
	#content a:link {
		text-decoration: none;
		color: #ff7200;
		padding: 1px;
		border-bottom: 0;
		}
		#content a:visited {
			text-decoration: none;
			color: #ff7200;
			border-bottom: 0;
			}
		#content a:link:hover, #content a:visited:hover {
			text-decoration: none;
			color: #101010;
			}
		#content p:hover a {
			border-bottom: 2px solid #ff7200;
			}
			#content a:hover img {
				border: 1px solid #910000 !important;
				}
		#content ol {
			margin: 5px 20px 10px 20px;
			list-style: decimal outside;
			}
			#content ol li {
				margin: 4px 50px 4px 20px;
				list-style: decimal outside;
				}
				#content ol li:hover {
					font-weight: bold;
					}
				#content ol li span {
					font-weight: normal;
					}
		#content ul {
			margin: 10px 0px 10px -15px;
			list-style: circle outside;
			}
			#content ul.block {
				margin: 5px 5% 15px 5%;
				}
			#content ul li {
				line-height: 1.5em;
				margin: 5px 10px 0px 5px;
				list-style: circle outside;
				}
				#content ul li:hover {
					list-style: disc outside;
					}
		div.text {
			position: relative;
			float: right;
			width: 65%;
			margin: -1px 0 0 0;
			padding: 18px 1px 20px 0;
			border-top: 2px solid #c0c0c0;
			}
		div.screenshot {
			text-align: center;
			position: relative;
			float: left;
			width: 33%;
			margin: 0 -12px 0 10px;
			}
			div.screenshot:hover {
				background: #eeeeee;
				}

#footer {
	position: relative;
	clear: both;
	font-size: .85em;
	color: #606060;
	margin: 10px auto 0 auto;
	padding: 5px 0 5px 0;
	border-top: 1px solid #c0c0c0;
	}
	#footer:hover a:link, #footer:hover a:visited {
		border-bottom: 1px solid #910000;
		}
	#footer a, #footer a:link {
		text-decoration: none;
		color: #000000 !important;
		border-bottom: 1px solid #909090;
		}
		#footer a:visited {
			text-decoration: none;
			color: #666666;
			}
		#footer a:hover {
			color: #910000 !important;
			border-bottom: 0 !important;
			}
	#footer p {
		text-align: left;
		margin: -1px 0 0 0;
		}

img.tn {
	margin: 5px 5px 0 5px;
	padding: 1px;
	border: 1px solid #c0c0c0;
	}
	img.tn:hover {
		border: 1px solid #910000;
		}

.clear {
	clear: both;
	}