/* yui 3 css reset (http://yui.yahooapis.com/3.2.0/build/cssreset/reset-min.css).
---------------------------------------------------------------------------------------------------- */

html {
    color: #000;
    background: #FFF;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

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

fieldset, img {
    border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}

li {
    list-style: none;
}

caption, th {
    text-align: left;
}

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

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
    font-variant: normal;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

input, textarea, select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

input, textarea, select {
    font-size: 100%;
}

legend {
    color: #000;
}

/* 960 grid system (960.gs).
---------------------------------------------------------------------------------------------------- */

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
    display: inline;
    float: left;
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
}

.grid_1 {
    width: 60px;
}

.grid_2 {
    width: 140px;
}

.grid_3 {
    width: 220px;
}

.grid_4 {
    width: 300px;
}

.grid_5 {
    width: 380px;
}

.grid_6 {
    width: 460px;
}

.grid_7 {
    width: 540px;
}

.grid_8 {
    width: 620px;
}

.grid_9 {
    width: 700px;
}

.grid_10 {
    width: 780px;
}

.grid_11 {
    width: 860px;
}

.grid_12 {
    width: 940px;
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

/* body.
---------------------------------------------------------------------------------------------------- */

html {
    background: #A0E5FF url(/Content/FooterBackground.jpg) no-repeat center bottom;
}

body {
    background: url(/Content/BodyBackground.png) repeat-x;
    color: #353535;
    font-family: Verdana, Helvetica;
    font-size: 13px;
    line-height: 18px;
}

a {
    outline: 0px none transparent;
}

a:link {
    color: #0181E3;
}

a:visited {
    color: #EE3E96;
}

a:hover {
    color: #90D50B;
}

a:active {
    color: #5C8807;
}

img {
    vertical-align: middle;
}

strong {
    font-weight: bold;
}

#notbar-wrapper {
    background: #FFF;
    border-bottom: 2px solid #F4F4F4;
    cursor: pointer;
    display: none;
    height: 36px;
    left: 0px;
    position: fixed;
    top: 0px;
    width: 100%;
}

/* container.
-------------------------------------------------- */

#container-wrapper {
    background: url(/Content/ContainerSunburstBackground.png) no-repeat;
}

#container-content {
    margin: 0px auto 0px auto;
    width: 980px;
}

#notbar-content {
    font-family: Georgia, Verdana, Helvetica;
    font-size: 18px;
    line-height: 23px;
    margin: 9px 0px 0px 0px;
    text-align: center;
}

.progress {
    background: url(/Content/Progress.gif) no-repeat center center;
    height: 64px;
}

/* buttons.
-------------------------------------------------- */

.button {
    border: 1px solid transparent;
    border-radius: 15px; -moz-border-radius: 15px;
    color: #FFF !important;
    display: inline-block;
    font-family: Tahoma, Arial;
    font-weight: bold;
    height: 22px;
    text-decoration: none;
}

.button:hover {
    background: #34A7FF !important;
}

.button:active {
    background: #0181E3 !important;
}

.button img {
    margin: 1px 10px 0px 20px;
}

.button span {
    margin: 1px 0px 0px 0px;
    position: absolute;
}

.button-share {
    background: -moz-linear-gradient(#FF5CAD, #EE3E96); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%, #FF5CAD),color-stop(100%, #EE3E96));
    background-color: #EE3E96;
    border-color: #8C288C #8C288C #4C164C #8C288C;
    position: relative;
    width: 138px;
}

.button-tab {
    background: -moz-linear-gradient(#34A7FF, #0181E3); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%, #34A7FF),color-stop(100%, #0181E3));
    background-color: #0181E3;
    border-color: #015DA3 #015DA3 #003963 #015DA3;
    width: 298px;
}

.button-tab-selected {
    background: #68E0E0 !important;
    cursor: default;
}

.button-tab-selected:hover, .button-tab-selected:active {
    background: #68E0E0 !important;
}

.button-more {
    background: -moz-linear-gradient(#34A7FF, #0181E3); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%, #34A7FF),color-stop(100%, #0181E3));
    background-color: #0181E3;
    border-color: #015DA3 #015DA3 #003963 #015DA3;
    line-height: 20px;
    text-align: center;
    width: 618px;
}

/* nipples.
-------------------------------------------------- */

.nipple {
    border-bottom: 0px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid transparent;
    height: 0px;
    width: 0px;
}

.nipple-locked {
    border-top-color: #68E0E0;
    margin: 0px 0px 36px 147px;
}

.nipple-unlocked {
    border-top-color: #68E0E0;
    margin: 0px 0px 36px 473px;
}

.nipple-sidebar {
    border-top-color: #90D50B;
    margin: 0px 0px 9px 15px;
}

.nipple-badges {
    margin: 0px 0px 0px 15px;
}

/* header.
---------------------------------------------------------------------------------------------------- */

#header-branding {
    float: left;
    margin: 18px 0px 18px 0px;
}

#header-logo {
    vertical-align: bottom;
}

#header-like {
    float: left;
    margin: 18px 0px 0px 40px;
}

