/* HTML5 Boilerplate  */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block
    }
audio, canvas, video {
    display: inline-block
    }
audio:not([controls]) {
    display: none
    }
[hidden] {
    display: none
    }
html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
    }
html, button, input, select, textarea {
    font-family: sans-serif;
    color: #222
    }
body {
    margin: 0;
    font-size: 1em;
    line-height: 1.4
    }
::-moz-selection {
    background: #75a2bb;
    color: #fff;
    text-shadow: none
    }
::selection {
    background: #75a2bb;
    color: #fff;
    text-shadow: none
    }
a {
    color: #00e
    }
a:visited {
    color: #551a8b
    }
a:hover {
    color: #06e
    }
a:focus {
    outline: thin dotted
    }
a:hover, a:active {
    outline: 0
    }
abbr[title] {
    border-bottom: 1px dotted
    }
b, strong {
    font-weight: bold
    }
blockquote {
    margin: 1em 40px
    }
dfn {
    font-style: italic
    }
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
    }
ins {
    background: #ff9;
    color: #000;
    text-decoration: none
    }
mark {
    background: #ff0;
    color: #000;
    font-style: italic;
    font-weight: bold
    }
pre, code, kbd, samp {
    font-family: monospace, serif;
    _font-family: "courier new", monospace;
    font-size: 1em
    }
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
    }
q {
    quotes: none
    }
q:before, q:after {
    content: "";
    content: none
    }
small {
    font-size: 85%
    }
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
    }
sup {
    top: -0.5em
    }
sub {
    bottom: -0.25em
    }
ul, ol {
    margin: 1em 0;
    padding: 0 0 0 40px
    }
dd {
    margin: 0 0 0 40px
    }
nav ul, nav ol {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0
    }
img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle
    }
svg:not(:root) {
    overflow: hidden
    }
figure {
    margin: 0
    }
form {
    margin: 0
    }
fieldset {
    border: 0;
    margin: 0;
    padding: 0
    }
label {
    cursor: pointer
    }
legend {
    border: 0;
    padding: 0;
    white-space: normal
    }
button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline
    }
button, input {
    line-height: normal
    }
button, input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button
    }
button[disabled], input[disabled] {
    cursor: default
    }
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0
    }
input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
    }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none
    }
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
    }
textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical
    }
input:invalid, textarea:invalid {
    background-color: #f0dddd
    }
table {
    border-collapse: collapse;
    border-spacing: 0
    }
td {
    vertical-align: top
    }
.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: black;
    padding: 0.2em 0
    }
.group:before, .group:after {
    content: "";
    display: table
    }
.group:after {
    clear: both
    }
.group {
    zoom: 1;
    /* For IE 6/7 (trigger hasLayout) */
    }
.left {
    float: left
    }
.right {
    float: right
    }
body {
    background: #fff;
    height: 100%;
    font-family: Arial, Helvetica, "Helvetica Neue", Geneva, sans-serif;
    padding: 0 0 101px 0;
    overflow: scroll
    }
* html body {
    overflow: scroll
    }
* html section {
    height: 100%;
    overflow: auto
    }
header {
    width: 100%;
    height: 95px;
    margin: 0 auto 10px auto;
    background: #fff url(img/bak-header.jpg) repeat-x left top;
    text-align: center
    }
#headerContent {
    width: 960px;
    margin: 0 auto;
    position: relative
    }
#headerContent a.logo {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 310px;
    height: 90px;
    background: url(img/logo-HawthornePublishing.jpg) no-repeat left top
    }
nav {
    position: absolute;
    top: 32px;
    left: 360px;
    width: 335px
    }
/* LEVEL ONE */
nav ul.dropdown {
    position: relative;
    z-index: 100;
    zoom: 1
    }
nav ul.dropdown li {
    float: left;
    zoom: 1;
    margin-right: 21px
    }
nav ul.dropdown li.home {
    width: 56px;
    height: 38px;
    background: url(img/btn-home.gif) no-repeat left top
    }
