/* CSS Document */
* {
	padding:0;
	margin:0;
	border:none;
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	background-color:#D7D1BC;
	background-image:url(../image/bkground.gif);
	background-position:center;
	background-repeat:repeat-y;
	color:#8c8c8c;
}

div#container {
	background-color:#FFFFFF;
	width:630px;
	margin:30px auto;
}

.container_top {
	background-image:url(../image/container_top.gif);
	background-position:top;
	background-repeat:no-repeat;
	height:40px;
	margin-bottom:-25px;
}

.container_bottom {
	background-image:url(../image/container_bottom.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	height:40px;
	margin-top:-25px;
}	

div#wrapper {
	width:600px;
	margin:0px auto;
	padding:0px;
	text-align:left;
	background-color:#FFFFFF;
}

h1 {
	text-align:center;
	color:#A87883;
	padding-top:30px;
	font-size:1.5em;
	font-family:"Lucida Sans", Verdana, Arial, sans-serif;
}

h2 {
	font-size:1.2em;
	font-family:"Lucida Sans", Verdana, Arial, sans-serif;
}

h3 {
	font-size:1.1em;
	font-family:"Lucida Sans", Verdana, Arial, sans-serif;
}

.header {
	height:180px;
	width:600px;
	margin:0;
	padding:0;
}

.header h1 {
	margin:0;
}

.navigation ul {
	font-weight:bold;
	text-align:center;
	padding-bottom:1px;
	padding-top:9px;
	height:25px;
	font-size:0.8em;
	margin:0;
	border-bottom:1px solid #D7D1BC;
}

.navigation1 ul {
	font-weight:bold;
	text-align:center;
	padding-bottom:3px;
	padding-top:8px;
	height:25px;
	font-size:0.8em;
	margin:0;
}

.navigation1 li {
	display:inline;
	width:100px;
}

.navigation1 li a {
	text-decoration:none;
	width:300px;
	padding:5px 18px 5px 18px;
	color:#bdbcbc;
}

.navigation1 li a:hover {
	color:#C0959F;
}	

.navigation li {
	display:inline;
	width:100px;
}

.navigation li a {
	text-decoration:none;
	width:300px;
	padding:5px 18px 5px 18px;
	color:#a4a4a4;
}

.navigation li a:hover {
	color:#BE6880;
}	

.footer {
	clear:both;
	height:50px;
	width:600px;
	background-image:url(../image/footer.jpg);
	background-repeat:no-repeat;
}

.footer p {
	text-align:center;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding:18px 0px;
}

.footer a {
	color:#FFFFFF;
	text-decoration:none;
}

.footer a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}



/* ---------------------- home --------------------------*/

.sidebar {
	width:260px;
	float:left;
	margin:0px;
	height:520px;
}

h2#resources {
	font-family:Georgia, "Times New Roman", Times, serif;
	height:20px;
	padding:5px 0px;
	background: transparent url(../image/sidebar.gif) no-repeat;
	text-indent:-9000px;
	font-size:0.9em;
}

h2#reading {
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:3px 0px;
	background: transparent url(../image/sidebar1.gif) no-repeat;
	text-indent:-9000px;
	margin-top:7px;
	height:20px;
	
}

h2#coolsites {
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:3px 0px;
	background: transparent url(../image/sidebar2.gif) no-repeat;
	text-indent:-9000px;
	margin-top:7px;
	height:20px;
}

.sidebar ul {
	padding:2px 0px 10px 0px;
	border:1px solid #D7D1BC;
	font-size:0.7em;
}

.sidebar li {
	list-style-image:url(../image/petal2.gif);
	padding:1px 12px;
	list-style-position:inside;
	
}

.sidebar li a {
	text-decoration:none;
	color:#585858;
}

.sidebar li a:hover {
	color:#BE6880;
}
	
.message h1{
	margin:0px 30px 10px 30px;
	padding-top:20px;
}

.message {	
margin:20px 50px 25px 50px;
	
	
	
	
	
}

