@charset "UTF-8";

/* •••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
   ••  Project: GR Poker                                            ••
   ••  Date:    November 2009                                       ••
   •••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••   
   
    1. Global Styles
       1.1  Reset
       1.2  Default                   – styles for content elements
       1.3  Global                    – very generic styles (link hovers, fonts, etc)
       1.0  Accessibiliy              – accessible techniques
                                      
    2. Header                         
       2.1  Name                      - logo 
       2.2  Search                    
       2.3  Dashboard                 - sign-in links
       2.4  Navigation                
                                      
    3. Layout                         
       3.1  Clearfix                  - clearing floats
       3.2  Columns                   
                                      
    4. Content                        (Reusable elements)
       4.1  Frame                     - Basic beige box
       4.2  Frame Subtle              - White box
       4.3  Frame + Hgroup            - Box with color header
       4.4  Hgroup                    - Headers for boxes
       4.5  Hgroup Colors             - Specific headers
       4.6  Breadcrumbs
       4.7  Caption                   - Image + black overlay
       4.8  Questions                 - Questions & Answers
       4.9  Cards                     - White/gray cards with images
       4.10 Headlines
       4.11 Offers
       4.12 Players 
       4.13 TOP 10 
       4.14 Forms                       
       4.15 Affiliate                 - Facebook / Twitter buttons
       4.16 Pills                     - Help / Warning icons
       
    5. Specific                       (Unique styling for content (4) areas)
       5.1  Intro Box                 
       5.2  Coming Features Box        
       5.3  Questions and Answers Box  
       5.4  Article Box                
       5.5  Headlines Box              
       5.6  Offers Box                 
       5.7  Tables Box                 
       5.8  Starter Box                
       5.9  Twitter About Box          
       5.10 Twitter Box                
       5.11 Players Box                
       5.12 Twicker Box                
       5.13 Top10 Box
       5.14 Sign Up / In Box
       5.15 Embed
       5.16 Ranking Box
       5.17 Tweet Box
       5.18 Rooms Box
       5.19 Welcome Box
       5.20 Gender
       5.21 Locale
       5.22 Alt Tips                  
       
    5. Footer
      
---------------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strike, strong, sub, sup, tt, var,
b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

a, ins, del {
  text-decoration: none
}

q, blockquote {
	quotes: none;
}

q:after, q:before,
blockquote:after, blockquote:before {
	content: "";
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

th, td {
  vertical-align: top;
}

th {
  text-align: left;
}

button, input, select, textarea {
  font: inherit;
  margin: 0;
}

button::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
  padding: 0;
  border: 0;
} 

/* 1.2 =Default
---------------------------------------------------------------------- */

body {
  font: normal 13px/1.2 Arial, sans-serif;
  background-color: #ded6c4;
  color: #676767;
}

a {
  color: #2b7493;
}

a:hover,
a:focus {
  text-decoration: underline;
}

del       { text-decoration: line-through; }
strong, b { font-weight: normal; }
em, i     { font-style: italic; }

button,
input[type="submit"],
input[type="image"] {
  cursor: pointer;
}

input {
  margin: 0;
}

li {
  list-style: none;
}

/* 1.3 =Global
---------------------------------------------------------------------- */

#footer .affiliates,
.name,
.sign-in-facebook a,
.sign-in-twitter a,
.navigation .toggle,
.hgroup .aside .previous a,
.hgroup .aside .next a,
.offers .us-friendly,
.box-headlines .banner-writes-wanted,
.box-starter a,
.box-twicker .twitter,
.pill-warning,
.pill-help {
	text-indent: -1000em;
}

.name:focus,
.sign-in-facebook a:focus,
.sign-in-twitter a:focus,
.navigation .toggle:focus,
.hgroup .aside .previous a:focus,
.hgroup .aside .next a:focus,
.offers .us-friendly:focus,
.box-headlines .banner-writes-wanted:focus,
.box-starter a:focus,
.box-twicker .twitter:focus,
.pill-warning:focus,
.pill-help:focus {
	overflow: hidden;
}

.search ul .current a:hover,
.search ul .current a:focus,
.navigation li a:hover,
.navigation li a:focus,
.offers a:hover,
.offers a:focus,
.cards a:hover,
.cards a:focus,
.headlines a:hover,
.headlines a:focus,
.players a:hover,
.players a:focus,
.top10 a:hover,
.top10 a:focus {
	text-decoration: none;
}

.offers a:hover .offer strong,
.offers a:focus .offer strong,
.cards a:hover strong,
.cards a:focus strong,
.headlines a:hover strong,
.headlines a:focus strong,
.players a:hover strong,
.players a:focus strong,
.top10 a:hover strong,
.top10 a:focus strong {
	text-decoration: underline;
}

/* 1.0 =Accessibility
---------------------------------------------------------------------- */

.hidden,
#a11y {
  display: none;
}

/* 2. HEADER
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

#master-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border-bottom: 1px solid #ebe7dc;
}

#header {
  background: #453625 url("i/header.png") repeat-x;
  border-bottom: 1px solid #574432;
  padding: 33px 0 12px;
}

.search,
.dashboard {
  float: right;
  margin-top: -7px;
  background: url("i/header-box.png") no-repeat;
  position: relative;
}

.search > span,
.dashboard > span {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 6px;
  background: url("i/header-box.png") 100% 0;
}

/* 2.1 =Name
---------------------------------------------------------------------- */

.name {
  width: 284px;
  height: 100px;
  background: url("i/poker-logo.png") no-repeat;
  float: left;
}

/* 2.2 =Search
---------------------------------------------------------------------- */

.search {
  background-position: -6px 0;
  padding: 39px 8px 10px;
  margin-left: 117px;
  margin-right: 3px;
}

.search fieldset {
  position: relative;
  background: url("i/search-fieldset.png") no-repeat;
  padding: 15px 9px 13px 10px;
}

.js .search {
  padding-top: 13px;
}

.search fieldset > * {
  float: left;
  padding: 0;
  border: 0;
  background-color: transparent;
  background-repeat: no-repeat;
}

.search select {
  background-color: #fff;
  position: absolute;
  margin-top: -40px;
  left: 0;
}

.js .search select {
  display: none;
}

.search input {
  background-image: url("i/search-input.png");
  width: 278px;
  padding: 6px 6px 0;
  height: 22px;
}

.search button {
  background-image: url("i/search-button.png");
  margin-left: 6px;
  width: 86px;
  height: 30px;
  color: #fff;
  font-size: 14px;
  padding-left: 18px;
  text-shadow: #756e60 0 1px 0;
}

.search ul {
  position: relative;
  top: 6px;
  z-index: 10;
  padding-left: 11px;
}

.search ul li {
  margin-left: 3px;
  font-size: 11px;
  font-weight: bold;
  float: left;
}

