body {
 padding: 0px;
 margin: 0px;
 text-align: center;
 background: rgb(19,19,19);
 }

body#rad {
 background: rgb(50,50,50);
 }

img, div { behavior: url(http://www.joncairns.com/iepngfix.htc); }

#outer {
 width: 100%;
 height: 100%;
 }

#top {
 position: relative;
 width: 100%;
 height: 350px;
 padding: 0px;
 margin: 0px;
 background: url(images2/stars.jpg) top left repeat-x;
 }

#object1 {
 position: absolute;
 right: 0px;
 width: 350px;
 cursor: move;
 margin: 0px;
 height: 350px;
 background: url(images2/moon.png) top left no-repeat;
 z-index: 20;
 }

#object2 {
 position: absolute;
 top: 110px;
 left: 10%;
 cursor: move;
 width: 505px;
 height: 225px;
 margin: 0px auto;
 background: url(images2/shooting_star.png) left top no-repeat;
 z-index: 10;
 }

#menu_bar {
 position: relative;
 width: 100%;
 height: 110px;
 padding: 0px;
 margin: 0px;
 border: 2px solid rgb(27,27,27);
 border-width: 2px 0px;
 }

#left_menu {
 position: absolute;
 width: 160px;
 float: left;
 border-right: 1px solid rgb(27,27,27);
 font-size: 11px;
 }
 
 #cse-search-box {
 position: absolute;
 top: -40px;
 left: 0px;
 width: 300px;
 margin: 5px 5px;
 }

#radio {
 position: relative;
 width: 150px;
 text-align: center;
 margin: 5px auto;
 }

#radio #radio_pic {
 display: block;
 width: 20px;
 height: 20px;
 background: url(images2/radio.jpg) center center no-repeat;
 margin: 4px auto;
 }

#radio #radio_pic a {
 display: block;
 height: 100%;
 width: 100%;
 cursor: pointer;
 }
 
#radio_text {
 display: block;
 margin: 0px auto;
 }


#choose {
 float: left;
 position: relative;
 width: 160px;
 }

#choose p {
 text-align: center;
 }
 
#chooser {
 display: block;
 margin: 5px auto;
 }

#sun {
 display: block;
 float: left;
 width: 30px;
 height: 30px;
 margin-left: 40px;
 padding: 0px 5px;
 background: url(images2/sun.jpg) center center no-repeat;
 }

#chooser div a {
 display: block;
 height: 100%;
 width: 100%;
 }

#chooser div span {
 display: none;
 }

#moon {
 display: block;
 float: right;
 width: 30px;
 margin-right: 40px;
 padding: 0px 5px;
 height: 30px;
 background: url(images2/moon_choose.jpg) center center no-repeat;
 }
 
/* My CSS menu */

#menu {
 position: relative;
 padding: 0px;
 margin: 0px auto;
 text-align: right;
 }

#menu ul {
 position: relative;
 display: block;
 float: right;
 width: 850px;
 list-style-type: none;
 padding: 0px;
 margin: 0px;
 }

#menu li {
 display: inline;
 }

#menu li span {
 position: relative;
 display: block;
 width: 80px;
 height: 109px;
 margin: 0px auto;
 }

#menu li a {
 display: block;
 float: left;
 position: relative;
 height: 110px;
 cursor: pointer;
 text-align: center;
 }

#menu a#h .image {
 float: left;
 width: 90px;
 background: url(images2/home_but.jpg) left top no-repeat;
 }

#menu a#b .image {
 float: left;
 width: 79px;
 background: url(images2/blog_but.jpg) left top no-repeat;
 }
  
#menu a#d .image {
 float: left;
 width: 104px;
 background: url(images2/design_but.jpg) left top no-repeat;
 }

#menu a#t .image {
 float: left;
 width: 129px;
 background: url(images2/tutorials_but.jpg) left top no-repeat;
 }

#menu a#m .image {
 float: left;
 width: 94px;
 background: url(images2/music_but.jpg) left top no-repeat;
 }
 
#menu a#p .image {
 float: left;
 width: 170px;
 background: url(images2/photos_but.jpg) left top no-repeat;
 }
 
#menu a#a .image {
 float: left;
 width: 99px;
 background: url(images2/about_but.jpg) left top no-repeat;
 }

#menu a#h:hover .image {
 background-position: left -110px;
 }
 
#menu a#b:hover .image {
 background-position: left -110px;
 }

#menu a#d:hover .image {
 background-position: left -110px;
 }

#menu a#t:hover .image {
 background-position: left -110px;
 }
 
#menu a#m:hover .image {
 background-position: left -110px;
 }
 
#menu a#p:hover .image {
 background-position: left -110px;
 }

#menu a#a:hover .image {
 background-position: left -110px;
 }

#menu a#h.on .image {
 background-position: left -110px;
 }

#menu a#b.on .image {
 background-position: left -110px;
 }

#menu a#d.on .image {
 background-position: left -110px;
 }

#menu a#t.on .image {
 background-position: left -110px;
 }

#menu a#m.on .image {
 background-position: left -110px;
 }

#menu a#p.on .image {
 background-position: left -110px;
 }

#menu a#a.on .image {
 background-position: left -110px;
 }

#menu .text {
 display: none;
 }

#menu h1 {
display: none;
}
 
/* End of menu */

