/*** CSS RESET

Adapted from Eric Meyer's CSS Reset Reloaded
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ ***/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  line-height: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
:focus {
  outline: 0;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption,
th,
td {
  text-align: left;
  font-weight: normal;
}
img {
  border: 0;
}
pre,
code,
kbd,
samp {
  font-family: monospace, sans-serif;
}
/* Always force a scrollbar in non-IE */
html {
  overflow-y: scroll;
}
a:hover,
a:active {
  outline: none;
}
small {
  font-size: 85%;
}
strong,
th {
  font-weight: bold;
}
td {
  vertical-align: top;
}
textarea {
  overflow: auto;
}
/* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
/* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] {
  vertical-align: text-bottom;
}
input[type="checkbox"] {
  vertical-align: bottom;
}
.ie7 input[type="checkbox"] {
  vertical-align: baseline;
}
.ie6 input {
  vertical-align: text-bottom;
}
/* Hand cursor on clickable input elements */
label,
input[type="button"],
input[type="submit"],
input[type="image"],
button {
  cursor: pointer;
}
/* Make buttons play nice in IE:
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {
  width: auto;
  overflow: visible;
}
/*** universal styles ***/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
a img {
  border: none;
}
img,
.image-wrap {
  max-width: 100% !important;
  height: auto !important;
}
/*** universal styles ***/
strong,
b,
dt,
th {
  font-weight: bold;
}
em,
i {
  font-style: italic;
}
.clear,
.clearfix {
  clear: both;
}
.hidden {
  display: none;
}
.center {
  text-align: center;
}
.post-date {
  font-style: italic;
}
.children {
  padding: 8px 0 0 15px;
}
a:hover {
  text-decoration: none;
}
p,
dl {
  padding: 0.2em 0;
}
#main-content .error-box {
  background: #FFD3D3;
  padding: 6px;
}
#main-content .error-box li {
  margin: 0;
  padding: 4px;
}
#main-content .success {
  background: #d7ffd3;
  padding: 6px;
}
/* WP core classes */
.alignleft {
  float: left;
  margin: 0 10px 8px 0;
}
.alignright {
  float: right;
  margin: 0 0 8px 10px;
}
.aligncenter {
  display: block;
  margin: 10px auto;
}
/* For modern browsers */
.cf:before,
.cf:after {
  content: "";
  display: table;
}
.cf:after {
  clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
  zoom: 1;
}
/*** header.php styles ***/
body {
  line-height: 1.5em;
  font-size: 90%;
}
#wrapper {
  padding: 0 0 20px;
  min-width: 480px;
  margin: 0 auto;
}
.wpd-top-links {
  padding: 16px;
}
.wpd-top-links li {
  margin: 0 0 8px;
}
.wpd-top-links li a.headline-link {
  display: inline;
}
#header {
  text-align: center;
  padding: 20px 20px 10px;
  clear: both;
}
#header #logo-or-name {
  font-size: 2em;
  padding: 10px 0;
}
#header #tagline {
  padding: 6px 0 18px;
  font-style: italic;
  line-height: 1.3em;
  font-weight: normal;
}
.header-nav {
  text-align: left;
  padding: 10px 0;
  clear: both;
}
.header-nav li {
  display: inline-block;
  margin: 0 3px 5px 0;
  font-weight: bold;
}
.header-nav li a {
  text-decoration: none;
  line-height: 1.6em;
  background: transparent;
  display: inline-block;
  padding: 6px 10px;
}
.header-nav li a:hover {
  background: transparent;
}
.header-nav li .clear {
  background: none;
}
.header-nav li.current-cat,
.header-nav li.current-menu-item {
  background: transparent;
  font-weight: normal;
}
.header-nav li.current-cat a,
.header-nav li.current-menu-item a {
  text-decoration: none;
  cursor: default;
  background: transparent;
}
#main-content {
  padding-top: 10px;
}
/*** featured post elements ***/
#featured {
  padding: 10px 0 20px;
  width: 70%;
  margin: 0 auto;
  clear: both;
}
#featured .featured-wrap {
  margin: 0 0 16px;
}
#featured .featured-wrap h2 {
  margin: 0 0 10px;
  text-align: center;
}
#featured .featured-wrap h2 a {
  line-height: 1.2em;
}
#featured .featured-wrap .wp-caption-text {
  margin-top: -2px;
  font-style: italic;
}
/*** link list page ***/
#content-wrap {
  padding: 10px 0;
}
.link-col {
  width: 33.2%;
  float: left;
  overflow: hidden;
}
.link-col .sub-menu {
  padding: 12px 0 2px 20px;
}
.link-col .wp-caption-text {
  font-style: italic;
  margin-top: -6px;
  text-align: left;
}
.link-col .widget-box {
  margin: 0 16px 6px;
  padding: 6px 0;
}
.link-col .widget-box .widget-head {
  margin: 0 0 18px;
}
.link-col .widget-box ul {
  padding: 0;
}
.link-col .widget-box li {
  margin: 0 0 0.6em;
  padding: 0.6em 0;
  clear: both;
}
.link-col .posts-list li {
  margin: 0 0 .6em;
  padding: 0 0 0.6em;
}
.link-col .posts-list li img {
  display: block;
  margin: 6px 0;
}
.link-col .feed-links li img {
  display: inline;
}
.link-col .links-list li {
  padding: 0 0 3px;
}
.link-content {
  margin: 0 0 6px;
}
a.headline-link {
  display: block;
  margin: 0 0 6px;
  line-height: 1.2em;
}
a.comment-link {
  font-style: italic;
}
.wpd-subscribe img {
  margin: 0 6px 6px 0;
}
.page-header {
  margin: 0 10px 30px;
}
#main-content .page-header h1 {
  margin: 0 0 12px;
}
/*** single page or post styles ***/
#single-col {
  width: 60%;
  float: left;
  margin-left: 20px;
}
#single-wide {
  width: 75%;
  margin: 0 auto;
}
#single-col .link-col,
#single-wide .link-col {
  width: 100%;
  border: none;
}
.home-link {
  clear: both;
  padding: 20px 0;
  font-style: italic;
  font-size: 0.9em;
  display: block;
}
#main-content h1 {
  font-size: 2em;
  margin: 0 0 16px 0;
  line-height: 1.3em;
}
.external-link {
  margin: 0 0 16px;
  font-weight: bold;
}
.the-meta {
  font-size: 0.9em;
  font-style: italic;
  margin: 0 0 15px;
}
.the-content h2,
.the-content h3,
.the-content h4,
.the-content h5,
.the-content h6 {
  line-height: 1.2em;
}
.the-content h2 {
  font-size: 1.8em;
  margin: 16px 0 10px;
}
.the-content h3 {
  font-size: 1.6em;
  margin: 14px 0 8px;
}
.the-content h4 {
  font-size: 1.4em;
  margin: 12px 0 8px;
}
.the-content h5 {
  font-size: 1.2em;
  margin: 10px 0 8px;
}
.the-content h6 {
  margin: 8px 0;
}
.the-content p,
.the-content blockquote,
.the-content dt,
.the-content dd,
.the-content address,
.the-content aabr,
.the-content code,
.the-content pre,
.the-content div,
.the-content .rssSummary,
.the-content .textwidget p,
.the-content .textwidget li {
  line-height: 1.5em;
}
.the-content p a:hover {
  text-decoration: none;
}
.the-content p strong,
.the-content p em,
.the-content p b,
.the-content p i,
.the-content p a,
.the-content p span,
.the-content p u,
.the-content p del,
.the-content p s,
.the-content p dd {
  line-height: inherit;
}
.the-content ul {
  list-style-type: disc;
  padding: 8px 0 0 40px;
}
.the-content ol,
.the-content .textwidget ol {
  list-style-type: decimal;
  padding: 8px 0 0 40px;
}
.the-content li,
.the-content .textwidget li {
  margin: 0 0 0.4em 0;
  line-height: 1.5em;
}
.the-content td,
.the-content th {
  padding: 0 8px 8px 0;
}
.the-content blockquote {
  padding: 10px 20px;
  font-style: italic;
  line-height: 1.8em;
  font-size: 1.1em;
}
.the-content .wp-caption {
  font-size: 0.9em;
  font-style: italic;
  text-align: center;
}
/** Comments **/
#the-comments {
  clear: both;
  padding: 20px 0 10px;
  margin: 20px 0 10px;
}
#the-comments h3 {
  font-weight: bold;
  line-height: 1.2em;
  font-size: 1.4em;
  margin: 12px 0;
}
#the-comments .commentlist {
  margin: 0 0 10px;
  padding: 15px 20px 10px 20px;
}
#the-comments .commentlist li {
  margin: 0 0 10px;
  padding: 10px 0;
}
#the-comments .commentlist li h6 {
  margin: 0 0 8px;
  font-weight: bold;
}
#the-comments .commentlist li h6 strong {
  font-size: 1.4em;
}
#the-comments .commentlist li p {
  line-height: 1.5em;
  padding: 0 0 8px;
}
#the-comments .commentlist li img {
  float: left;
  margin: 0 8px 6px 0;
}
#the-comments .commentlist li .the-meta {
  display: block;
  margin: 0 0 10px;
}
#the-comments .commentlist .children {
  border-left: 1px solid #e1e1e1;
}
#the-comments .commentlist .children li {
  border: none;
}
#the-comments #commentform {
  padding: 15px;
  max-width: 550px;
}
#the-comments #commentform p {
  padding: 8px 0;
}
#the-comments #commentform label {
  font-size: 0.9em;
  font-weight: bold;
}
#the-comments #commentform input[type=text],
#the-comments #commentform input[type=email],
#the-comments #commentform textarea {
  padding: 8px;
  width: 95%;
  max-width: 95%;
  display: block;
  border: 1px solid #cccccc;
}
#the-comments #commentform textarea {
  height: 140px;
}
#the-comments #commentform .form-allowed-tags {
  display: none;
}
.fb-comments-wrap {
  max-width: 100%;
  margin: 0 auto;
  padding: 4px;
  background: white;
  border: 1px solid #f2f2f2;
}
.fb-comments,
.fb-comments span,
.fb-comments span iframe {
  width: 100% !important;
}
/*** PROPER contact form styles ***/
.widget-box .proper_contact_form {
  padding: 10px 0;
  box-shadow: none;
  border-radius: 0;
  background: transparent;
}
.widget-box .proper_contact_form .form_field_wrap {
  padding: 4px 0;
  margin: 0;
}
.widget-box .proper_contact_form label {
  font-size: 1em;
}
.widget-box .proper_contact_form label,
.widget-box .proper_contact_form input {
  margin: 0 0 6px;
}
.widget-box .proper_contact_form br {
  display: none;
}
/*** search results and archive ***/
.results {
  padding: 12px 0 20px 30px;
}
.results .result {
  margin: 0 0 20px;
}
.results .result h2 {
  font-size: 1.4em;
  line-height: 1.5em;
}
.post-navigation,
ul.page-numbers {
  background: #f5f5f5;
  border: 1px solid #eee;
  margin: 20px;
  padding: 10px;
}
.post-navigation a,
ul.page-numbers a {
  font-style: italic;
  color: black;
  text-decoration: none;
}
.post-navigation a:visited,
ul.page-numbers a:visited {
  color: black;
}
.post-navigation .alignleft,
.post-navigation .alignright {
  width: 40%;
  margin: 0;
}
.post-navigation .alignright {
  text-align: right;
}
ul.page-numbers {
  text-align: center;
}
ul.page-numbers li {
  display: inline;
  padding: 0 6px;
}
ul.page-numbers li .current {
  font-weight: bold;
  font-size: 1.2em;
}
/*** Sidebar ***/
#sidebar-col {
  float: right;
}
#sidebar-col.single {
  padding: 50px 0 0;
}
#sidebar-col #searchform {
  padding: 10px 0;
}
#sidebar-col .xoxo li img {
  display: block;
}
#sidebar-col .textwidget ul {
  list-style-type: disc;
  padding: 8px 0 0 40px;
}
#sidebar-col .textwidget ol {
  list-style-type: decimal;
  padding: 8px 0 0 40px;
}
#sidebar-col .textwidget li {
  margin: 0 0 0.4em 0;
  line-height: 1.5em;
}
/*** footer.php styles ***/
#footer {
  text-align: center;
  padding: 12px 16px;
  font-size: 0.9em;
}
#footer .navigation {
  margin: 0 0 10px;
  display: inline;
  line-height: 1.3em;
}
#footer .navigation li,
#footer #footer p {
  display: inline;
}
#footer p.attribution {
  display: block;
  padding: 10px 0 0;
}
/*** mobile banner ***/
#wpd-mobile-banner {
  text-align: center;
  font-size: 0.9em;
  padding: 4px 0;
  background: #f1f1f1;
  color: #111;
}
#wpd-mobile-banner p {
  line-height: 1.3em;
}
#wpd-mobile-banner a {
  margin-left: 12px;
  color: #111;
  text-decoration: none;
  font-weight: bold;
  display: inline-block;
}
/*** advertising styles ***/
.banner-container,
.banner-site-top,
.banner-content-top,
.banner-site-bottom {
  text-align: center;
  padding: 20px 0;
}
/*
WP-Drudge mobile-specific styles
*/
#mobile-wrapper {
  min-width: 300px;
  margin: 0 auto;
}
#mobile-wrapper #mobile-column {
  padding: 10px;
}
#mobile-wrapper .wpd-top-links {
  padding: 10px;
  text-align: center;
}
#mobile-wrapper .header-nav li {
  display: block;
  float: none;
  text-align: center;
  padding: 0;
  margin: 0 0 2px;
}
#mobile-wrapper .header-nav li a {
  display: block;
  padding: 6px 0;
}
#mobile-wrapper #featured {
  width: 100%;
}
#mobile-wrapper #featured .link-content {
  text-align: left;
}
#mobile-wrapper .link-col {
  float: none;
  width: auto;
}
#mobile-wrapper .widget-box {
  margin: 0 0 10px;
}
#mobile-wrapper .posts-list li {
  margin: 0 0 1.6em;
}
/*** Responsive CSS to display mobile banner on smaller screens ***/
@media (max-width: 600px) {
  #wpd-mobile-banner {
    display: block !important;
  }
}
