body {
	background: #fff;
	color:#333;
	margin:0;padding:0;
	text-align: center;
}

body, p {
	font-family:  arial, sans-serif;
	font-size: 12px;
}

/*/*/a{}
body,
body p {
  font-size: x-small;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: small;
}
html>body,
html>body p {
  font-size: small;
}  
/* */

/* ----------- general rules ---------- */

img {border:0;display:block;}
.hiddenpic {display: none;}
.hidden {display: none;}
.alt {display: none;} 
.skiplink {display:block;}
.textonly {display:block;}

div.hr {display: none}
/*/*/a{}
div.hr {
  display: none;
}
hr {display:none}
/* */

/* ----------- structure ---------- */

.wrapper { text-align: left; width: 600px; margin: 10px auto; height: auto; }

body#pics .wrapper {
	border: 1px solid #ccc;
	margin: 10px auto;
	width: 640px;
	text-align: left;
}

.header {
	padding: 0 0 30px 0;margin:0;
}

#content {position:relative;margin:20px 0 0 0;padding:0  0 30px 0;clear:both;width:600px;}


#float_text  {
min-height: 400px;
width:400px;
display:block;
}

#float_right  {
min-height: 200px;
position:absolute;top:0;right:0;
width:200px;
display:block;
}


/* ----------- INDEX PAGE ---------- */

