/* 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: normal;
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border: 0; border-bottom:1px dotted; cursor:help;}
br {clear:both;}


body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size:medium;
	color: #333333;
}
body {
	background-color:#FAFAFA;
	margin: 0;
	padding:0;
	border-top:5px solid #FFCC00;
}
a:link {
	color:#CC6600;
	text-decoration: underline;
}
a:visited {
	text-decoration: none;
	color: #FFCC00;
}
a:hover {
	text-decoration: none;
	color: #FF9900;
}
a:active {
	text-decoration: underline;
	color: #CC9900;
}
a:focus {background-color:#FF6600; color:#FFFFFF;}

/*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:#CC6600;
	clear:both;
}
h1 {font-size:xx-large; padding:15px 0; margin:0 auto 15px auto; width:90%;}
h2 {font-size:xx-large; text-transform:uppercase;}
h3 {font-size:large;}
h4 {font-size:medium;}
h5 {font-size:small; font-style:italic;}
h6 {font-size:smaller}

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

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

/*position and generals*/
.fleft {float:left;}
.fright {float:right;}

.buttonmore,.buttontoon {clear:both;}
.buttonmore a {text-decoration:none; color:#999999;}
.button {
	padding:3px 5px;
	background-color:#ECECEC;
	border:1px solid #E2E2E2;
	text-transform:capitalize;
	text-align:center;
	text-decoration:none;
}
.button:hover {background-color:#FFCC33; border:1px solid #CCCC00; color:#666666;}


/*layout*/
#logo {
	clear:both;
	margin:0 auto 20px auto;
	width:90%;
	height:60px;
	background:transparent url(../images/logo.png) no-repeat left bottom;
	text-indent:-9999px;
}
#gatoon,#toonweb,#toonillust,#contacttoon {display:block!important;}

.contentbox {
	margin:0 auto;
	width:90%;
	padding:5px 10px;
	border-bottom:1px dotted #CCCCCC;
}
.contentbox p {margin-bottom:10px;}
.contentbox ul {margin-bottom:20px;}

#aboutme,#websites,#illustrations {
	clear:both;
}
#toonpict {
	margin:0 20px 10px 0;
	width:100%;
	height:269px;
	text-align:left;
}
.pictaside {
	width:100%;
}

#aboutme ul {padding-left:20px;}


#websites ul, #illustrations ul {list-style-type:none;}
#websites ul li, #illustrations ul li {
	display:block; 
	margin:10px; 
	padding:14px 16px 16px 14px; 
	width:130px;
	height:130px;
	background:transparent url(../images/bg_icon.png) no-repeat left top;
	overflow:hidden;
}
#websites ul li:hover,#illustrations ul li:hover {background:transparent url(../images/bg_icon_over.png) no-repeat left top;}
#websites p, #illustrations p {clear:both;}


#contact {
	clear:both;
	border-bottom:none;
}
input.txt {
	color:#CC6600;
	width: 170px;
}
textarea {
	color:#CC6600;
	width: 170px;
	height:120px;
}
form div {
	clear: left;
	margin: 0;
	padding: 0;
	padding-top: 0.6em;
}
form div label {
	float: left;
	width: 30%;
	text-align:right;
	margin-right:5px;
	font: bold 1em Arial, Helvetica, sans-serif;
}
.sbmtbttn {margin-left:30%;}

.txtcenter {margin-top:40px;}

#footer {clear:both; padding-bottom:30px; margin-top:30px;}
.copyright {font:normal x-small Arial, Helvetica, sans-serif; color:#999999; text-align:center;}