body {
    font-family         : Tahoma,Geneva,Arial,Helvetica,sans-serif;
    font-size           : 11px;
    background-color    : #000;
    color               : #fff;
    padding-top         : 4em;
}

#main a {
    color : inherit;
    border-bottom: 1px dotted blue;
    text-decoration : none;
}

#main a:hover {
    opacity: 0.7;
}

a img {
    border              : 0;
}

h1, h2, h3 {
    font-weight : normal;
    margin      : 0;
    text-shadow: 2px 2px 2px #000;
}

h2 {
	border-bottom	: 1px solid #abf;
	padding-bottom	: 0.4em;
}

h3 {
	font-weight		: bold;
}

hr {
    height          : 1px;
    border          : 0;
    background-color: white;
    width           : 85%;
    margin          : 2.5em;
}

acronym:hover {
    cursor          : help;
}

#container {
    width               : 83em;
    overflow            : auto;
    margin              : auto;
    position            : relative;
    background          : transparent url(/images/ogon.png) no-repeat scroll 0px 26em;
    min-height              : 45em;
    height              : auto;
    padding-left        : 7em;
}

#footer {
        margin: 1em 0;
        width   :100%;
        text-align: center;
}

#main {
    background-color    : transparent;
    position            : relative;
    overflow            : hidden;
    float               : left;
    margin-top          : -1em;
}

#bg1 {
    position            : absolute;
    width               : 100%;
    height              : 100%;
    background-image    : url(/images/bg1.png);
    background-repeat   : repeat-x;
    top                 : 1em;
    -moz-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#bg2 {
    width               : 98%;
    height              : 95%;
    position            : absolute;
    opacity             : 0.8;
    background-image    : url(/images/bg2.png);
    background-repeat   : repeat-x;
    left                : 1%;
    -moz-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#bg3 {
    width               : 137px;
    height              : 234px;
    background-image    : url(/images/komp.png);
    position            : absolute;
    left                : 1%;
    top                 : 47px;
}

#body2 {
    position            : relative;
    float               : left;
    width               : 40em;
    line-height         : 1.7em;
    background-color    : #073F62;
    margin              : 2em 0 0 7.5em;
    padding             : 1em;
    border              : 1px solid #4E5370;
    -webkit-box-shadow: 3px 3px 1px #000;
}


#body, #full-body {
    position            : relative;
    float               : left;
    width               : 43em;
    line-height         : 1.7em;
    background-color    : #073F62;
    opacity             : 0.8;
    margin              : 2em 0 0 16em;
    padding             : 1em;
    border              : 1px solid #4E5370;
    -webkit-box-shadow	: 3px 3px 1px #000;
}

#full-body {
	width				: 43em;
	min-height			: 26em;
	margin-right		: 0em;
	opacity				: 1;
}

#full-body ul > li{
	width				: 95%;
}

#bio {
    position            : relative;
    float               : right;
    width               : 17.5em;
    background-color    : #7A1537;
    margin              : 2em 1em 0 1em;
    padding             : 1em;
    opacity             : 0.9;
    -webkit-box-shadow: 3px 3px 1px #000;
}

#bio ul {
    margin              : 0;
    padding             : 0;
}

#bio ul li {
    list-style-type     : none;
}

#bio h3 {
    font-stretch        : wider;
    margin              : 1.5em 0 0 0;
    font-weight         : bold;
    background-image    : url(/images/down.png);
    background-repeat   : no-repeat;
    background-position : right 3px;
}

#bio h3:hover {
    cursor: pointer;
    color : #D3D6DC;
}

#bio li#info h3 {
    background: none;
}

#bio ul li ul, #bio ul li dl {
    margin: 1em 0 0 1em;
}

#bio dt {
    text-shadow: 2px 2px 2px #000;
    display : block;
    float   : left;
    font-weight : bold;
    margin-right: 0.5em;
    text-align  : right;
    width       : 7em;
    margin-left: -1em;
}

#bio dd {
    margin-bottom   : 1em;
}

#bio dt:after {
    content: ':';
}

#bio ul li ul li {
    margin-bottom : 0.7em;
}


#bio ul li ul li:before {
    content: '- ';
}

#menu {
    display     : block;
    float       : left;
    margin      : 5.5em 0 0 28em;
}

#menu li {
    list-style-type: none;
    display : inline;
}

#menu li a {
    display     : block;
    float       : left;
    margin      : 0 1em 0 0;
    padding     : 0.5em 1.5em;
    width       : auto;
    height      : 2em;
    background-color    : #106B86;
    color       : white;
    font-size   : 1.1em;
    text-decoration : none;
	background-image:url(/images/menu1.png);
	background-position:4px -1px;    
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    z-index: 10000;
}

#menu li a:hover, #menu li.active a {
    background-color : #870F32;
    background-image:url(/images/menu2.png);
}

h1 {
    position    : absolute;
    top         : 0;
    left        : 0;
}

#skills ul, #education ul, #interests ul, #experience ul{
    display: none;
}

.sample_screen {
float: right;
border: 2px solid #aaa;
margin : 1em;
-webkit-box-shadow: 4px 4px 4px #400;

}

#body2 li {
    width : 100%;
}


.list-header{
	text-indent	:	-2000em;
	position	:	absolute;
}

form fieldset ul li {
	position		: relative;
	list-style-type	: none;
	margin			: 0.2em 0;
}

form fieldset {
	border: 0;
	border-top	: 1px solid #D3D7DE;
}

form legend {
	font-weight	: bold;
	font-size	: 1.3em;
	padding		: 0 1.5em;
	
}

form input, form textarea {
	border		: 1px dotted #D3D7DE;
	margin		: 0;
	padding		: 0.2em;
	width		: 25em;
	font-size	: 1em;
}

form li.submit {
	width		: auto;
	padding-left: 12.5em;
	display		: block;
}

form li.submit input {
	width		: auto;
	padding		: 0.2em 2em;
}

form fieldset ul li label {
	top			: 0;
	width		: 11em;	
	display		: block;
	float		: left;
	font-weight	: bold;
	text-align	: right;
	padding-right	: 1.5em;
}

#article-navigation-header {
	font-size	: 1em;
	font-weight	: bold;
	text-align	: center;
	border		: 0;
	border-top	: 1px solid #eef;
	margin-top	: 5em;
}

ul#article-navigation {
	list-style-type	: none;
	margin			: 0;
	padding			: 0;
}

ul#article-navigation li#prev {
	float: left;
}

ul#article-navigation li#next {
	float: right;
}


#art-content {
	background-color	: white;
	color				: #2C3C60;
	padding				: 2em;
	font-family			: georgia;
	font-size			: 1.1em;
	line-height			: 1.8em;
}

#art-content p img.icon {
	float: right;
}

#art-content h2, #art-content h3 {
	text-shadow: 2px 2px 2px #aaa;
}

#art-content p {
	margin-bottom	: 2em;
}

#article-list {
	margin			 : 0;
	padding			 : 0;
	font-family			: georgia;
}

#article-list li {
	background-color : white;
	color			 : #2C3C60;
	border			 : 1px solid #852448;
	margin-top		 : 2em;
	padding			 : 1.2em;
}

#article-list li a.title {
	font-size		: 1.3em;
	font-weight		: bold;
}

#article-list li a.more {
	display		: block;
	text-align	: right;
	
}

#body dt {
	font-weight	: bold;
	font-size	: 1.2em;	
}

#body dd {
	margin-bottom : 1.2em;
}

#body a {
	text-decoration: underline;
}