/* reset */
/* based on http://html5doctor.com/html-5-reset-stylesheet/ */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video
{ background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
ul, ul li
{ list-style: none; }
ol, ol li
{ list-style: decimal inside; }
blockquote, q
{ quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after
{ content: ''; }
/* html5 blocks */
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary
{ display: block; }
/* body */
body
{ background: #fff; color: #222; font: 12px/1.0 "Lucida Sans Unicode", "Lucida Grande", Helvetica, Arial, sans-serif; padding: 18px 0; text-align: center; }
/* global styles */
abbr[title],
dfn[title]
{ border-bottom: 1px dotted #888; cursor: help; }
b,
em,
strong
{ font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Helvetica, Arial, sans-serif; font-weight: bold; }
cite
{ color: #800; font-style: normal; }
code
{ font-family: "Courier New", Courier, mono; font-size: 14px; }
del
{ text-decoration: line-through; }
em
{ color: #888; font-style: normal; }
hr
{ border: 0; border-top: 1px solid #bbb; clear: both; display: block; margin: 10px 0; padding: 0; }
i
{ font-style: italic; font-weight: normal; }
img
{ vertical-align: middle; }
ins
{ color: #800; text-decoration: none; }
mark
{ background: #ffc; color: #222; }
small
{ color: #888; font-size: 10px; }
table
{ border-collapse: collapse; border-spacing: 0; }
th
{ font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Helvetica, Arial, sans-serif; font-weight: bold; }
:focus
{ outline-color: #888; }
/* global links */
a
{ font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Helvetica, Arial, sans-serif; font-weight: bold; text-decoration: none; }
a:link
{ color: #e00; }
a:visited
{ color: #800; }
a:hover,
a:focus,
a:active
{ border-bottom: 1px solid #bbb; }
a:active
{ position: relative; top: 1px; }
/* global formelements */
input,
select
{ vertical-align: middle; }
input,
select,
textarea
{ margin: 0; padding: 4px 8px; font-size: 12px; }
input[type="password"],
input[type="email"],
input[type="text"],
input[type="url"]
{ background: #fff; border: 1px solid #fff; border-bottom: 1px solid #888; color: #888; }
select,
textarea
{ background: #fff; border: 1px solid #888; color: #888; }
input:focus,
select:focus,
textarea:focus
{ border-color: #222; color: #222; }
input[type="submit"]
{ background: #e3e3e3; border-radius: 18px; margin: 9px 0; }
input[type="submit"]:active
{ position: relative; top: 1px; }
/* icons sprite */
/* posts */
article .post_author,
article .post_category,
article .post_comments,
article .post_date,
article .post_modified,
article .post_share a,
article .post_tweet a,
article .post_plus a,
/* comments */
article .comment_author,
article .comment_date,
article .comment_url a,
/* sidebar */
#sidebar_ad h2,
#sidebar_categories h2,
#sidebar_feeds h2,
#sidebar_flickr h2,
#sidebar_related h2,
#sidebar_search h2,
#sidebar_spreadshirt h2,
#sidebar_twitter h2,
.linkcat h2,
.pagenav h2,
#linkcat-2 h2,
/* navigation */
nav .page_back,
nav .page_forward,
nav .post_back,
nav .post_forward,
/* paged navigation */
#navigation_paged a,
#navigation_paged a:hover,
#navigation_paged a:focus,
#navigation_paged a:active,
#navigation_paged a.active_page,
#navigation_paged a.active_page:hover,
#navigation_paged a.active_page:focus,
#navigation_paged a.active_page:active,
/* footer */
footer .footer_copy,
footer .footer_css,
footer .footer_engine,
footer .footer_html
{ background: url(../images/icons.gif) no-repeat; }
/* access nav */
.access
{ clear: both; margin: 0 auto 6px; width: 782px; }
.access a
{ color: #fff; }
.access a:hover
{ border-bottom: 1px solid #fff; }
.access a:focus
{ color: #222; }
/* centering container */
#container
{ line-height: 1.5; margin: 0 auto; text-align: left; width: 782px; }
#container.error
{ width: 564px; }
/* top header */
#top
{ height: 114px; width: 782px; }
#top h1 a
{ background: url(../images/header.gif) no-repeat; border-bottom: none; display: block; font-size: 1px; height: 80px; line-height: 1.0; overflow: hidden; text-indent: -9999px; }
/* content */
#content
{ float: left; width: 546px; }
#content blockquote
{ background: url(../images/backgrounds/quote.gif) no-repeat 0 0; min-height: 36px; padding-left: 18px; }
#content p,
#content ol,
#content ul
{ margin-bottom: 18px; }
#content ol ol,
#content ol ul,
#content ul ol,
#content ul ul
{ margin-bottom: 0; }
#content ul li
{ background: url(../images/backgrounds/dot.gif) no-repeat 1px 6px; padding-left: 12px; }
#content :target
{ background: #ffc; }
/* content headings */
#content h1,
#content h2,
#content h2 a
{ font-size: 24px; font-weight: normal; }
/* content article headings */
#content h2
{ color: #800; }
#content h2 a
{ border-bottom: 1px solid #fff; display: block; font-weight: normal; }
#content h2 a:hover,
#content h2 a:focus,
#content h2 a:active
{ border-bottom: 1px solid #bbb; }
#content h3,
#content h4,
#content h5,
#content h6
{ font-weight: normal; }
#content h3
{ font-size: 21px; margin: 18px 0; }
#content h4
{ font-size: 18px; margin-top: 18px; }
#content h5
{ font-size: 15px; margin-top: 18px; }
#content h6
{ font-size: 12px; margin-top: 18px; }
/* content section header */
#content section > header
{ background: #dea; border-radius: 18px; margin-bottom: 32px; padding: 18px 18px 1px; }
#content section.error > header
{ background: #fba; }
#content section > header h1,
#content section > header em
{ color: #342; }
#content section.error > header h1,
#content section.error > header em
{ color: #422; }
#content section > header h1:first-letter
{ text-transform: uppercase; }
/* content ad */
#content .ad
{ background: #e3e3e3; border-radius: 18px; margin-bottom: 32px; padding: 18px; }
#content .ad h2
{ color: #222; font-size: 10px; margin: 0; text-align: right; }
/* content article */
#content article
{ margin: 0 18px 36px; }
/* content article header */
#content article header
{ margin-bottom: 18px; }
/* content article footer */
#content article footer
{ clear: both; color: #fff; line-height: 24px; margin: 14px 0; }
#content article footer address,
#content article footer span,
#content article footer time
{ color: #222; display: inline-block; height: 24px; margin: 4px 0; padding-left: 28px; }
#content article footer span span
{ height: 24px; margin: 0; padding-left: 0; }
article .post_author,
article .comment_author
{ background-position: 0 -120px; }
article .post_category
{ background-position: 0 -168px; }
article .post_comments
{ background-position: 0 -144px; }
article .post_date,
article .comment_date
{ background-position: 0 -96px; }
article .post_modified
{ background-position: 0 -192px; }
#content article footer .post_tweet,
#content article footer .post_share,
#content article footer .post_plus,
#content article footer .comment_url
{ background: none; padding-left: 0; }
#content article footer .post_share a,
#content article footer .post_tweet a,
#content article footer .post_plus a,
#content article footer .comment_url a
{ border: 0; display: block; float: left; font-size: 1px; height: 24px; overflow: hidden; margin-top: 12px; padding-left: 0; text-indent: -9999px; width: 24px; }
#content article footer .post_share a
{ background-position: 0 -696px; }
#content article footer .post_tweet a
{ background-position: 0 -720px; }
#content article footer .post_plus a
{ background-position: 0 -744px; }
#content article footer .comment_url a
{ background-position: 0 -216px; }
#content article footer .comment_url a:hover,
#content article footer .comment_url a:focus,
#content article footer .comment_url a:active
{ background-position: 0 -240px; }
/* content classes */
.comic
{ display: block; margin: 0 auto; text-align: center; }
.footnote
{ clear: both; color: #888; font-size: 10px; }
.inline
{ float: left; margin: 0 18px 18px 0; }
.outofline
{ float: right; margin: 0 0 18px 18px; }
.translation
{ color: #888; }
/* content smilies table */
.smilies-table
{ margin: 4px 0 26px -2px; width: 337px; }
.smilies-table th
{ background: #bbb; }
.smilies-table td
{ background: #e3e3e3; width: 33%; }
.smilies-table th,
.smilies-table td
{ border: 2px solid #fff; padding: 4px 0; text-align: center; }
/* content thumbails */
#content #thumbnails_box
{ margin-left: -18px; }
#content #thumbnails_box img
{ border: 2px solid #000; cursor: help; margin: 0 0 18px 18px; }
/* content wp classes */
.wp-caption p.wp-caption-text
{ color: #888; font-size: 10px; margin: 4px 0 18px; }
/* content comments */
#content #comments,
#content #respond
{ color: #222; margin-top: 48px; }
#commentslist,
#commentslist li
{ color: #222; list-style: none; padding-left: 0; }
#commentslist li:target
{ background: #fff; }
#commentslist article
{ margin: 0 0 36px; }
#commentslist .comment_content
{ background: #e3e3e3; border-radius: 18px; margin: 0 -18px 18px -18px; padding: 18px 18px 1px; }
#commentslist .author .comment_content,
#commentslist .trackback .comment_content
{ background: #fff; }
#commentslist .comment_content blockquote
{ background-image: url(../images/backgrounds/quote-comment.gif); }
#commentslist .author .comment_content blockquote
{ background-image: url(../images/backgrounds/quote.gif); }
/* content comments form */
#commentform #author,
#commentform #email,
#commentform #url
{ width: 500px; }
#commentform label
{ color: #222; display: block; margin-top: 4px; }
#commentform textarea
{ width: 500px; }
/* sidebar */
#sidebar
{ float: left; margin-left: 17px; width: 219px; }
#sidebar li
{ padding-bottom: 24px; }
#sidebar li li
{ padding-bottom: 0; }
#sidebar h2
{ font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Helvetica, Arial, sans-serif; font-weight: bold; line-height: 24px; margin: 9px 0 9px 0; padding: 0 18px 0 29px; }
#sidebar_ad h2
{ background-position: 0 -432px; }
#sidebar_categories h2
{ background-position: 0 -336px; }
#sidebar_feeds h2
{ background-position: 0 -288px; }
#sidebar_flickr h2
{ background-position: 0 -384px; }
#sidebar_related h2
{ background-position: 0 -360px; }
#sidebar_search h2
{ background-position: 0 -264px; }
#sidebar_spreadshirt h2
{ background-position: 0 -408px; }
#sidebar_twitter h2
{ background-position: 0 -312px; }
.linkcat h2,
.pagenav h2
{ background-position: 0 -480px; }
#linkcat-2 h2
{ background-position: 0 -456px; }
/* sidebar searchform */
#sidebar li #searchform
{ padding-left: 29px; }
#sidebar li #searchform input#s
{ width: 156px; }
#sidebar li #searchform input#searchsubmit
{ margin: 9px 0; width: 172px; }
/* sidebar links */
#sidebar li li
{ display: inline; }
#sidebar li li a,
#sidebar li p a
{ border-bottom: 1px solid #fff; display: block; margin: 0 18px 0 29px; }
#sidebar li li a:hover,
#sidebar li li a:focus,
#sidebar li li a:active,
#sidebar li p a:hover,
#sidebar li p a:focus,
#sidebar li p a:active
{ border-bottom: 1px solid #bbb; }
#sidebar li li.current-cat a,
#sidebar li li.current-cat a:hover,
#sidebar li li.current-cat a:focus,
#sidebar li li.current-cat a:active,
#sidebar li li.current_page_item a,
#sidebar li li.current_page_item a:hover,
#sidebar li li.current_page_item a:focus,
#sidebar li li.current_page_item a:active
{ border-bottom: 1px solid #fff; color: #222; }
/* sidebar ad */
/* sidebar flickr */
/* sidebar related */
/* sidebar spreadshirt */
#sidebar #sidebar_flickr,
#sidebar #sidebar_related,
#sidebar #spreadshirt_wrapper
{ margin-bottom: -18px; }
#sidebar #sidebar_ad h2,
#sidebar #sidebar_flickr h2,
#sidebar #sidebar_related h2,
#sidebar #spreadshirt_wrapper h2
{ margin-bottom: 14px; }
#sidebar #sidebar_ad a
{ border: 0; margin: 0 0 18px 29px; }
#sidebar #sidebar_flickr a,
#sidebar #sidebar_related a,
#sidebar #spreadshirt_wrapper a
{ border: 1px solid #fff; display: block; float: left; height: 75px; margin: 0 -11px 18px 29px; padding: 0; width: 75px; }
#sidebar #sidebar_flickr a:hover,
#sidebar #sidebar_flickr a:focus,
#sidebar #sidebar_flickr a:active,
#sidebar #sidebar_related a:hover,
#sidebar #sidebar_related a:focus,
#sidebar #sidebar_related a:active,
#sidebar #spreadshirt_wrapper a:hover,
#sidebar #spreadshirt_wrapper a:focus,
#sidebar #spreadshirt_wrapper a:active
{ border: 1px solid #bbb; }
#sidebar #sidebar_flickr p
{ clear: both; }
#sidebar #spreadshirt_wrapper a#spreadshirt_wrapper_link
{ background: url(http://schweinestall.com/buttons/schweinlein-button.gif) no-repeat; border: 0; font-size: 1px; height: 16px; text-indent: -9999px; width: 172px; }
#sidebar #sidebar_flickr:after,
#sidebar #sidebar_related:after,
#sidebar #spreadshirt_wrapper:after
{ clear: both; content: "."; display: block; height: 0; visibility: hidden; }
/* error searchform */
.error #searchform input#s
{ width: 140px; }
.error #searchform input#searchsubmit
{ margin-left: 18px; width: 140px; }
/* navigation */
#navigation
{ clear: both; line-height: 24px; margin-bottom: -5px; padding: 0 18px; width: 510px; }
#navigation p
{ margin: 24px 0; padding-left: 28px; }
#navigation .page_back
{ background-position: 0 -72px; }
#navigation .page_forward
{ background-position: 0 -48px; }
#navigation .post_back
{ background-position: 0 -24px; }
#navigation .post_forward
{ background-position: 0 0; }
#navigation:after
{ clear: both; content: "."; display: block; height: 0; visibility: hidden; }
/* navigation paged */
#navigation_paged
{ line-height: 24px; margin-bottom: 31px; margin-left: -10px; }
#navigation_paged:after
{ clear: both; content: "."; display: block; height: 0; visibility: hidden; }
#navigation_paged li
{ display: block; float: left; }
#navigation_paged a
{ background-position: 0 -528px; border: 0; color: #222; display: block; height: 24px; margin-left: 10px; text-align: center; width: 24px; }
#navigation_paged a:hover,
#navigation_paged a:focus,
#navigation_paged a:active
{ background-position: 0 -552px; }
#navigation_paged a.active_page,
#navigation_paged a.active_page:hover,
#navigation_paged a.active_page:focus,
#navigation_paged a.active_page:active
{ background-position: 0 -576px; color: #fff; }
/* bottom footer */
#bottom
{ background: #222; border-radius: 18px; clear: both; color: #222; line-height: 5px; margin-top: 18px; padding: 18px; width: 510px; }
#bottom a
{ color: #fff; font-family: "Lucida Sans Unicode", "Lucida Grande", Helvetica, Arial, sans-serif; font-weight: normal; }
#bottom span
{ color: #fff; display: block; height: 24px; line-height: 24px; padding-left: 28px; }
.footer_copy
{ clear: both; }
footer .footer_copy
{ background-position: 0 -600px; clear: both; }
footer .footer_css
{ background-position: 0 -672px; }
footer .footer_engine
{ background-position: 0 -624px; }
footer .footer_html
{ background-position: 0 -648px; }