/* Design & Code (c) Company Name, Inc. */
html, body { padding: 0; margin: 0; }
body {
	font: normal 12px/1.5em "Lucida Grande", "Verdana", sans-serif;
	background: #fff;
	background: url("http://www.martinmccloud.com/japan/back.jpg");
	background-position: 50%;
	 }

.hideMe{
display:none;
}
	
div#wholepage{
width:800px;
margin:auto;
border:1px solid black;
background: #fff;
}

div#homepage-link{
background: #000;
padding:5px;
}	

div#top-banner{
background: url(http://www.martinmccloud.com/japan/banner.jpg);
background-repeat: no-repeat;
height:250px;
width:800px;
}	

div#top-menu{
float:left;
clear:both;
padding-top:121px;
width:800px;
}

div#content{
float:right;
width:600px
}

.right{
float:right;
}

.left{
float:left;
}

div#main-content {
width:400px;
xbackground:blue;
}

div#sub-content {
width:200px;
xbackground:red;
}

div.data-box {
background:#F7E8D5;

border:1px solid #5C81B5;
margin:12px 8px;
padding:0px;
padding-bottom:10px;
}

div#main-content div.data-box {
margin-left:0px;
margin-right:0px;
}

div#footer{
clear:both;
width:800px;
background: #000;
}

	
/* Headings H1-H6 */
h1 { }

	div#top-banner h1{
		background:white;
		width:750px;
		padding:10px 10px 10px 40px;
		margin-top:20px;
		margin-bottom:20px;
		float:left;
		clear:both;
		font-size:2.5em;
		letter-spacing: .5em;
		font-variant: small-caps;
		border-top:1px solid black;
		border-bottom:1px solid black;
		}

	div.data-box h1{
		background:#5C81B5;
		color:#F7E8D5;
		margin:0;
		padding:5px;
		padding-bottom:8px;
		font-weight:normal;
		font-size:1.7em;
		}

		div.data-box h1 a{
				color:#F7E8D5;
				text-decoration:none;
				 }

		div.data-box h1 a:hover{
				text-decoration:underline;
				 }

h2 { 
padding:5px;
}

	div.data-box h2 { 
		font-size:1.2em;
	}


h3 {
padding:5px;
padding-bottom:0px;

}

	div.data-box h3 { 
		font-size:1em;
	}
		div.data-box h3 .date, div.data-box h3 small{ 
			font-size:.8em;
			display:block;
		}

h4 { }

h5 { }

h6 { }





/* Paragraph and Link Styles */
p {
color:black;
 }

	p a {
	}
a{
color:#5C81B5;
 }

a:hover{
color:#F7E8D5;
background:#5C81B5;
text-decoration:none;
 }

a.link-button{
display:block;
text-align:center;
text-decoration:none;
padding:5px;
margin-top:20px;
margin-bottom:0px;
color:white;
background:#456897;
border:3px solid;
border-color: white dimgray dimgray white;
}

a img {
	 	border:0px;
		text-decoration:none;
	  	}
	
div#homepage-link p {
					color:#fff;
					margin:0;
					text-align:right;
					}

	div#homepage-link p a {
							float:left;
							
						}
	
div#footer p {
				color:#fff;
				margin:0;
				text-align:center;
					font-size:.8em;
				}
	
		div#footer p a img{
		border:0px;
		padding:3px;
		padding-right:0px;
		vertical-align:middle;
		}
	
div.data-box p, div.post-body {
margin:5px;
margin-bottom:0px;
font-size:.9em;
}

div.post p img, div.post-body img{
max-width:380px;
width:expression("380px");

}

	
/* Lists and Navigation */

ul{
padding:5px;
padding-bottom:0px;
margin:0px;
list-style-type:none;
font-size:.9em;
}

ul.countdown {}

	ul.countdown li{
		margin-bottom:4px;
		background-image: url(http://www.martinmccloud.com/japan/icons/star.png);
		background-repeat: no-repeat;
		background-position: 0 50%;
		padding-left: 20px;
	}

	ul.countdown li.birthday{ background-image: url(http://www.martinmccloud.com/japan/icons/cake.png);}
	ul.countdown li.footy{    background-image: url(http://www.martinmccloud.com/japan/icons/sport_soccer.png);}
	ul.countdown li.holiday{  background-image: url(http://www.martinmccloud.com/japan/icons/emoticon_grin.png);}
	ul.countdown li.music{    background-image: url(http://www.martinmccloud.com/japan/icons/music.png);}

ul#blogroll{
padding-top:10px;
margin-top:10px;
}


ul.bloglist{
padding:0px;
}

	ul.bloglist li{
		margin-bottom:4px;
		background-image: url(http://www.martinmccloud.com/japan/icons/user_gray.png);
		background-repeat: no-repeat;
		background-position: 0 50%;
		padding-left: 20px;
	}

	ul.bloglist b{
		display:inline;
	}
	ul.bloglist b{
	display:block;
	}


#top-menu ul{
padding:12px 0px 0px 50px;
font-size:1em;
}

* html #top-menu ul{
padding-top:15px;
}

	#top-menu ul li{
	float:left;
	margin:0px 3px 0px 3px;
	color:white;
	text-align:center;
	border:1px solid black;
	border-bottom:0px;
	}
		#top-menu li a{
		padding:5px 9px 5px 9px;
		min-width:70px;
		color:white;
		text-decoration:none;
		float:left;
		background:black;
		letter-spacing:.1em;
		}

		#top-menu ul li a:hover{
								color:#456897;
								background:white;
								border-color:black;
								border-bottom:0px;
								text-decoration:underline;
								}

	#top-menu ul li.current{
							background:white;
							color:black;
							}

		#top-menu li.current a{
								color:black;
								background:white;
								}