/*----------------------------------------------------------------------
  layout.css
  ==========
  - only layout styling and placement of those things...
----------------------------------------------------------------------*/



/* reset browsers default space */
* {
  margin:0;padding:0;
}
ul#accessibility {
  position:absolute;
  left:-999px;
}
body {
  background:url(img/bg.gif) 50% 0px;
  text-align:center;
  margin-bottom:50px;
}
#all {
  width:652px;
  text-align:left;
  margin:0 auto;
}
#header {
  background:url(img/test/header.png) no-repeat;
  height:114px;
  letter-spacing:-999px;
  text-indent:-9999px;
}
#main {
  background:url(img/content_bg.gif) repeat-y center 3px;
  width:652px;
}
* html #main {
  background:url(img/content_bg.gif) repeat-y 0 3px;
}
#sidebar {
  background: url(img/content_bg_top.png) no-repeat 0 0;
  display:inline; /* fix ie doubled margin bug */
  float:left;
  width:103px;
  padding:15px 15px 0 15px;
}
* html #sidebar {
  width:133px;
}
#content {
  background:url(img/content_bg_top.png) no-repeat -133px 0;
  display:inline; /* fix ie doubled margin bug */
  float:left;
  width:479px;
  padding:15px 20px 11px 20px;
  position:relative;
  min-height:205px;
}
* html #content {
  width:519px;
}
body#page_work div#content {
  padding-bottom:41px;
}
#inner-content,
#inner-content2 {
  min-height:205px;
  float:left;
  width:479px;
}
#footer {
  background:url(img/content_bottom.gif) no-repeat 50% 0;
  clear:both;
  padding:0 15px 0;
  height:13px;
  overflow:hidden;
  color:#c0c0c0;
  text-indent:-9999px;
  letter-spacing:-999px;
}
#sidebar ul {
  list-style:none;
  margin:0;
}
#sidebar ul li a{
  display:block;
  letter-spacing:-999px;
  text-indent:-999px;
  height:30px;
  border-bottom:1px solid #c0c0c0;
  width:100px;
}
body.page_en #sidebar ul li a{
  background:transparent url(img/menu_en.gif) no-repeat;
}
body.page_es #sidebar ul li a{
  background:transparent url(img/menu_es.gif) no-repeat;
}
#sidebar li#menu_default a,#page_disabled #sidebar li#menu_default a { background-position:0 6px; }
#sidebar li#menu_work a,#page_disabled #sidebar li#menu_work a { background-position:0 -18px; }
#sidebar li#menu_me a,#page_disabled #sidebar li#menu_me a { background-position:0 -42px; }
#sidebar li#menu_contact a,#page_disabled #sidebar li#menu_contact a { background-position:0 -66px; border-bottom:none; }
#sidebar li#menu_english a { margin-top:30px; background-position:0 -90px; }
#sidebar li#menu_espanol a { background-position:0 -121px; border-bottom:none; }

#sidebar li#menu_default a:hover { background-position:-99px 6px; }
#sidebar li#menu_work a:hover { background-position:-99px -18px; }
#sidebar li#menu_me a:hover { background-position:-99px -42px; }
#sidebar li#menu_contact a:hover { background-position:-99px -66px; }
#sidebar li#menu_english a:hover { background-position:-99px -90px; }
#sidebar li#menu_espanol a:hover { background-position:-99px -121px; }

body#page_default #sidebar li#menu_default a { background-position:-198px 6px; cursor:default; }
body#page_work #sidebar li#menu_work a { background-position:-198px -18px; cursor:default; }
body#page_me #sidebar li#menu_me a { background-position:-198px -42px; cursor:default; }
body#page_contact #sidebar li#menu_contact a { background-position:-198px -66px; cursor:default; }
body.page_en #sidebar li#menu_english a { background-position:-198px -90px; cursor:default; }
body.page_es #sidebar li#menu_espanol a { background-position:-198px -121px; cursor:default; }


body#page_disabled {
  overflow:hidden;
}
body#page_disabled div#sidebar ul#mainmenu li a {
  cursor:default;
}

/*height of content: height/5=int */
#throbber {
  width:118px;
  height:85px;
  /*margin:90px 185px 100px;
  position:relative;
  */
  position:absolute;
  top:50%;
  left:50%;
  margin-left:-59px;
  margin-top:-41px;
  
  display:block;
}
p#throbber img{
  width:53px;
  height:53px;
  position:absolute;
  top:5px;
  left:33px;
}
ul#article_nav li {
  display:inline;
  background:none;
  padding:0 5px;
  list-style:none;
}
ul#article_nav a {
  line-height:35px;
  font-size:14px;
}
#article_nav li.inactive {
  display:none;
}
#article_nav li.active a {
  border:none;
  color:#000;
}
ul#article_nav {
  background:url(img/content_bottom_bar.png) no-repeat;
  width:505px;
  height:35px;
  position:absolute;
  bottom:-6px;
  left:7px;
  list-style:none;
  overflow:hidden;
  margin:0;
  text-align:center;
}
* html ul#article_nav {
  bottom:-21px;
}
ul#article_nav li#previous_link a,ul#article_nav li#next_link a {
  float:left;
  position:absolute;
  bottom:0px;
  display:block;
  height:35px;
  text-indent:-9999px;
  letter-spacing:-99px;
  border:none;
}
#content #article_nav a:hover {
  background-position:50% -35px;
  border:none;
}
#article_nav li#previous_link a {
  background:url(img/previous_link.gif) no-repeat 50% 0;
  left:0px;
  width:82px;
}
#article_nav li#next_link a {
  background:url(img/next_link.gif) no-repeat 50% 0;
  right:0px;
  width:54px;
}

#secondary-content {
  margin-left:142px;
  margin-top:-4px;
  width:501px;
  background:url(img/secondary_content_bg.png) repeat-y 0 -2px;
  overflow:hidden;
  color:#ffc664;
}
#secondary-content div.inner {
  background:url(img/secondary_content_bottom.png) no-repeat bottom;
  overflow:hidden;
  float:left;
  width:501px;
  padding-bottom:8px;
}
#secondary-content div.inner div.content {
  background:url(img/secondary_content_top.png) no-repeat top;
  padding: 10px 15px 0px;
  overflow:hidden;
}
hr {
  display:none;
}
a:focus {
-moz-outline:0;outline:0;
}