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

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; }
body { line-height:1; }
ol,ul { list-style:none; }
blockquote,q { quotes:none; }
blockquote:before,blockquote:after,q:before,q:after { content:'';content:none; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse;border-spacing:0; }

fieldset,img { 
	border: 0;
}
img {
	max-width: 100%;
}
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;}


body {
	background-color: #FFF;
	color: #333;
	font-size: 12pt;
	font: normal 100% "Times New Roman", Times, serif;
}

.setclear {clear: both;}
.acenter {text-align: center;}
a:link {
	color:#663300;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
	color:#CC6600;
}
a:visited {
	text-decoration: none;
	color:#996633;
}
a:active {
	text-decoration: underline;
	color:#990000;
}
a {
	-moz-transition: 0.2s color linear;
	-webkit-transition: 0.2s color linear;
	transition: 0.2s color linear;
}
a:link:after, a:visited:after {
   content: " (" attr(href) ") ";
   font-size: 90%;
}

/*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; margin-top: 0!important;}
h2 {font-size:18pt; border-bottom: 1px dotted #ccc; margin-bottom: 1em!important; text-transform: uppercase; color: black;}
h3 {font-size:16pt; margin-bottom: 0.7em !important;}
h4 {font-size:14pt;}
h5 {font-size:12pt; font-style:italic;}
h6 {font-size:10pt;}

.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*/
#page {
	width: 100%;
}
#page p {margin-bottom:  1em;}

#about, #webworks, #illustworks {margin-bottom: 1.5em; border-bottom:1px solid #666; border-top: none;}
#contact {display: none;}

#navigation {
	padding: 2%;
	width: 96%;
	background-color: #EFEFEF; 
	border-bottom: 1px solid #CCC;
	position: static;
	border-top: none;
}
#navigation ul#nav {display: none;}
.subtitle {font-style: italic; font-weight: bold; color: gray; font-size: 16pt;}
.copyright {font-size: 10pt; color: gray;}

.container {padding: 2%; background: none;}

div#gatoonphoto {
	float: left; 
	padding-top: 1.5em;
	width: 25%; 
}
div#gatoonphoto img {
	padding: 0.5em 0.5em 1.5em 0.5em;
	margin-bottom: 2em;
	background: #FFF url('../images/loading.gif') no-repeat center;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);;
	display: block;
}
div#aboutinfo {
	float: left;
	margin-left: 5%;
	padding-left: 3%;
	padding-top: 1.5em;
	width: 65%;
	border-left: 1px dotted #ccc;
}
div#aboutinfo ul {list-style-type: circle; padding-left: 20px; margin-bottom: 1em;}
.halfbox {width: 48%;}
.addgap {margin-right: 2%;}
.fleft {float: left;}


ul#gallweb, ul#gallillust {display: none;}

div#aboutinfo {border-left:  none;}