body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
	margin:0; padding:0;	
}
body {	
	background-color:#FFFEF8;
	margin:0; padding:0;	
}
body, input, textarea, select, td {
	font-family:Helvetica, Arial, Verdana;
	color:#949191;
	font-size:small;	
}
#wrapper2, input, select, textarea, td {
	font-size:90%; /* or 85% */
}
h1, h2, h3, h4, h5, h6 {	
	padding-bottom:0.8em;
}
h2, h3, h4, h5, h6 {
	color:#D3685A;
}
h1, h2, h3 {
	font-size:100%;		
	padding-bottom:0px;
	margin-bottom:10px;
}
h2 a, h3 a {
	color:#D3685A;
	text-decoration:none;
}
p {
	padding:0px 0px 10px 0px; 
	margin:0px;
}
/* 2. Layout ----------------------------------*/
/* center */
#wrapper1 { 	
}
#wrapper2 { 
	width:985px;
}
/* IE 6 hack :( */
* html #wrapper2 { width:985px;}
#content { 	
}
#menuPanel {
	background-color:#6C6C6C;
	padding:4px 30px 4px 30px;
	text-align:right;
	color:#ffffff;
}
#menuPanel a {	
	color:#ffffff;
}
#top {
	background-color:#ffffff;
	padding:30px 54px 0 54px;	
	border-bottom:2px solid #000000;
}
#bot {	
	padding:20px 54px 0px 0px;	
	background-image:url(../../images/general/paint-splash.jpg);
	background-position:0px 20px; /* was 30px */
	background-repeat:no-repeat;		
}

