﻿/* -----------------------------------------------------------------------

Diary of a Wimpy Kid Promotion Page
       
----------------------------------------------------------------------- */

/* -----------------------------------------------------------------------
Begin General Styles
----------------------------------------------------------------------- */

*+html #Content{
margin-top:1.5em !important;
}
.Clear{
clear:both;
}
.AlignCenter{
text-align:center;
}
h3{
margin-bottom:.5em;
}
#divContentMain{
width:950px;
}

/* -----------------------------------------------------------------------
End General Styles

Begin Widgets
----------------------------------------------------------------------- */
.copy{
-mox-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding-left:2em;
}
.header-wrapper{
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.83, #231f20),
	color-stop(0.83, #5DB5E7)
);
background-image: -o-linear-gradient(top, #5DB5E7 83%, #231f20 83%);
background-image: -moz-linear-gradient(top, #5DB5E7 83%, #231f20 83%);
background-image: -webkit-linear-gradient(top, #5DB5E7 83%, #231f20 83%);
background-image: -ms-linear-gradient(top, #5DB5E7 83%, #231f20 83%);
background-image: linear-gradient(top, #5DB5E7 83%, #231f20 83%);
-mox-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin-bottom:2em;
}
h2.PageHeader{
margin:0 auto;
width:950px;
height:133px;
display:block;
text-indent:-999999px;
background:url(../images/banner-header.png) no-repeat 0 0;
}
.PromotionWidget,.ErrorWidget,.ValidationWidget,.SuccessWidget{
border-radius:3px;
margin:0 0 1.5em 0;
padding:1em;
}
.PromotionWidget p,#Content .NavigationWidget ul,#Content .NavigationWidget ul li{
margin:0;
padding:0;
}
.LatestMovementsWidget{
margin-bottom:1.5em;
}
.NavigationWidget ul{
list-style-type:none;
}
.RandomHouseSearchWidget{
margin-top:2.5em;
}
.Indent{
margin-left:1.5em;
}
.Underline{
text-decoration:underline;
}
.LinksWidget{
border:1px solid #a7927c;
margin-bottom:2em;
}
.LinksWidget ul{
list-style:none;
margin:0;
padding:0;
}
.LinksWidget h4{
background-color:#a7927c;
color:#fff;
padding:10px;
}
.LinksWidget li + li {
margin-top:1px;
}
.LinksWidget a{
background-color:#f7f1e9;
color:#584528;
display:block;
padding:7px 10px;
text-decoration:none;
}
.LinksWidget a:hover{
background-color:#e3dcd5;
}
.LinksWidget li.current a,.LinksWidget li.current a:active,.LinksWidget li.current a:hover{
background-color:#f7f1e9;
color:#87705a;
cursor:default;
padding-left:25px;
position:relative;
text-decoration:none;
}
.LinksWidget li.current a:before{
content:'\2022';
position:absolute;
top:25%;
left:10px;
}
.ErrorWidget,.ValidationWidget{
background-color:#ffe4e4;
border:1px solid #c20808;
color:#8c0b0b !important;
}
.SuccessWidget{
color:#097009;
border:1px solid #097009;
}
.ErrorWidget p,.SuccessWidget p{
margin-bottom:0;
padding-left:24px;
}
.ErrorWidget p:first-child{
background:url(../images/icon_errorwidget.png) no-repeat 0 2px;
}
.SuccessWidget p:first-child{
background:url(../images/icon_successwidget.png) no-repeat 0 2px;
}
.ValidationWidget p{
margin-bottom:.25em;
font-size:1.1em;
}
.ValidationWidget ul{
list-style:none;
margin:0;
padding:0;
}
.Validation{
color:#c20808 !important;
}
p.Step1,p.Step2,p.Step3{
margin-top:3px;
display:block;
height:24px;
width:24px;
text-indent:-999999px;
background:url(/images/home/sprite_numbers.png) no-repeat;
}
p.Step1{
background-position:-24px -24px;
}
p.Step2{
background-position:-72px -72px;
}
p.Step3{
background-position:-120px -120px;
}
hr{
background-color:#bcab9b;
color:#bcab9b;
margin:2.25em auto;
width:80%;
}

/* -----------------------------------------------------------------------
End Widgets

Begin Forms
----------------------------------------------------------------------- */
#Content a.InputButton,#Content a.InputButton:link,#Content a.InputButton:visited,input.InputButton,input.InputButton.InputButtonSmall{
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
background:#4d7932;
border:none;
border-radius:3px;
color:#fff;
cursor:pointer;
font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
font-weight:bold;
}
#Content a.InputButton,#Content a.InputButton:link,#Content a.InputButton:visited,input.InputButton{
display:inline-block;
margin:0;
padding:.5em 1em;
text-decoration:none;
}
input.InputButtonSmall{
margin:.25em 0 0 0;
padding:.25em .5em .35em .5em;
font-size:11px;
}
*+html input.InputButtonSmall{
padding:.25em .5em .25em .5em;
}
#Content a.InputButton:hover,#Content a.InputButton:active,#Content a.InputButton:focus,input.InputButton:hover,input.InputButton:active,input.InputButton:focus,input.InputButtonSmall:hover,input.InputButtonSmall:active,input.InputButtonSmall:focus{
background:#406a21;
}
.InputText,.InputTextSmall,.InputSelect{
padding:.25em;
font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
border:1px solid #b0b0b0;
}
dl dt{
margin-bottom:.25em;
}
dl dd{
margin-left:0;
}
.InputText{
width:500px;
}
.InputTextSmall{
width:150px;
}
.InputSelect{
width:507px;
}

/* -----------------------------------------------------------------------
End Forms

Begin Tables
----------------------------------------------------------------------- */

table{
margin:0;
padding:0;
width:100%;
border:2px solid #fff;
border-collapse:collapse;
border-spacing:0;
}
table th{
background-color:#a7927c;
border:2px solid #fff;
border-top:none;
color:#fff;
font-weight:bold;
}
table td{
background-color:#fff;
border-left:2px solid #fff;
border-right:2px solid #fff;
}
tbody tr:nth-child(even) td{
background-color:#faf7f2;
}

/* -----------------------------------------------------------------------
End Tables

Begin Pagination
----------------------------------------------------------------------- */

.PaginationWidget{
margin:1.5em 0;
font-size:10px;
}
.pagination a{
text-decoration:none;
border:solid 1px #00447c;
color:#00447c;
}
.pagination a,.pagination span{
display:block;
float:left;
padding:3px 5px;
margin-right:5px;
min-width:1em;
text-align:center;
}
.pagination .current{
background:#13b5ea;
color:#fff;
border:solid 1px #13b5ea;
}
.pagination .current.prev,.pagination .current.next{
color:#b0b0b0;
border-color:#b0b0b0;
background:#fff;
}

/* -----------------------------------------------------------------------
End Pagination
----------------------------------------------------------------------- */

.juicer-feed {
    background: #f6f6f6;
    margin-top: 1em !important; /* juicer did it first */
    padding: 20px 10px;
}

.j-stacker-wrapper {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.juicer-feed.user li.feed-item {
    border-width: 1px;
}
