@import url(/stylesheets/global.css);
@import url(/stylesheets/pages.css);

body{
  text-align:center;
  font:normal 1em "Times New Roman", times, serif;
  color:#5a5a5a;
  margin:35px 0 0 0;
  padding:0;
  background:#aaa
}
#container{
  text-align:left;
  width:766px;
  margin:0 auto;
  background:#ececec url(/images/grey_bg.png) 0 146px repeat-x
}
#branding{
  background:url(/images/logo.png) no-repeat;
  width:766px;
  height:146px;
  text-indent:-20000px
}
#main_navigation{
  font-weight:bold;
  font-size:.9em;
  color:#999;
  margin:.9em 0 .3em 0
}
#main_navigation ul{
  margin:0;
  padding:0;
  text-align:center
}
#main_navigation li{
  list-style-type:none;
  margin:0 23px;
  display:inline;
  white-space:nowrap
}
#main_navigation a{
  color:#999;
  text-decoration:none
}
#main_navigation a:hover span,
#main_navigation span{
  background:url(/images/stripes.png) bottom left repeat-x;
  padding-bottom:7px
}
#main_navigation a span{
  background:none
}
#content{
  font-size:.85em;
  line-height:1.5em;
  padding:0 30px;
  
}
#main{
min-height:440px
}
#main,.side{
  width:440px;
  float:left;
  margin:30px 30px 30px 0;
  padding:10px 20px 20px 20px;
  border:1px solid #ccc;
  background:#fff url(/images/content_gradient.jpg) top left repeat-x;
  position:relative
}
#admin #main,
#gallery_image #main,
#gallery_index #main,
#gallery_gallery #main{
  width:664px;
  padding-right:20px
}
.side{
  margin:30px 0 0 0;
  width:150px;
  float:right;
  padding-right:20px;
  padding-bottom:0;
  background:#fff url(/images/side_gradient.jpg) repeat-x
}
.side_image{
  float:right;
  position:relative;
  left:-10px;
margin-top:30px
}



#clearhack{
  clear:both
}
#footer{
  clear:both;
  margin:0 0 0 0;
  padding:0 0 1em 0;
  background:#ececec
}
#footer ul,#footer li{
  margin:0;
  padding:0;
  list-style-type:none;
  text-align:center
}
#footer li{
  display:inline;
  padding:0 1em
}
#footer p{
  text-align:center
}