nav ul.dropdown li.books {
    text-indent: -9999em;
    width: 62px;
    height: 38px;
    background: url(img/btn-books.gif) no-repeat left top
    }
nav ul.dropdown li.aboutus {
    width: 81px;
    height: 38px;
    background: url(img/btn-aboutus.gif) no-repeat left top
    }
nav ul.dropdown li.blog {
    width: 50px;
    height: 38px;
    background: url(img/btn-blog.gif) no-repeat left top
    }
nav ul.dropdown li.books > ul {
    text-indent: 0
    }
/*nav ul.dropdown a:hover		        { color: #314956; }
nav ul.dropdown a:active                { color: #314956; }*/
nav ul.dropdown li a.main {
    height: 38px
    }
nav ul.dropdown li a {
    display: block;
    color: #fff;
    text-decoration: none
    }
nav ul.dropdown li:last-child a {
    margin-right: 0
    }
/* Doesn't work in IE */
nav ul.dropdown li.hover, nav ul.dropdown li:hover, nav ul.dropdown li.active.hover, nav ul.dropdown li.active:hover {
    position: relative;
    background-position: 0 -38px
    }
nav ul.dropdown li.active {
    background-position: 0 -76px
    }
/* LEVEL TWO */
nav ul.dropdown ul {
    width: 153px;
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    border: 1px solid #75a2bb;
    background-color: #fff;
    text-align: left;
    padding: 5px 0;
    z-index: 100
    }
nav ul.dropdown ul li {
    font-weight: normal;
    background-color: #fff;
    color: #314956;
    float: none;
    margin-bottom: 3px
    }
nav ul.dropdown ul li a {
    font-size: 14px;
    color: #314956;
    width: 143px;
    margin-left: 10px;
    display: inline-block
    }
nav ul.dropdown ul li a:hover {
    text-decoration: underline
    }
nav ul.dropdown ul li.hover, nav ul.dropdown ul li:hover {
    color: #314956
    }
/* LEVEL THREE */
nav ul.dropdown ul ul {
    left: 100%;
    top: 0
    }
nav ul.dropdown li:hover > ul {
    visibility: visible
    }
section {
    width: 960px;
    margin: 0 auto;
    z-index: 1
    }
ul.leftnav {
    width: 240px;
    list-style: none;
    margin: 0;
    padding: 0
    }
ul.leftnav li {
    width: 240px;
    margin-bottom: 4px
    }
ul.leftnav a {
    width: 240px;
    height: 29px
    }
ul.leftnav a.hometown {
    background: #fff url(img/btn-hometownindiana.jpg) no-repeat left top
    }
ul.leftnav a.civilwar {
    background: #fff url(img/btn-civilwar.jpg) no-repeat left top
    }
ul.leftnav a.cultural {
    background: #fff url(img/btn-culturalhistory.jpg) no-repeat left top
    }
ul.leftnav a.ebooks {
    background: #fff url(img/btn-ebooks.jpg) no-repeat left top
    }
ul.leftnav a.winds {
    background: #fff url(img/btn-windsofchange.jpg) no-repeat left top
    }
ul.leftnav a:hover {
    background-position: -240px 0
    }
ul.leftnav li img {
    margin-top: 1px
    }
/* SLIDER STYLES */
#slider {
    width: 708px;
    height: 318px;
    margin-bottom: 4px;
    border: 1px solid #c5b788;
    z-index: 1
    }
.infiniteCarousel {
    width: 708px;
    position: relative;
    z-index: 1
    }
.infiniteCarousel .wrapper {
    width: 708px;
    /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
    overflow: auto;
    height: 318px;
    margin: 0;
    position: absolute;
    top: 0;
    z-index: 1
    }
.infiniteCarousel .wrapper ul {
    width: 3540px;
    /* single item * n */
    height: 318px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    z-index: 1
    }
.infiniteCarousel ul li {
    display: block;
    float: left;
    width: 708px;
    height: 318px;
    z-index: 1
    }
.infiniteCarousel ul li img {
    display: block;
    width: 708px;
    height: 318px;
    margin: 0;
    padding: 0;
    z-index: 1
    }