.search ul li:first-child {
  margin-left: 0;
}

.search ul a,
.search ul a span {
  display: block;
}

.search ul a span {
  padding: 0 7px 0 5px;
}

.search ul a {
  color: #a99b81;
  padding-bottom: 8px;
  line-height: 18px;
}

.search ul .current a,
.search ul .current a span {
  background: url("i/search-category.png") no-repeat 0 -26px;
}

.search ul .current a span {
  background-position: 100% 0;
  color: #f5edda;
}

/* 2.3 =Dashboard
---------------------------------------------------------------------- */

.dashboard {
  float: right;
  width: 160px;
  padding: 7px 6px 8px 12px;
}

.dashboard li {
  float: left;
  margin-top: 1px;
}

.dashboard li:first-child {
  margin-top: 0;
}

.dashboard a {
  display: block;
  height: 30px;
  background-image: url("i/dashboard-buttons.png");
  background-repeat: no-repeat;
}

.sign-in-twitter a {
  background-position: 0 -31px;
}

.sign-in-facebook,
.sign-in-twitter {
  width: 160px;
}

.sign-in,
.sign-up {
  width: 80px;
  text-align: center;
  line-height: 28px;
  font-size: 12px;
}

.sign-in a {
  background-position: 0 -62px;
  padding-left: 7px;
  color: #e6ed77;
  text-shadow: #303718 0 1px 0;
}

.sign-up a {
  background-position: -80px -62px;
  padding-right: 7px;
  color: #ebc093;
  text-shadow: #312012 0 1px 0;
}

/* 2.4 =Navigation
---------------------------------------------------------------------- */

.navigation {
  background: #2d231b url("i/black-border.png") repeat-x 0 -2px;
  border-bottom: 3px solid #1f1711;
  position: relative;
  z-index: 50;
}

.js .navigation {
  height: auto;
}

.navigation > div {
  position: relative;
}

.navigation li {
  float: left;
  border-right: 1px solid #433629;
}

.navigation li:first-child {
  border-left: 1px solid #433629;
}

.navigation li a {
  display: block;
  color: #867c68;
  font-size: 12px;
  line-height: 12px;
  padding: 6px 5px 6px 15px;
  position: relative;
}

.navigation li a strong {
  display: block;
  text-transform: uppercase;
  color: #f8d26e;
  letter-spacing: 0;
  line-height: 17px;
  font-size: 13px;
  margin-bottom: 2px;
  white-space: nowrap;
}

.navigation ul {
  padding-bottom: 14px;
}

.navigation .toggle {
  position: absolute;
  right: 0;
  top: 9px;
  width: 64px;
  height: 39px;
  background: url("i/header-toggle.png") no-repeat;
  z-index: 20;
}

.navigation .toggle:focus {
  overflow: hidden;
}

.navigation .toggled {
  background-position: -64px 0;
  z-index: 10;
}

.additional-navigation {
  display: none;
}

.navigation .toggle:target + .additional-navigation {
  display: block;
}

.navigation .toggle:target {
  z-index: 30;
}

.additional-navigation li a strong {
  color: #ffe192;
}

.additional-navigation ul + ul li a strong {
  color: #fff7dc;
}

.nav-news                   { width: 118px; }
.nav-articles               { width: 153px; }
.nav-questions-and-answers  { width: 192px; }
.nav-room-finder            { width: 123px; }
.nav-reviews-lab            { width: 164px; }
.nav-bonus-codes            { width: 128px; }

.nav-bankroll-builder       { width: 194px; }
.nav-gold-rush-yours        { width: 192px; }
.nav-videos                 { width: 152px; }
.nav-promotions-tournaments { width: 269px; }
.nav-players-database       { width: 187px; }
.nav-webmasters             { width: 227px; }
.nav-about-gr-poker         { width: 155px; }
.nav-contact                { width: 157px; }

/* 3. LAYOUT
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

#nav ul:after,
#header > div:after,
#footer .extras .shortcuts ul:after,
.search ul:after,
.search fieldset:after,
.columns:after,
.hgroup:after,
.box-questions-answers .categories:after,
.box-questions-answers fieldset:after,
.questions li:after,
.cards:after,
.headlines a:after,
.extras:after,
.box-headlines .banners:after,
.offers a:after,
.players a:after,
.breadcrumbs:after,
.level:after,
.tips p:after,
.third-party:after,
.box-ranking:after,
.box-gender .inner:after,
.box-rooms .inner:after {
  content: "";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

/* 3.1 =Layout
---------------------------------------------------------------------- */

#header > div,
#nav > div,
#footer > div,
#content {
  width: 1000px;
  margin: 0 auto;
}

/* 3.2 =Columns
---------------------------------------------------------------------- */

.columns > .primary,
.columns > .secondary,
.columns > .tertiary {
  float: left;
}

/* A */

.columns-a > .primary {
  width: 725px;
}

.columns-a > .secondary {
  width: 268px;
  padding-left: 7px;
}

/* B */

.columns-b > .primary {
  width: 604px;
}

.columns-b > .secondary {
  padding-left: 7px;
  width: 389px;
}

.columns-b > .primary > .columns-equal > .primary,
.columns-b > .primary > .columns-equal > .secondary {
  width: 300px;
}

.columns-b > .primary > .columns-equal > .secondary {
  padding-left: 4px;
}

/* C */

.columns-c > .primary {
  width: 366px;
}

.columns-c > .secondary {
  width: 348px;
  padding-left: 7px;
}

.columns-c > .tertiary {
  width: 272px;
  padding-left: 7px;
}

/* D */

.columns-d > .primary,
.columns-d > .secondary {
  width: 496px;
}

.columns-d > .secondary {
  padding-left: 7px;
}

/* E */

.columns-e {
  width: 869px;
  margin: 0 auto;
}

.columns-e > .primary {
  width: 534px;
}

.columns-e > .secondary {
  width: 331px;
  padding-left: 4px;
}

/* F */

.columns-f > .primary {
  width: 323px;
}

.columns-f > .secondary {
  width: 207px;
  padding-left: 4px;
}

/* Three */

.columns-three > .primary {
  width: 272px;
}

.columns-three > .secondary {
  width: 331px;
  padding-left: 4px;
}

.columns-three > .tertiary {
  width: 389px;
  padding-left: 4px;
}


/* 4. CONTENT
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

#content {
  padding-top: 225px;
  padding-bottom: 10px;
  margin-top: 4px;
}

.section, .frame {
  margin-top: 6px;
  margin-bottom: 6px;
}

img.section {
  display: block;
}

.hgroup {
  margin-bottom: 6px;
}

.frame-hgroup {
  margin-top: -6px;
}

.columns > .primary > :first-child,
.columns > .secondary > :first-child,
.columns > .tertiary > :first-child,
.columns + .frame {
  margin-top: 0;
}

.header {
  font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
  font-size: 22px;
  color: #2f2f2e;
  letter-spacing: -0.08em;
}

.header-minor {
  font-size: 18px;
}

.separated {
  border-top: 1px solid #cecece;
  margin-top: 25px;
  padding-top: 8px;
}

.annote {
  color: #777;
  font-size: 11px;
}

/* 4.1 =Frame
---------------------------------------------------------------------- */

