/** ABOUT
---------------------------------
*  default.css is used to establish general rules and User interface Styles

   BROWSER RESET
---------------------------------
*  For a more complete reset, go to http://developer.yahoo.com/yui/reset/
*/

* { margin: 0; padding: 0; }

/* clear classes */

.clearleft, .clearl, .cleft { clear: left; }
.clearright, .clearr, .cright { clear: right; }
.clearboth, .clearall{ clear: both; }

/* Float classes */

.floatleft, .fleft, .floatl { float: left; margin: 0 10px 5px 0; }
.floatright, .fright, .floatr { float: right; margin: 0 0 5px 10px; }

/** "Skip to Main Content" link
---------------------------------
*  This link useful for both visually impaired people and those with mobility impairments
*  who cannot use a mouse.
*/

#skip-nav { display: none; }

#skip-nav a, #skip-nav a:hover, #skip-nav a:visited {
  position: absolute;
  left: 0;
  top: -500px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
#skip-nav a:active, #skip-nav a:focus {
  position: static;
  width: auto;
  height: auto;
}

/* bug fix with views 2 edit links */

div.view div.views-admin-links {
	width:auto;
}

/** Rollover edit links for blocks */

div.block {
  position: relative;
}
div.block div.edit {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 40;
  border: 1px solid #eee;
  padding: 0 2px;
  font-size: 11px;
  background-color: #fff;
}
div.block:hover div.edit {
  display: block;
}

/** WIREFRAMES STYLE
------------------------------------*/

.wireframe-mode #header,
.wireframe-mode #content-top,
.wireframe-mode #content-top>*,
.wireframe-mode #content-header,
.wireframe-mode #content-header>*,
.wireframe-mode #content-area,
.wireframe-mode #content-area>*,
.wireframe-mode #content-bottom,
.wireframe-mode #content-bottom>*,
.wireframe-mode #primary,
.wireframe-mode #secondary,
.wireframe-mode #sidebar-left-inner,
.wireframe-mode #sidebar-right-inner,
.wireframe-mode .block{
  padding: 2px;
  border: 1px solid #bbb;
}
.wireframe-mode .node {
  border-bottom: 1px solid #bbb;
  margin-bottom:10px;
}
.wireframe-mode .block {
  margin-bottom:3px;
}
.wireframe-mode #content-top,
.wireframe-mode #content-header,
.wireframe-mode #content-area,
.wireframe-mode #content-bottom {
  margin:0 3px 3px;
}
.wireframe-mode #footer {
  margin-top: 3px;
  padding: 2px;
  border: 1px solid #ccc;
}
.wireframe-mode.with-navigation #content, 
.wireframe-mode.with-navigation .sidebar  {
  margin-top:50px;
}
.wireframe-mode #site-menu {
  height:50px;
}