/*
 * Blumpit.com Stylesheet
 * (c) 2009-2010 Blumpit.com
 */

/*
 * Generic
 */

body {
  background: #FFFFFF url(http://assets.blumpit.com/images/gradient-bg.jpg) repeat-x;
}

.clear { clear:both; }
.center { text-align: center; }
.bigger { font-size: 120%; }
.bigger2 { font-size: 130%; }
.right { float: right; }

/*
 * Header
 */

#header {
  padding-top: 5px;
  background-color: #2E2E2E;
  color: white;
  border-bottom: 2px solid black;
}
#header .content {
   width:950px;margin:0 auto;
}
#header h1 {
}
#header h1 a {
   float: left;
   text-indent: -999999px;
   background: url(http://assets.blumpit.com/images/header_logo.png) no-repeat;
   width: 198px;
   height: 118px;
  margin: 0;
  padding: 0;
}
#header h2 {
   color: white;
   padding-top: 25px;
   padding-left: 25px;
}
#header h2 a {
  text-decoration: none;
  color: white;
}

/*
 * Navigation
 */

ul#navigation {
  list-style-type: none;
}
ul#navigation li {
  display: inline;
}
ul#navigation li a {
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  margin-right: 5px;
  background-color: #2E2E2E;
  color: #D8D8D8;
  font-size: 14px;
  text-decoration: none;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
}
ul#navigation li a:hover {
  color: white;
}
ul#navigation li a.active {
  color: white;
  font-weight: bold;
}
/*
 * Content
 */

h2.introduction {
  font-weight: normal;
}

/*
 * Footer
 */
#footer {
  margin-top: 20px;
  padding-bottom: 20px;
  color: grey;
}
#footer strong a {
  color: #585858;
}
#footer a {
  color: grey;
}

.add-to-firefox a {
  padding: 8px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background-color:#88C14C;
  border: 1px solid #488F03;
  color:white;
  font-weight: bold;
  font-size: 150%;
  text-decoration: none;
}
/*
 * Awesome Buttons 
 */
.awesome{
background: #222 url(http://assets.blumpit.com/images/alert-overlay.png) repeat-x;
display: inline-block;
padding: 5px 10px 6px;
color: #fff;
text-decoration: none;
font-weight: bold;
line-height: 1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor: pointer;
}

.small.awesome {
font-size: 11px;
}
.medium.awesome {
font-size: 13px;
}
.large.awesome {
font-size: 14px;
padding: 8px 14px 9px;
}
 
.blue.awesome {
background-color: #2daebf;
}
.red.awesome {
background-color: #e33100;
}
.magenta.awesome {
background-color: #a9014b;
}
.orange.awesome {
background-color: #ff5c00;
}
.yellow.awesome {
background-color: #ffb515;
}

/*
 * Sexy lightbox
 */
#SLB-Wrapper
{
  margin:0.5em 0;
  margin:auto;
  font-family:Verdana;
  text-align: left;
  position: absolute;
}

#SLB-Wrapper #SLB-Background
{
  position: absolute;
  left:7px;
  top:7px;
  float:left;
}

#SLB-Wrapper #SLB-Top
{
  background:transparent no-repeat scroll 100% 0;
  height:28px;
  margin:0 0 0 18px;
}

#SLB-Wrapper #SLB-Top a
{
  float:right;
  display:inline;
  padding:0;
  margin:5px 10px;
  width:41px;
  height:16px;
  text-decoration:none;
}

#SLB-Wrapper #SLB-Top a:hover
{
  background-position:0px -16px;
}

#SLB-Wrapper #SLB-Top img
{
  float:right;
  border:0px;
  margin:6px 10px;
  width:41px;
  height:16px;
}

#SLB-Wrapper #SLB-Top div
{
  background:transparent no-repeat scroll 0 0;
  font-size:0;
  height:28px;
  left:-18px;
  line-height:0;
  position:relative;
  width:18px;
}

#SLB-Wrapper #SLB-Bottom
{
  background:transparent no-repeat scroll 0 43%;
  height:20px;
  margin:0 18px 0 0;
}

#SLB-Wrapper #SLB-Bottom #SLB-BottomRight
{
  background:transparent no-repeat scroll 100% 43%;
  font-size:0;
  height:20px;
  right:-18px;
  line-height:0;
  position:relative;
  width:100%;
  float:right;
}

#SLB-Wrapper #SLB-Bottom.SLB-bbnav,
#SLB-Wrapper #SLB-Bottom.SLB-bbnav #SLB-BottomRight
{
  height:52px;
}

#SLB-Wrapper #SLB-Bottom.SLB-bbnav
{
  background-position:0 100%;
}

#SLB-Wrapper #SLB-Bottom.SLB-bbnav #SLB-BottomRight
{
  background-position:100% 100%;
}

#SLB-Wrapper #SLB-Contenido
{
  border-left: 7px solid #000;
  border-right: 7px solid #000;
}

#SLB-Wrapper #SLB-Bottom #SLB-Navegador
{
  font-size: 11px;
  color: #fff;
  height:30px;
  border-left:0px;
  border-right:0px;
  padding:10px 0px;
  margin:0;
  line-height:11px;
  float:left;
  width:100%;
}

#SLB-Wrapper #SLB-Navegador #SLB-Right,
#SLB-Wrapper #SLB-Navegador #SLB-Left
{
  display:inline;
  padding:0;
  margin:0;
  width:26px;
  height:26px;
  text-decoration:none;
}

#SLB-Wrapper #SLB-Navegador #SLB-Right
{
  background-position:26px 0;
  margin:0 18px 0 10px;
  float:right;
}

#SLB-Wrapper #SLB-Navegador #SLB-Right:hover
{
  background-position:26px -26px;
}

#SLB-Wrapper #SLB-Navegador #SLB-Left
{
  background-position:52px 0;
  margin-right:10px;
  float:left;
}

#SLB-Wrapper #SLB-Navegador #SLB-Left:hover
{
  background-position:52px -26px;
}

#SLB-Wrapper #SLB-Navegador strong
{
  display: block;
  padding-top:5px;
}