/* CSS Document for www.piccoreo.com, designed by gatoon. Copyright piccoreo.com 2009 All rights Reserved */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	padding: 0;
	margin: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset,img { 
	border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	/*font-weight: normal;*/
	font-style:italic;
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border: 0; cursor:help;}
br {clear:both;}


body,td,th {
	font-family:"Times New Roman", Times, serif;
	font-size: 12pt;
	color: #333333;
}
body {
	background-color: #FFFFFF;
	margin: 0;
	padding:0;
}
a:link {
	color:#999999;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color:#999999;
}
a:hover {
	text-decoration: none;
	color: #FF9900;
}
a:active {
	text-decoration: underline;
	color: #CC9900;
}

/*header and text styles*/
h1,h2,h3,h4,h5,h6 {
	margin:15px 0 10px 0;
	font-family: Georgia, Times New Roman, Times, serif;
	font-weight: bold;
	color:#999999;
}
h1 {font-size:24pt; font-style:italic; padding:15px 0 15px 10px; margin:0 0 15px 0; background-color:#EEEEEE; border-bottom:1px solid #CCCCCC;}
h2 {font-size:18pt; text-transform:uppercase; clear:both;}
h3 {font-size:16pt;}
h4 {font-size:14pt;}
h5 {font-size:12pt; font-style:italic;}
h6 {font-size:10pt;}

h2 a {text-decoration:none!important;}

.txtupper {text-transform:uppercase;}
.txtcap {text-transform:capitalize;}

/*position and generals*/
.fleft {float:left;}
.fright {float:right;}
.rcorner {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.button {
	padding:3px 5px;
	text-transform:capitalize;
	text-align:center;
	text-decoration:none;
}
.buttonmore,.buttontoon {display:none;}


/*layout*/
#gatoon,#toonweb,#toonillust,#contacttoon {display:block!important;}

.contentbox {
	margin-bottom:30px;
	padding:5px 10px;
}
.contentbox p {margin-bottom:10px;}
.contentbox ul {margin-bottom:20px;}
#aboutme {clear:both;}
#aboutme ul {padding-left:20px;}
#websites {clear:both;}
#illustrations {clear:both;}
#websites ul, #illustrations ul {list-style-type:none;}
#websites ul li, #illustrations ul li {
	float:left;
	margin:0 20px 20px 0;
	width:130px;
	height:130px;
	overflow:hidden;
}
#websites p, #illustrations p {clear:both;}


#contact {display:none;}

.txtcenter {text-align:center; margin-top:40px;}

#footer {clear:both; padding-bottom:30px;}
.copyright {font:normal 10pt "Times New Roman", Times, serif; color:#999999; text-align:center;}