#header div.logo {
	font-size:100%;		
	padding-bottom:0px;
	margin-bottom:10px;	
	font-weight:bold;		
	font-size:300%;/*250%*/
	line-height:75%;
	margin-bottom:6px;
	
}
#content {	
	float:left;
	width:640px;	
}
#content {
	margin-left:50px;
}
#margin {	
	width:169px;
	float:left;	
	padding:26px 8px 0 54px ;
}
body.error #bot {
	background-image:none;
	padding:20px;
}
#footer {
	margin:30px 54px 30px 54px;
}
/* 2. Navigation -------------------------------------*/
#navigation {
	margin-left:-2px;
	padding-bottom:20px;	
}
#navigation ul {
	list-style-type:none;		
}
#navigation ul li {	
	padding-right:0px;
	margin-right:2px;
	margin-top:2px;	
	padding-bottom:2px;
}
#navigation ul ul {
	padding-top:2px;	
}
#navigation  a {	
	color:#D3685A;
	text-decoration:none;	
	padding:0px 2px;
	text-decoration:none;	
	text-transform:uppercase;				
}
#navigation ul li a:hover, 
#navigation ul li.current a,
body.news #navigation ul li.news a,
body.home #navigation ul li.home a,
body.illustrations #navigation ul li.illustrations a,
body.personalwork #navigation ul li.personalwork a,
body.ojects #navigation ul li.ojects a,
body.contact #navigation ul li.contact a {
	background-color:#7AD9D1;
	color:#000000;	
}
#navigation ul ul {
	margin-left:10px;
	padding-bottom:0px;
}
#navigation ul li li a {
	text-transform:none;
	font-style:italic;	
}
a {
	color:#D3685A;
}
a:hover {
	background-color:#7AD9D1;
	color:#000000;
}
strong, em {
	color:#7AD9D1;
}
/* 5. Forms ----------------------------------*/
form {
	margin:0px;
	padding:0px;
}
label {
	float: left;	
	width:9em;
	clear:both;	
	padding-top:2px;		
}
label.radio {
	float:none;
	clear:none;
	width:auto;
	padding-top:0px;		
	padding-right:1em;
}
input, textarea {
	color:#000000;
}
input, textarea, select {
	font-size:100%;
}
input, textarea {
	padding:2px 4px;
}
input.xLarge {
	width:20em;
}
input.url {
	width:30em;
}
input.date {
	width:12em;
}
textarea {
	width:20em;
	height:8em;	
}
select {	
}
option {
	padding:0px 10px 0px 4px;	
}
input.button {		
	padding:2px 4px;
}
form.search {	
	padding:10px 10px;
	margin-bottom:20px;
	border:1px solid #cccccc;
}
label.normal, form.search label {
	float:none;
	width:auto;
	clear:none;
	padding-top:2px;
}
form div.buttons {
	margin:20px 0 0 9em;
}
/*-- tables --*/
table {
	margin:0 0 20px 0;
	border-collapse:collapse;
}
td, th {
	padding:4px 15px 4px 0px;
}
/* 6. General ---------------------------------*/
.clear {
	clear:both;
}
.right {
	float:right;
}
.left {
	float:left;
}
/* 10. errors and messages */
div.error, div.message, div.saved, div.warning, div.note, div.nodata {	
	color: #ffffff;
	font-style: italic;	
	font-weight: bold;
	margin-bottom: 20px;
}
div.message, div.saved, div.error, div.note, div.nodata {
	background-color: #7AD9D1;
	color: #000000;
}
div.error {		
}
div.warning {	
	background-color: #FFFF33;	
	color:#000000;
}
div.note, div.nodata {		
}
p.error {	
	color:#D3685A;
	font-weight:bold;
	font-style:italic;	
}
.hide {
	display:none;
}
.hidden {
	display:none;
}
.formRow {
	border-bottom:1px dashed #D7C9C9;
	padding:6px 0px;
}
/* object stuff -------------------------------*/
.objectShow .objectList {
	padding-top:0px;
	padding-bottom:20px;
}
.objectShow .objectList {	
	padding:0px 0 0 0;
}
/*.objectEdit*/
ul.parentLinks {
	margin-top:10px;
	list-style-type:none;
}
/* Pagination ----------------------------------*/
div.pagination {
	margin:0px 0 20px 0;
}
div.pagination a, div.pagination strong {
	padding:2px 4px;
	margin-right:0px;		
	border:1px solid #cccccc;
}
div.pagination a.next, div.pagination a.previous {
	border:0px solid #cccccc;
}
#navigation div.pagination {
	padding-top:2px;
	padding-bottom:2px;	
	margin:0 0 0 10px;	
}
#navigation div.pagination a, #navigation div.pagination strong {
	border:0px;
	padding:0px 2px;
	text-transform:none;
	font-style:italic;
}
div.pagination a.next, #navigation div.pagination a.next {
	background-image:url(../../images/general/arrow-right.gif);
	background-position:right center;
	background-repeat:no-repeat;		
	padding-right:34px;
}
div.pagination a.next:hover, #navigation div.pagination a.next:hover {
	background-image:url(../../images/general/arrow-right-on.gif);
}
div.pagination a.previous, #navigation div.pagination a.previous {
	background-image:url(../../images/general/arrow-left.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:30px;	
}
#navigation div.pagination a.previous {
	margin-right:5px;		
}
div.pagination a.previous:hover, #navigation div.pagination a.previous:hover {
	background-image:url(../../images/general/arrow-left-on.gif);
}
ul.parentLinks {
	margin-top:40px;
	list-style-type:none;
	padding:20px 0 0 0;
	border-top:1px dashed #cccccc
}
div.adminLinks {
	text-align:right;
	margin-bottom:20px;
}
div.header h1 {
	float:left;
}
div.header div.adminLinks {
	padding-top:1em;
	float:right;
}
img {
	padding:3px;
	border:1px solid #EEEDE8;
}
/* Captcha -------------------------------*/
input.captcha {
	margin:2px 0px 2px 9em;	
}
img.captcha {
	margin:2px 0px 7px 9em;	
}
.highlight {
	background-color:#ffff00;
}
#accessRestricted {
	position:absolute;
	top:0px;
	right:0px;	
}
/* loading message */
#loading {
	position:fixed;
	top:0px;
	width:100%;
	text-align:center;	
	display:none;
}
/* ie 6 hack as fixed does not work */
* html #loading {
	position:absolute;
}
#loading span {
	background-color: #38a167;
	padding: 6px;	
	color: #ffffff;
	font-style: italic;	
	font-weight: bold;	
	position:relative;
}
#saving, .saving {
	display:none;	
	background-image:url(../../images/general/loading-bar-green.gif);
	background-position:left top;
	background-repeat:no-repeat;		
	height:15px;	
}
#saving span, .saving span {
	display:none;
}
#header {
	margin-bottom:20px;
	color:#000000;
}
#header a {
	color:#000000;
	text-decoration:none;
}
#contact-details p {
	padding:0px;
	font-weight:bold;
}
h2 span, h1 span {
	text-transform:uppercase;
	background-color:#7AD9D1;	
}
h3 {
	
}
div.frame {
	background: url(../../images/general/frame-l-4.gif) no-repeat bottom left;
	margin: 0; 
	float:left;
	position:relative;			
	margin-top:16px;
}
div.standard {	
}
div.empty {
	width:500px;
	height:400px;
}
div.frame .wrap-1 {
	background: url(../../images/general/frame-t-2.gif) no-repeat top left;
	position:relative;
} 
div.frame .wrap-2 { 
	background: url(../../images/general/frame-r-2.gif) no-repeat top right;position:relative;
}
div.frame .wrap-3 {
	background: url(../../images/general/frame-b-3.gif) no-repeat bottom right;	position:relative;
	padding:38px 47px 39px 30px;
}
div.frame .wrap-4 {	
}
div.frame {
	position:relative;		
}
.little-man {
	position:absolute;
	top:-20px;/*-4px*/
	left:-16px;
	background: url(../../images/general/little-man.gif) no-repeat top left;		
	width:31px;
	height:63px;	
}
div.webpages-default, div.webpage-news {
	margin-top:26px;	
}
div.webpages-default .little-man {
	display:none;
} 
.frame2 {
	padding-bottom:20px;
	margin-bottom:15px;
	background: url(../../images/general/border-bottom.gif) no-repeat bottom right;	
}
h1 {	
	color:#D3685A;			
}
.webpage-illustration h1, .personalwork h1 {		
	font-size:100%;	
}
ul.pagination {
	list-style-type:none;	
}
ul.pagination li {
	display:inline;
	text-transform:lowercase;	
}
ul.pagination li a {
	color:#D3685A;	
}
p.admin-links, #contact-details p.admin-links {
	font-weight:normal;	
}
p.pagination {	
	padding-top:5px;
	position:absolute;
	z-index:1;
	color:#D3685A;		
	text-transform:lowercase;
}
p.pagination a {
	text-decoration:none;	
	color:#D3685A;
}
p.pagination a:hover {
	color:#000000;
}
p.pagination span.previous {	
}