/* content.
---------------------------------------------------------------------------------------------------- */

#content-wrapper {
    background: #FFF;
    border-radius: 10px; -moz-border-radius: 10px;
    min-height: 800px;
    width: 980px;
}

#content-content {
    margin: 0px auto 0px auto;
    padding: 18px 0px 36px 0px;
    width: 960px;
}

#content-title {
    font-family: Tahoma, Arial;
    font-size: 48px;
    line-height: 53px;
    margin: 0px 0px 54px 10px;
}

/* featured.
-------------------------------------------------- */

#featured
{
    margin: 0px 0px 54px 0px;
}

.featured-error {
    margin: 132px 0px 0px 0px !important;
}

#featured-tagline {
    margin: 0px 0px 18px 0px;
}

#featured h1 {
    color: #B4B4B4;
    font-size: 24px;
    line-height: 29px;
}

#featured-aumio {
    margin: -132px 0px 0px 0px; /* 276px - 137px - 7px */
}

/* features.
-------------------------------------------------- */

#features {
    height: 126px;
    overflow: hidden;
}

#features h3 {
    font-size: 28px;
    line-height: 33px;
    margin: 0px 0px 18px 0px;
}

/* text.
-------------------------------------------------- */

#text h2 {
    font-family: Tahoma, Arial;
    font-size: 28px;
    line-height: 33px;
    margin: 54px 0px 18px 0px; /* note margin-top. */
}

#text p {
    margin: 0px 0px 18px 0px;
}

#text .text-featured {
    margin: 54px 0px 0px 0px;
}

#text .text-featured a {
    display: block;
    float: right;
}

/* tabs.
-------------------------------------------------- */

#deal-locked {
    float: left;
}

#deal-unlocked {
    float: right;
}

/* deals.
-------------------------------------------------- */

.deal-content {
    background: #FFEBF4;
    border: 4px dashed #EE3E96;
    margin: 0px 0px 54px 0px;
    padding: 20px 20px 20px 20px;
}

.deal-logo {
    float: left;
    margin: 0px 20px 0px 0px;
}

.deal-tagline {
    margin: 0px 0px 27px 0px;
    min-height: 80px;
}

.deal-tagline h3 {
    color: #353535;
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
}

.deal-tagline h2 {
    color: #353535;
    font-size: 24px;
    font-weight: bold;
    line-height: 29px;
    margin: 0px 0px 18px 0px;
}

.deal-blurb {
    float: left;
    width: 482px; /* 572px - 70px - 20px */
}

.deal-share {
    float: left;
}

.deal-points {
    color: #757575;
    font-family: Georgia, Verdana, Helvetica;
    font-style: italic;
    text-align: center;
}

.deal-shared {
    background: #FF3D3D;
    border: 2px solid #8C1B1B;
    color: #FFF;
    font-family: Tahoma, Arial;
    font-weight: bold;
    height: 20px;
    width: 138px;
}

.deal-shared img {
    margin: 1px 10px 0px 20px;
}

.deal-shared span {
    margin: 1px 0px 0px 0px;
    position: absolute;
}

.deal-countdown {
    float: right;
}

.deal-status {
    background: #FFF9B8;
    border: 2px solid #FFE72E;
    height: 22px;
}

.deal-status img {
    margin: 1px 10px 0px 20px;
}

.deal-status span {
    color: #757575;
    font-family: Georgia, Verdana, Helvetica;
    font-style: italic;
    margin: 1px 0px 0px 0px;
    position: absolute;
}

/* deal states.
-------------------------------------------------- */