.index_image {padding:  0; margin: 0 auto; text-align:center;}
.index_image img {border:2px solid #999;}
.index_image:hover img {border:2px solid #09F;}

#image_padding { margin: 0; padding: 1px;background-color: #000;}

/* ----------- headings ---------- */
h1 {
	margin: 0;
	padding:0;
	text-align: center;
	font:100 3em/1em 'helvetica neue ultralight',helvetica, arial, sans-serif;
	letter-spacing: 6px;
	}

h2 {font-size:100%;}
h3 {font-size:100%;}
h4 {font-size:100%;font-weight:100;margin:0 0 0 30px;padding:0;}
h5 {}
h6 {}


/* ----------- FOOTER ----------- */

.footer {
	display:block;
	clear: both;
	width:600px;
	text-align: center;
	letter-spacing: 0.5px;
	color:#666;
	padding:16px 0 0 0;margin:0;
}
.footer a {border-right:1px solid #666;padding:0 4px;}
.footer a:last-child {border-right:0;}

.footer p {font: 80% 'century gothic',arial;}

/* ----------- typography ----------- */

p { margin-top: 1em; padding-top: 0; }

#menu ul li { font:100% arial;}

#float_text p { display:block;width:90%; }
#float_right p { font:900 italic 80% 'century gothic',arial;}

/* ----------- linkage ----------- */

a:link {color: #666;text-decoration: none;}
a:visited {color: #666;text-decoration: none;}
a:hover {text-decoration : none;color: #09F;}
a:active {text-decoration : none;color: #66F;}

.back a:link, .back a:visited {text-decoration: none;color: #09F;}
.back a:hover, .back a:active {text-decoration: underline;color: #999;}

h1 a:link, h1 a:visited  {color: #999;text-decoration: none;}
h1 a:hover, h1 a:active  {text-decoration: none;color: #09F;}

.footer a#dog {color: #666;border-right:0px solid #fff;}
.footer a#dog:hover {text-decoration: underline;}

.footer a#ace {color:#09F;border-right:0px solid #fff;text-decoration:underline;}
.footer a#ace:hover  {font-weight:900;}

/* ---------- Page header graphics ---------- */

body#current #float_right {
	background: transparent url(../i/current/bg1.jpg) right top  no-repeat;
	padding-top:250px;
	}

body#current #content {
	background: transparent url(../i/current/bg2.jpg) right bottom  no-repeat;
	padding-top:0;
	}



/* ---------- lists ----------- */




#content ul {
	border: 0;
	margin: 0 0 0 30px;
	padding: 0;
	list-style: none;
}

body#con #content ul li {
	padding:0 0 0px 0;margin: 0;
	text-align:left;
	background: transparent;text-transform:capitalize;
}

body#info #content ul li {
	padding: 0;margin: 0;
	text-align:left;
	background: transparent;
}

.thumbs {
	display:block;position:relative;
	width: 550px;
	margin: 0 0 0 50px;
	padding: 16px 0 0 0;
	}
.thumbs ul {
	display: block;
	padding:  0;
	margin: 0;
	list-style: none;
	}

.thumbs ul li {
	float: left;
	min-width: 77px;
	padding: 0 0 24px 0;
	margin: 0 50px 0 0;
	}
.thumbs ul li a {display:block; padding: 0; border: 1px solid #fff;text-decoration: none;}	
.thumbs ul li a:hover {border-color: #333;color: #333;}
.thumbs ul li:hover {color: #3cf;}	
.thumbs img {}	

/* ---------- MENU ----------- */

#menu { width:310px; margin: 20px auto; padding: 0;}
	
#menu ul { padding: 0;	margin: 0;}

#menu ul li {
	float:left;
	text-align:center;
	width:75px;
	list-style:none;
	padding: 0;
	margin: 0 ;
	}
#menu ul li a {padding: 0; margin: 0 0; }

/* ---------- NAVIGATION ----------- */

#con .con, #draw .dr, #paint .pa, #work .aw,  #info .in,  #home .hm,  #current .cu { color: #000;font-weight:900;}
 #access a.access { color: #000;font-weight:900;text-decoration:none;}
/* ----------- HOME page ----------- */

/* ---------- HOME page MENU ----------- */

#home_menu {position:absolute;left:50px;width: 200px;height:300px;}
html>body #home_menu {height:auto;min-height:300px;}

#home_menu ul {width: 200px;margin:100px 0;padding: 0;}
#home_menu ul li {display: block;list-style: none;padding: 0;height:25px;text-align:right;}
#home_menu ul li a { display: block; letter-spacing: 1.5px; font-size: 1.5em; }

/* ---------- HOME random images ----------- */

#home_ri {width: 200px;background:#000;margin:0 0 0 300px;height:300px;}

#home_ri ul {display: block;}
#home_ri ul li {display: block;list-style: none;padding: 30px 0 0 0;}
#home_ri ul li a:hover {color: #ccc;text-decoration: underline;}
#home_ri a:active	{color: #333;}

/* ---------- ART MENU ----------- */

#art_menu {position:absolute;right:0;width: 270px;margin:0 ;padding: 0;height:100px;}
html>body #art_menu {height:auto;min-height:100px;}

#art_menu ul {margin: 0;padding: 0;}
#art_menu ul li {display: block;list-style: none;padding: 0;margin:10px 0;text-align:left;height:20px;}
#art_menu ul li a { display: block; letter-spacing: 1.5px; font-size: 1.5em;margin: 0;padding: 0;}

/* ---------- ART random images ----------- */

#art_ri {width: 200px;margin:0 0 0 100px;padding: 0;}
#art_ri ul {display: block;}
#art_ri ul li {display: block;list-style: none;padding:0;}

/* ---------- pictures ----------- */

#imagelge {
  	padding: 30px 20px 20px 20px;
  	margin: 0px;
}
#close {
	position: relative; 
	display: block;
	padding: 0 0px 0px 20px;
	z-index: 100;
}

#close a {
	font-family: 'century gothic', arial, sans-serif;
	font-size: 0.8em;
	font-weight: 100;
	text-decoration: none;
	padding-right: 4px;
	line-height: 2em;
}
#close a:hover{color: #000;font-weight: 900;}

#title {
	width: 600px;
	text-align: left;
	padding: 10px 0 0 0;
	font-size: 0.9em;
	text-transform: lower-case;
}

#caps {text-transform: capitalize;padding-right: 10px;font-weight: 900;}