.message p {
	line-height:1.6em;
	font-size:0.7em;
	margin:24px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.message a {
	color:#BE6880;
}
.message a:hover {
	background-color:#F3E9EB;
}

.home_modules {
	margin:5px 0px 10px 0px;
	text-align:center;
}

.arrow {
	border:0;
}

.module_title {
	color:#A87883;
	font-size:1.3em;
	font-family:"Lucida Sans", Verdana, Arial, sans-serif;
	margin:10px 17px 5px 17px;
}

.module {
	border:2px solid #D7D1BC;
	text-align:center;
}

.shadow {
	text-align:center;
}

.module_thumb {
	margin:5px 17px 20px 17px;
	border:1px solid #D7D1BC;
	text-align:center;
}
	
/* ---------------------- portfolio --------------------------*/
.works {
	text-align:center;
	padding:0px;
	width:500px;
	margin:10px 50px 40px 50px;
}

table a {
	color:#323232;
	text-decoration:none;
	font-size:0.7em;
}
	
.web_thumbnail {
	width:120px;
	border:5px solid #D7D1BC;
	margin:20px 15px 0px 15px;
}

/* ---------------------- photo gallery--------------------------*/

.largepic img {
	border:5px solid #D7D1BC;
	width:466px;
	
	padding:0;
	margin:20px 10px 10px 10px;
	text-align:center;
}

.thumbnail td {
	padding:0px;
	height:42px;
	margin:0px;
}

.thumbnail a {
	padding:0px;
	margin:0;
}

.thumbnail img {
	width:56px;
	height:42px;
	border:0;
	margin:0px 1px;
	padding:0;
}

.pics {
	text-align:center;
	margin:10px 0px 0px 0px;
	font-size:0.7em;
}

.flickr_badge_image {
	text-align:center !important;
}

#flickr_www {
	display:block; 
	padding:0px 10px 10px 10px !important; 
	font-size: 0.8em;
	font-family: Arial, Helvetica, Sans serif, Georgia, "Times New Roman", Times, serif; !important; 
	color:#3993ff !important; 
	text-decoration:none;
}

/* ---------------------- biography --------------------------*/
.bio {
	
	margin:20px 50px 25px 50px;
	text-align:justify;
	line-height:1.4em;
	font-size:0.7em;
	clear:none;
}

.bio p {
	margin:15px 0px;
}

.australia {
	float:right;
	width:150px;
	clear:none;
	margin:3px 0px 6px 14px;
}

.bio a {
	color:#BE6880;
}

.bio a:hover {
	background-color:#F3E9EB;
}
	

/* ---------------------- contact --------------------------*/
.sentence p {
	margin:30px 68px 10px 68px;
	line-height:1.4em;
	font-size:0.7em;
	text-align:left;
}

.sentence img {
	width:200px;
	float:right;
	margin:5px 0px 20px 20px;
}
.contact {
	margin:0px 0px 40px 65px;
	font-size:0.7em;
	line-height:1.5em;
}

.contact table {
	line-height:1.4em;
}

.contact table a {
	color:#BE6880;
	font-size:1.0em;
}

.contact a:hover {
	background-color:#F3E9EB;
}


form {
	border:1px solid #D7D1BC;
	margin:30px 80px;
	background-color:#F4F2EC;
	padding:20px 30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	font-weight:bold;
}