.deal-content a:link,
.deal-content a:visited {
    color: #EE3E96;
}

.deal-content:hover {
    background: #E5F6FD;
    border: 4px dashed #0181E3;
}

.deal-content:hover a:link,
.deal-content:hover a:visited {
    color: #0181E3;
}

.deal-content:hover a:hover {
    color: #34A7FF;
}

.deal-content:hover a:active {
    color: #0181E3;
}

.deal-content:hover .button-share {
    background: -moz-linear-gradient(#34A7FF, #0181E3); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%, #34A7FF),color-stop(100%, #0181E3));
    background-color: #0181E3;
    border-color: #015DA3 #015DA3 #003963 #015DA3;
}

/* countdown.
-------------------------------------------------- */

.countdown {
    float: right;
    font-family: Georgia, Verdana, Helvetica;
    font-style: italic;
    text-align: center;
    width: 220px;
}

.countdown-values {
    background: #FFF9B8;
    border: 2px solid #FFE72E;
    height: 20px;
}

.countdown-values li {
    display: inline-block;
    font-size: 24px;
    /* line-height: 29px; */
    width: 50px; /* 54px */
}

.countdown-labels li {
    color: #757575;
    display: inline-block;
    width: 50px; /* 54px */
}

/* sidebar.
-------------------------------------------------- */

#sidebar-content {
    background: #FFF;
    border-radius: 10px 10px 0px 10px; -moz-border-radius: 10px 10px 0px 10px;
    border: 8px solid #90D50B;
    float: right;
    margin: 0px -40px 0px 0px;
    width: 300px;
}

#sidebar-user {
    float: left;
    margin: 0px 0px 36px 10px;
    width: 140px;
}

#sidebar-picture {
    height: 75px;
    margin: 0px 20px 0px 0px;
    width: 75px;
}

#sidebar-user h3 {
    font-weight: bold;
}

#sidebar-score {
    float: right;
    margin: 0px 10px 0px 0px;
    width: 140px;
}

#sidebar-points-wrapper {
    background: url(/Content/SidebarYellowBadge.png) no-repeat center;
    height: 76px;
}

#sidebar-points-content {
    color: #353535;
    font-family: Georgia, Verdana, Helvetica;
    font-size: 48px;
    font-style: italic;
    /* line-height: 53px; */
    padding: 19px 0px 0px 0px; /* ? */
    text-align: center;
}

#sidebar-score h3 {
    color: #757575;
    font-family: Georgia, Verdana, Helvetica;
    font-style: italic;
    text-align: center;
}

#sidebar-badges {
    margin: 0px 0px 27px 0px;
}

#sidebar-badges li {
    display: inline-block;
    width: 145px; /* 150px */
}

#sidebar-badges img {
    height: 150px;
    width: 150px;
}

#sidebar-appstore {
    display: block;
    margin: 54px 0px 0px 0px;
}

#sidebar-corner {
    float: right;
    margin: 0px -40px 0px 0px;
}

/* footer.
---------------------------------------------------------------------------------------------------- */

#footer {
    margin: 20px 0px 40px 0px;
    width: 980px;
}

#footer-navbar {
    float: left;
    font-family: Tahoma, Arial;
    font-weight: bold;
    margin: 23px 0px 0px 20px;
}

#footer-navbar li {
    display: inline;
    margin: 0px 40px 0px 0px;
}

#footer-navbar a:link,
#footer-navbar a:visited,
#footer-navbar a:hover,
#footer-navbar a:active {
    color: #065B00;
}

#footer-bookmarks {
    float: right;
    margin: 0px 20px 0px 0px;
}

#footer-bookmarks a {
    display: inline-block;
    margin: 0px 0px 0px 40px;
}

/* tba.
---------------------------------------------------------------------------------------------------- */

.bar
{
    background: #90D50B;
    color: #FFF;
    font-family: Georgia, Verdana, Helvetica;
    font-style: italic;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    padding: 0px 0px 0px 10px;
    width: 290px; /* 300px - 10px */
}

.list-disc li {
    list-style: disc none inside;
}

.list-checkmark li {
    background: url(/Content/Bullet.png) no-repeat 0px 2px;
    list-style: none none inside;
    margin: 0px 0px 18px 0px;
    min-height: 20px;
    padding: 0px 0px 0px 40px;
}

#sidebar {
    margin-left: 30px;
    width: 280px;
}