ul.scrollnav {
    display: block;
    text-align: left;
    position: absolute;
    margin: 0;
    padding: 0;
    top: 290px;
    left: 22px;
    z-index: 10;
    overflow: hidden
    }
ul.scrollnav li {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    padding: 0;
    margin-right: 3px;
    overflow: hidden;
    z-index: 10
    }
ul.scrollnav li a.dot {
    float: left;
    overflow: hidden;
    display: block;
    width: 16px;
    height: 16px;
    text-indent: -9999em;
    background: #fff url(img/btn-slides.jpg) no-repeat 0 0;
    z-index: 10
    }
ul.scrollnav li a#slide1 {
    background-position: 0 0
    }
ul.scrollnav li a#slide2 {
    background-position: -19px 0
    }
ul.scrollnav li a#slide3 {
    background-position: -38px 0
    }
ul.scrollnav li a#slide4 {
    background-position: -57px 0
    }
ul.scrollnav li a#slide5 {
    background-position: -76px 0
    }
ul.scrollnav li a#slide1:hover, ul.scrollnav li a#slide1.current {
    background-position: 0 -16px
    }
ul.scrollnav li a#slide2:hover, ul.scrollnav li a#slide2.current {
    background-position: -19px -16px
    }
ul.scrollnav li a#slide3:hover, ul.scrollnav li a#slide3.current {
    background-position: -38px -16px
    }
ul.scrollnav li a#slide4:hover, ul.scrollnav li a#slide4.current {
    background-position: -57px -16px
    }
ul.scrollnav li a#slide5:hover, ul.scrollnav li a#slide5.current {
    background-position: -76px -16px
    }
/* SLIDER STYLES */
#newestbooks {
    width: 660px;
    margin: 20px 0 40px 0;
    background: #fff url(img/bak-shadow.jpg) repeat-x 0 26px
    }
.newbook {
    width: 296px;
    padding: 0 15px 10px 0;
    position: relative;
    margin: 30px 10px 0 0;
    border-bottom: 1px solid #c5b788
    }
.newbook.top {
    margin: 30px 10px 0 0;
    border-bottom: 1px solid #c5b788
    }
.newbook.bottom {
    margin: 15px 10px 0 0
    }
.newbook.tall {
    height: 185px
    }
.newbook img {
    margin-right: 10px
    }
.newbook p.booktitle {
    color: #314956;
    font-style: italic;
    font-size: 14px;
    margin: 0;
    padding: 0 0 10px 0;
    text-decoration: none
    }
.newbook p.booktitle a {
    color: #314956;
    text-decoration: none
    }
.newbook p.booktitle a:hover {
    color: #314956;
    text-decoration: underline
    }
.newbook p.author {
    color: #314956;
    font-size: 14px;
    margin: 0;
    padding: 0 0 10px 0
    }
.newbook p.info {
    color: #314956;
    font-size: 12px;
    margin: 0;
    padding: 0 0 40px 0
    }
.newbook p.info2 {
    color: #314956;
    font-size: 12px;
    margin: 0;
    padding: 0 0 20px 0
    }
.newbook a.arrow {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 20px;
    height: 20px
    }
body.home .newbook a.arrow {
    position: absolute;
    bottom: 19px;
    left: 10px;
    background: #fff url(img/btn-bluearrow.jpg) no-repeat left top
    }
.newbookLarge {
    text-align: center;
    width: 296px;
    height: 362px;
    padding: 0 15px 10px 0;
    position: relative;
    margin: 30px 10px 0 0;
    border-right: 1px solid #c5b788
    }
.newbookLarge .largeholder {
    text-align: left;
    width: 270px;
    height: 360px;
    padding: 0 15px 10px 0;
    position: relative;
    margin: 0 auto;
    border-bottom: 1px solid #c5b788
    }
.newbookLarge img {
    float: left;
    clear: both;
    margin: 0 10px 10px 0
    }
.newbookLarge p.booktitle {
    width: 245px;
    float: left;
    clear: both;
    color: #314956;
    font-style: italic;
    font-size: 14px;
    margin: 0;
    padding: 0 0 6px 0;
    text-decoration: none
    }
