/* --- start of css --- */

   	    body{
        	margin: 0px; 
        	padding: 0px;
        	background-image: url( /html/shinoandkevin/images/bg_pattern.jpg ); 
        	background-position: 50% 0px;
        	text-align:center;
   	    }
   		#main{
   			width:546px;
   			background:#ffccff;
			margin: auto;
			text-align:left;
			 background-image: url( /html/shinoandkevin/images/bg_pattern.jpg ); 

   		}
   		#leftside{
			width:20px;
			float:left;
			min-height:400px;
		}
   		#rightside{
			width:20px;
			float:left;
			min-height:400px;			
   		}
   		#middle{
			width:506px;
			float:left;			
   		}			#middle #verytop{
				width:506px;
				height:35px;
        	    background-image: url( /html/shinoandkevin/images/bg_pattern.jpg ); 
   			}
	   		#middle #header{
   				width:506px;
   				height:244px;
        	    background-image: url( /html/shinoandkevin/images/headerlogo.jpg ); 
        	    background-repeat: no-repeat;
   				
	   		}
   			#middle #headerspacer{
				width:506px;
				height:3px;
				background-image:url( /html/shinoandkevin/images/bg_letter.jpg );

   			}   			#middle #maincontent{
				width:506px;
				font-size:15px;
				text-align:left;
				color:#595959;
				font-family: Arial;
				background-image:url( /html/shinoandkevin/images/bg_letter.jpg );
				font-weight:lighter;

   			}
   				#middle #maincontent #left2{
					width:45px;
					float:left;
					display:block;
   				}

   				#middle #maincontent #middle2{
					width:416px;
					float:left;
					display:block;
   				}
   				
   					#middle #maincontent #middle2 h4 a{
   						border-top:0px;
   						border-right:0px;
   						border-left:0px;
   						border-bottom: thin dotted #333333;
   						display:block;
   						color:#333333;
						text-decoration:none;
						font-weight:lighter;
						font-family:Georgia;
					}

   					#middle #maincontent #middle2 h4{
   						border-top:0px;
   						border-right:0px;
   						border-left:0px;
   						border-bottom: thin dotted #333333;
   						display:block;
   						color:#333333;
						text-decoration:none;
						font-weight:lighter;
						font-family:Georgia;
					}
					
   					#middle #maincontent #middle2 .leftblock{
   						display:block;
   						width:203px;
   						float:left;
					}   					

   					#middle #maincontent #middle2 .rightblock{
   						display:block;   					
   						width:203px;
   						float:right;
					}

   					#middle #maincontent #middle2 .block .blockcontent .smalllink a{
						font-size: 12px;
						font-family:Arial;
						text-decoration:none;
						color:#000000;
					}
					
   					#middle #maincontent #middle2 .block .blockcontent .regularlink a{
\						font-family:Arial;
						text-decoration:none;
						color:#000000;
					}					
					
   				#middle #maincontent #right2{
					width:45px;
					float:right;
					display:block;
   				}
   				
   				#middle #maincontent h3{
   					font-family:Georgia;
   					color:#d9712f;
   					font-size: 30px;
   				}
   				
   			#middle #footerspacer{
				width:506px;
				height:50px;
				background-image:url( /html/shinoandkevin/images/bg_letter.jpg );
				
   			}
	   		#middle #footer{
   				width:506px;
   				height:25px;
				font-size:12px;
				text-align:center;
				color:#cccccc;
				font-family: Georgia;				
				background-image:url( /html/shinoandkevin/images/bg_letter.jpg );

	   		}
   			#middle #verybottom{
				width:506px;
				height:25px;
                background-image: url( /html/shinoandkevin/images/bottom.jpg );
                display:block;
            
   			}
   			
   			#map #mapContainer{
				height:600px;
				width:400px;
				border:1px solid #879D5F;
			}
			
			#map #locations{
				display:none;
			}

	.myspace{
  		width:70px;
		height:70px;
  		display:block;
  		background-image:url( /html/shinoandkevin/images/myspace.gif );
  		background-repeat: no-repeat;
	}
	
	.moreabout{
	    text-indent:-10000px;
	    font-size:1px;
	}
		.moreabout ul{
			list-style:none;
			float:left;
		}
			.moreabout ul li{
				float:left;
				list-style:none;
			}
	
	.linkedin{
  		width:150px;
		height:41px;
  		display:block;	
	    background-image:url( /html/shinoandkevin/images/linkedin.gif );
	    background-repeat: no-repeat;
	}
	
	.lastfm{
  		width:100px;
		height:60px;
  		display:block;	
		background-image:url( /html/shinoandkevin/images/lastfm.gif );
		background-repeat: no-repeat;
	}
	
	.facebook{
  		width:100px;
		height:47px;
  		display:block;	
		background-image:url( /html/shinoandkevin/images/facebook.gif );
		background-repeat: no-repeat;
	}
	
	.delicious{
  		width:50px;
		height:50px;
  		display:block;	
		background-image:url( /html/shinoandkevin/images/delicious.gif );
		background-repeat: no-repeat;
	}
   
/*
Images are wrapped in divs classed "flickr_badge_image" with ids
"flickr_badge_imageX" where "X" is an integer specifying ordinal position.
Below are some styles to get you started!
*/
#flickr_badge_uber_wrapper {text-align:center; width:150px;}
#flickr_badge_wrapper {padding:10px 0 10px 0;}
.flickr_badge_image {margin:0 9px 9px 9px;}
.flickr_badge_image img {border: 1px solid #cccccc !important;}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}   			

#flickr_badge_image1{ float:left; }
#flickr_badge_image2{ float:left; }
#flickr_badge_image3{ float:left; }
#flickr_badge_image4{ float:left; }
#flickr_badge_image5{ float:left; }
#flickr_badge_image6{ float:left; }
#flickr_badge_image7{ float:left; }
#flickr_badge_image8{ float:left; }
#flickr_badge_image9{ float:left; }
#flickr_badge_image10{ float:left; }

/* --- end of css --- */