div.sketch img {
	border:0px;
	padding:0px;	
}
div.sketch h2 {
	margin-bottom:4px;
	text-transform:uppercase;	
}
div.sketch h2, div.sketch h3 {
	font-weight:normal;
}
div.sketch h3 {
	font-style:italic;	
	margin-bottom:0px;	
} 
div.copyright {
	padding-top:20px;
}
#welcome {
	margin-bottom:10px;
}
div.rss {
	padding-top:30px;	
}
div.rss a {
	text-transform:uppercase;
	color:#D3685A;	
	text-decoration:none;	
	background-image:url(../../images/icons/rss.gif);
	background-position:center left;
	background-repeat:no-repeat;		
	padding:0px 20px 0px 20px;	
}
div.webpage-illustration img {
	padding:3px;
	border:1px solid #EEEDE8;		
	margin-bottom:10px;		
}

div.webpage-illustration p.pagination {
	position:relative;
	top:0;
	left:0;
	padding-bottom:10px;	
}
div.webpage-illustration {
	margin-top:16px;/*26px*/	
	background-image:url(../../images/general/little-man-right.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding-bottom:69px;	
}
div.little-man-right {
	background-image:url(../../images/general/little-man-right.gif);
	background-repeat:no-repeat;
	background-position:top left;		
	height:59px;
	margin-top:-18px;
	margin-left:-24px;	
}
div.webpage-illustration h1 {
	padding-left:0px;
}
ul.sketches {
	list-style-type:none;	
}
li.sketch {
	margin-right:20px;
	margin-bottom:20px;
	float:left;
}
li.sketch h2, li.picture h2 {	
	font-weight:normal;
	font-style:italic;
}
li.sketch img {
	padding:3px;
	border:1px solid #EEEDE8;	
}
li.sketch p.picture, li.picture p.picture {
	padding-bottom:2px;
}
div.webpage-illustration li.picture p.picture img {
	margin-bottom:0px;
}
li.col-first {
	clear:both;
}
li.col-last {
	margin-right:0px;
}
.webpages-list ul.ui-sortable/*, div.edit */ {
	border:1px dashed #dddddd;
}
ul.ui-sortable li.ui-sortable-helper {
		
}
 .ui-state-highlight {
	background-color:#eeeeee;
	height: 1em; line-height: 1em;
}

ul.ui-sortable li.col-first {
	clear:none;
}
ul.ui-sortable li.col-last {
	margin-right:20px;
}
.webpages-spotOfTheWeek .ui-sortable li, .webpages-spotOfTheWeek .ui-state-highlight {
	width:160px;
	height:250px;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}
.webpages-spotOfTheWeek .ui-sortable {
	width:600px;	
}
div.pagination {
	margin-top:10px;
}
div.noscript {
	padding:4px 30px 4px 30px;
	background-color:#FFFF90;
	text-align:center;
}
ul.pictures {
	list-style-type:none;		
}
ul.pictures li {
	padding-bottom:0px;	
}
.html ul, .html ol, .intro ul, .intro ol, .content ul, .content ol {	
	padding-top:0px;
	margin-bottom:10px;	
	margin-left:40px;	
}
.html ol, .intro ol, .content ol {
	margin-left:40px;
}