.newbookLarge p.booktitle a {
    color: #314956;
    text-decoration: none
    }
.newbookLarge p.booktitle a:hover {
    color: #314956;
    text-decoration: underline
    }
.newbookLarge p.author {
    width: 225px;
    float: left;
    clear: both;
    color: #314956;
    font-size: 14px;
    margin: 0;
    padding: 0 0 6px 0
    }
.newbookLarge p.release {
    width: 225px;
    float: left;
    clear: both;
    color: #314956;
    font-size: 14px;
    margin: 0;
    padding: 0;
    color: #ab0009;
    font-weight: bold
    }
body.home .newbookLarge a.arrow {
    position: absolute;
    width: 20px;
    height: 20px;
    bottom: 120px;
    left: 180px;
    background: #fff url(img/btn-bluearrow.jpg) no-repeat left top
    }
body.home .newbookLarge a.arrow:hover {
    background-position: 0 -20px
    }
.newbook3col {
    text-align: center;
    width: 160px;
    height: auto;
    padding: 0 15px 30px 0;
    position: relative;
    margin: 30px 55px 0 0;
    border-right: none
    }
.newbook3col.lastcol {
    padding-right: 0 !important;
    margin-right: 0 !important
    }
.newbook3col .largeholder {
    text-align: left;
    width: 160px;
    height: auto;
    padding: 0 0 20px 0;
    position: relative;
    margin: 0 auto;
    border-bottom: none
    }
.newbook3col img {
    float: left;
    clear: both;
    margin: 0 0 10px 0
    }
.newbook3col p.booktitle {
    width: 150px;
    clear: both;
    color: #314956;
    font-style: italic;
    font-size: 14px;
    margin: 0;
    padding: 0 0 12px 0;
    text-decoration: none
    }
.newbook3col p.booktitle a {
    color: #314956;
    text-decoration: none
    }
.newbook3col p.booktitle a:hover {
    color: #314956;
    text-decoration: underline
    }
.newbook3col p.author {
    width: 150px;
    clear: both;
    color: #314956;
    font-size: 12px;
    margin: 0;
    padding: 0 0 6px 0
    }
.newbook3col .endorsement {
    width: 140px;
    clear: both;
    color: #314956;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    margin: 0;
    padding: 0 0 6px 0;
    text-decoration: none
    }
.newbook3col .endorsement p {
    margin-bottom: 0;
    padding-bottom: 0
    }
.newbook3col .description {
    width: 160px;
    clear: both;
    color: #314956;
    font-style: normal;
    font-size: 12px;
    margin: 0;
    padding: 0 0 6px 0;
    text-decoration: none
    }
body.home .newbook3col a.arrow {
    position: absolute;
    width: 20px;
    height: 20px;
    bottom: 10px;
    left: 0;
    background: #fff url(img/btn-bluearrow.jpg) no-repeat left top
    }
body.home .newbook3col a.arrow:hover {
    background-position: 0 -20px
    }
#fromourblog {
    width: 300px;
    /*min-height: 380px;*/
    margin: 20px 0 40px 0;
    padding-bottom: 15px;
    background: #e6deb5 url(img/bak-fromourblog.jpg) repeat-x 0 26px
    }
#fromourblog .entry {
    padding: 10px 15px 0 15px
    }
#fromourblog .entry h1 {
    color: #314956;
    text-decoration: underline;
    font: 15px Georgia, "Times New Roman", Times, serif
    }
#fromourblog .entry h1 a {
    color: #314956;
    text-decoration: underline;
    font: 15px Georgia, "Times New Roman", Times, serif
    }
#fromourblog .entry p {
    color: #314956;
    font-size: 14px
    }
#fromourblog .entry p a {
    font-weight: bold;
    color: #ab000a;
    font-size: 11px;
    text-decoration: none
    }
#fromourblog .entry p a:hover {
    outline: none;
    border-bottom: 1px solid #ab000a;
    text-decoration: none
    }