#center {
 position: relative;
 width: 930px;
 padding: 0px;
 margin: 0px auto;
 clear: both;
 }

#main {
 position: relative;
 width: 620px;
 float: left;
 margin: 0px;
 padding: 30px 3px 0px 8px;
 }
 
#content {
 position: relative;
 width: 570px;
 margin: 0px auto;
 padding: 0px;
 z-index: 5;
 }
 
#right_box {
 position: relative;
 float: right;
 width: 286px;
 padding: 0px;
 margin-top: 35px;
 }

.element {
 padding-bottom: 10px;
 width: 100%;
 }

.element div h2, .element div h1 {
 display: none;
 }
 
#blog_min {
 width: 25px;
 height: 80%;
 float: right;
 }

#blog_max {
 width: 25px;
 height: 80%;
 float: right;
 }

#blog_max a {
 display: block;
 width: 100%;
 cursor: pointer;
 height: 80%;
 background: url(images2/max.jpg) center bottom no-repeat;
 }

#blog_min {
 width: 25px;
 height: 80%;
 float: right;
 }

#blog_min a {
 display: block;
 width: 100%;
 cursor: pointer;
 height: 80%;
 background: url(images2/min.jpg) center bottom no-repeat;
 }

#updates_min {
 width: 25px;
 height: 80%;
 float: right;
 }

#updates_min a {
 display: block;
 width: 100%;
 cursor: pointer;
 height: 80%;
 background: url(images2/min.jpg) center bottom no-repeat;
 }

#updates_max {
 width: 25px;
 height: 80%;
 float: right;
 }

#updates_max a {
 display: block;
 width: 100%;
 cursor: pointer;
 height: 80%;
 background: url(images2/max.jpg) center bottom no-repeat;
 }

#hi_max {
 width: 25px;
 height: 80%;
 float: right;
 }

#hi_max a {
 display: block;
 width: 100%;
 cursor: pointer;
 height: 80%;
 background: url(images2/max.jpg) center bottom no-repeat;
 }

#hi_min {
 width: 25px;
 height: 80%;
 float: right;
 }

#hi_min a {
 display: block;
 width: 100%;
 cursor: pointer;
 height: 80%;
 background: url(images2/min.jpg) center bottom no-repeat;
 }

#navigation_min {
 width: 25px;
 height: 80%;
 float: right;
 }

#navigation_max {
 width: 25px;
 height: 80%;
 float: right;
 }

#navigation_max a {
 display: block;
 width: 100%;
 cursor: pointer;
 height: 80%;
 background: url(images2/max.jpg) center bottom no-repeat;
 }

#navigation_min a {
 display: block;
 width: 100%;
 cursor: pointer;
 height: 80%;
 background: url(images2/min.jpg) center bottom no-repeat;
 }

#blog_right {
 height: 60px;
 background: url(images2/blog.jpg) left bottom no-repeat;
 }

 #blog_ul{
  text-align: left;
  }
 
 #blog_ul li {
  margin: 8px 0px;
  text-align: left;
  }

#updates_right {
 height: 60px;
 background: url(images2/updates.jpg) left bottom no-repeat;
 }

#hi_right {
 height: 60px;
 background: url(images2/hi.jpg) left bottom no-repeat;
 }

#navigation_right {
 height: 60px;
 background: url(images2/navigation.jpg) left bottom no-repeat;
 }

#hi_content, #updates_content, #blog_content, #navigation_content {
 padding-left: 10px;
 }

  
#footer {
 position: relative;
 clear: both;
 padding: 0px;
 margin: 0px auto;
 width: 100%;
 }

#footer #container {
 position: relative;
 top: 0px;
 left: 40px;
 padding: 0px;
 width: 1100px;
 margin: 0px auto;
 z-index: 50;
 }

.footer_menu {
 width: 10%;
 padding: 0px 20px 20px 20px;
 float: left;
 margin: 0px;
 }

.footer_menu h1 {
 display: none;
 }

.footer_menu ul {
 list-style-type: none;
 text-align: left;
 padding: 0px;
 margin: 0px;
 }

.footer_menu li {
 padding: 5px 0px;
 margin: 0px;
 }

li.list_top {
 margin-bottom: 3px;
 border-bottom: 1px dotted rgb(190,180,120);
 }

#blurb {
 position: relative;
 width: 310px;
 clear: both;
 padding-top: 10px;
 margin: 0px auto;
 }
 
#ground_content {
 position: relative;
 width: 100%;
 height: 100%;
 padding: 80px 0px 50px 0px;
 text-align: center;
 margin: 0px auto;
 top: 80px;
 background: url(images2/man.jpg) top left no-repeat;
 }

.hide {
 display: none;
 }

#words {
 display: block;
 width: 150px;
 height: 20px;
 float: left;
 }

#xhtml {
 position: relative;
 top: -2px;
 float: left;
 display: block;
 margin: 0px auto;
 width: 80px;
 height: 25px;
 background: url(images/xhtml.png) center center no-repeat;
 }

#css {
 position: relative;
 top: -2px;
 float: right;
 display: block;
 margin: 0px auto;
 width: 60px;
 height: 25px;
 background: url(images/css.png) center center no-repeat;
 }

#css a, #xhtml a { 
 display: block;
 height: 100%;
 width: 100%;
 }

#validation {
 float: left;
 width: 150px;
 height: 30px;
 }