/*
DO NOT EDIT THIS FILE. THIS IS THE CITIZEN PRESS DEVELOPMENT STYLESHEET. It is not loaded into the live site. The purpose of this stylesheet is to provide comments and information about each style to help you make customizations. Copy and paste styles from here into your Child Theme stylesheets. It will override all of these styles.
*/
/* =CSS Reset
-------------------------------------------------------------- */
/*
The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. Via Eric Meyer: http://meyerweb.com/eric/tools/css/reset/
*/
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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {outline: 0;margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after{content: '';content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}
/* =Required WordPress Classes
-------------------------------------------------------------- */
.alignright {}
.alignleft {}
.alignnone {}
.aligncenter {}
.avatar {}
.gallery {}
.sticky{}
.wp-caption {}
.wp-smiley {}
/* =Main Body Defaults
-------------------------------------------------------------- */
body {
background: #d4d4d4;
color: #000;
font: 12px Georgia, 'Times New Roman', serif;
text-align: center;
}
/* =Links
-------------------------------------------------------------- */
/*
This is the main color of links in your site. Some may be
overridden later, but those that aren't will use these settings.
*/
a,
a:hover,
a:visited {
text-decoration: none;
}
a,
a:visited {
color: #10458c;
}
a:hover {
color: #bb1a00;
}
/* =Site Wrapper
-------------------------------------------------------------- */
/*
Wraps the entire layout. Controls the width, content background color and borders. Note: site width value is set in style-grid.php.
*/
#wrapper {
background: #fff; /*background and border of the viewable site */
border: 2px solid #bcbcbc;
border-top: 3px solid #676767;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
text-align: left; /* overrides the text-align: center on the body element. */
}
/* =Content Wrappers
-------------------------------------------------------------- */
/*
These control the main rows that wrap sections & sidebars.
*/
#tier-one,
#tier-two,
#tier-three,
#content {
margin: 1.3em 0 0 0;
}
/* =Global Element Settings
-------------------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: normal
}
h1 img,
h2 img,
h3 img,
h4 img,
h5 img,
h6 img {
margin: 0;
}
abbr,
acronym {
border-bottom: 1px dotted #333;
cursor:help;
}
del {
text-decoration:line-through;
}
blockquote em,
blockquote i,
blockquote cite {
font-style:normal;
}
strong {
font-weight: bold;
}
cite,
em,
i {
font-style: italic;
}
q {
quotes: "«" "»" "'" "'";
}
ins {
text-decoration:underline;
}
sup,
sub {
font-size: 85%;
height: 0;
line-height: 1;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
big {
font-size: 300%;
}
/* =News Headlines
-------------------------------------------------------------- */
/*
These headlines are used in a variety of places in the theme.
The Feature Widget and Latest News Newsbox use their own headline
styles, defined in their respective sections in this sheet.
*/
.extra-large-headline {
font-size: 200%;
line-height: 1.2;
}
.large-headline {
font-size: 160%;
line-height:1.3;
}
.medium-headline {
font-size: 140%;
line-height: 1.3;
}
.small-headline {
font-size: 116%;
line-height: 1.3;
}
.more-stories {
font-size: 108%;
line-height: 1;
text-transform: uppercase;
}
.more-stories,
.more-stories a {
color: #bb1a00;
}
/* =Page & Single Post Titles
-------------------------------------------------------------- */
/*
Used in single.php, page.php, and the various archive pages.
*/
.archive-title {
font-size: 200%;
font-weight: bold;
line-height: 1.2;
margin: 0 0 0.5em 0;
}
.page-title {
font-size: 200%;
font-weight: bold;
line-height: 1.2;
}
.post-title {
font-size: 210%;
font-weight: normal;
line-height: 1.3
}
/* =Generic Form Elements
-------------------------------------------------------------- */
input,
textarea,
select {
font-family: inherit;
}
/* =Auxiliary Bar
-------------------------------------------------------------- */
#auxiliary-bar-container {
border-bottom: 1px solid #bcbcbc;
padding: 0.6em 0;
}
/*The all sections drop-down box */
.all-sections-wrap {
float: left;
font-size: 95%;
margin: 0;
padding: 0;
width: 40%;
}
.all-sections input,
.all-sections select {
font-size: inherit;
line-height: 1.6;
}
.all-sections select {
border: 1px dotted #bcbcbc;
padding: 0.1em;
}
.all-sections .submit-button {
height: 25px;
line-height: normal;
padding: 0;
}
/* The date and login column*/
.date-login-wrap {
float: left;
font-size: 95%;
margin: 0;
padding: 0.3em 0 0 0;
width: 60%;
}
.date-login-wrap ul {
list-style: none;
width: 100%;
}
.date-login-wrap ul li {
display: inline;
line-height: 1.3;
text-align: left;
}
/*
Auxiliary Bar Menu - essential functionality (don't edit unless you know what you're doing)
*/
.auxbar-menu-column-wrap ul {
float: right;
list-style: none;
margin: 0;
}
.auxbar-menu-column-wrap ul li {
float: left;
position: relative;
}
.auxbar-menu-column-wrap a {
display: block;
}
.auxbar-menu-column-wrap ul ul {
display: none;
float: left;
position: absolute;
left: 0;
width: 160px;
z-index: 99999;
}
.auxbar-menu-column-wrap ul ul a {
height: auto;
}
.auxbar-menu-column-wrap ul ul li {
min-width: 160px;
}
.auxbar-menu-column-wrap ul ul ul {
left: 100%;
top: 0;
}
.auxbar-menu-column-wrap ul li:hover > ul {
display:block;
}
/*
Auxiliary Bar Menu - Skin (edit to change the look of your menu)
*/
.auxbar-menu-column-wrap { /*This wraps the entire menu */
float: right;
margin: 0;
padding: 0;
width: 100%;
}
.auxbar-menu-column-wrap a { /* style of top-level menu items */
font-size: 95%;
line-height: 2;
padding: 0 1em;
text-decoration: none;
text-transform: uppercase;
}
.auxbar-menu-column-wrap ul ul { /* the drop-down menu "box". The "top" value moves the box up and down. */
border: 1px solid #d0d0d0;
top: 20px;
}
.auxbar-menu-column-wrap ul ul ul { /*sub-submenu box*/
border-bottom: 0px;
border-top: 0px;
}
.auxbar-menu-column-wrap ul ul a { /*style of sub-menu items*/
background: #fff;
border-bottom: 1px solid #d0d0d0;
border-right: 0px;
line-height: 0.8;
padding: 1em;
text-transform: none;
}
.auxbar-menu-column-wrap li:hover > a { /*hover style of the top-level menu items*/
color: #bb1a00;
}
.auxbar-menu-column-wrap ul ul :hover > a { /*hover style of the sub-level menu items*/
color: #bb1a00;
}
.auxbar-menu-column-wrap ul li.current_page_item > a,
.auxbar-menu-column-wrap ul li.current-menu-ancestor > a,
.auxbar-menu-column-wrap ul li.current-menu-item > a,
.auxbar-menu-column-wrap ul li.current-menu-parent > a { /*style of the current page menu item (don't forget to copy this style below) */
background: #fff;
font-weight: bold;
}
* html .auxbar-menu-column-wrap ul li.current_page_item a,
* html .auxbar-menu-column-wrap ul li.current-menu-ancestor a,
* html .auxbar-menu-column-wrap ul li.current-menu-item a,
* html .auxbar-menu-column-wrap ul li.current-menu-parent a,
* html .auxbar-menu-column-wrap ul li a:hover { /*style of the current page menu item (should be the same as above) */
background: #fff;
font-weight: bold;
}
/* =Masthead
-------------------------------------------------------------- */
#masthead-container {
padding: 1.6em 0;
}
#site-logo {
font-size: 266%;
font-weight: bold;
line-height: 1.2;
margin: 0;
}
#site-logo a {
color: #000;
}
#site-logo a:hover {
color: #bb1a00;
}
#site-tagline {
color: #666;
font-size: 160%;
margin: 0 0 0.5em 0.2em;
text-transform: lowercase;
}
#site-tagline a {
color: #666;
}
#site-tagline a:hover {
color: #bb1a00;
}
#masthead-widget-area-container {
line-height: 1.1;
margin-bottom: 0.2em !important;
padding-bottom: 0 !important;
}
#masthead-widget-area-container .sidebar .widget {
margin-bottom: 0.5em !important;
}
/* =Main Navigation Menu
-------------------------------------------------------------- */
/*
Essential Functionality For the Main Menu (don't edit unless you know what you're doing)
*/
#main-menu-container .menu,
.menu ul {
list-style: none;
margin: 0;
}
#main-menu-container .menu li {
float: left;
position: relative;
}
#main-menu-container ul a {
display: block;
}
#main-menu-container ul ul {
display: none;
float: left;
position: absolute;
left: 0;
width: 160px;
z-index: 99999;
}
#main-menu-container ul ul a {
height: auto;
}
#main-menu-container ul ul li {
min-width: 160px;
}
#main-menu-container ul ul ul {
left: 100%;
top:0;
}
#main-menu-container ul li:hover > ul {
display: block;
}
/*
Menu Colors ("Skin") - You can edit these to change the appearance of your menu */
#main-menu-container { /*This is the container of the entire menu and its wrapper div*/
background: #eee;
border-bottom: 1px solid #bcbcbc;
border-top: 1px solid #bcbcbc;
}
#main-menu-container ul a { /*These are the top-level menu items */
color: #000;
border-right: 1px solid #bcbcbc;
font-size: 108%;
line-height: 2.7;
padding: 0 1em;
text-decoration: none;
text-transform: uppercase;
}
#main-menu-container ul ul { /*the drop-down menu "box". The "top" value moves the box up and down.*/
border: 1px solid #d0d0d0;
top: auto;
}
#main-menu-container ul ul ul { /*sub-sub menus*/
border-bottom: 0px;
border-top: 0px;
}
#main-menu-container ul ul a { /*style of the links in submenus */
background: #fff;
border-bottom: 1px solid #d0d0d0;
border-right: 0px;
line-height: 0.8;
padding: 1em;
text-transform: none;
}
#main-menu-container li:hover > a { /*hover style of the top-level menu items*/
background: #fff;
color: #000;
}
#main-menu-container ul ul :hover > a { /*hover style of the sub-level menu items */
color: #bb1a00;
font-weight: normal;
}
#main-menu-container ul li.current_page_item > a,
#main-menu-container ul li.current-menu-ancestor > a,
#main-menu-container ul li.current-menu-item > a,
#main-menu-container ul li.current-menu-parent > a { /*style of the current page menu item (don't forget to copy this style below */
background:#fff;
font-weight: bold;
}
* html #main-menu-container ul li.current_page_item a,
* html #main-menu-container ul li.current-menu-ancestor a,
* html #main-menu-container ul li.current-menu-item a,
* html #main-menu-container ul li.current-menu-parent a,
* html #main-menu-container ul li a:hover { /*style of the current page menu item (should match the above)*/
background: #fff;
font-weight: bold;
}
/* =Sub-Category Menu
-------------------------------------------------------------- */
#sub-category{
background: #fff;
border-bottom: 1px solid #bcbcbc;
margin: 0;
padding: 0;
width: 100%;
}
#subcats {
margin: 0;
padding: 0;
}
#subcats ul {
list-style: none;
margin: 0;
padding: 0;
}
#subcats ul li {
float: left;
margin: 0;
}
#subcats ul li a {
font-size: 100%;
display: block;
margin-right: 0.8em;
padding: 0.8em 0.8em 0.8em 0;
}
#subcats li.current-cat a {
color: #bb1a00;
}
/* =News Ticker (Default: Front Page Only)
-------------------------------------------------------------- */
#news-ticker {
margin: 0;
padding: 0;
width: 100%;
}
#news-ticker dl {
font-size: 116%;
line-height: 1.4;
margin: 0.8em 0 0 0;
}
#news-ticker dd,
#news-ticker dt {
display: inline;
float: left;
list-style: none;
padding-right: 0.5em;
}
#news-ticker dt {
font-weight: bold;
}
.ticker {
float: left;
position: relative;
left: -5000px;
visibility: hidden;
}
.ticker ul {
float: left;
list-style: none;
width: 450px;
height: 20px;
}
.ticker ul li {
display: inline-block;
padding-right: 1em;
width: 450px;
}
.ticker-nav {
float: left;
overflow: hidden;
}
.ticker-nav .prev,
.ticker-nav .next {
background: #10458c;
border: 1px solid #bcbcbc;
color: #fff;
cursor: pointer;
float: left;
font-size: 66%;
font-weight: bold;
line-height: 1.6;
overflow: visible;
padding:0 0.4em;
width: auto;
}
/* =Breaking News (Default: Front Page Only)
-------------------------------------------------------------- */
#breaking-news {
background: #ffd800;
border: 1px solid #bcbcbc;
border-left-width: 0;
border-right-width: 0;
font-size: 160%;
font-weight: bold;
line-height: 1.2;
margin-top: 1em;
padding: 0.8em;
}
#breaking-news a {
color: #bb1a00;
font-weight: bold;
text-decoration: underline;
}
.breaking-title {
color: #000;
font-size: larger;
text-transform: uppercase;
}
/* =Breadcrumb Menu (Shows everywhere but the front page)
-------------------------------------------------------------- */
#breadcrumb {
color: #666;
font-size: 90%;
line-height: 1.4;
margin: 0 0 0.8em 0;
text-transform: uppercase;
}
#breadcrumb ul {
margin: 0;
list-style: none;
padding: 0;
}
#breadcrumb ul li {
float: left;
margin: 0 0.5em 0 0;
padding: 0;
}
/* =Top Story Templatebit
-------------------------------------------------------------- */
/*
Note: By default, the Top Story template bit uses the .extra-large-headline class for the main Top Story headline, the .moreStories class for the "More Story" header text and the .medium-headline class for the actual "more story" post titles (all are defined in the news headlines section earlier in this sheet).
*/
div#top-story { /* Wraps the ENTIRE Top Story area */
margin-bottom: 1.467em;
}
div#top-story .top-story-thumb {
border: 10px solid #efebeb;
margin-bottom: 1em;
}
div#top-story h2 a {
font-weight: bold;
}
.top-story-entry {
font-size: 125%;
line-height: 1.4;
margin: 1em 0 1.467em 0;
}
.top-story-author,
.top-story-meta {
color: #666;
font-size: 108%;
line-height: 1.4;
}
.top-story-author {
font-style: italic;
margin-top: 0.8em;
}
.top-story-meta {
margin-bottom: 0.8em;
margin-top: -1em;
}
/*
More top story wrapper (note: the "more stories" header uses the .more-stories headline class by default (defined in the news headlines section of this stylesheet).
*/
div#more-top-stories {
border-top: 1px dotted #bcbcbc;
margin-bottom: 1.467em;
padding-top: 1.6em;
}
div#more-top-stories ul {
list-style-type:disc;
margin: 1em 0 1em 1.5em;
}
div#more-top-stories h2 a {
font-weight: normal;
}
.more-top-story-post-excerpt {
font-size: 116%;
line-height: 1.275;
margin: 0.5em 0 1.467em 0;
}
.more-top-story-post-meta {
color: #666;
font-size: 100%;
line-height: 1.3;
margin-bottom: 1.3em;
margin-top: -0.9em;
}
.top-story-entry p,
.more-top-story-post-excerpt p {
margin-bottom: 1em;
}
/* =Vertical, Horizontal and Latest News Newsbox Templatebits
-------------------------------------------------------------- */
/*
Note: By default, the horizontal/vertical newbox templatebits use the .large-headline class for main story headlines, the .more-stories class for the "More Story" header text and the .small-headline class for the actual "more story" post titles (all are defined in the news headlines section earlier in this sheet).
Each newsbox has its own ID selector. None are styled by default, but you can use them to give individual newsboxes their own look. Example:
#vnewsbox-1, #vnewsbox-2, #vnewsbox-3 and #hnewsbox-1 through 3. #lnewsbox for the latest news newsbox.
The HTML is as follows (same pattern for all newsboxes, just swap out the number and the "v" and "h"):
...all newsbox content...
...latest news content
.newsbox (below) is a generic class for vertical/horizontal newsboxes, emtpy by default. All styles set after this will inherit any properties set here.
*/
.newsbox {}
.category-title { /* Title appearing at the top of each news box */
border-top: 1px dotted #666;
display: block;
font-size: 108%;
font-weight: bold;
margin-bottom: 0.7em;
padding-top: 0.6em;
text-transform: uppercase;
}
.category-title a {
color: #333;
}
.category-title a:hover {
color: #bb1a00;
}
/*
.hnewsbox-wrapper (below) adds right padding on horizontal news boxes to avoid content bumping into eachother.
*/
.hnewsbox-wrapper {
margin-right: 2.5em;
}
.entry-column { /*create columns for horizontal newsboxes */
float: left;
width: 50%;
}
.newsbox h2 {
margin-top: 0.5em;
}
.newsbox-entry {
border-bottom: 1px dotted #bcbcbc;
font-size: 116%;
line-height: 1.3;
margin: 0.5em 0 1.467em 0;
overflow: hidden;
padding-bottom: 1em;
}
/*
.newsbox-entry p (below) puts spacing between paragraphs if full post content is shown on multi-post pages.
*/
.newsbox-entry p {
margin-bottom: 1em;
}
.newsbox-meta { /*newsbox post metadata*/
color: #666;
font-size: 90%;
line-height: 1.3;
margin-top: 0.9em;
}
.newsbox-more-stories {
margin-bottom: 1.467em;
padding-bottom: 1em;
}
.newsbox-more-stories ul {
list-style-type: disc;
margin: 1em 0 1em 1.5em;
}
.newsbox .alignnone,
.newsbox .aligncenter {
margin: 0;
}
/*
.latestnewsbox (below) is a generic class for the latest news newsbox, emtpy by default. All styles set after this will inherit any properties set here.
*/
.latestnewsbox {
margin-bottom: 1.4em;
}
.latestnews-entry { /*style for entries in the latest news newsbox*/
margin: 1.2em 0;
}
.latestnews-headline { /*the headline of the latest news items*/
font-size: 108%;
}
.latestnews-meta { /*metadata (time) for the "latest news" newsbox. */
color: #666;
}
/* =Single Posts & Pages
-------------------------------------------------------------- */
/*
By default, the single posts use the .post-title class to display the post title, and pages use the .page-title class to display the page title. (these classes are defined in the "Page Titles" section of this sheet).
*/
.the-post {
margin-top: 1.5em;
}
.post-meta-container {
margin: 1.467em 0;
}
.the-post-meta,
.the-post-author {
color: #666;
}
.the-post-author {
font-size: 108%;
font-style: italic;
line-height: 1.4;
padding-bottom: 0.2em;
}
.the-post-meta {
font-size: 108%;
line-height: 1.2;
margin: 0.3em 0;
}
.the-entry {
font-size: 125%;
line-height: 1.467;
margin: 1.467em 0;
overflow: hidden;
}
.the-entry p { /*put space between paragraphs inside a post or page to aid legibility */
margin-bottom: 1.467em;
}
.multipage-post-links { /*wraps paginated post or Page page numbers */
color: #666;
font-size: 108%;
font-weight: bold;
line-height: 1.467;
margin: 1.467em 0;
text-align: right;
}
.multipage-post-links a { /*the actual paginated post or Page page numbers*/
background: #eaf1fa;
border: 1px dotted #bcbcbc;
display: inline-block;
font-weight: normal;
margin: 0.2em;
padding: 0 0.4em;
}
.post-share-container {
border-bottom: 1px dotted #bcbcbc;
border-top: 1px dotted #bcbcbc;
font-size: 100%;
line-height: 1.4;
margin: 1.467em 0;
padding: 0.8em 0;
}
.addthis_separator {
font-weight:bold;
padding-bottom: 0.2em;
}
/* =In-Post & In-Page Formatting; Image Captions, Gallery
-------------------------------------------------------------- */
/*
Note: all of these classes control how various types of formatted text inside a single post or page looks. These font sizes are all a percentage of the font size set for the .the_entry class in above section of this stylesheet. Keep that in mind if you decide to modify these!
*/
.format-text h1 {
font-size: 130%;
font-weight: bolder;
line-height: 1.4;
margin-bottom: 0.5em;
}
.format-text h2 {
font-size: 120%;
font-weight: bolder;
line-height: 1.3;
margin-bottom: 0.5em;
}
.format-text h3 {
font-size: 110%;
font-weight: bolder;
line-height: 1.2;
margin-bottom: 0.5em;
}
.format-text h4 {
font-size: 100%;
font-weight: bolder;
line-height: 1.1;
margin-bottom: 0.5em;
}
.format-text h5 {
font-size: 100%;
font-weight: bolder;
line-height: 1.1;
margin-bottom: 0.5em;
}
.format-text h6 {
font-size: 100%;
font-weight: bolder;
line-height: 1.1;
margin-bottom: 0.5em;
}
.format-text ul {
list-style-type: disc;
margin: 0 0 1.467em 4em;
}
.format-text ol {
list-style-type: decimal;
margin: 0 0 1.467em 4em;
}
.format-text ol ol {
list-style: upper-alpha;
}
.format-text ol ol ol {
list-style: lower-roman;
}
.format-text ol ol ol ol {
list-style: lower-alpha;
}
.format-text ul ul,
.format-text ol ol,
.format-text ul ol,
.format-text ol ul {
margin-bottom: 0;
}
.format-text blockquote {
font-size: 100%;
font-style: italic;
line-height: 1.4;
padding: 0 1.9em;
}
.format-text address {
font-size: 100%;
font-style: italic;
line-height: 1;
padding-bottom: 0.6em;
}
.format-text pre {
padding: 2em;
margin: 1.467em 0;
background: #f0f0f0;
border-left: 5px solid #bcbcbc;
}
.format-text input {
background: #fff;
border-color: #aaa #ddd #ddd #aaa;
border-style: solid;
border-width: 1px;
color: #666666;
margin: 0.5em 0;
padding: 0.5em;
}
.format-text label {
color: #666;
}
.format-text table {
border-width: 1px 1px 0 1px;
border: 1px solid #bcbcbc;
font-size: 95%;
line-height: 1.8;
margin: 0 0 2.2em 0;
text-align: left;
}
.format-text caption {
text-align:left;
}
.format-text tr {
border-bottom: 1px solid #bcbcbc;
}
.format-text th,
.format-text td {
padding: .7em 1.25em;
}
.format-text dl {
margin: 0 1.5em;
}
.format-text dt {
font-weight: bold;
}
.format-text dd {
margin-bottom: 1em;
}
.wp-smiley {
margin: 0 !important;
max-height: 12px;
}
/*
Image captions and WP Photo Gallery (for images inside posts or Pages)
Note: to edit the image-alignment styles, see the .alignleft and .alightright classes in the "Reusable Classes" section near the end of this stylesheet.
*/
.wp-caption {
border: 0 none;
margin: 0;
padding: 0;
text-align: left;
}
.wp-caption img {
border: 0 none;
margin: 0;
padding: 0;
}
.wp-caption p.wp-caption-text {
color: #666;
font-size: smaller;
line-height: 1em;
margin: 0.6em 0 0.5em 0;
padding: 0;
}
.gallery {
display: block;
margin-bottom: 2em !important;
text-align: center;
}
.gallery dl,
.gallery dt,
.gallery dd {
font-weight: normal;
margin: 0;
}
.gallery .gallery-caption {
color: #666;
font-size: 90%;
}
.gallery img {
border: 1px solid #bcbcbc;
}
/* =Comments
-------------------------------------------------------------- */
#comments {
margin: 1.467em 0;
padding: 0.8em 0;
}
.responses-header { /*the text that tells how many total responses there are, and also the "Start the Discussion!" text */
border-bottom: 1px dotted #bcbcbc;
font-size: 200%;
line-height: 1.2;
margin-bottom: 0.5em;
padding-bottom: 0.3em;
}
.comments-header,
.trackbacks-header,
.comment-form-header,
#reply-title {
font-size: 160%;
line-height:1.3;
}
.comment-information,
.comment_moderation-link,
.comment-password,
.comments-closed {
font-size: 108%;
line-height: 1.9;
}
.comment-information,
.comment-password,
.comments-closed {
color: #666;
}
.comment-moderation-link {
color: #bb1a00;
font-style: italic;
margin-bottom: 1em;
}
.comment-navigation {
font-size: 108%;
margin: 1.467em 0;
text-align: right;
}
ol.commentlist { /*the main list of comments */
list-style: none;
margin: 1em 0 0 0;
padding: 0;
text-indent: 0;
}
ol.commentlist li { /*wraps an individual comment */
margin: 0 0 1em;
padding: 0.5em 0.7em 0.5em 1.5em;
position: relative;
height: 1%;
}
ol.commentlist li.even {
background: #fff;
border: 1px dotted #ccc;
}
ol.commentlist li.odd {
background: #f2f2f2;
border: 1px dotted #ccc;
}
.bypostauthor,
.comment-author-admin {
background: #eaf1fa !important;
}
ol.commentlist li div.comment-author { /*wraps the comment author's name */
overflow: hidden;
padding: 0.8em 0;
}
ol.commentlist li div.vcard cite.fn { /*the comment author's name */
display: inline-block;
font-size: 108%;
font-style: normal;
font-weight: bold;
margin-top: 0.3em;
}
ol.commentlist li div.vcard cite.fn a.url { /*when the comment author's name is linked to their website */
text-decoration: none;
}
ol.commentlist li div.vcard img.avatar { /*comment author's gravatar alignment and padding */
float: left;
padding: 0 0.8em;
}
ol.commentlist li.pingback div.vcard { /*pingback style*/
padding:0 17em 0 0;
}
ol.commentlist li .comment-meta { /*wraps the comment metadata text */
color:#666;
display: block;
font-size: 100%;
font-weight: normal;
line-height:0.5;
margin: 0.8em 0;
}
ol.commentlist li .comment-meta a {
text-decoration: none;
color: #666;
}
ol.commentlist li p { /* The comment body text */
font-size: 120%;
font-weight: normal;
line-height: 1.467;
margin-bottom: 1em;
}
ol.commentlist li ul,
ol.commentlist li ol { /* lists appearing inside a comment */
font-weight: normal;
line-height: 1.5;
list-style: disc;
margin: 0 2em;
padding: 0;
}
ol.commentlist li ul li,
ol.commentlist li ol li { /*lists appearing inside a comment. This overrides the padding and margins set earlier */
margin: 0;
padding: 0;
}
ol.commentlist li div.reply {/*wraps the "add reply" text */
margin: 1.4em 0;
text-align: right;
}
ol.commentlist li div.reply a { /*style of the "Add reply" link */
font-size: 100%;
font-style: italic;
padding: 0.5em;
}
ol.commentlist li ul.children { /*this and the next style control the nested comment display. You shouldn't edit this unless you know what you're doing! */
list-style: none;
margin: 1em 0 0;
text-indent: 0;
}
ol.commentlist li ul.children li.depth-2,
ol.commentlist li ul.children li.depth-3,
ol.commentlist li ul.children li.depth-4,
ol.commentlist li ul.children li.depth-5,
ol.commentlist li ul.children li.depth-6,
ol.commentlist li ul.children li.depth-7,
ol.commentlist li ul.children li.depth-8,
ol.commentlist li ul.children li.depth-9,
ol.commentlist li ul.children li.depth-10 {
margin:0 0 .25em;
padding: 1em;
}
/* =Comment Form
-------------------------------------------------------------- */
/*
Note: the "Post a Comment" text before the comment form uses the .large-headline class, defined earlier in the News Headlines section of this stylesheet. The small "Your email address is never displayed publicy and "Logged in as" text uses the .comment-information class, defined earlier in the Comments section of this sheet.
*/
#respond { /*wraps the entire add a comment section */
background: #f9f9f9;
border-bottom: 1px dotted #bcbcbc;
border-top: 1px dotted #bcbcbc;
margin: 1.467em 0;
padding: 1em;
}
a#cancel-comment-reply-link {
background-color: #bb1a00;
color: #bb1a00;
color: #fff;
display: block;
font-size: 60%;
font-style: italic;
font-weight: bold;
margin: 1em 0;
padding: 0.6em;
text-align: center;
width: 15%;
}
a#cancel-comment-reply-link:hover {
background-color: #bb1a00;
color: #999;
}
.required {
color: #bb1a00;
}
#commentform input,
#commentform textarea {
border-bottom-color: #ddd;
border-right-color: #ddd;
border: 1px solid #aaa;
font-family: Georgia, 'Times New Roman', serif;
font-size: 108%;
margin: 0.8em 0;
padding: 0.2em;
}
#commentform input:focus,
#commentform textarea:focus {
background: #eaf1fa;
border-color: #777;
border-bottom-color: #ccc;
border-right-color: #ccc;
}
#commentform textarea {
width: 90%;
}
#commentform label {
font-size: 108%;
line-height: 1.467;
padding: 0 0.6em;
}
#commentform #submit {
background: #555;
color: #fff;
font-weight: bold;
padding: 0.5em;
}
/*
The following styles control the comment form when it's
inside the list of comments.
*/
.commentlist #respond label {
font-size: 95% !important;
}
.commentlist #respond input,
.commentlist #respond textarea {
margin-bottom: 0 !important;
font-size:95% !important
}
.commentlist #respond #submit {
font-size:90% !important;
}
/* =Trackbacks
-------------------------------------------------------------- */
/*
Note: the Trackback Count text before the trackback list uses the .extra-large-headline class, defined earlier in the News Headlines section of this stylesheet.
*/
#trackbacks { /*wraps the trackback area*/
margin: 1.467em 0;
}
.trackback-list {
list-style-type: decimal;
margin: 0 0 2.5em 3.5em;
font-size: 108%;
line-height: 1.467;
}
/* =Author Info Box (Posts & Pages)
-------------------------------------------------------------- */
.post-author-info-container {
background: #f9f9f9;
border-top: 1px dotted #bcbcbc;
margin: 1.467em 0;
padding: 1.1em;
}
.post-author-info-header {
color: #666;
font-size: 100%;
font-weight: bold;
padding-bottom: 0.6em;
text-transform: uppercase;
}
.post-author-info-container img {
background: #fff;
border: 1px solid #ccc;
padding: 0.1em;
}
.post-author-info-container p {
color: #666;
font-size: 108%;
font-style: italic;
font-style: italic;
line-height: 1.467;
}
/* =Post Navigation
-------------------------------------------------------------- */
/*post navigation in archives */
.post-navigation {
font-size: 108%;
line-height: 1.3;
margin: 1.467em 0;
overflow: hidden;
}
.post-navigation .next {
float: right;
margin-bottom: 1.1em;
text-align: right;
width: 50%;
}
.post-navigation .prev {
float: left;
margin-bottom: 1.1em;
text-align: left;
width: 50%;
}
/*post navigation in single posts */
.post-navigation-posts {
font-size: 108%;
line-height: 1.3;
margin: 1.467em 0;
overflow: auto;
}
.post-navigation-posts .previous-post {
float: left;
margin-bottom: 1.1em;
width: 50%;
}
.post-navigation-posts .next-post {
float: right;
margin-bottom: 1.1em;
text-align: right;
width: 50%;
}
/* =Archive Listings Pages (Category, Tag, Date, Issues, Search Results, etc.)
-------------------------------------------------------------- */
/*
Note: By default, the archive pages use the .archive-title class to display the archive title, and the .large-headline class for post titles. (These classes are defined in the "Page Titles" and "News Headlines" sections earlier in this sheet, respectively).
*/
.archive-entry-box {
background: #f9f9f9;
border-bottom: 1px dotted #bcbcbc;
border-top: 1px dotted #bcbcbc;
margin: 1.467em 0;
padding: 1em;
}
.archive-entry {
font-size: 116%;
line-height: 1.3;
margin: 0.5em 0 0.5em 0;
overflow: hidden;
}
.archive-entry p {
margin-bottom: 1em;
}
.archive-meta {
color: #666;
font-size: 90%;
line-height: 1.3;
padding-top: 0.9em;
}
/* =Inline Ads (Displaying ads between posts on multi-post pages, or within the content on single Posts/Pages)
-------------------------------------------------------------- */
.inline-ad {
margin: 1em 0;
}
/* =Section Index
-------------------------------------------------------------- */
#section-index-container {
border-top: 1px dotted #bcbcbc;
padding: 0 0.8em 0.8em 0.8em;
}
.section-index-menu dd ul li,
.section-index-menu dt {
float: left;
font-size: 100%;
display: inline;
padding: 1em 1em 0 0;
}
.section-index-menu dd ul {
margin: 0;
}
.section-index-menu dd ul {
list-style: none;
}
.section-index-menu dd ul li a {
border-right: 1px solid #bcbcbc;
padding-right: 0.6em;
}
.section-index-menu-title {
font-weight: bold;
margin: 0 auto;
padding: 0.7em 0 0.3em 0;
text-transform: uppercase;
}
/* =Footer Menu & Copyright Text
-------------------------------------------------------------- */
#footer-menu {
margin: 0;
padding: 0.6em 0;
display: block;
text-align: center;
font-size: 108%;
line-height: 1.5;
background: #4a4a4a;
border-top: 1px dotted #bcbcbc;
}
#footer-menu ul {
display: block;
}
#footer-menu li {
display: inline;
}
#footer-menu a {
text-transform: uppercase;
margin: 0 0.6em;
color: #fff;
}
#footer-menu a:hover {
color: #ccc;
}
#copyright-box {
margin: 1.467em 0;
text-align: center;
font-size: 100%;
line-height: 1.3;
}
/* =Standard Sidebars & Widgets
-------------------------------------------------------------- */
.sidebar { /*sidebar wrapper class, usually will be a */
list-style-type: none;
}
.sidebar .widget {
margin: 0 0 1.2em 0;
padding: 0;
}
.sidebar .widget h3 {
border-top: 1px dotted #666;
color: #333;
display: block;
font-size: 108%;
font-weight: bold;
line-height: 1.4;
margin-bottom: 0.6em;
padding-top: 0.6em;
text-transform: uppercase;
}
.sidebar .widget h3 a {
color: #333;
}
.sidebar .widget h3 a:hover {
color: #bb1a00;
}
.sidebar .widget h3 img { /*images in the sidebar widget titles */
background: none;
padding-right: 0.05em;
position: relative;
top: 0.175em;
}
.sidebar .widget ul { /*list-based widgets */
font-size: 108%;
line-height: 1.4;
list-style-type: disc;
margin: 0;
}
.sidebar .widget ul li {
margin-bottom: 0.6em;
margin-left: 1.3em;
}
.sidebar .widget .textwidget,
.sidebar .widget select {
font-size: 108%;
line-height: 1.4;
}
.sidebar .textwidget p {
margin-bottom: 1.467em;
}
.sidebar .textwidget img {
display: block;
margin: 0 auto;
text-align: center;
}
.sidebar .textwidget ul,
.sidebar .textwidget ol,
.sidebar .widget ul ul,
.sidebar .widget ol ol { /*list items inside a widget */
font-size: 100%;
}
/* =Double Sidebars
-------------------------------------------------------------- */
/*
Note: the double sidebar uses the same classes defined in the "Sidebars" section above, this just adds a few more classes to display the sidebar in two-columns.
*/
.double-sidebar-container {
margin: 1em 0;
}
.double-sidebar-widget {
float: left;
width: 50%;
}
.double-sidebar-widget-wrapper {
margin-right: 2.5em;
}
/* =Tabbed Sidebar
-------------------------------------------------------------- */
.tab-widgets {
margin: 1em 0;
}
.tab-widgets a {
color: #10458c;
}
.tab-widgets a:hover {
color: #bb1a00;
}
.tabnav {
border-bottom: 1px dotted #666;
float: left;
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
.tabnav li { /*the tabs in the tabbed sidebar - position, structure, font size */
float: left;
font-size: 90%;
margin: 0 0 -0.1em 0;
padding: 0;
}
.tabnav li a { /* inactive tabs in the tabbed sidebar */
background: #f9f9f9;
border: 1px dotted #666;
color: #999;
display: block;
font-weight: bold;
outline: none;
overflow: hidden;
padding: 0.5em;
text-decoration: none;
text-transform: uppercase;
}
.tabnav li a:hover {
color: #bb1a00;
text-decoration: none;
}
.tabnav li a:active,
.tabnav li.ui-tabs-selected a { /* style of active tabs in the tabbed sidebar*/
background: #fff;
border-bottom-width: 0;
color: #333;
padding-bottom: 0.6em;
text-decoration: none;
}
.tabdiv { /*the tab widget content wrapper */
background: #fff;
border: 1px dotted #666;
border-top-width: 0;
margin-top: 0;
padding: 0.9em;
}
.tabdiv ul,
.tabdiv ol,
.tabdiv .textwidget { /*tab widget body text */
font-size: 108%;
line-height: 1.3;
}
.tabdiv .textwidget p {
margin-bottom: 0.8em;
}
.tabdiv .textwidget ul,
.tabdiv .textwidget ol {
font-size: 100%;
}
.tabdiv ul li {
list-style-type: disc;
}
.tabdiv ul li,
.tabdiv ol li { /*lists inside tabbed sidebar widgets */
margin: 0.8em 0 0.8em 1em;
}
.tabdiv h3 { /*the title of a tabbed sidebar widget. This will normally not show up since the title will be in the tab instead*/
font-size: 108%;
font-weight: bold;
line-height: 1.4;
text-transform: uppercase;
}
.ui-tabs-hide { /*hide the tabbed sidebar while the page is loading. Do not mess with this. */
display: none;
}
/* =Horizontal Sidebar (Default: Front Page Only)
-------------------------------------------------------------- */
#horizontal-sidebar-header { /* wrapper of the horizontal sidebar title bar */
margin-top: 1em;
}
.horizontal-sidebar-title {
background: #faf5e1;
border: 1px solid #bcbcbc;
font-size: 125%;
font-weight: bold;
margin-bottom: 0.5em;
padding: 0.4em;
}
.horizontal-sidebar-body { /*contains the horizontal sidebar widgets */
background: #f2f2f2;
border: 1px solid #bcbcbc;
margin: 0 0 1em 0;
padding: 0.6em;
}
/*
don't edit rule below (.horizontal-sidebar-widget) unless you know what you're doing, because widget width is determined dynamically in sidebar_functions.php
*/
.horizontal-sidebar-widget {
float: left;
width: 16%;
}
.horizontal-sidebar-widget-title {
font-size: 108%;
font-weight: bold;
line-height: 1.4;
margin: 0.8em 0;
padding-right: 0.5em;
}
.horizontal-sidebar-widget-title img {
position: relative;
top: 0.2em;
}
.horizontal-sidebar-widget ul { /*list-based widgets */
font-size: 108%;
line-height: 1.4;
list-style-type: disc;
margin: 0 1em;
}
.horizontal-sidebar-widget ul a {
color: #000;
}
.horizontal-sidebar-widget ul a:hover {
color: #bb1a00;
}
.horizontal-sidebar-widget ul li {
margin-bottom: 0.8em;
margin-left: 0.5em;
}
.horizontal-sidebar-widget .textwidget {
font-size: 108%;
line-height: 1.4em;
margin-right: 1.1em;
}
.horizontal-sidebar-widget .textwidget p {
margin-bottom: 0.8em;
}
.horizontal-sidebar-widget .textwidget ul,
.horizontal-sidebar-widget .textwidget ol { /*list-based widgets */
font-size: 100%;
}
/* =WordPress Calendar Widget
-------------------------------------------------------------- */
#wp-calendar {
empty-cells: show;
font-size: 116%;
margin: 0 auto;
width: 99%;
}
#wp-calendar caption {
color: #999;
font-size: 100%;
font-style: italic;
padding-bottom: 0.5em;
text-align: left;
}
#wp-calendar th { /*calendar title : e.g. the month and year */
background: #ccc;
border: 1px solid #fff;
font-style: normal;
padding: 0.3em 0 0.3em 1em;
text-transform: capitalize;
}
#wp-calendar td { /*the calendar days (the numbers) */
color: #666;
background: #eee;
border: 1px solid #fff;
padding: 0.2em;
text-align: center;
}
#wp-calendar td:hover,
#wp-calendar #today { /*when you roll-over a calendar date */
background: #eaf1fa;
}
#wp-calendar #today { /*give the current date a special style */
font-weight:bold
}
#wp-calendar #prev,
#wp-calendar #next { /*prev/next month links at the bottom of the calendar */
font-size: 80%;
font-weight: bold;
}
/* =Images Widget
-------------------------------------------------------------- */
.img-widget-intro { /*the optional intro text*/
margin-bottom: 0.5em;
}
.img-widget-container {
overflow: hidden;
}
.img-widget-row-1,
.img-widget-row-2 {
text-align: center;
width: 100%;
}
.img-widget-row-2 {
clear: both;
padding-top: 0.5em;
}
.img-widget-img { /*image in image widget*/
float: left;
width: 49%;
}
.img-widget-bottom-caption { /*top captions for image widget images*/
display: block;
margin: 0;
padding-bottom: 1em;
}
.img-widget-top-caption { /*bottom captions for image widget images*/
display: block;
margin: 0;
padding-bottom: 0.5em;
}
/* =Featured Page & Featured Posts Widgets
-------------------------------------------------------------- */
.featured-posts-widget-entry,
.featured-page-widget-entry {
font-size:108%;
line-height:1.3;
margin-bottom: 1.3em
}
.featured-posts-widget-byline {
color: #666;
font-size: 95%;
margin-bottom: 0.2em
}
.featured-posts-widget-headline,
.featured-page-widget-headline {
font-size: 108%;
line-height: 1.3;
margin-bottom: 0.2em;
}
.featured-posts-widget-headline a,
.featured-page-widget-headline a {
font-weight: bold
}
.featured-posts-cat-link { /*Link to "More from this Category" in featured post widget */
font-size: 108%;
font-style: italic;
font-weight: bold;
}
/*Uncomment the following rules if you want to style them */
/*
.featured_posts_widget_read_more,
.featured_page_widget_read_more {}
.featured_posts_widget_entry_content,
.featured_page_widget_entry_content {} /
*/
/* =Featured Tag Box (Templatebit)
-------------------------------------------------------------- */
#featured-tag-box {} /*wraps the entire featured tag box */
.featured-tag-box-header { /*title of the featured tag box */
background: #eee;
display: block;
font-size: 108%;
font-weight: bold;
margin: 0;
padding: 0.5em 0.7em 0.3em 0.7em;
text-align: left;
text-transform: uppercase;
width: 50%;
}
.featured-tag-box-header a {
color: #000;
}
.featured-tag-box-wrapper {
margin: 0 0 1em 0;
border: 4px solid #efebeb;
}
.featured-tag-box-headline {
font-size: 108%;
font-weight: bold;
line-height: 1.3;
margin: 0 auto;
padding: 0.7em 0 0 0.6em;
}
.featured-tag-box { /*body text of a featured tag box story */
font-size: 108%;
line-height: 1.4;
margin: 0 auto;
padding: 0.6em 0.8em;
}
.featured-tag-box p {
margin-bottom: 0.8em;
}
/* =Search Form (Templatebit)
-------------------------------------------------------------- */
#search {
border-top: 1px dotted #666;
margin-bottom: 1em;
padding: 1em 0;
}
.search-form #s,
#searchform #s {
color: #666;
border: 1px solid #aaa;
border-right-color: #ddd;
border-bottom-color: #ddd;
}
.search-form #s {
width: 65%;
}
.search-form #searchsubmit,
#searchform #searchsubmit {
color: #fff;
background: #555;
border: 1px solid #bcbcbc;
font-weight: bold;
}
.search-form #s,
.search-form #searchsubmit,
#searchform #s,
#searchform #searchsubmit {
font-size: 108%;
padding: 0.3em;
}
#searchform label {
color: #666;
font-size: 108%;
padding-right: 0.3em;
}
/* =Resuable Classes and Elements
-------------------------------------------------------------- */
.generic-text {
font-size: 125%;
line-height: 1.467;
margin: 1.467em 0;
}
.small_text {
font-size: 100%;
line-height: 1.3;
margin: 1.467em 0;
}
.in-post-ad-block {
float: left;
margin-right: 1em;
}
.alignleft,
.attachment-alignleft,
.left {
float: left;
margin: 0.4em 1em 0.6em 0;
}
.alignright,
.attachment-alignright,
.right {
float: right;
margin: 0.5em 0 0 1em;
}
.aligncenter,
.attachment-aligncenter,
div.aligncenter,
.center {
display: block;
margin: 0.5em auto;
}
.alignnone,
.block {
clear: both;
margin: 0.5em 0;
}
/*use this class afer floated elements to clear them all */
.clear-float,
.hnewsbox-column-sep {
clear: both;
height:0;
font-size: 0.1em;
line-height: 0;
}
.space {
height: 0;
font-size: 0.1em;
line-height: 0;
}
.hide {
display:none;
}
/* =Plugin Support
-------------------------------------------------------------- */
/*
Citizen Press recgonizes if the wp-pagenavi plugin is intalled. This styling fixes a display issue where the bottom border was getting cut-off.
*/
.wp-pagenavi {
padding-bottom: 5px;
}
/* =Generic Metadata Related Classes
-------------------------------------------------------------- */
/*
You can use these classes to hide and/or control the presentation of various elements, e.g. in the Top Story, Newsboxes, Archive listings, single posts, sidebars, comments, etc.
*/
.read-more,
.more-link {
font-weight: bold;
}
.edit-link,
.post-edit-link,
.page-edit-link {
font-weight: bold;
}
.page-edit-link {
display: block;
margin-bottom: 1.467em;
}
.top-story-author .author-name,
.the-post-author .author-name {
font-style: normal;
text-transform: uppercase;
}
/* Uncomment any of these styles to use them! */
/*
.alert{}
.author{}
.author-name{}
.date{}
.categories{}
.tags{}
.comments-link{}
.comments-closed-link{}
.comment-feed-link{}
.post-a-comment{}
.trackback-link{}
.comment-form-author{}
.comment-form-email{}
.comment-form-url{}
#comment{}
.updated-title{}
.updated-timestamp{}
.meta-sep {}
.meta-sep-date {}
.meta-sep-post-updated {}
.meta-sep-tags {}
.meta-sep-categories {}
.meta-sep-comments-link {}
.meta-sep-edit-link {}
.meta-sep-comment-feed-link{}
.meta-sep-post-a-comment {}
.meta-sep-tracback-link {}
.meta-sep-more-link {}
.monthly-archives {}
.category-archives {}
.issue-archives {}
*/