/* 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: 1em;
	color: #333333;
}
body {
	background:#FAF5EF url(../images/bg_main.jpg) repeat left top;
	/*background-attachment:fixed;*/
	background-color:#FAF5EF;
	margin: 0;
	padding:0;
	border-top:5px solid #FFCC00;
}
a:link {
	color:#663300;
	text-decoration: underline;
}
a:visited {
	text-decoration: none;
	color:#996633;
}
a:hover {
	text-decoration: none;
	color:#CC6600;
}
a:active {
	text-decoration: underline;
	color:#990000;
}
h2 a {text-decoration:none!important;}
a.button {text-decoration:none!important;}

/*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:#663300;
	clear:both;
}
h1 {font-size: 2.4em; padding:15px 0 15px 10px; margin:0 0 15px 0;}
h2 {font-size: 1.6em; text-transform:uppercase;}
h3 {font-size: 1.2em;}
h4 {font-size: 1em;}
h5 {font-size: 0.875em; font-style:italic;}
h6 {font-size: 0.75em;}

.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;
}

.buttontoon {clear:both;}
.buttonmore {clear:both; text-align:right; padding-right:77px;}
.buttonmore a {text-decoration:none; color:#663300;}
.button {
	padding:3px 5px;
	background-color:#9E9986;
	border:1px solid #996666;
	text-transform:capitalize;
	text-align:center;
	text-decoration:none;
}
.button:hover {background-color:#766D58; border:1px solid #766D58; color:#000000;}


/*layout*/
#logo {
	clear:both;
	margin:0 auto 20px auto;
	width:960px;
	height:60px;
	background:transparent url(../images/logo.png) no-repeat right bottom;
	text-indent:-9999px;
}
.contentbox {
	margin:0 auto;
	width:960px;
	padding:5px 10px;
	/*background-color:white;*/
	border-bottom:1px dotted #999999;
}
.contentbox p {margin-bottom:10px;}
.contentbox ul {margin-bottom:20px;}
#aboutme,#websites,#illustrations {
	clear:both;
}
#toonpict {
	float:left;
	margin:0 20px 10px 0;
	width:210px;
	height:269px;
}
.pictaside {
	float:left;
	width:730px;
}

#aboutme ul {padding-left:20px;}
.abbox {float:left; width:49%;}

#websites ul, #illustrations ul {list-style-type:none;}
#websites ul li, #illustrations ul li {
	float:left; 
	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: 270px;
}
textarea {
	color:#CC6600;
	width: 270px;
	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%;}
#sent, #fail {text-align:center;}
.robot {
	padding-left:30%;
	font-size:small;
	font-style:italic;
}


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

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

.hotspot {color:#900; padding-bottom:1px; cursor:pointer}
#tt {position:absolute; display:block; background:url(../images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(../images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(../images/tt_bottom.gif) top right no-repeat; overflow:hidden}