/* CSS Document */

body{
margin: 0px;
background-color: #EBEBEB;
}

#container{
width: 770px;
background-image: url('../images/bg.gif');
background-repeat: repeat-y;
margin-left: auto;
margin-right: auto;
}

.content{
width: 770;
text-align: left;
}

#imgbot{
width: 770px;
height: 115px;
background-image: url('../images/borderbot.gif');
margin-left: auto;
margin-right: auto;
}

#thoughtstitle{
font: 16pt Haettenschweiler, impact, arial, verdana;
border:3px solid #ccc;
color: #000;
margin-bottom: 4px;
background-image: url('../images/bgthoughts.gif');
width: 270px;
}

#itunestitle{
font: 16pt Haettenschweiler, impact, arial, verdana;
border:3px solid #ccc;
color: #000;
background-image: url('../images/bgthoughts.gif');
margin-bottom: 4px;
}

#thoughtstext{
padding-top: 8px;
margin-right: 5px;
font: 10pt arial, verdana, sans-serif;
background-image: url('../images/bgthoughts.gif');
height: 200px;
width: 275px;
}

.thoughts{
padding: 10px;
margin-top: -15px;
text-align: left;
}

img{
border:0;
}

/*Blog Stuff
----------*/
#blogcontainer{
margin-left: 60px;
margin-right: 60px;
text-align: left;
}
#poststitle{
font: 16pt Haettenschweiler, impact, arial, verdana;
border:3px solid #ccc;
color: #000;
margin-bottom: 4px;
background-image: url('../images/bgthoughts.gif');
width: 270px;
}

#linkstitle{
font: 16pt Haettenschweiler, impact, arial, verdana;
border:3px solid #ccc;
color: #000;
background-image: url('../images/bgthoughts.gif');
margin-bottom: 4px;
}

#menu{
float: right;
width: 130px;
padding-left: 8px;
background-image: url('../images/blogborder.gif');
background-position: top left;
background-repeat: repeat-y;
}

#contents{
margin:0 145px 0px 5px;
padding-right: 00px;
}

#prevposts{
margin-top: -5px;
}

#prevposts ul {
  list-style: none;
  margin: 0 0 20px 10px;
  padding: 0;
  }

#prevposts li {
  list-style: none;
  padding-left: 14px;
  background: url('../images/japanflag.gif') no-repeat -2px 4px;
  }
  
#prevposts a:link, a:visited{
font: 10pt arial, verdana, sans-serif;
color: #000;
}

#prevposts a:hover{
font: 10pt arial, verdana, sans-serif;
color: #000;
text-decoration: underline;
}

.date{
float: right;
color: #888;
font: 10pt arial, verdana, sans-serif;
}

.blogtitle{
font: 16pt Haettenschweiler, impact, arial, verdana;
line-height: 150%;
}

.blogcontent{
font: 10pt arial, hevetica, sans-serif;
}

.post-footer{
font: 8pt arial, hevetica, sans-serif;
float: right;
}

div { clear: none !important; }


/*Main Navigation
---------------*/

  #linkboxtry {width: 275px; height: 35px; margin-right: 110px; float: right; margin-top:20px;}
  #linkboxtry li {margin: 0; padding: 0; top: 0; float: right;}
  #linkboxtry li, #linkboxtry a {height: 35px; display: block; }
	
  #home		 {width: 42px; float: right; background-image: url('hometall.gif');}
  #blog		 {width: 45px; float: right; background-image: url('blogtall.gif');}
  #pictures  {width: 65px; float: right; background-image: url('picturestall.gif');}
  #calendar  {width: 68px; float: right; background-image: url('calendartall.gif');}
  #contact	 {width: 55px; float: right; background-image: url('contacttall.gif');}
  
  #home a:hover     {background: transparent url('hometall.gif') 0 -35px no-repeat;}
  #blog a:hover     {background: transparent url('blogtall.gif') 0 -35px no-repeat;}
  #pictures a:hover {background: transparent url('picturestall.gif') 0 -35px no-repeat;}
  #calendar a:hover {background: transparent url('calendartall.gif') 0 -35px no-repeat;}
  #contact a:hover  {background: transparent url('contacttall.gif') 0 -35px no-repeat;}
  
/*Main Links
------------*/

a img{
	border: none;
	color: #ff0000;
}

a:link, a:visited{
	color: #000;
	text-decoration:none;
	color: #ff0000;
}

a:hover{
	text-decoration: underline;
	color: #ff0000;
}