body{
background: #ccc url('../images/chrisboy_bg.png') repeat-x;
margin: 0px;
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
font-size: 0.8em;
line-height: 1.6em;
}

img{
border: none;
}
#page{
width: 844px;
margin: 0 auto;
margin-top:0px;
padding-top: 0px;
}

#header{
background: url('../images/header.png');
height: 180px;
margin-bottom: 0px;
}

#header_logo{
position: relative;
width: 661px;
height: 68px;
left: 99px;
top: 45px;
overflow: hidden;
background: url('../images/header_logo.png');
}

#header_logo a{
display: block;
width: 100%;
height: 100%;
text-indent: -100px;
background: url('../images/header_logo_hover.png');
opacity:0.0;
-webkit-transition-duration: 1s;
-webkit-transition-property: opacity;

-moz-transition-duration: 1s;
-moz-transition-property: opacity;

-o-transition-duration: 1s;
-o-transition-property: opacity;

transition-duration: 1s;
transition-property: opacity;
}

#header_logo a:hover{
opacity:1.0;
}

#navigation{
width: 110%;
overflow: hidden;
}

#menu {
font-family: Arial, Helvetica, sans-serif;
height: 32px;
margin: 0px;
padding: 0px;
overflow: hidden;
display: block;
}

#menu li /* A simple method to get navigation links to appear in one line. */ {
  float: left; /* LTR */
  padding-top: 6px;
  list-style-type:none;
}

#menu li a{
  color: #bbb;
  letter-spacing: 2px;
  font-size: 13px;
  text-decoration: none;
  text-transform: uppercase;
  height: 25px;
  padding: 8px 46px 8px 46px;
  background-color: rgba(0, 0, 0, 0.0);
  transition-property: all;
  transition-duration: 0.5s;
  -moz-transition-property:all;
  -moz-transition-duration:0.5s;
  -webkit-transition-property:all;
  -webkit-transition-duration:0.5s;
  -o-transition-property:all;
  -o-transition-duration:0.5s;

}

#menu li a:hover{
  background-color: #600;
  background-color: rgba(190, 0, 0, 0.5);
  color: #fff;
  transition-property: all;
  transition-duration: 0.5s;
  -moz-transition-property:all;
  -moz-transition-duration:0.5s;
  -webkit-transition-property:all;
  -webkit-transition-duration:0.5s;
  -o-transition-property:all;
  -o-transition-duration:0.5s;

}


#content{
display: block;
background: white url('../images/main.png') repeat-x;
float: none;
padding: 32px;
min-height: 600px;
}


#footer{
height: 90px;
width: 100%;
background: #ccc url('../images/bottom-line.png');

}

#footer-links{
width: 100%;
font-size: 0.9em;
color: #bbb;
text-align: center;

padding-top: 7px;
float: left;
}

#footer-links a{
color: #bbb;
margin-left: 5px;
margin-right: 5px;
text-decoration: none;
display: inline;
}

#footer-links a:hover{
color:#fff;
}

#close-right{
margin-top: -27px;
line-height: 3em;
float: right;
font-size: 0.8em;
color: #888;
padding-right: 5px;
text-align: right;
}

#social-icons{

margin: 0px;

padding: 10px;
margin-left:72%;
padding-left: 30px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

-webkit-box-shadow: inset 0px 3px 12px 0px #ddd;
box-shadow: inset 0px 3px 12px 0px #ddd;


}

#social-icons img{
padding-right: 40px;
}


#icon-off img{
 opacity: 1.0;
 position: absolute;
 transition-property: opacity;
transition-duration: 0.5s;


/* Firefox 4 */
-moz-transition-property:opacity;
-moz-transition-duration:0.5s;


/* Safari and Chrome */
-webkit-transition-property:opacity;
-webkit-transition-duration:0.5s;


/* Opera */
-o-transition-property:width;
-o-transition-duration:0.5s;

}

#icon-off:hover img{



 opacity: 0.0;
}
#search-box{

}

#search-field{
border-radius: 5px;
border: none;
background: #ccc;
padding-left: 5px;
vertical-align: middle;
}

#search-button{
background: url("../images/search_off.png");
width: 24px;
height: 24px;
border: none;
}

#search-button:hover{
background: url("../images/search.png");

}

#search-button:active{
background: url("../images/search_over.png");

}