/*
Theme Name: Doxie News
Theme URI: http://mattifesto.com/
Description: A theme for http://doxienews.com
Author: Matt Calkins
Author URI: http://mattifesto.com
Template: Base
Version: 7.0.10
*/

/* --- Colors -----------------------------------------------------

accentBackgroundColor   transparent
accentBorderColor       #4d596d
accentTextColor         #57370a
anchorColor             #4d59bb
buttonTextColor         #fff9f3
headingAnchorColor      #626d4d
htmlBackgroundColor     #343467         purple from image
htmlTextColor           #222222
infoTextColor           #888888

*/

/* --- Fonts ------------------------------------------------------

monospaceFont           "Courier New", monospace
serifFont               Palatino, "Palatino Linotype", serif
sansSerifFont           "Helvetica Neue", Helvetica, Arial, sans-serif

*/

/* --- Elements --------------------------------------------------- */

html
{
    background-color: #343467; /* name: htmlBackgroundColor */
    background-image: url('images/ArgyleBackground.png');
    background-position: center top;
    color: #222222; /* name: htmlTextColor */
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; /* name: sansSerifFont */
    font-size: 14px;
}

a
{
    color: #4d59bb; /* name: anchorColor */
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

h1,
h2,
h3,
h4,
h5,
h6
{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; /* name: sansSerifFont */
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a
{
    color: #626d4d; /* name: headingAnchorColor */
}

button
{
    background-color: #4d596d; /* name: accentBorderColor */
    border: 1px solid #4d596d; /* name: accentBorderColor */
    color: #fff9f3; /* name: buttonTextColor */
    font-size: 12px;
    padding: 4px 8px;
}

button:hover
{
    background-color: #4d59bb; /* name: anchorColor */
    border-color: #4d59bb; /* name: anchorColor */
}

code,
pre
{
    font-family: "Courier New", monospace; /* name: monospaceFont */
    font-weight: bold;
}

input[type=text],
textarea
{
    border: 1px solid #4d596d; /* name: accentBorderColor */
    font-size: 14px;
    padding: 4px;
}

input[type=text]:focus,
textarea:focus
{
    background-color: #ffffee;
    outline: 0px; /* hide browser form element highlight */
}

/* --- div.MDArticleMeta ------------------------------------------ */

div.MDArticleMeta
{
    color: #888888; /* name: infoTextColor */
    font-size: 12px;
    margin: 3px 0px 10px;
}

div.MDArticleMeta > div
{
    display: inline;
}

div.MDArticleAddress:after,
div.MDArticleCommentsLink:before,
div.MDArticleEdit:before
{
    content: '  \2014  ';
}

/* --- div.MDCollection ------------------------------------------- */

div.MDCollection
{
    overflow: hidden; /* may contain floated elements */
    width: 770px;
    /*
    770px fits two, three, or four columns with 10px gutter
    185 + 10 + 185 + 10 + 185 + 10 + 185
    250 + 10 + 250 + 10 + 250
    380 + 10 + 380
    */
    margin: 0px auto; /* Because this object is so often used to center its contents, it makes sense to make centering the default; */
}

/* --- div.MDFigureContainer -------------------------------------- */

div.MDFigureContainer *.MDFigure
{
    border: 3px solid #4d596d; /* name: accentBorderColor */
}

div.MDFigureCaption
{
    color: #57370a; /* name: accentTextColor */
    font-size: 12px;
    font-style: italic;
    line-height: 1.4;
    margin: 3px auto 0px;
}

/* --- div.MDLinkContainer ---------------------------------------- */

div.MDLinkContainer
{
    width: 280px;
    height: 80px;
    background-image: url('images/MessageBackground.png');
    clear: both;
    color: #57370a;
    font-size: 16px;
    margin: 20px auto 0px;
    padding: 20px;
}

div.MDLinkContainer > div.MDBody > a
{
    text-decoration: none;
}

div.MDLinkContainer  > div.MDBody > a:hover
{
    text-decoration: underline;
}

div.MDLinkContainer > div.MDHeader
{
    font-size: 14px;
    font-style: italic;
    margin: 0px 0px 15px;
}

div.MDLinkContainer > div.MDHeader:before
{
    content: 'link';
}

/* --- div.MDList ------------------------------------------------- */

div.MDList + div.MDList
{
    margin-left: 10px;
}

div.MDList h6
{
    margin-bottom: 8px;
}

div.MDList ul
{
    list-style-type: none;
    padding: 0px;
}

div.MDList li
{
    margin-bottom: 8px;
}

/* --- div.MDMessage ---------------------------------------------- */

div.MDMessage
{
    width: 280px;
    height: 80px;
    background-image: url('images/MessageBackground.png');
    color: #57370a;
    margin: 0px auto 20px;
    padding: 20px;
    text-align: center;
}

div.MDMessage > div.MDHeader
{
    margin: 0px 0px 15px;
}

/* --- div.MDReadingContent --------------------------------------- */

div.MDReadingContent
{
    font-family: Palatino, "Palatino Linotype", serif; /* name: serifFont */
}

div.WPPostSummary div.MDReadingContent
{
    font-size: 16px;
}

/* --- div.MDPageNavigation --------------------------------------- */

div.MDPageNavigation
{
    text-align: center;
}

div.MDPageNavigation > * + *
{
    margin-left: 15px;
}

div.MDPageNavigation > span > span
{
    font-weight: bold;
}

/* --- *.MDTitlePhrase -------------------------------------------- */

*.MDTitlePhrase > span.MDPreTitle,
*.MDTitlePhrase > span.MDPostTitle
{
    display: block;
    font-family: Palatino, "Palatino Linotype", serif; /* name: serifFont */
    font-size: 12px;
    font-style: italic;
    font-weight: normal;
}

/* --- div.MDSearchForm ------------------------------------------- */

div.MDSearchForm button,
div.MDSearchForm label > span
{
    display: none;
}

div.MDSearchForm input[type=text]
{
    width: 300px;
}

div.MDSearchForm input[type=text].MDEmpty
{
    color: #888888; /* name: infoTextColor */
    text-align: center;
}

/* --- #page ------------------------------------------------------ */

#page
{
    width: 970px;
    margin: 0px auto;
}

/* --- #pageHeader ------------------------------------------------ */

#pageHeader
{
    position: relative;
    height: 220px;
    color: #fff9f3;
    font-weight: bold;
}

#pageHeader > div.Header
{
    height: 10px;
    width: 970px;
    background-image: url('images/HeaderHeader.png');
}

#pageHeader > div.Content
{
    height: 200px;
    background-image: url('images/HeaderBody.jpg');
    background-repeat: no-repeat;
    background-position: 10px 0px;
}

#pageHeader > div.Content > div.Left
{
    height: 200px;
    width: 10px;
    position: absolute;
    top: 10px;
    left: 0px;
    background-image: url('images/HeaderLeft.png');
}

#pageHeader > div.Content > div.Right
{
    height: 200px;
    width: 10px;
    position: absolute;
    top: 10px;
    right: 0px;
    background-image: url('images/HeaderRight.png');
}

#pageHeader > div.Footer
{
    height: 10px;
    width: 970px;
    background-image: url('images/HeaderFooter.png');
}

#pageHeader a
{
    color: #fff9f3;
    text-transform: lowercase;
}

#pageHeader h1 a
{
    position: absolute;
    top: 60px;
    left: 50px;
    height: 120px;
    width: 950px;
}

#pageHeader span.MDSiteName,
#pageHeader div.MDSiteDescription
{
    display: none;
}

#pageHeader ul.MDMenuList
{
    padding: 0px;
}

#pageHeader ul.MDMenuList > li
{
    display: inline;
}

#pageHeader ul.MDMenuList > li + li
{
    margin-left: 20px;
}

#pageHeader ul.MDMenuList.DNCategories
{
    position: absolute;
    bottom: 15px;
    left: 50px;
    width:900px;
    text-align: center;
}

/* --- #pageContent ----------------------------------------------- */

#pageContent > div.Content
{
    position: relative; /* So that left and right content background images will be placed correctly and to anchor absolutely positioned content. */
}

#pageContent > div.Content > div.SRAdvertisement
{
    width: 728px;
    height: 90px;
    background-image: url('images/LeaderboardBackground.png');
    margin: 0px auto;
    padding: 15px; /* 10px shadow, 5px inset */
}

/* --- div.WPPostSummary ------------------------------------------ */

div.WPPostSummary
{
    width: 280px; /* 280 + 30 + 280 + 30 + 280 = 900 */
    float: left;
    margin: 0px 0px 20px 30px;
}

div.WPPostSummary.NewRow
{
    clear: both;
    margin-left: 0px;
}

div.WPPostSummary h3
{
    line-height: 1.1;
}

div.WPPostSummary div.MDArticleAddress
{
    display: none;
}

div.WPPostSummary *.Thumbnail
{
    float: left;
    margin: 4px 10px 5px 0px;
}

div.WPPostSummary > div.Content
{
    line-height: 1.5;
    margin-top: 5px;
}

/* --- #comments -------------------------------------------------- */

#comments > div.Content > div.MDCollection
{
    width: 840px; /* 420 + 420 */
}

/* --- div.WPComment ---------------------------------------------- */

div.WPComment
{
    width: 420px;
    float: left;
}

div.WPComment.NewRow
{
    clear: both;
}

div.WPComment > div.Header
{
    overflow: hidden; /* comment number is floated */
    background-image: url('images/CommentBackgroundHeader.png');
    color: #57370a;
    padding: 30px 35px 5px;}

div.WPComment > div.Header div.MDCommentNumber
{
    float: right;
    color: #888888; /* name: infoTextColor */
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; /* name: sansSerifFont */
    font-size: 140%;
    font-weight: bold;
}

div.WPComment > div.Header div.MDArticleAddress,
div.WPComment > div.Header div.MDArticleTime
{
    color: #888888; /* name: infoTextColor */
}

div.WPComment > div.Content
{
    overflow: hidden; /* The theme is not in control of the content that will be inside this section. */

    background-image: url('images/CommentBackgroundBody.png');
    padding: 5px 45px;
}

div.WPComment > div.Footer
{
    position: relative; /* For positioning the edit link */
    min-height: 35px;
    background-image: url('images/CommentBackgroundFooter.png');
    background-position: left bottom;
    padding: 5px 35px 30px; /* 5 + 35 + (30 - 10) = 60 (clear inner shadow which is 60) */
}

div.WPComment > div.Footer > a
{
    position: absolute;
    right: 50px;
    bottom: 40px;
}

/* --- #commentForm ----------------------------------------------- */

#commentForm
{
    width: 420px;
    margin: 0px auto;
}

#commentForm > div.Header
{
    background-image: url('images/CommentBackgroundHeader.png');
    padding: 30px 35px 5px;
    text-align: center;
}

#commentForm > div.Content
{
    background-image: url('images/CommentBackgroundBody.png');
    padding: 5px 35px;
}

#commentForm > div.Footer
{
    min-height: 35px;
    background-image: url('images/CommentBackgroundFooter.png');
    background-position: left bottom;
    padding: 5px 35px 30px; /* 5 + 35 + (30 - 10) = 60 (clear inner shadow which is 60) */
    text-align: right;
}

#commentForm > div.Header h6 + div
{
    margin-top: 10px;
}

#commentForm > div.Content > div + div
{
    margin-top: 10px;
}

#commentForm label
{
    display: block;
    font-size: 80%;
    font-style: italic;
    margin-bottom: 2px;
}

#commentForm input[type=text]
{
    width: 100%;
}

#commentForm textarea
{
    width: 100%;
    height: 200px;
}

/* --- #pageFooter ------------------------------------------------ */

#pageFooter
{
    position: relative; /* contains absolutely positioned children */
    color: #fff9f3;
}

#pageFooter > div.Header
{
    overflow: hidden; /* ensure background image coverage */
    height: 60px;
    background-image: url('images/PageFooterHeader.png');
}

#pageFooter > div.Content
{
    overflow: hidden; /* ensure background image coverage */
    background-image: url('images/PageFooterBody.png');
}

#pageFooter > div.Footer
{
    overflow: hidden; /* ensure background image coverage */
    height: 60px;
    background-image: url('images/PageFooterFooter.png');
    background-position: left bottom;
}

#pageFooter div.MDSearchForm
{
    position: absolute;
    width: 100%;
    left: 0px;
    top: 20px;
    margin: 0px 0px 10px;
    text-align: center;
}

#pageFooter div.BTFooterMenu
{
    width: 185px;
    float: left;
}

#pageFooter div.MDCopyright
{
    position: absolute;
    left: 0px;
    bottom: 20px;
    width: 100%;
    font-size: 12px;
    text-align: center;
}

/* --- div.FormattedContent --------------------------------------- */

div.FormattedContent
{
    font-size: 18px;
}

div.FormattedContent h1
{
    font-size: 28px;
}

div.FormattedContent h2
{
    font-size: 26px;
}

div.FormattedContent h3
{
    font-size: 24px;
}

div.FormattedContent h4
{
    font-size: 22px;
}

div.FormattedContent h5
{
    font-size: 20px;
}

div.FormattedContent h6
{
    font-size: 18px;
}

div.FormattedContent h1,
div.FormattedContent h2,
div.FormattedContent h3,
div.FormattedContent h4,
div.FormattedContent h5,
div.FormattedContent h6,
div.FormattedContent p
{
    margin-bottom: 10px;
}

div.FormattedContent p + h1,
div.FormattedContent p + h2,
div.FormattedContent p + h3,
div.FormattedContent p + h4,
div.FormattedContent p + h5,
div.FormattedContent p + h6
{
    margin-top: 20px;
}

div.FormattedContent blockquote,
div.FormattedContent dd,
div.FormattedContent li,
div.FormattedContent p,
div.FormattedContent pre,
div.FormattedContent td,
div.FormattedContent th
{
    line-height: 1.6;
}

/* these blocks should never be the first block of content, therefore it's okay to give them a top margin at all times */

div.FormattedContent blockquote,
div.FormattedContent dl,
div.FormattedContent ol,
div.FormattedContent pre,
div.FormattedContent table,
div.FormattedContent ul
{
    margin: 20px 40px;
}

div.FormattedContent *:last-child
{
    margin-bottom: 0px;
}

div.FormattedContent a
{
    text-decoration: underline;
}

div.FormattedContent blockquote
{
    color: #57370a; /* name: accentTextColor */
    font-size: 14px;
    font-style: italic;
}

div.FormattedContent code
{
    color: #57370a; /* name: accentTextColor */
    font-size: 14px;
    font-weight: bold;
}

div.FormattedContent dd
{
    font-size: 16px;
}

div.FormattedContent dt
{
    color: #57370a; /* name: accentTextColor */
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; /* name: sansSerifFont */
    font-weight: bold;
}

div.FormattedContent dt a
{
    text-decoration: none;
}

div.FormattedContent dt a:hover
{
    text-decoration: underline;
}

div.FormattedContent dd + dd
{
    margin-top: 10px;
}

div.FormattedContent dd + dt
{
    margin-top: 5px;
}

div.FormattedContent hr
{
    height: 25px;
    background-image: url('images/hr.png');
    background-repeat: no-repeat;
    background-position: center center;
    border-width: 0px;
    margin: 20px 40px;
}

div.FormattedContent pre
{
    color: #57370a; /* name: accentTextColor */
    font-size: 14px;
}

div.FormattedContent table
{
    border-collapse: collapse;
    font-size: 14px;
    margin: 20px auto;
}

div.FormattedContent table > tbody > tr > *
{
    border-top: 1px solid #4d596d; /* name: accentBorderColor */
}

div.FormattedContent th
{
    background-color: transparent; /* name: accentBackgroundColor */
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; /* name: sansSerifFont */
}

div.FormattedContent tr
{
    vertical-align: baseline;
}

div.FormattedContent tr > *
{
    padding: 5px 15px 3px;
}

div.FormattedContent thead > tr:last-child > *
{
    border-bottom: 1px solid #4d596d; /* name: accentBorderColor */
    padding-bottom: 0px;
}

div.FormattedContent tfoot > tr:first-child > *
{
    border-top: 1px solid #4d596d; /* name: accentBorderColor */
}

/* --- #document -------------------------------------------------- */

#document
{
    position: relative; /* Absolutely positioned items inside the document should be positioned relative to the document. */
    width: 700px;
    margin: 0px auto;
}

#document > div.Header
{
    background-image: url('images/DocumentBackgroundHeader.png');
    color: #57370a;
    padding: 35px 50px 15px;
}

#document > div.Content
{
    overflow: hidden; /* The theme is not in control of the content that will be inside this section. */
    background-image: url('images/DocumentBackgroundBody.png');
    padding: 10px 50px;
}

#document > div.Footer
{
    background-image: url('images/DocumentBackgroundFooter.png');
    background-position: left bottom;
    padding: 40px 50px 40px;
}

/* --- #document.WPArchivesPage ----------------------------------- */

#document.WPArchivesPage ul
{
    overflow: hidden; /* list items are floated */
    list-style-type: none;
    margin-left: 0px;
    margin-right: 0px;
    padding: 0px;
}

#document.WPArchivesPage li
{
    width: 185px;
    float: left;
    line-height: 1.0;
    margin: 0px 0px 10px 10px;
}

#document.WPArchivesPage li.MDNewRow
{
    clear: both;
    margin-left: 0px;
}

#document.WPArchivesPage li a
{
    text-decoration: none;
}

#document.WPArchivesPage li a:hover
{
    text-decoration: underline;
}

#document.WPArchivesPage li span
{
    display: block;
    color: #888888; /* name: infoTextColor */
    font-size: 10px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; /* name: sansSerifFont */
    font-weight: bold;
    margin-top: 1px;
    text-transform: uppercase;
}

/* --- #document.WPBasicPost -------------------------------------- */

#document.WPBasicPost > div.Footer div.MDCollection
{
    width: auto;
    border-top: 1px solid #4d596d; /* name: accentBorderColor */
    margin: 0px auto;
    padding: 5px 0px;
}

#document.WPBasicPost > div.Footer div.MDList.Categories
{
    width: 150px; /* 150 + 10 + 440 = 600 */
    float: left;
}

#document.WPBasicPost > div.Footer div.MDList.Tags
{
    width: 440px; /* 150 + 10 + 440 = 600 */
    float: left;
}

#document.WPBasicPost > div.Footer div.MDList h6
{
    color: #57370a;
}

/* --- #document.MDWideDocument ----------------------------------- */

#document.MDWideDocument
{
    width: 970px;
}

#document.MDWideDocument > div.Header
{
    height: 45px;
    background-image: url('images/WideDocumentBackgroundHeader.png');
    padding: 30px 35px 15px; /* 30 + 45 + 15 = 90 (image height) */
    text-align: center;
}

#document.MDWideDocument > div.Content
{
    background-image: url('images/WideDocumentBackgroundBody.png');
    padding: 20px 35px; /* The left and right padding of 35px ensures the content will be at least 25px away from the left and right edges. */
}

#document.MDWideDocument > div.Footer
{
    height: 30px;
    background-image: url('images/WideDocumentBackgroundFooter.png');
    padding: 20px 35px; /* 20 + 30 + 20 = 70 (image height) */
}

/* --- #document.WPPostSummaryList -------------------------------- */

#document.WPPostSummaryList > div.Content > div.MDCollection
{
    width: 900px;
}

/* --- #document.WPSearch ----------------------------------------- */

#document.WPSearch div.MDSearchForm
{
    margin: 0px 0px 10px;
    text-align: center;
}