#fromourblog .entry a.moretag {
    font-weight: bold;
    color: #ab000a;
    font-size: 11px;
    text-decoration: none
    }
article {
    width: 730px;
    background: #fff url(img/bak-shadow.jpg) repeat-x 0 26px;
    margin: 20px 0
    }
article h1 {
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    text-align: left;
    font: bold 21px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif
    }
article p {
    color: #314956;
    font-size: 14px;
    margin-top: 30px
    }
article .newbook.top, article .newbook.bottom {
    margin-right: 50px
    }
article .newbook a.arrow {
    position: absolute;
    bottom: 19px;
    left: 110px
    }
body.aboutus article h1 {
    color: #314956
    }
body.aboutus article img.left {
    margin-right: 30px
    }
body.aboutus article h2 {
    color: #314956;
    font: bold 19px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    margin: 0;
    padding: 0
    }
body.hometownindiana article h1.mainTitle {
    color: #ab000a
    }
body.hometownindiana .newbook a.arrow {
    background: #fff url(img/btn-maroonarrow.jpg) no-repeat left top
    }
body.hometownindiana input[type=submit].ordernow {
    background: #fff url(img/btn-ordernow-maroon.jpg) no-repeat left top
    }
body.indianacivilwar article h1.mainTitle {
    color: #f30
    }
body.indianacivilwar .newbook a.arrow {
    background: #fff url(img/btn-redarrow.jpg) no-repeat left top
    }
body.indianacivilwar input[type=submit].ordernow {
    background: #fff url(img/btn-ordernow-red.jpg) no-repeat left top
    }
body.culturalhistory article h1.mainTitle {
    color: #ff9100
    }
body.culturalhistory .newbook a.arrow {
    background: #fff url(img/btn-orangearrow.jpg) no-repeat left top
    }
body.culturalhistory input[type=submit].ordernow {
    background: #fff url(img/btn-ordernow-orange.jpg) no-repeat left top
    }
body.ebooks article h1.mainTitle {
    color: #92a425
    }
body.ebooks .newbook a.arrow {
    background: #fff url(img/btn-greenarrow.jpg) no-repeat left top
    }
body.ebooks input[type=submit].ordernow {
    background: #fff url(img/btn-ordernow-green.jpg) no-repeat left top
    }
body.windsofchange article h1.mainTitle {
    color: #314956
    }
body.windsofchange .newbook a.arrow {
    background: #fff url(img/btn-bluearrow.jpg) no-repeat left top
    }
body.windsofchange input[type=submit].ordernow {
    background: #fff url(img/btn-ordernow-blue.jpg) no-repeat left top
    }
body.windsofchange .newbook.lgbook.left {
    width: 100% !important;
    padding-right: 0 !important;
    margin-right: 0 !important
    }
body.windsofchange .newbook.lgbook.left img {
    width: 200px !important;
    margin-right: 20px
    }
body.windsofchange .newbook.lgbook.left p.booktitle {
    font-size: 22px !important;
    font-weight: bold !important
    }
body.windsofchange .newbook.lgbook.left p.author {
    font-size: 16px !important
    }
body.windsofchange .newbook.lgbook.left p.quote {
    font-size: 14px !important;
    font-style: italic
    }
body.windsofchange .newbook.lgbook.left a.arrow {
    bottom: 10px !important;
    left: 215px !important
    }
aside input[type=submit].ordernow {
    width: 94px;
    height: 39px
    }
aside input[type=submit].ordernow:hover {
    background-position: 0 -39px
    }
#newestbooks .newbook a.arrow:hover, article .newbook a.arrow:hover {
    background-position: 0 -20px
    }
#subleftnav {
    width: 170px;
    margin-top: 20px
    }
#subleftnav ul {
    width: 170px;
    list-style: none;
    margin: 0;
    padding: 0
    }
#subleftnav ul li {
    width: 170px;
    margin-bottom: 4px
    }
#subleftnav ul li a {
    width: 170px;
    height: 29px
    }