input {
	border:1px solid #D7D1BC;
	margin:10px 10px 0px 0px;
	width:260px;
	height:20px;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

legend {
	font-size:1em;
	font-weight:bold;
}

textarea {
	border:1px solid #D7D1BC;
	margin:10px 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

label {
	margin:5px 10px 5px 25px;
	font-size:0.9em;
	font-weight:bold;
}

.email {
	margin-left:35px;
}

.subject {
	margin-left:27px;
}

.comment {
	margin-left:18px;
}

.button {
	width:70px;
	height:25px;
	font-size:1em;
	background-color:#FFFFFF;
	margin-left:170px;
	text-align:center;
}

/* ---------------------- kaekohata.com --------------------------*/
.myportfolio img{
	width:350px;
	margin:30px 30px 80px 30px;
	float:left;
}

.myportfolioproblem h2 {
	margin:30px 20px 10px 20px;
	font-family:"Lucida Sans", Arial, Verdana, sans-serif;
}

.myportfolioproblem p {
	font-size:0.7em;
	line-height:1.5em;
	margin:10px 20px 30px 0px;
}

.myportfoliosolution h2 {
	margin:30px 30px 10px 50px;
	font-family:"Lucida Sans", Arial, Verdana, sans-serif;
}
	
.myportfoliosolution p {
	font-size:0.7em;
	line-height:1.5em;
	margin:10px 20px 30px 50px;
}

/* ---------------------- CWEDP --------------------------*/
.cwedp img {
	width:490px;
	height:475px;
	margin:30px 50px;
	border:5px solid #D7D1BC;
}

.cwedpproblem p {
	margin:20px 60px 20px 60px;
	line-height:1.5em;
	text-align:justify;
	font-size:0.7em;
}

.cwedpproblem h2 {
	margin:10px 50px 10px 60px;
	font-family:"Lucida Sans", Arial, Verdana, sans-serif;
}

.cwedpsolution p {
	margin:20px 60px 30px 60px;
	line-height:1.5em;
	text-align:justify;
	font-size:0.7em;
}

.cwedpsolution h2 {
	margin:30px 50px 20px 60px;
	font-family:"Lucida Sans", Arial, Verdana, sans-serif;
}

/* ---------------------- bullfrog --------------------------*/
.bullfrog img{
	width:350px;
	margin:30px 30px 20px 30px;
	float:left;
}

.bullfrogassignment h2 {
	margin:30px 20px 10px 20px;
	font-family:"Lucida Sans", Arial, Verdana, sans-serif;
}

.bullfrogassignment p {
	font-size:0.7em;
	line-height:1.5em;
	margin:10px 20px 30px 0px;
}

.bullfrogsolution h2 {
	margin:30px 30px 10px 50px;
	font-family:"Lucida Sans", Arial, Verdana, sans-serif;
}
	
.bullfrogsolution p {
	font-size:0.7em;
	line-height:1.5em;
	margin:10px 20px 30px 50px;
}

/* ---------------------- useit.com --------------------------*/
.useit {
	width:350px;
	margin:40px 30px 100px 20px;
	float:left;
}

.assignment1 h2 {
	margin:40px 20px 10px 20px;
	font-family:"Lucida Sans", Arial, Verdana, sans-serif;
}

.assignment1 p {
	font-size:0.7em;
	line-height:1.5em;
	margin:10px 30px 30px 0px;
}

.solution h2 {
	margin:30px 30px 10px 0px;
	font-family:"Lucida Sans", Arial, Verdana, sans-serif;
}
	
.solution p {
	font-size:0.7em;
	line-height:1.5em;
	margin:10px 30px 30px 0px;
}

/* ---------------------- css zen garden1,2,3 --------------------------*/
.zen {
	width:350px;
	margin:40px 30px 20px 30px;
	float:left;
}
/*--(css of problem and solution is same as useit.com above)--*/ 


/* ---------------------- hotel de kitaoka --------------------------*/
.kitaoka {
	width:500px;
	margin:30px 50px;
}

.assignment p {
	margin:20px 60px 20px 60px;
	line-height:1.5em;
	text-align:justify;
	font-size:0.7em;
}

.assignment h2 {
	margin:10px 50px 10px 60px;
	font-family:"Lucida Sans", Arial, Verdana, sans-serif;
}

.solution1 p {
	margin:20px 60px 30px 60px;
	line-height:1.5em;
	text-align:justify;
	font-size:0.7em;
}

.solution1 h2 {
	margin:30px 50px 20px 60px;
	font-family:"Lucida Sans", Arial, Verdana, sans-serif;
}

/* ---------------------- mario & yoshi --------------------------*/
.gameflash {
	margin:30px 25px;
}
/*----(css of assignment and solution is same as kitaoka above.)---*/

/* ---------------------- HeatherMallick.com --------------------------*/
.assignment1 h3 {
	margin:35px 20px 0px 20px;
	font-family:"Lucida Sans", Arial, Verdana, sans-serif;
}
.assignment h3 {
	margin:35px 20px 0px 20px;
	font-family:"Lucida Sans", Arial, Verdana, sans-serif;
}

.task p {
	margin:15px 20px;
	line-height:1.5em;
	text-align:left;
	font-size:0.7em;
}

.task1 p {
	margin:15px 60px;
	line-height:1.5em;
	text-align:left;
	font-size:0.7em;
}

.heather {
	width:350px;
	margin:40px 30px 10px 30px;
	float:left;
}

/* ---------------------- IIE --------------------------*/
.assignment2 h3 {
	margin:35px 20px 0px 20px;
	font-family:"Lucida Sans", Arial, Verdana, sans-serif;
}

.assignment2 p {
	margin:20px 22px;
	line-height:1.5em;
	text-align:justify;
	font-size:0.7em;
}