/* page basics */
@import url(http://fonts.googleapis.com/css?family=Ubuntu);

body {margin: 0; padding: 0; background: #000 url(../img/background.png) repeat; color: #AAA; font-family: 'Ubuntu', serif; font-size: 16px; font-style: normal; font-weight: 400; text-shadow: none; text-decoration: none; text-transform: none; letter-spacing: 0em; word-spacing: 0em; line-height: 1.4; text-shadow: #000 0px 2px 1px;}
  
a, a:link, a:visited {color: #fff; text-decoration: none;}
strong {font-weight: normal; color: #fff;}
h1 {font-size: 20px; font-weight: normal; color: #fff; margin: 5px 0px;}
h2 {font-size: 18px; font-weight: normal; color: #fff; margin: 3px 0px; border-bottom: 1px solid #444;}
h3 {font-size: 16px; font-weight: normal; color: #fff; margin: 3px 0px;}
img {border:0;}
.image_inline {float: left; padding: 6px 4px 0 0;}
.img_badge { margin: auto; width: 15%;}
/* main page styles */
#content_center {position: relative; width: 1166px; margin: auto;}
#maincontent {float:left; background: #090909 url(../img/bg-noise.png) center top repeat; border-left: 2px solid #111; border-right: 2px solid #111; border-bottom: 2px solid #111; margin-bottom: 30px;}

/* header item */
#header {height: 98px; width: 1166px; background: url(../img/header.png); background-position:top center; background-repeat:no-repeat;}

/* tag line(s) */ 
#subtitle {position : relative; top : 67px; color : #AAA;}
#subtitle:hover {color: #fff;}

/* subheader */ 
#subheader {margin: 25px 25px 25px 25px; float: left;}

/* main content */ 
.textcontent {float:left; margin-bottom:25px; width: 100% margin: 0 auto;}
  .one_column {padding: 0px 25px 0px 25px; position: relative; float: left; width: 95%;}
  .two_columns {padding: 0px 25px 0px 25px; position: relative; float: left; width: 448px;}
  .three_columns {padding: 0px 25px 0px 25px; position: relative; float: left; width: 282px;}

#spec_list {padding-top:35px; padding-bottom:35px; float:left; background: url(../img/line.png) center top no-repeat;}
.list {padding:0px 0px 10px 15px; margin:0;}

/* menu */
#menu {float:left; color:#fff; background-color:#090909; background: url(../img/button_background.png); border-top:1px solid #444; border-bottom:1px solid #444; text-align: center; width: 100%;}
a.column {display:block; padding:15px 0px; position:relative; float:left; width:165px; border-left:1px solid #333;}
  a.column:first-child {border-left:none; width:166px;} /* Tweak the width of the first column */
  a.column:hover {background-color:#101010; background: url(../img/button_background_hover.png);}
#menu-bottom {float:left; color:#fff; background-color:#090909; background: url(../img/button_background.png); border-top:1px solid #444; border-bottom:1px solid #444;}
a.column-bottom {display:block; padding:15px 20px; position:relative; float:left; width:208px; border-left:1px solid #333;}
  a.column-bottom:first-child {border-left:none; width:209px;} /* Tweak the width of the first column */
  a.column-bottom:hover {background-color:#101010; background: url(../img/button_background_hover.png);}
.text {color: #AAA;}

/* footer */ 
#footer {padding: 35px 0; background: #090909 url(../img/bg-noise.png) center top repeat; text-align: center; font-size: 12px; float: left; width: 1166px; margin: auto; background-color: #090909; color: #777;}

/* Fork Me! */
/* line 2, ../scss/screen.scss */
#github {
  left: -65px;
  height: 30px;
  top: 40px;
  position: absolute;
  text-decoration: none;
  width: 250px;
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* line 10, ../scss/screen.scss */
#github span {
  background: black;
  color: white;
  font-size: 14px;
  left: 0;
  padding: 5px 0;
  position: absolute;
  text-align: center;
  width: 250px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 10px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 10px;
  -o-box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 10px;
  box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 10px;
  -moz-transition-property: opacity;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  -moz-transition-duration: 1s;
  -webkit-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
/* line 23, ../scss/screen.scss */
#github span:last-child {
  /* this is the backside */
  background: red;
  opacity: 0;
}
/* line 30, ../scss/screen.scss */
#github :hover span:first-child {
  opacity: 0;
}
/* line 33, ../scss/screen.scss */
#github :hover span:last-child {
  opacity: 1;
}

/* Other */

.bttm {
  border-bottom:1px solid #323232;
}
.cntr {
  text-align: center;
}
#cntnt {
  width: 100%;
}
.dead {
  color: #f20000;
}
.frame {
  border: 1px solid #20201f;
  padding: 5px;
  margin: 5px;
}
#plus_card {
    width: 200px;
    min-width: 200px;
    max-width: 290px;
    height: 116px;
    position: relative;
    background: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #888;
}
#plus_card_image, #plus_card_name, #plus_card_add { float: left;}
#plus_card_image {
    width: 80px;
    height: 80px;
    padding: 8px;
}
#plus_card_name {
    font-size: 15px;
    color: #3366CC;
    padding: 8px 8px 8px 0;
}
#plus_card_add {
    background: #ddd;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F2F2', endColorstr='EAEAEA');
    background: -webkit-gradient(linear, left top, left bottom, from(#F2F2F2), to(#EAEAEA));
    background: -moz-linear-gradient(top,  #F6F6F6,  #E9E9E9);
    padding: 6px 8px;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}
#plus_card_add a {
    color: #666;
    font-size: 12px;
}
#plus_card_count {
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 20px;
    background: #eee;
}
#plus_card_count p {
    padding-left: 8px;
    margin: 3px 0 0;
    font-size: 12px;
    color: #444;
}
div#wgp_wrapper {
  width: 100%;
}