.frame {
  background-color: #fffbee;
  position: relative;
}

.frame .inner {
  position: relative; /* allow z-index to be applied */
  z-index: 10;
  padding: 1px 0 2px;
  margin: 0 1px;
}

.frame .inner-content {
  padding: 13px 13px 15px;
}

.frame .x span {
  position: absolute;
  overflow: hidden;
  background-image: url("i/boxes.png");
  background-repeat: no-repeat;
}

.frame .b,
.frame .g {
  height: 7px;
  left: 7px;
  right: 7px;
}

.frame .d,
.frame .e {
  width: 7px;
  top: 7px;
  bottom: 8px;
}

.frame .a,
.frame .c,
.frame .f,
.frame .h {
  width: 7px;
  height: 7px;
}

.frame .g,
.frame .f,
.frame .h {
  height: 8px;
}

.frame .a, .frame .b, .frame .c { top: 0; }
.frame .c, .frame .e, .frame .h { right: 0; }
.frame .f, .frame .g, .frame .h { bottom: 0; }
.frame .a, .frame .d, .frame .f { left: 0; }

.frame .a { background-position: 0 -165px; }
.frame .b { background-position: -7px -165px; }
.frame .c { background-position: -993px -165px; }
.frame .d { background-position: 0 -172px; }
.frame .e { background-position: -993px -172px; }
.frame .f { background-position: 0 -907px; }
.frame .g { background-position: -7px -907px; }
.frame .h { background-position: -993px -907px; }

/* 4.2 =Frame Subtle & Alt
---------------------------------------------------------------------- */

.frame-subtle {
  background-color: #fff;
}

.frame-subtle .a { background-position: -1000px -165px; }
.frame-subtle .b { background-position: -1007px -165px; }
.frame-subtle .c { background-position: -1993px -165px; }
.frame-subtle .d { background-position: -1000px -172px; }
.frame-subtle .e { background-position: -1993px -172px; }
.frame-subtle .f { background-position: -1000px -907px; }
.frame-subtle .g { background-position: -1007px -907px; }
.frame-subtle .h { background-position: -1993px -907px; }

.frame-alt {
  background-color: #f4f4f4;
}

.frame-alt .a { background-position: -2000px -165px; }
.frame-alt .b { background-position: -2007px -165px; }
.frame-alt .c { background-position: -2993px -165px; }
.frame-alt .d { background-position: -2000px -172px; }
.frame-alt .e { background-position: -2993px -172px; }
.frame-alt .f { background-position: -2000px -907px; }
.frame-alt .g { background-position: -2007px -907px; }
.frame-alt .h { background-position: -2993px -907px; }


/* 4.3 =Frame + Hgroup
---------------------------------------------------------------------- */

.frame-hgroup .x .a {
  left: 1px;  
  right: 1px;
  height: 1px;
  width: auto;
  background: #fefaee !important;
  z-index: 5;
}

.frame-hgroup .b,
.frame-hgroup .c {
  display: none;
}

.frame-hgroup .d,
.frame-hgroup .e {
  top: 0;
}

.frame-hgroup .inner {
  background: url("i/boxes.png") no-repeat 0 -915px; /* FIXME: needs transparency! */
}

/* 4.4 =Hgroup
---------------------------------------------------------------------- */

.hgroup,
.hgroup > span {
  background-image: url("i/boxes.png");
  background-repeat: no-repeat;
  height: 33px;
}

.hgroup {
  position: relative;
  padding-right: 7px;
  padding-left: 10px;
  background-position: 0 0;
}

.hgroup > span {
  position: absolute;
  top: 0;
  right: 0;
  width: 7px;
  background-position: -993px 0;
}

.hgroup .text {
  font: normal 17px/33px "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
  color: #fffdf7;
  text-shadow: rgba(0, 0, 0, 0.5) 0 1px 0;
  letter-spacing: -0.05em;
}

.hgroup .main {
  float: left;
}

.hgroup .aside {
  float: right;
  height: 33px;
  line-height: 35px;
}

.hgroup .aside,
.hgroup .aside a {
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.35) 0 1px 0;
}

.hgroup .aside li {
  float: left;
  background: url("i/hgroup-separator.png") no-repeat 0 50%;
  padding-left: 4px;
}

.hgroup .aside li:first-child {
  padding-left: 0;
  background: none;
}

.hgroup .aside li a {
  padding: 0 5px;
}

.hgroup .aside .previous a,
.hgroup .aside .next a {
  display: block;
  background: url("i/hgroup-previous.png") no-repeat 50% 50%;
  width: 5px;
}

.hgroup .aside .next a {
  background-image: url("i/hgroup-next.png");
}

.hgroup .more,
.hgroup .aside .more {
  background: url("i/hgroup-more.png") no-repeat 100% 1.1em;
  padding-right: 7px;
}

.hgroup .current {
  position: relative;
}

.hgroup .current span {
  position: absolute;
  width: 13px;
  height: 7px;
  background: url("i/hgroup-current.png") no-repeat;
  left: 50%;
  margin-left: -6px;
  bottom: -4px;
  z-index: 30;
}

/* 4.5 =Hgroup Colors
---------------------------------------------------------------------- */

.hgroup-b        { background-position: 0 -66px; }
.hgroup-b > span { background-position: -993px -66px; }

.hgroup-c .text,
.hgroup-d .text,
.hgroup-e .text,
.hgroup-f .text,
.hgroup-g .text {
  text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
}