#subleftnav ul li a.hometown {
    background: #fff url(img/btn-sub-hometownindiana.jpg) no-repeat left top
    }
#subleftnav ul li a.civilwar {
    background: #fff url(img/btn-sub-civilwar.jpg) no-repeat left top
    }
#subleftnav ul li a.cultural {
    background: #fff url(img/btn-sub-culturalhistory.jpg) no-repeat left top
    }
#subleftnav ul li a.ebooks {
    background: #fff url(img/btn-sub-ebooks.jpg) no-repeat left top
    }
#subleftnav ul li a.winds {
    background: #fff url(img/btn-sub-windsofchange.jpg) no-repeat left top
    }
#subleftnav ul li a:hover, #subleftnav ul li a.active {
    background-position: -170px 0
    }
#subleftnav h3 {
    margin: 20px 0 0 0;
    padding: 0;
    font: 12px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
    color: #314956;
    text-transform: uppercase;
    font-weight: bold
    }
#subleftnav p {
    margin: 0 0 15px 0;
    padding: 0;
    font: 12px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
    color: #464646
    }
#subleftnav .endorsement {
    font-size: 12px;
    color: #464646;
    margin: 15px 0 25px 0
    }
aside {
    width: 198px;
    margin: 30px 0
    }
aside h2.price {
    color: #314956;
    margin: 10px 0 0 0;
    padding: 0;
    text-transform: uppercase;
    text-align: left;
    font: bold 19px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif
    }
aside p.info {
    color: #314956;
    font-size: 14px;
    margin: 15px 0;
    padding: 0
    }
aside p.comment {
    color: #314956;
    font-size: 12px;
    margin: 25px 0;
    padding: 0;
    font-style: italic
    }
article #copy {
    width: 490px;
    margin: 30px 0
    }
article #copy p {
    margin: 0;
    color: #464646;
    font-size: 14px;
    padding: 0 25px 12px 15px
    }
article #copy ul {
    color: #464646;
    font-size: 14px
    }
article #copy p a {
    color: #464646;
    text-decoration: none
    }
article #copy p a:hover {
    color: #464646;
    text-decoration: underline
    }
article #copy #header {
    width: 460px;
    min-height: 73px;
    background: #ece7c4 url(img/bak-booktitle.jpg) no-repeat left top;
    padding: 15px 10px 5px 20px;
    margin: 0 0 20px 0
    }
article #copy #header h3.bookTitle {
    padding: 0;
    margin: 0 0 10px 0;
    color: #314956;
    font: bold 15px Georgia, "Times New Roman", Times, serif
    }
article #copy #header p.author {
    color: #314956;
    font-size: 14px;
    margin: 0;
    padding: 0
    }
#blogleftnav {
    width: 179px;
    margin-top: 20px
    }
#blogleftnav img.title {
    margin-bottom: 20px
    }
#blogleftnav select {
    font-size: 12px;
    width: 140px;
    margin: 0 0 20px 15px
    }
#blog {
    width: 760px;
    margin: 20px 0
    }
#welcome {
    width: 720px;
    margin: 20px 0;
    padding: 20px;
    background-color: #efe9d0
    }
#welcome h1 {
    font: 18px Arial, Helvetica, "Helvetica Neue", Geneva, sans-serif;
    font-weight: bold;
    color: #314956;
    margin: 0 0 3px 0;
    padding: 0;
    text-transform: uppercase
    }
#welcome p {
    font: 11px Arial, Helvetica, "Helvetica Neue", Geneva, sans-serif;
    color: #464646;
    line-height: 14px
    }
.post {
    position: relative;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #c5b788
    }
body.archive .post {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: none
    }
.post .entry-date {
    font: 11px Arial, Helvetica, "Helvetica Neue", Geneva, sans-serif;
    color: #314956
    }
.post h2, .post h2 a {
    font: 18px Georgia, "Times New Roman", Times, serif;
    color: #314956;
    text-decoration: none
    }
.post p, .post ol {
    font: 14px Arial, Helvetica, "Helvetica Neue", Geneva, sans-serif;
    color: #464646;
    line-height: 18px
    }
