/*
Theme Name: CalPress 2.0 Mission Local
Theme URI: http://calpresstheme.org/
Description: A journalism news theme designed for small publishing operations. Includes support for news-driven front page layouts, advertising widgets, flexible post options, multimedia integration and more. Theme by <a href="http://journalism.berkeley.edu/faculty/jrue/">Jeremy Rue</a>. Based on CalPress 0.9 by Josh Williams (<a href="http://joshwilliams.com/">http://joshwilliams.com/</a>), HTML5 Boilerplate (<a href="http://html5boilerplate.com/">http://html5boilerplate.com/</a>) and TwentyEleven. This theme is built for the Graduate School of Journalism at the University of California, Berkeley. Copyright (c) 2012 The Regents of the University of California.
Author: Jeremy Rue
Author URI: http://journalism.berkeley.edu/
Version: 0.9.8
Tags: uc berkeley, berkeley, newspapers, news, news theme, journalism, journalism theme
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
GitHub Plugin URI: https://github.com/jrue/CalPress
GitHub Branch:     master

Copyright (c) 2012 The Regents of the University of California

CalPress is a project of the University of California
Berkeley Graduate School of Journalism
http://journalism.berkeley.edu


*/
/*====================================
	Below are reset and base styles only.
	Site styles are kept in the css folder
	and loaded via enqueue to make it easier
	to use child themes. Custom styles can
	also be added in the admin and stored in
	the database to prevent erasure during
	theme upgrades.
======================================*/

/* ===HTML5 display definitions=== */
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, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
  list-style:none;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display:block;
}

audio, canvas, video { display: inline-block; }
.lte7 audio, .lte7 canvas, .lte7 video {display: inline; zoom: 1;}
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; }

/* Remove text-shadow in selection highlight: h5bp.com/i */
::-moz-selection { background: #ccc; color: #fff; text-shadow: none; }
::selection { background: #ccc; color: #fff; text-shadow: none; }

/* ===Links=== */
a { color: #444444; }
a:visited { color: #505050; }
a:hover { color: #000000; text-decoration: underline; }
a:focus { outline: thin dotted; }
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }

/* ===Typography=== */
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
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; }
/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
/* Improve readability of pre-formatted text in all browsers */
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%; }
/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* ===Embedded content=== */
/* 1. Improve image quality when scaled in IE7: h5bp.com/d
   2. Remove the gap between images and borders on image containers: h5bp.com/i/440 */
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
/* Correct overflow not hidden in IE9 */
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

/* ===Forms=== */
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }
legend { border: 0; padding: 0; white-space: normal; }
.lte7 legend{ margin-left: -7px;}
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; }
.lte7 button, .lte7 input, .lte7 select, .lte7 textarea {vertical-align: middle;}
/* 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet) */
button, input { line-height: normal; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
 */
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
.lte7 button, .lte7 input[type="button"], .lte7 input[type="reset"], .lte7 input[type="submit"] {overflow: visible;}
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
.lte7 input[type="checkbox"], .lte7 input[type="radio"] {width: 13px; height: 13px;}
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; }
/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

/* ===Tables=== */
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/* ===Chrome Frame Prompt=== */
.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr;}
.lte7 .ir { line-height: 0; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.lte7 .clearfix { zoom: 1; }

/* Same Category Posts */
.single-category-posts {
    margin-top: 25px;
}
.single-category-posts ul {
    padding-left: 0 !important;
}
.same-category-post-item {
    border-bottom: 0px solid #ccc !important;
    float: left;
    width: 190px;
    margin-right: 15px !important;
}
.same-category-post-thumbnail img {
    float: none !important;
    margin: 0 !important;
    width: 190px;
    height: 130px;
}

span.cap-single {
    display: block;
    background: rgba(0,0,0,.1);
    margin-top: -10px;
    padding-left: 5px;
    color: #000;
}