.hgroup-c        { background-position: -1000px -33px; }
.hgroup-c > span { background-position: -1993px -33px; }
.hgroup-c .text  { color: #1e4357; }

.hgroup-c .aside li {
  background-image: url("i/hgroup-c-separator.png");
  font-size: 12px;
}

.hgroup-c .aside {
  position: absolute;
  left: 358px;
  right: 0;
  line-height: 36px;
}

.hgroup-c .aside .more a {
  position: absolute;
  right: 7px;
  font-size: 13px;
  background: url("i/hgroup-more.png") no-repeat 100% 50%;
  padding-right: 7px;
}

.hgroup-c .aside .current a {
  color: #377b91;
  text-shadow: rgba(255, 255, 255, 0.35) 0 1px 0;
}

.hgroup-c .current span {
  bottom: -3px;
  background-position: -13px 0;
}

.hgroup-d        { background-position:       0  -132px; }
.hgroup-d > span { background-position:  -993px  -132px; }
.hgroup-d .text  { color: #24453a; }

.hgroup-e        { background-position: -1000px   -66px; }
.hgroup-e > span { background-position: -1993px   -66px; }
.hgroup-e .text  { color: #3c3e1a; }

.hgroup-f        { background-position: -1000px   -99px; }
.hgroup-f > span { background-position: -1993px   -99px; }
.hgroup-f .text  { color: #5a3d1c; }

.hgroup-g        { background-position:     0     -99px; }
.hgroup-g > span { background-position:  -993px   -99px; }
.hgroup-g .text  { color: #393222; }     
                                         
.hgroup-i        { background-position:     0     -33px; }
.hgroup-i > span { background-position:  -993px   -33px; }

.hgroup-j        { background-position: -1000px     0;   }
.hgroup-j > span { background-position: -1993px     0;   }

.hgroup-k        { background-position: -1000px  -132px; }
.hgroup-k > span { background-position: -1993px  -132px; }

.hgroup-l        { background-position: -2000px     0;   }
.hgroup-l > span { background-position: -2993px     0;   }

/* 4.6 =Breadcrumbs
---------------------------------------------------------------------- */

.breadcrumbs,
.breadcrumbs .home,
.breadcrumbs .current,
.breadcrumbs-three .parent a {
  background-image: url("i/breadcrumbs.png");
  background-repeat: no-repeat;
}

.breadcrumbs {
  background-position: 0 0;
/*  position: absolute;*/
  width: 1000px;
/*  margin-top: -268px;*/
}

.breadcrumbs li {
  float: left;
}

.breadcrumbs li,
.breadcrumbs a {
  height: 32px;
  line-height: 30px;
  display: block;
  color: #efefef;
}

.breadcrumbs .home {
  background-position: 0 -32px;
}

.breadcrumbs .home a {
  padding: 0 8px 0 10px;
  color: #b7b7b7;
  text-shadow: #000 0 1px 1px;
}

.breadcrumbs .current,
.breadcrumbs-three .parent a {
  background-position: 0 -64px;
  padding: 0 8px 0 14px;
  text-shadow: #545454 0 1px 1px;
}

.breadcrumbs-three {
  background-position: 0 -96px;
}

.breadcrumbs-three .current {
  background-position: 0 -128px;
  color: #f7f7f7;
  text-shadow: #616161 0 1px 1px; 
}


/* 4.7 =Caption
---------------------------------------------------------------------- */

.caption {
  position: relative;
}

.caption img {
  display: block;
}

.caption div {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 6px 10px 14px;
  background: url("i/caption-mask.png");
  color: #e7d8c4;
}

.caption .header {
  font-size: 24px;
  font-family: Arial, sans-serif;
  letter-spacing: 0;
  margin-bottom: 5px;
  font-weight: bold;
  color: #faf2d8;
}

.caption p {

}

.caption a {
  color: #fff089;
  font-weight: bold;
}

/* 4.8 =Questions
---------------------------------------------------------------------- */

.questions {
  padding: 3px 12px 12px;
}

.questions li {
  background: url("i/question.png") no-repeat 0 -41px;
  position: relative;
  margin-top: 9px;
  height: 68px;
}

.questions img,
.questions p {
  float: left;
}

.questions img {
  margin: 3px 3px 4px;
  background-repeat: no-repeat;
  position: relative;
  z-index: 10;
}

.questions img.facebook {
  background-image: url("i/user-facebook.png");
}

.questions img.twitter {
  background-image: url("i/user-twitter.png");
}

.questions .subject {
  width: 477px;
  padding: 9px 12px 12px;
  font-size: 15px;
}

.questions .subject span {
  font-size: 12px;
  color: #615c55;
}

.questions .subject .user {
  color: #938e86;
}

.questions .subject .topic {
  color: #e69c3a;
}

.questions .subject span {
  display: block;
}

.questions .stats {
  width: 78px;
}

.questions .stats span {
  display: block;
  position: relative;
  z-index: 30;
  width: 50px;
  padding: 7px 23px 3px 5px;
  min-height: 25px;
  text-align: center;
  background: url("i/questions-icons.png") no-repeat;
  font-weight: bold;
  font-size: 11px;
  line-height: 1;
  color: #708a4a;
}

.questions .stats span em {
  display: block;
  font-style: normal;
}

.questions .stats .answers {
  background-position: -78px 0;
  color: #615c55;
}

.questions li > span {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 7px;
  background: url("i/question.png") no-repeat;
}

.questions li > span + span {
  top: auto;
  bottom: 0;
  background-position: 0 100%;
}

/* 4.9 =Cards
---------------------------------------------------------------------- */

.cards {
  padding: 12px 10px 9px 11px;
}

.cards li {
  width: 181px;
  margin-left: 19px;
  float: left;
}

.cards li:first-child {
  margin-left: 0;
}

.cards a {
  display: block;
  height: 171px;
  background: url("i/card.png") no-repeat;
  padding: 13px 10px 0;
  text-align: center;
  color: #535f5b;
}

.cards img {
  padding: 1px;
  background: url("i/card-border.png") no-repeat;
  display: block;
}

.cards small {
  color: #ccc;
  font-size: 6px;
  display: block;
  margin: 1px 0 7px;
}

/* 4.10 =Headlines
---------------------------------------------------------------------- */

.headlines li {
  background: url("i/headlines-border.png") no-repeat 0 100%;
}

.headlines a {
  display: block;
  background: url("i/headlines-border-end.png") no-repeat 100% 100%;
  padding: 10px 5px 5px 6px;
  color: #795439;
}

.headlines span {
  float: right;
  width: 62px;
  padding: 2px 6px;
  min-height: 20px;
  background-color: #9a9a9a;
  overflow: hidden;
  margin-top: -3px;
  color: #fff;
  font-size: 10px;
  text-align: center;
  text-shadow: rgba(0, 0, 0, 0.35) 1px 1px 0;
}

.headlines small {
  display: block;
  color: #afa495;
  font-size: 10px;
}

.headline-general span               { background-color: #9a9a9a; }
.headline-poker-events span          { background-color: #21aee3; }
.headline-poker-people span          { background-color: #22ac55; }
.headline-poker-politics-law span    { background-color: #8e6a3e; }
.headline-gr-poker-updates span      { background-color: #cc3939; }
.headline-bankroll-builder span      { background-color: #f1bf20; }
.headline-gold-rush-yours span       { background-color: #4c6788; }
.headline-gr-poker-sharks span       { background-color: #1f7dc4; }
.headline-world-poker-tour span,
.headline-world-series-of-poker span { background-color: #484848; }

/* 4.11 =Offers
---------------------------------------------------------------------- */

.offers li {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #d1ccbc;
  background: #ede8df url("i/offers.png") repeat-x;

}

.offers a {
  display: block;
  position: relative;
  padding: 9px 4px 5px 15px;
  background: url("i/offer-arrow.png") no-repeat 4px 50%;
  color: #888479;
  font-size: 12px;
}

.offers div,
.offers img {
  float: left;
}

.offers img {
  padding-right: 6px;
}

.offers .offer {
  width: 267px;
}

.offers .offer strong {
  font-size: 17px;
  color: #5d5a51;
  display: block;
  margin-left: 57px;
  padding-top: 12px;
}

.offers .bonus {
  width: 76px;
  height: 41px;
  background: url("i/offer-bonus.png") no-repeat;
  padding: 8px 18px 4px 5px;
  text-align: center;
  color: #64593c;
  font-size: 11px;
  line-height: 1;
}

.offers .bonus strong {
  font-weight: bold;
  font-size: 27px;
  color: #646e08;
}

.offers .bonus-special strong {
  font-size: 16px;
  line-height: 19px;
}

.offers .bonus-special small {
  display: block;
  color: #b63838;
  font-size: 10px;
}

.offers .last {
  border-bottom: 0;
  padding-bottom: 1px;
}

.offers .last .end {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  *bottom: -4px;
  height: 3px;
  background: url("i/offer-last.png") no-repeat;
  overflow: hidden;
}

.offers .us-friendly {
  position: absolute;
  left: 0;
  top: 1px;
  width: 22px;
  height: 22px;
  background: url("i/offers-us-friendly.png") no-repeat;
}

/* 4.12 =Players
---------------------------------------------------------------------- */

.players li {
  border-top: 1px solid #d1ccbc;
}

.players li:first-child {
  border-top: 0;
}

.players a {
  display: block;
  background: url("i/players.png") repeat-x;
}

.players a p {
  float: left;
}

.players .place {
  width: 35px;
  text-align: center;
  color: #a7a398;
  padding-top: 22px;
}

.players .player {
  width: 202px;
  padding-top: 12px;
  color: #3780c7;
  font-size: 11px;
}

.players .player img {
  margin-top: -4px;
  padding: 3px;
  background: url("i/players-avatar.png") no-repeat;
  float: left;
  margin-right: 5px;
}

.players .player strong {
  color: #76212a;
  font-size: 17px;
  display: block;
}

.players .value {
  width: 72px;
  padding: 25px 17px 0 18px;
  font-weight: bold;
  text-align: center;
  color: #4e611a;
  height: 34px;
  background: url("i/players-value.png") no-repeat;
}

/* 4.13 =TOP 10
---------------------------------------------------------------------- */

.top10 li {
  border-top: 1px solid #b8bdcd;
}

.top10 a {
  display: block;
  border-top: 1px solid #f3f6fb;
  border-bottom: 1px solid #fbfcfe;
  background-color: #eef0f7;
  padding: 0 114px 0 33px;
  line-height: 27px;
  position: relative;
  font-size: 14px;
}

.top10 li:first-child {
  border-top: 0;
}

.top10 li:first-child a {
  border-top: 0;
  padding-top: 1px;
}

.top10 small {
  width: 25px;
  left: 8px;
  top: 0;
  position: absolute;
  font-size: 10px;
  color: #a1a6b5;
}

.top10 span {
  font-size: 12px;
  color: #47561d;
  position: absolute;
  right: 14px;
  top: 0;
  width: 100px;
  text-align: right;
}

.top10 li.even {
  border-top-color: #b6bccd;
}

.top10 li.even a {
  border-top-color: #ebeef6;
  background-color: #e2e6ee;
}

.top10 li.even span {
  color: #69802a;
}

/* 4.14 =Forms
---------------------------------------------------------------------- */

/* Fieldset */

fieldset {
  padding: 17px 7px 0;
}

/* Label */

label {
  display: block;
  font-size: 12px;
  font-weight: bold;
  color: #3c3c3c;
  padding: 0 0 2px 6px;
}

/* Common */

button,
.input {
  position: relative;
  display: block;
}

button,
.input input {
  padding: 0;
  border: 0;
  background-color: transparent;
}

button span,
.input input,
.input span {
  display: block;
  background: url("i/forms.png") no-repeat;
}

button span + span,
.input span {
  position: absolute;
  top: 0;
  right: 0;
}

/* Input */

.input {
  padding-right: 6px;
  margin-bottom: 12px;
}

.input input {
  padding-top: 7px;
  line-height: 31px;
  height: 24px;
  width: 100%;
  text-indent: 5px;
}

.input span {
  position: absolute;
  width: 6px;
  right: 0;
  top: 0;
  height: 31px;
  background-position: 100% 0;
}

/* Button */

button {
  padding-right: 4px;
}

button span {
  background-position: 0 -51px;
  height: 32px;
  line-height: 32px;
  padding: 0 7px 0 38px;
  text-transform: uppercase;
  font-family: "Arial Rounded MT Bold", Arial, sans-serif;
  text-shadow: rgba(255, 255, 255, 0.25) 1px 1px 0;
}

button span + span {
  width: 4px;
  background-position: 100% -51px;
  padding: 0;
}

/* Misc */

.level {
  display: block;
  margin-top: -5px;
}

.level label {
  float: left;
  color: #999;
  font-size: 11px;
  font-weight: normal;
  padding-left: 4px;
}

.level input {
  vertical-align: bottom;
}

.level button {
  float: right;
  margin-top: -2px;
}

button.default {
  float: right;
  margin-top: -7px;
}

label.show-password {
  display: block;
  background-color: #e8e8e8;
  color: #999;
  font-weight: bold;
  font-size: 11px;
  padding: 6px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  margin-top: -12px;
  float: right;
}

/* Tips */

.tips p {
  margin-right: 100px;
  position: relative;
  background: url("i/forms.png") no-repeat 0 -103px;
  padding: 9px 0 14px 10px; 
}

.tips p label {
  color: #fff;
  text-shadow: #000 1px 1px 0;
  padding: 0 0 2px 0;
}

.tips p span {
  position: absolute;
  right: -100px;
  top: 0;
  text-align: center;
  width: 90px;
  height: 29px;
  padding: 3px 5px 0;
  font-weight: bold;
  font-size: 10px;
  background: url("i/forms.png") no-repeat 100% -164px;
  color: #534305;
}

.tips p.tip-email span {
  color: #0a3b56;
  background-position: 100% -216px;
}

.tips p.tip-password span {
  color: #0f4411;
  background-position: 100% -268px;
  padding-top: 10px;
  height: 24px;
}

.tips .input {
  margin-left: 1px;
  margin-right: 1px;
}

/* Captcha */

.captcha {
  width: 233px;
  margin: 4px auto 0;
}

.captcha div {
  background-color: #d0d0d0;
  padding: 4px;
  margin-bottom: 12px;
}

.captcha img {
  border: 1px solid #949494;
  display: block;
  margin-bottom: 10px;
}

.captcha .input {
  margin-bottom: 0;
}

.captcha p {
  font-size: 11px;
  color: #696969;
  text-align: center;
  margin-bottom: 3px;
}

.captcha button {
  width: 100%;
  letter-spacing: -0.05em;
}

/* Alt Button */

.button-alt {
  position: absolute;
  right: -1px;
  bottom: 0;
}

.button-alt button,
.button-alt span.button {
  background: url("i/more.png") no-repeat 100% 0;
  height: 35px;
  line-height: 35px;
  float: left;
  padding: 0 11px 0 3px;
  font-family: "Arial Rounded MT Bold", Arial, sans-serif;
  color: #fff;
  text-shadow: #4d483f 1px 1px 0;
}

.button-alt span:first-child {
  height: 35px;
  width: 19px;
  background: url("i/more.png") no-repeat 0 0;
  float: left;
}

/* 4.15 =Affiliate
---------------------------------------------------------------------- */

.third-party {
  margin-top: 19px;
  padding-left: 8px;
}

.third-party li {
  float: left;
  margin-left: 8px;
}

.third-party-alt {
  margin-top: 26px;
}

.third-party-alt li {
  float: none;
  margin: 8px 0 2px;
}

.third-party li:first-child {
  margin: 0;
}

/* 4.16 =Pills
---------------------------------------------------------------------- */

.pill-warning,
.pill-help {
  position: absolute;
  width: 17px;
  height: 17px;
  top: 9px;
  right: 4px;
  background: url("i/icons.png") no-repeat;
}

.pill-help {
  background-position: -17px 0;
}

/* 5. SPECIFIC
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

/* 5.1 =Intro Box
---------------------------------------------------------------------- */

.box-intro .inner {
  background: url("i/box-intro.png") no-repeat;
  padding-top: 16px;
}

.box-intro .columns-c {
  background: url("i/box-intro-columns.png") no-repeat 208px 100%;
  margin-bottom: 17px;
}

.box-intro .columns-c > .primary {
  width: 176px;
  padding-left: 12px;
  padding-right: 20px;
}

.box-intro .columns-c > .secondary {
  width: 213px;
  padding-left: 14px;
  padding-right: 37px;
}

.box-intro .columns-c > .tertiary {
  width: 201px;
  padding-left: 15px;
  padding-right: 35px;
}

.box-intro .header {
  font-size: 16px;
  text-transform: uppercase;
  font-family: Arial, sans-serif;
  letter-spacing: 0;
  color: #383431;
}

.box-intro .header h1 {
  display: inline;
}

.box-intro li:first-child                { color: #af9a38; }
.box-intro li:first-child + li           { color: #588931; }
.box-intro li:first-child + li + li      { color: #9a3030; }
.box-intro li:first-child + li + li + li { color: #3585a6; }

.box-intro .header,
.box-intro p,
.box-intro ul {
  margin-bottom: 3px;
}

.box-intro ul {
  margin-top: 15px;
}

.box-intro li {
  background: url("i/bullet.png") no-repeat 0 0.5em;
  padding-left: 6px;
  margin-top: 5px;
}

.box-intro img {
  display: block;
  margin: 0 auto;
}

.box-intro .tertiary img {
  margin-top: 36px;
}

/* 5.2 =Coming Features Box
---------------------------------------------------------------------- */

.box-coming-features li {
  border: 1px solid #e7e7e7;
  background-color: #f1f1f1;
  height: 102px;
  line-height: 102px;
  font-size: 16px;
  color: #bebebe;
  text-shadow: #fff 0 1px 0;
  text-align: center;
  margin-top: 6px;
}

.box-coming-features li:first-child {
  margin-top: 0;
}

/* 5.3 =Questions and Answers Box
---------------------------------------------------------------------- */

.box-questions-answers .inner {
  padding-bottom: 2px;
}

.box-questions-answers .columns {
  background: url("i/box-questions-answers-column.png") no-repeat 0 100%;
}

.box-questions-answers .columns > .primary {
  width: 314px;
  padding: 16px 17px 12px 11px;
}

.box-questions-answers .columns > .secondary {
  width: 656px;
}

.box-questions-answers .tip {
  background: url("i/box-questions-answers-dice.png") no-repeat 2px 0;
  padding-left: 58px;
  color: #6a767d;
  min-height: 51px;
  margin-bottom: 23px;
}

.box-questions-answers .header {
  font-size: 15px;
  margin-bottom: 10px;
  font-family: Arial, sans-serif;
  letter-spacing: 0;
  color: #5c5145;
  text-shadow: #fffcf2 0 1px 0;
}

.box-questions-answers .categories ul {
  font-size: 14px;
  float: left;
  width: 156px;
  line-height: 17px;
}

.box-questions-answers .categories ul + ul {
  width: 143px;
  padding-left: 15px;
}

.box-questions-answers .categories li {
  padding-left: 7px;
  margin-top: 5px;
}

.box-questions-answers .categories li a {
  color: #31689a;
}

.box-questions-answers .categories li:first-child {
  margin-top: 0;
}

.box-questions-answers .more {
  text-align: right;
  margin-top: 13px;
}

.box-questions-answers .more a {
  color: #969082;
  text-shadow: #fff 0 1px 0;
}

.box-questions-answers .more + .header {
  margin-top: 16px;
  margin-bottom: 6px;
}

.box-questions-answers textarea,
.box-questions-answers button {
  border: 0;
  padding: 0;
}

.box-questions-answers textarea {
  width: 292px !important;
  height: 58px !important;
  padding: 10px;
  background: #fff url("i/box-questions-answers-form.png") no-repeat;
  margin: 0 0 3px 2px;
}

.box-questions-answers form p {
  font-size: 11px;
  color: #c9c2b3;
  float: left;
  margin-left: 4px;
}

.box-questions-answers button {
  float: right;
  width: 149px;
  height: 35px;
  background: #f2b559 url("i/box-questions-answers-button.png") no-repeat;
  text-shadow: #f1df96 0 1px 0;
  color: #6d4b1e;
  font-size: 15px;
  margin-top: 3px;
}

/* 5.4 =Article Box
---------------------------------------------------------------------- */

.columns-b > .primary > .columns-equal .frame {
  margin-top: 0;
  margin-bottom: 3px;
}

.box-article .inner {
  padding: 13px 11px 0;
  min-height: 76px;
  font-size: 11px;
}

.box-article span,
.box-article small {
  display: block;
}

.box-article span {
  color: #a39683;
}

.box-article small {
  color: #829032;
  margin-bottom: 4px;
}

.box-article a {
  color: #4e5026;
  font-size: 15px;
  line-height: 16px;
}

/* 5.5 =Headlines Box
---------------------------------------------------------------------- */

.box-headlines .inner {
  padding: 1px 3px 9px 5px;
}

.box-headlines .banners {
  padding: 8px 3px 0;
}

.box-headlines .banners a {
  float: left;
  background-repeat: no-repeat;
  height: 39px;
}

.box-headlines .banner-calendar {
  background-image: url("i/box-headlines-calendar.png");
  width: 431px;
  line-height: 39px;
  color: #42372d;
  font-size: 15px;
  padding: 0 10px;
}

.box-headlines .banner-writes-wanted {
  background-image: url("i/box-headlines-writes-wanted.png");
  width: 127px;
  margin-left: 8px;
}

/* 5.6 =Offers Box
---------------------------------------------------------------------- */

.box-offers .inner {
  padding: 13px 1px 1px;
}

/* 5.7 =Tables Box
---------------------------------------------------------------------- */

.box-tables .inner {
  padding: 18px 15px 20px;
}

.box-tables .columns-equal > .primary {
  width: 479px;
}

.box-tables .columns-equal > .secondary {
  width: 457px;
  padding-left: 32px;
}

.box-tables .cards {
  padding: 0;
}

.box-tables .cards li {
  width: 218px;
}

.box-tables .cards li a {
  height: 209px;
  background-position: -181px 0;
}

.box-tables .cards img {
  background-position: -161px 0;
}

.box-tables p {
  margin-bottom: 21px;
}

.box-tables .header {
  color: #094259;
  font-family: Arial, sans-serif;
  letter-spacing: 0;
  font-size: 16px;
  margin-bottom: 9px;
}

.box-tables .red {
  color: #b44c47;
}

.box-tables .blue {
  color: #397ba4;
}

/* 5.8 =Starter Box
---------------------------------------------------------------------- */

.box-starter {
  height: 120px;
  padding-top: 35px;
  background: #f5f5f5 url("i/box-starter.png") no-repeat;
  font-size: 12px;
  color: #4c4c4c;
}

.box-starter a {
  display: block;
  height: 50px;
}

.box-starter .primary {
  width: 167px;
  padding: 0 24px 0 106px;
}

.box-starter .secondary {
  width: 209px;
  padding: 0 34px 0 147px;
}

.box-starter .tertiary {
  width: 148px;
  padding: 0 34px 0 131px;
}

.box-starter span {
  display: block;
}

/* 5.9 =Twitter About Box
---------------------------------------------------------------------- */

.box-twitter-about {
  background: #404040 url("i/box-twitter-about.png") no-repeat;
  height: 72px;
}

.box-twitter-about a {
  display: block;
  color: #fff;
  font-size: 15px;
  text-shadow: #000 0 1px 0;
  padding: 15px 166px 0 21px;
}

/* 5.10 =Twitter Box
---------------------------------------------------------------------- */

.box-twitter {
  background: #39b3d8 url("i/box-twitter.png") no-repeat;
  color: #133240;
  text-shadow: #5abdda 0 1px 0;
  height: 133px;
  padding: 15px 160px 0 12px;
}

.box-twitter .header,
.box-twitter a {
  text-shadow: #043e58 0 1px 0;
  color: #fff;
  padding: 0;
}

.box-twitter .header {
  font-size: 18px;
  font-family: Arial, sans-serif;
  letter-spacing: 0;  
  margin-bottom: 10px;
}

.box-twitter .more {
  text-align: right;
  margin-right: -153px;
}

/* 5.11 =Players Box
---------------------------------------------------------------------- */

.box-players .inner {
  padding: 13px 1px 3px;
}

.box-players .inner > span {
  position: absolute;
  width: 344px;
  height: 2px;
  left: 1px;
  bottom: 3px;
  background: url("i/players-bottom.png") no-repeat;
}

/* 5.12 =Twicker Box
---------------------------------------------------------------------- */

.box-twicker {
  position: relative;
  background: url("i/box-twicker.png") no-repeat;
  height: 224px;
/*  margin-top: 38px; /* 6 default + 32 breadcrumbs */*/
}

.box-twicker > * {
  position: absolute;
}

.box-twicker .main {
  left: -999em;
  height: 0;
  overflow: hidden;
}

.box-twicker .logged-in {
  left: 586px;
  top: 61px;
  width: 137px;
  height: 51px;
  padding: 15px 0 0 0;
  color: #f1f1f1;
  font-size: 11px;
  text-align: center;
  text-transform: uppercase;
  text-shadow: #21272c 1px 1px 0;
}

.box-twicker .logged-in strong {
  font-size: 24px;
}

.box-twicker .spread {
  color: #98cde0;
  width: 211px;
  height: 96px;
  padding: 6px 0 0;
  left: 745px;
  top: 61px;
  text-align: center;
}

.box-twicker .spread li {
  float: left;
  width: 70px;
  padding-top: 11px;
  font-size: 10px;
}

.box-twicker .spread .spread-digg {
  text-indent: 14px;
}

.box-twicker .spread .spread-facebook {
  text-indent: 11px;
}

.box-twicker .spread .spread-twitter {
  text-indent: -2px;
}

.box-twicker .spread li a {
  display: block;
  padding-top: 50px;
  color: #50707c;
}

.box-twicker .join {
  color: #282828;
  text-transform: uppercase;
  width: 98px;
  height: 29px;
  left: 586px;
  top: 133px;
  padding-top: 1px;
  line-height: 30px;
  padding-left: 39px;
  font-family: "Arial Rounded MT Bold", Arial, sans-serif;
  text-shadow: rgba(255, 255, 255, 0.7) 0 1px 1px;
}

.box-twicker .twitter {
  right: 14px;
  bottom: 13px;
  width: 92px;
  height: 21px;
}

/* 5.13 =Box Twicker Small
---------------------------------------------------------------------- */

.box-twicker-small {
  background: url("i/box-twicker-small.png") no-repeat;
  width: 268px;
  text-align: center;
}

.box-twicker-small a {
  display: block;
  padding-top: 192px;
  height: 30px;
  color: #cdf1f9;
  font-size: 12px;
  text-shadow: #023046 0 1px 0;
}

.box-twicker-small a span {
  background: url("i/box-twicker-arrow-left.png") no-repeat 100% 50%;
  padding-right: 8px;
}

.box-twicker-small a span span {
  background: url("i/box-twicker-arrow-right.png") no-repeat 0 50%;
  padding-left: 8px;
  padding-right: 0;
}

/* 5.14 =Top10 Box
---------------------------------------------------------------------- */

.box-top10 .inner {
  padding: 13px 1px 3px;
}

.box-top10 .inner > span {
  position: absolute;
  bottom: 2px;
  left: 1px;
  height: 3px;
  right: 1px;
  background: url("i/box-top10-bottom.png") no-repeat;
}

.box-top10 .inner > span span {
  position: absolute;
  right: 0;
  width: 3px;
  height: 3px;
  background: url("i/box-top10-bottom.png") no-repeat 0 -3px;
}

/* 5.15 =Sign Up / In Box
---------------------------------------------------------------------- */

.box-sign-in-up .inner-content {
  padding-left: 17px;
  padding-right: 17px;
}

.box-sign-in-up .header {
  padding-top: 3px;
}

.box-sign-in-up .separated {
  margin-left: -12px;
  margin-right: -12px;
  padding: 8px 6px 0 12px;
}

.box-sign-in-up .header + p {
  margin-top: 5px;
}

.box-sign-in-up .secondary .tips {
  padding: 19px 6px 0;
}

.box-sign-in-up .secondary .header + p {
  padding-right: 50px;
}

.box-sign-in-up .secondary p strong {
  color: #ff8700;
  text-transform: uppercase;
  font-weight: bold;
}

.box-sign-in-up .secondary .separated {
  margin-top: 22px;
  padding-top: 13px;
}

.box-sign-in-up .primary .third-party + .separated {
  margin-top: 14px;
}

.box-sign-in-up .tertiary p {
  margin-top: 15px;
}

.box-sign-in-up .tertiary .header + p {
  margin-top: 5px;
}

/* 5.16 =Embed
---------------------------------------------------------------------- */

.box-embed .inner {
  padding: 4px 3px 5px;
}

.box-embed iframe {
  display: block;
  border: 1px solid #f2edde;
}

.column-next-to-box-embed {
  padding-left: 3px !important;
  width: 272px !important;
}

.column-next-to-box-embed .box-top10 {
  margin-bottom: 3px;
}

.column-next-to-box-embed .section {
  margin-top: 3px;
  margin-bottom: 3px;
}

/* 5.17 =Ranking Box
---------------------------------------------------------------------- */

.box-ranking .inner {
  overflow: hidden;
  padding: 19px 0 2px;
}

.box-ranking .rank,
.box-ranking .goal {
  float: left;
}

.box-ranking .rank {
  background: url("i/rank.png") no-repeat -5px -22px;
  color: #12405b;
  font-size: 18px;
  padding: 20px 0 16px 148px;
  width: 130px;
  border-right: 1px solid #d0d1d1;
}

.box-ranking .rank strong {
  font-size: 36px;
}

.box-ranking .goal {
  width: 165px;
  padding: 29px 10px 0 36px;
  font-size: 16px;
  color: #34789b;
}

.box-ranking .annote {
  clear: both;
  padding: 11px 0 6px 11px;
}

.box-ranking .button-alt button,
.box-ranking .button-alt span.button {
  background-position: 100% -35px;
}

.box-ranking .button-alt span:first-child {
  background-position: 0 -35px;
}

/* 5.18 =Tweet Box
---------------------------------------------------------------------- */

.box-tweet .inner {
  padding-left: 2px;
  padding-right: 1px;
}

.box-tweet label {
  float: right;
  padding: 0;
  font-weight: normal;
}

.box-tweet label:first-child {
  float: left;
  color: #c8390d;
}

.box-tweet textarea {
  width: 100%;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  border: 1px solid #d1d2d2;
  background: #fff url("i/textarea-lines.png");
  margin-top: 18px;
  clear: both;
  height: 61px;
  padding: 0 3px;
  line-height: 20px;
}

.box-tweet .annote {
  padding: 6px 200px 6px 3px;
}

/* 5.19 =Rooms Box
---------------------------------------------------------------------- */

.box-rooms .header {
  color: #973534;
  margin: -5px 0 0;
  padding: 0 125px 0 36px;
  background: url("i/rooms.png") no-repeat;
}

.box-rooms ul {
  float: left;
  width: 150px;
  padding-left: 20px;
}

.box-rooms .header + ul {
  padding-left: 0;
}

.box-rooms li {
  margin-top: 12px;
}

.box-rooms label {
  padding: 0;
  font-weight: normal;
}

/* 5.20 =Welcome Box
---------------------------------------------------------------------- */

.box-welcome {
  text-align: center;
}

.box-welcome .header {
  font-size: 42px;
  font-weight: bold;
  line-height: 38px;
  letter-spacing: -0.075em;
  margin: 22px 0 9px;
}

.box-welcome .header strong {
  color: #fd821b;
  display: block;
}

.box-welcome p {
  padding: 0 40px 11px;
}

/* 5.21 =Gender
---------------------------------------------------------------------- */

.box-gender .header {
  color: #3e7c11;
  margin-bottom: 20px;
}

.box-gender label {
  float: left;
  width: 71px;
  background: url("i/box-gender.png") no-repeat;
  padding: 83px 0 10px;
  text-align: center;
}

.box-gender label.male {
  margin-left: 10px;
}

.box-gender label.female {
  background-position: -78px 0;
  margin-left: 7px;
  padding-left: 8px;
}

/* 5.22 =Locale
---------------------------------------------------------------------- */

.box-locale .inner {
  padding-left: 23px;
  padding-right: 23px;
  padding-bottom: 33px;
}

.box-locale .header {
  margin-top: -1px;
}

.box-locale select {
  margin-top: 35px;
  width: 100%;
}

/* 5.23 =Alt Tips
---------------------------------------------------------------------- */

.box-tips .inner {
  padding: 24px 23px 23px;
}

.box-tips button {
  margin: 0 auto;
}

/* 6. FOOTER
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

#footer {
  border-top: 1px solid #ebe7dc;
  background: #352a21 url("i/black-border.png") repeat-x;
  padding: 12px 0 9px;
}

#footer .affiliates {
  float: left;
  width: 328px;
  background: url("i/affiliate-separator.png") no-repeat 106px 0;
}

#footer .affiliates span {
  float: left;
  height: 54px;
}

#footer .mac-made {
  width: 106px;
  background: url("i/affiliate-made-mac.png") no-repeat;
}

#footer .mediatemple {
  margin-left: 2px;
  width: 220px;
  background: url("i/affiliate-mediatemple.png") no-repeat;
}

#footer .shortcuts {
  float: right;
  width: 417px;
  font-size: 11px;
  padding-top: 13px;
}

#footer .shortcuts p {
  color: #a59b86;
}

#footer .shortcuts li {
  float: left;
  background: url("i/footer-separator.png") no-repeat 0 50%;
  padding-left: 7px;
  padding-right: 3px;
}

#footer .shortcuts li:first-child {
  padding-left: 0;
  background: none;
}

#footer .shortcuts a {
  color: #e6e4e0;
  font-weight: bold;
}

#footer .shortcuts .rss a {
  color: #f1c785;
  background: url("i/icon-rss.png") no-repeat 100% 50%;
  padding-right: 13px;
}

#footer > div > p {
  font-size: 11px;
  padding-top: 11px;
  color: #77695c;
}