.post p a {
    color: #314956
    }
.post p a.more-link {
    font-weight: bold;
    color: #ab000a;
    font-size: 11px;
    text-decoration: none
    }
.post p a.more-link:hover {
    outline: none;
    border-bottom: 1px solid #ab000a;
    text-decoration: none
    }
.post ol, .post ol li {
    list-style-type: decimal !important
    }
.post ol li {
    margin-bottom: 7px
    }
.sharethisicons {
    position: absolute;
    top: 35px;
    right: 5px
    }
.alignright, img.alignright {
    float: right;
    margin: 1em 0 0 1em
    }
.alignleft, img.alignleft {
    float: left;
    margin: 1em 1em 0 0
    }
.entry-utility {
    font-size: 12px;
    padding-bottom: 10px;
    margin-bottom: 25px
    }
body.archive .entry-utility {
    border-bottom: 1px solid #c5b788
    }
.entry-utility a {
    color: #464646;
    text-decoration: none
    }
.entry-utility a:hover {
    color: #464646;
    text-decoration: underline
    }
.entry-meta a, .entry-meta span {
    font-size: 12px;
    color: #464646;
    text-decoration: none
    }
.entry-meta a:hover {
    color: #464646;
    text-decoration: underline
    }
#postlinks {
    margin: 20px 0
    }
#postlinks a {
    font-weight: bold;
    color: #ab000a;
    font-size: 11px;
    text-decoration: none
    }
#postlinks a:hover {
    outline: none;
    border-bottom: 1px solid #ab000a;
    text-decoration: none
    }
#postlinks a[rel="prev"], .nav-previous {
    float: left
    }
#postlinks a[rel="next"], .nav-next {
    float: right
    }
#respond {
    font-size: 12px;
    padding-bottom: 10px;
    margin-bottom: 25px;
    border-bottom: 1px solid #c5b788
    }
#respond p.form-allowed-tags {
    font-size: 10px
    }
#comments ol, ol li {
    list-style: none
    }
ol li article {
    font-size: 12px;
    background: none
    }
h3#comments-title {
    font-size: 14px
    }
#comments .comment-body p {
    color: #464646
    }
footer {
    width: 100%;
    height: 101px;
    margin: 20px auto 0 auto;
    background: #fff url(img/bak-footer.jpg) repeat-x left top;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 100
    }
body > footer {
    position: fixed
    }
#footerContent {
    position: relative;
    width: 960px;
    margin: 0 auto;
    font-size: 12px;
    color: #fff
    }
p.copyright {
    position: absolute;
    top: 20px;
    left: 5px;
    text-align: left
    }
p.contact {
    position: absolute;
    top: 20px;
    right: 10px;
    text-align: left
    }
p.contact a, p.contact a.visited {
    color: #fff;
    text-decoration: none;
    border: none;
    outline: none
    }
p.contact a:hover, p.contact a.visited:hover {
    color: #fff;
    text-decoration: underline
    }
.ir {
    display: block;
    border: 0;
    text-indent: -999em;
    overflow: hidden;
    background-color: transparent;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr
    }
.ir br {
    display: none
    }
.hidden {
    display: none !important;
    visibility: hidden
    }
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
    }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
    }
.invisible {
    visibility: hidden
    }
.clearfix:before, .clearfix:after {
    content: "";
    display: table
    }
.clearfix:after {
    clear: both
    }
@media print {
    * {
        background: transparent !important;
        color: black !important;
        box-shadow: none !important;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important
        }
    a, a:visited {
        text-decoration: underline
        }
    a[href]:after {
        content: " (" attr(href) ")"
        }
    abbr[title]:after {
        content: " (" attr(title) ")"
        }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
        content: ""
        }
    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
        }
    thead {
        display: table-header-group
        }
    tr, img {
        page-break-inside: avoid
        }
    img {
        max-width: 100% !important
        }
    @page {
        margin: 0.5cm
        }
    p, h2, h3 {
        orphans: 3;
        widows: 3
        }
    h2, h3 {
        page-break-after: avoid
        }
    }