/*
	#~ Designed and created by Kompact Design (www.kompact.co.uk)                               ~#
    #~ Code may be copied under conditions set out within the page www.kompact.co.uk/legal.html ~#
*/

/* --Layout-- */
body, html {
background-color: #CCC;
text-align:		center;
margin-top:		0;
}
body *, html * { 
margin:			0;
padding:		0;
border:			none;
}
#wrap {
width:			820px;
text-align:		left;
margin-left:	auto;
margin-right:	auto;
}
#content p {
padding-top: .5em;
}
/*-Heading Div-*/
#heading {
text-align:		center;
margin:			1em 0 1.5em 0;
}
#heading p {
padding:		0;
margin:			0;
}
/*-Images Artwork Pages - wtih H+V Centering-*/
#images {
text-align:		center;
margin-bottom:	.5em;
}
#images img {
display:		inline-block;
vertical-align:	middle;
margin:			0 .5em .5em .5em;
}
#images_no-margin img {
display:		inline-table;
vertical-align:	middle;
margin:			0;
}
.bottom {margin-top: 1em; }
#content ul, #content ol {
padding-left: 2em;
}

/* --Typography-- */
body *, html * {font-family: Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, caption {color: #999; }
h1 {text-align: right; }
caption, h4 {
font-size:		20px;
font-weight:	bold;
color:			#FFF;
}
h4 {margin-bottom: -.5em; }
#menu li a {
font-weight:	bold;
color:			#fff;
}
.red {color: red; }
#back a {
font-weight:	bold;
color:			#FFF;
}
.pre {
white-space:	pre;
font-size:		small;
}
a:link {text-decoration: none; }
a:visited {text-decoration: none; }
a:active {text-decoration: none; }


/* --Menu-- */
#menu {border-bottom: #fff solid thin; }
#menu ui {
list-style-type: none;
text-align:		center;
}
#menu li {display: inline; }
#menu li a {
padding:		0 10px;
border-right: 	#fff solid thin;
padding:		0 1.25em 2px 1.25em;
}
#menu_list * a:hover, #menu_list * a:focus {color: #000; }


/* --Content-- */
#content {
background-color: #CCC;
border-bottom:	#000 dotted 1px;
padding-bottom:	4.5px;
overflow:		hidden;
}

/* --Kompact Design-- */
#kompact_design {
text-align:		right;
font-family:	Courier New, monospace;
font-size:		12px;
letter-spacing: -.015em;
float:			right;
padding-top:	2px;
}
#kompact_design_logo {
float:			right;
padding-top:	2px;
padding-left:	4px;
}


/* --CV-- */
table {width: 100%; }
td {
padding:		.1em;
vertical-align:	text-top;
}
table, .indent {margin-left: 10px; }
caption {text-align: left; }


/* --Artwork Menu-- */
#artwork_menu {
float:			right;
margin:			0 1.5em .5em 1.5em;
display:		compact;
}
#artwork_list * {
text-align:		left;
font-size:		small;
color: 			#333;
}
#artwork_list li {
margin-top:		0.25em;
margin-left:	1em;
color:			#FFF;
}
#artwork_menu * small {font-size: 10px; }

/* --Forms-- */
form {padding: .5em; }
label {font-weight: bold; }
input, textarea {
margin-bottom:	.3em;
background-color: #F5F5F5;
border:			1px solid #999;
padding:		2px;
font-weight:	normal;
font-size:		small;
}

/* --Texts-- */
blockquote {
margin: 1em 3.2em;
}
.texts h2 {
font-weight: normal;
margin: .5em 0 .3em;
text-align: center;
}
.texts h3 {
color: white;
margin: 1em 0 .2em;
}
.texts h4 {
margin: .4em 0 .2em;
font-size: small;
}
.texts hr {
margin: 2em 3em 2em 3em;.
text-align: center;
background-color: #666;
}
.download {
float: right;
font-size: small;
padding: .5em;
}
.pdf {
height: 25%;
widows: 25%;
}