/*********************************************************************************************
Theme Name: Tribune Theme
Theme URI:
Version: 1.1
Author: WPZOOM
Author URI:
Description:
*//*
**********************************************************************************************
0.  CSS Reset  -------------------------  All Theme Files
1.  Toolbox CSS  -----------------------  All Theme Files
2.  Page Structure  --------------------  All Theme Files
3.  Header  ----------------------------  header.php
4.  Main Navigation  -------------------  header.php
5.  Featured Slider  -------------------  wpzoom_featured.php
6.  Posts Styling ----------------------  index.php, single.php
7.  Comments  --------------------------  comments.php
8.  Sidebar & Widgets ------------------  sidebar.php
9.  Footer  ----------------------------  footer.php
**********************************************************************************************/
/*********************************************************************************************
0. CSS Reset  -------------------------  All Theme Files
*********************************************************************************************/
* { margin: 0; padding: 0; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
.clear { clear: both; height: 1px; margin: 0 0 -1px; overflow: hidden; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style-type: none; list-style-position: inside; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border: none }
/* Gets rid of IE's blue borders */
table { -x-system-font: none; font-family: inherit; font-size: inherit; font-size-adjust: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit;  }
th { background: #BBCCDD; color: #333; }
th, td { line-height: 20px; padding: 4px; }
tr:nth-child(2n) { background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0; }
tr:nth-child(2n+1) {  }
/*********************************************************************************************
1. Toolbox CSS  -------------------------  All Theme Files
*********************************************************************************************/
h1 { font-size: 26px; }
h2 { font-size: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
a {
color: #004276;
text-decoration: none;
}
a:hover {
color:#CA0002;
}
h4.title, #topside h3, #bottomside h3 {
font-weight: bold;
text-transform: uppercase;
font-size: 10px;
margin: 0 0 5px;
background:#CA0002;
padding:2px 4px;
color:#fff;
clear:both;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
}
.nextActions {
display: block;
text-decoration: none;
clear:both;
width:100%;
float:left;
margin: 6px 0;
font-size: 11px;
text-transform: uppercase;
}
.homecat .nextActions {
margin-left:10px;
}
.colAds .item {
background: #f5f5f5;
}
.colAds h5.title {
color: #b4d5c5;
}
.aligncenter,div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 10px 15px 5px 0; }
.alignright { float: right; margin: 10px 0 8px 20px; }
.clear { clear: both; }
.floatleft,.more_left { float: left; }
.floatright { float: right; }
.navigation { color: #fff; float: left; width: 98%; margin-left:10px; }
.navigation .alignleft  ,   .navigation .alignright   {margin:15px 15px 15px 0;}
.navigation .alignleft a,   .navigation .alignright a { width: 125px; text-align: center; height: 20px; }
.navigation a { color: #fff; background: #88939D; font-weight: bold; margin: 7px 5px; padding: 5px 6px; cursor: pointer; font-size: 10px; text-transform: uppercase; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: none; }
#comments .navigation a {color:#fff;}
.navigation .alignleft { float: left; }
.navigation a:hover { color: #fff; text-decoration: none; background: #3e6e8d; }
.navigation .alignright { float: right; }
.wp-pagenavi a { color:#d61919; }
.wp-pagenavi a:hover, .wp-pagenavi span.current {
border-color:#D61919;
}
.pagenav .floatleft a, .pagenav .floatright a {
font-style:italic;
font-size:26px;
color:#d61919;
}
.pagenav .floatleft a:hover, .pagenav .floatright a:hover {
color:#004276;
}
.nextpage {
font-weight:bold;
text-align:center;
margin:10px 0;
}
.nextpage a {
border:1px solid #BFBFBF;
margin:2px;
padding:3px 5px;
text-decoration:none;
}
html { overflow-y: scroll; }
p { margin-bottom:15px; line-height:1.6;}
input { padding:5px; }
#searchsubmit { padding:4px;}
#ad468 { text-align:center; margin: 0 0 20px 0;}
/*********************************************************************************************
2. Page Structure  -------------------------  All Theme Files
*********************************************************************************************/
body {
text-align: center;
background: #F2F2F2;
font-family:Georgia,"Times New Roman",Times,serif;
font-size: 12px;
color: #252324;
line-height:1.5;
}
#wrapper {
margin: 0 auto;
text-align: left;
width: 960px;
}
#inner-wrapper {
float: left;
width: 100%;
background:#fff;
padding:0 10px;
border-left:1px solid #E8E6E6;
border-right:1px solid #E8E6E6;
}
#content {
float: left;
margin-bottom: 24px;
width: 100%;
border-top: 1px solid #333;
}
#main.fullwidth { width:960px;}
/*********************************************************************************************
3. Header  -------------------------  header.php
*********************************************************************************************/
#header {
float: left;
width: 100%;
}
#head-bar {
border-bottom: 1px solid #aaaaaa;
float: left;
font-size: 10px;
text-transform: uppercase;
width: 100%;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#head-bar #date {
float: left;
line-height: 26px;
width: 308px;
text-align:right;
}
#head-bar #navigation {
float: right;
text-align:right;
z-index:201;
}
#head-bar #navigation li {
display: block;
float: left;
}
#head-bar #navigation a {
display: block;
height: 27px;
font-weight: bold;
line-height: 27px;
padding: 0 10px;
text-decoration: none;
}
#header #inner {
float: left;
width: 100%;
}
#header #inner #logo {
float: left;
height: 99px;
}
#header #inner #logo a {
position: relative;
top: -22px;
}
#header #inner #head_banner {
float: left;
position: relative;
padding:9px 0;
font-size: 18px;
line-height:1.4;
width:468px;
}
#header #inner #head_banner img {
padding:10px 0 0 5px;
}
#header #inner #head_banner .text img {
position: absolute;
left: 20px;
top: -18px;
z-index:200;
padding:0;
}
#header #inner #head_banner .text {
padding-left:180px;
}
#header #inner #right {
float: right;
}
#header #search {
height: 23px;
width: 169px;
margin-top: 14px;
border:1px solid #C4C4C4;
font-size:12px;
line-height:15px;
float:right;
clear:both;
}
#header #search #s  {
width: 136px;
border: none;
padding:1px 6px;
color:#4F4747;
display:inline;
float:left;
font-size:12px;
height:19px;
}
#header #search:hover{
border:1px solid #333;
}
#header #search #searchsubmit  {
text-indent:-9999em;
background:url("images/search.png") no-repeat;
cursor:pointer;
border:0 none;
width:17px;
margin-top:4px;
}
#header #social {
margin-top: 16px;
text-align:right;
float:right;
clear:both;
}
#header #social li {
margin-left:12px;
display:inline;
float:left;
}
#social ul:after {
content: ".";
visibility: hidden;
height: 0;
display: block;
clear: both;
}
#social ul li.button {
position: relative;
}
#social ul li.button div.tooltip {
position: absolute;
top: -40px;
left: -51px;
white-space: nowrap;
display: none;
z-index: 999;
}
#social ul li.button div.tooltip:hover {
cursor: pointer !important;
}
#social ul li.button div.tooltip span.center {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 1.2em;
background: url(images/tooltipC.png) top center no-repeat;
display: block;
padding: 0 10px;
line-height: 30px;
color: #FFF;
font-weight: bold;
height: 35px;
text-shadow: 0 1px 1px #000;
}
#social ul li.button div.tooltip span.left,
#social ul li.button div.tooltip span.right {
width: 6px;
height: 33px;
display: block;
position: absolute;
top: 0;
}
#social ul li.button div.tooltip span.left {
background: url(images/tooltipL.png) top left no-repeat;
left: -6px;
}
#social ul li.button div.tooltip span.right {
background: url(images/tooltipR.png) top right no-repeat;
right: -6px;
}
#social ul li.button a {
text-indent: -9999em;
padding: 0 !important;
width:32px;
height:32px;
display:block;
}
#breakingNews {
line-height: 40px;
height: 40px;
float: left;
width: 100%;
color:#6C6767;
border-top: 1px solid #333;
border-bottom: 4px solid #333;
}
#breakingNews span {
color: #E71E1E;
font-weight:bold;
margin-right:15px;
text-transform:uppercase;
}
/*********************************************************************************************
4. Main Navigation  -------------------------  header.php
Dropdown menu can be styled from /css/ folder -> dropdown.css file
*********************************************************************************************/
#menu {
float: left;
width:100%;
border-top: 3px solid #181B1C;
background:#F7F5F5;
position:relative;
z-index:99;
}
#menu li {
display: block;
float: left;
}
#menu a {
display: block;
text-decoration: none;
font-size:14px;
text-transform:uppercase;
}
.downarrowclass {
background:url(images/down.png) no-repeat center;
padding:6px 11px;
}
.dropdown li a:hover .downarrowclass, .dropdown li:hover .downarrowclass, .dropdown ul li.current_page_item a .downarrowclass, .dropdown ul li.current-cat a .downarrowclass{
background:url(images/downh.png) no-repeat center;
}
.rightarrowclass {
background:url(images/right.png) no-repeat center right;
padding:17px;
position:absolute;
right:10px;
}
/*********************************************************************************************
5. Featured Article, Home page  -------------------------  index.php
*********************************************************************************************/
#content #featured {
float: left;
width: 100%;
margin:15px 0 10px 0;
border-bottom: 5px solid #333;
padding-bottom:15px;
}
#content #featured h2 {
font-size: 44px;
float: left;
width:87%;
letter-spacing:-2.1px;
margin-bottom:10px;
font-weight:normal;
line-height:1.2;
}
#content #featured div.date {
float:right;
text-align:right;
color: #E73838;
font-style:italic;
font-size: 16px;
padding-top:15px;
}
#content #featured .thumb  {
float: left;
clear:both;
width:300px;
margin:5px 15px 10px 0;
}
#content #featured .thumb span {
color:#666;
font-size:10px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#featured .content {
float: left;
width: 100%;
line-height:1.4;
border-top: 1px dotted #ddd;
padding-top:10px;
}
.content .entry span {
line-height:1.4;
margin-bottom:15px;
font-size:26px;
}
#featured .entry {
font-size: 18px;
margin-bottom:5px;
padding-bottom:15px;
width:645px;
float:left;
}
#featured .entry p {
line-height:1.5;
}
#featured .entry .column {
padding-right:10px;
}
#featured .meta {
width:309px;
float:right;
clear:both;
border-top: 1px dotted #ddd;
padding-top:3px;
}
#featured .nextActions {
width:50%;
}
#featured .comments {
float:right;
background:url(images/comments.png) no-repeat left 4px;
padding-left:16px;
margin:6px 5px 0 0;
font-size:12px;
}
#featured .hidden { display: none; }
#home_ad {
text-align:center;
margin:5px 0 15px 0;
}
#main {
float: left;
width: 630px;
}
#bottomside {
float: left;
width: 100%;
padding:15px 0 0 0;
border-top:5px solid #333;
margin-top:10px;
}
#bottomside .widget {
width:23%;
float:none;
margin-right:18px;
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
}
#topside .widget {
width:32%;
float:none;
margin-right:10px;
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
}
#main .homecat {
width: 100%;
float: left;
margin-bottom:25px;
}
#main .red h4 { border-top:3px solid #CA0002; }
#main .red h4 a {  background:#CA0002;}
#main .red h4 a:hover { color:#fff; background:#D73333;}
#main .grey h4 { border-top:3px solid #333; }
#main .grey h4 a { background:#333;}
#main .grey h4 a:hover { color:#fff; background:#4B4B4B; }
.homecat h4 {
border-top:3px solid #336699;
margin-bottom:15px;
text-transform:uppercase;
font-weight:normal;
font-size:18px;
background:#F5F5F5;
float:left;
width:100%;
}
.homecat h4 a {
background:#336699;
color:#fff;
float:left;
padding:3px 10px;
}
.homecat h4 a:hover { background:#2F6998;}
.homecat ul {
display:inline;
float:left;
}
.homecat ul li {
width:185px;
margin-right:25px;
display:inline;
float:left;
line-height:1.5;
}
.homecat ul li p {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.homecat ul li h3 {
font-size:13px;
font-weight:bold;
line-height:1.4;
margin-bottom:8px;
}
.homecat ul.stories {
float:left;
clear:both;
width:100%;
display:block;
margin:5px 0;
border-top:1px dotted #ddd;
padding:10px 0 7px;
border-bottom:1px dotted #ddd;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.homecat ul.stories li {
width:100%;
list-style-type:square;
display:list-item;
list-style-position:inside;
margin:2px 0;
}
.homecat ul.stories li a {
font-size:12px;
width:100%;
clear:both;
}
.homecat .thumb  {
position:relative;
}
.homecat .thumb  a img{
z-index:100;
}
.homecat li .meta {
background:#000000;
color:#fff;
display:block;
float:left;
font-weight:700;
top:95px;
z-index:101;
padding:2px 0 4px 5px;
opacity:0.8;
text-transform:uppercase;
font-size:10px;
position:absolute;
height:14px;
width:180px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.homecat li .meta strong {
float:right;
margin-right:10px;
background:url(images/comments.png) no-repeat left 3px;
padding-left:15px;
}
.homecat li a:hover .meta {
opacity:0.4;
}
#main .widget {
float: left;
width: 200px;
margin-right:10px;
}
.rightCol {
float: right;
width: 310px;
}
.rightCol .section {
float: left;
width: 100%;
}
/*********************************************************************************************
6. Top Side Block  -------------------------  index.php, archive.php, single.php, page.php
*********************************************************************************************/
#topside  {
float: left;
width: 100%;
margin-bottom:15px;
padding-bottom:10px;
}
.widget .recent_news ul li {
float: left;
width: 100%;
margin: 5px 0;
padding:0 0 7px 0;
border-bottom: 1px dotted #ddd;
list-style-type:none;
}
.widget .recent_news li img {
float: left;
margin:0 10px 0 0;
}
.widget .recent_news li a {
font-size: 16px;
font-weight: normal;
line-height: 20px;
}
.widget .recent_news li span {
font-size:10px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
color:#BBB4B4;
}
.widget .recent_news li p {
margin-top: 4px;
margin-bottom: 10px;
line-height: 18px;
}
.widget .recent_comments li img {
float:left;
margin:0 10px 0 0;
}
.widget .recent_comments li {
list-style-type:none;
float:left;
clear:both;
display:block;
width: 100%;
margin: 5px 0;
padding:0 0 7px 0;
border-bottom: 1px dotted #ddd;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.widget .recent_comments li a {
font-weight:bold;
}
.wpzoom_media .open .description {
margin: 10px 0 5px;
font-size: 12px;
line-height: 16px;
}
.wpzoom_media .hidden {
display: none;
}
.wpzoom_media li {
background: url("images/video.gif") no-repeat 0 50%;
border-bottom: 1px dotted #ddd;
list-style-type: none;
font-size: 14px;
padding: 8px 0;
line-height: 20px;
padding-left: 20px;
}
.wpzoom_media li a.active {
font-weight:bold;
}
.tabs-out {
float:left;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
width:300px;
}
.tabs-out .tabs {
height: 25px;
border-bottom: 1px solid #e4e4e4;
}
.tabs-out .tabs li {
float: left;
text-indent: 0;
list-style-type:none;
}
.tabs-out .tabs li a {
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
padding: 5px 6px;
float:left;
line-height:1.5;
}
.tabs-out .tabs .current,
.tabs-out .tabs .current,
.tabs-out .tabs li.current a {
border: 1px solid #e4e4e4;
border-bottom: 0;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
color:#CA0002;
background:#fff;
}
.tabs-out .panes {
margin-bottom: 10px;
background:#fff;
clear:both;
border-right:1px solid #e8e8e8;
border-bottom:1px solid #e8e8e8;
border-left:1px solid #e8e8e8;
}
#bottomside .tabs-out {
width:222px;
display:inline-block;
float:none;
margin-right:18px;
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
}
.tabs-out .panes ol li {
list-style-type:decimal;
list-style-position:inside;
font-size:18px;
border-bottom: 1px dotted #ddd;
padding: 5px 8px;
color:#C4C4C4;
font-weight:bold;
}
.tabs-out .panes ol li:last-child {
border-bottom:none;
}
.tabs-out .panes ol li span {
font-size:10px;
text-transform:uppercase;
}
.tabs-out .panes ol li a {
font-size:12px;
vertical-align:middle;
}
/*********************************************************************************************
6. Posts Styling  -------------------------  index.php, archive.php, single.php, page.php
*********************************************************************************************/
.breadcrumbs {
float:left;
width:96%;
background:#F5F5F5;
margin:0 0 5px;
padding:5px 10px;
font-weight:bold;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:12px;
border:1px solid #C1C1C1;
}
.post {
float:left;
width:100%;
margin:10px 0;
overflow:hidden;
}
.post h1 a {
font-weight:normal;
font-size:33px;
line-height:1.2;
margin-bottom:7px;
}
.post h2 a {
font-weight:normal;
font-size:33px;
line-height:1.2;
margin-bottom:7px;
}
.post .meta {
border-bottom:1px dotted #ddd;
padding:0 0 7px 0;
margin:4px 0 10px 0;
font-size:10px;
color:#A2A2A2;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
text-transform:uppercase;
float:left;
width:100%;
}
.post .meta .date {
background:url(images/date.png) no-repeat 0 -3px;
padding-left:16px;
margin-right:20px;
}
.post .meta .comments a {
background:url(images/comments.png) no-repeat 0 2px;
padding-left:16px;
color:#A2A2A2;
}
.post .meta .comments a:hover {
color:#333;
}
.post .meta .views {
float:right;
width:70px;
}
.post .entry {
line-height:1.7;
font-size:13px;
clear:left;
}
.post .entry a {
border-bottom:1px solid #ccc;
}
.post .entry a img {
text-decoration: none;
border: 0 none;
}
.sticky h2 a {
background:url(images/sticky.png) no-repeat 0 5px;
padding-left:20px;
}
.post .entry .thumb img {
float:left;
margin:3px 10px 5px 0;
font-size:0;
}
.post .entry ul {
margin:0 0 20px;
padding:0 0 0 30px;
}
.post .entry ul li {
list-style-type:square;
}
.post .entry ol {
margin:0 0 20px;
padding:0 0 0 30px;
}
.post .entry ol li {
list-style-type:decimal;
}
.post blockquote {
border-left:3px solid #CCCCCC;
color:#777777;
font-size:14px;
font-style:italic;
line-height:1.8em;
margin:10px 20px 10px 30px;
padding-left:10px;
}
blockquote, q {
quotes:none;
}
.post .alignleft {
float:left;
margin:10px 15px 10px 0;
}
.post .alignright {
float:right;
margin:10px 0px 10px 15px;
}
.post .entry h2 {
float:none;
width:auto;
}
.post .entry img {
max-width:960px;
}
.post span.tag-links {
float:left;
margin:0 5px 5px 5px;
}
.post .tag-links a {
background:#285C9A;
color:#fff;
font-size:10px;
padding:1px 6px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border:none;
float:left;
margin:3px 3px 3px 0;
font-style:normal;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.post .tag-links a:hover {
text-decoration:none;
background:#d61919;
}
.post a.post-edit-link {
font-weight:bold;
margin-left:20px;
}
.gallery .gallery-item {
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
margin:10px; }
.gallery { margin: auto; text-align:center; clear:both; }
.gallery img { border: 2px solid #cfcfcf; }
.gallery-caption { margin-left: 0; }
.attachment { margin: 1em 0 }
.wp-caption-text, .gallery-caption {
color:#999;
text-align:center;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:11px;
}
.post .col_arch {
float:left;
width:100%;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
margin:10px 0;
border-top:1px solid #ccc;
padding-top:15px;
}
.post .col_arch .left {
float:left;
text-transform:uppercase;
width:200px;
font-weight:bold;
}
.post .col_arch .right {
float:left;
width:420px;
margin-left:10px;
}
.post .col_arch .right ul li {
width:30%;
float:left;
margin:0 10px 5px 0;
}
.archive {
float:left;
width:100%;
margin:5px 0 10px 0;
border-bottom:1px dotted #ddd;
padding:5px 0 8px 0;
}
.archive .date {
color:#ADADAD;
text-transform:uppercase;
margin:9px 0 5px 0;
display:block;
}
.archive h2 {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:18px;
}
.archive img {
float:left;
padding:3px;
border:1px dotted #ddd;
margin:0 10px 10px 0;
width:70px;
}
h3.catname {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
margin:8px 0;
text-transform:uppercase;
padding-bottom:7px;
border-bottom:1px dotted #ddd;
}
h3.catname img {
float:right;
display:block;
}
.meta_box {
float:right;
background:#F5F5F5;
border:1px solid #E7E3E3;
width:118px;
margin:4px 0 10px 10px;
}
.meta_box h4 {
font-size:14px;
font-style:italic;
color:#595d67;
font-weight:normal;
padding:5px;
}
.meta_box ul {
margin:5px 0 0 0;
padding:0 8px 0 0;
float:left;
}
.meta_box .hr {
float:left;
height:1px;
background:#fff;
border-top:1px solid #ccc;
clear:both;
width:100%;
margin:10px 0;
}
.meta_box li {
float:left;
width:100%;
font-size:10px;
text-transform:uppercase;
font-weight:bold;
padding:5px 0 5px 8px;
color:#595d67;
}
.meta_box li img {
padding:0 5px 0 0;
vertical-align:middle;
float:none;
}
.meta_box ul li a {
color:#595d67;
text-decoration:none;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight:bold;
font-size:10px;
font-style:normal;
}
.meta_box ul li a:hover {
color:#333;
}
.meta_box span {
font-size:12px;
margin:5px 5px 5px 5px;
color:#595d67;
clear:both;
}
.meta_box img {
padding:0 7px;
}
.meta_box .avatar {
margin-bottom:5px;
}
.meta_box strong a {
font-size:16px;
color:#595d67;
display:block;
font-weight:normal;
padding:0 0 4px 7px;
}
.meta_box  a {
color:#595d67;
font-weight:normal;
font-size:12px;
font-style:italic;
}
/*********************************************************************************************
6. Other News Slider  -------------------------  index.php, archive.php, single.php, page.php
*********************************************************************************************/
#departments {
float: left;
width: 960px;
border-top: 5px solid #333;
margin: 10px 0;
}
#departments .items-out {
width: 960px;
position: relative;
overflow: hidden;
border-top: 1px dotted #ddd;
}
#departments .items {
position: absolute;
width:20000em;
clear:both;
}
#departments h4 {
float: left;
font-size: 22px;
font-weight:normal;
padding: 6px 0 6px 0;
}
#departments .more {
text-transform: uppercase;
font-size: 10px;
margin:13px 10px 0 0;
float: right;
}
#departments ul li {
padding: 0 10px 0 3px;
float: left;
width: 180px;
display: block;
}
#departments .item .category {
text-transform: uppercase;
margin: 16px 0 8px 0;
font-weight:bold;
float:left;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#departments .item .category a {
background:#336699;
color:#fff;
padding:3px 5px;
font-size:10px;
line-height:2.2
}
#departments .item .category a:hover {
background:#CA0002;
}
#departments .item:hover .category a {
background:#CA0002;
}
#departments .item h3 {
font-size: 14px;
font-weight: bold;
margin: 5px 0;
}
#departments .item p {
line-height: 1.6;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#departments .item a.more {
margin: 0 0 4px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight:bold;
float:left;
}
#departments .nav {
width: 100%;
float: left;
border-top: 1px dotted #ddd;
}
#departments .nav a {
background: #eeeeee;
display: block;
text-transform: uppercase;
padding: 4px 10px;
}
#departments .nav a.prev {
float: left;
}
#departments .nav a.next {
float: right;
}
/*********************************************************************************************
7. Comments  -------------------------  comments.php
*********************************************************************************************/
#comments { float: left; width: 100%; background: #F8F8F8; margin-top:10px; }
#comments h3 { color: #262525; font-weight: normal; background: #E3E3E3; border-top: 4px solid #354554; border-bottom:1px dotted #354554; padding: 8px 10px; font-size:16px; text-transform:uppercase; }
.comment-input-text textarea { width: 80%; }
.comment-list { margin: 0; padding: 15px 0 0; }
.comment-list li { list-style: none; }
.comment-list li .commbody { border-bottom: 1px dotted #BBBABA; padding: 16px 0; }
.comment-list ul { margin-bottom: 0; }
.comment-list ul.children .commbody { padding: 15px 0 10px 15px; }
.comment-author img { float: left; margin: 0 12px 12px 0; }
.comment-author cite.fn a { font-size: 17px; color: #484040; }
.comment-author cite.fn a:hover { color: #000; }
.comment-profile-wrapper { text-align: center; width: 105px; }
span.says { display: none; }
.comment-meta { float: left; margin-top: 4px; }
.commleft { float: left; width: 215px; padding-left: 15px; }
.commentmetadata a { color: #8b8b8b; font-style:italic; font-size: 11px; }
.commentmetadata a:hover { color: #484040; text-decoration: none; }
.comment-gravatar { margin-bottom: 3px; }
.comment-content-wrapper { float: right; width: 538px; }
.comment-parent, .comment-single { margin-top: 15px; }
.comment-list ul.children, #comments #respond ul { border-left: 1px dotted #BBBABA; margin: 0 0 10px 47px; }
.comment-list ul.children ul.children { margin-left: 40px; }
.comment-list ul.children li { background: url('images/dot.png') no-repeat left 20px; margin: 0; }
.comment-body { padding: 8px 12px 0; margin: 0; position: relative; }
.comment-list li div p { margin-bottom: 0.8em; padding-right: 15px; color: #4F5051; font-size: 12px; margin-left: 229px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
.comment .post-date { margin-top: 0; }
.comment .post-date .right a { color: #BBB; }
.comment .post-date .right a:hover { color: #234; }
.reply { float: right; clear: both; margin-right: 15px; }
.cancel-comment-reply { margin: 15px 0 0 40px; }
.reply a, .cancel-comment-reply a { text-transform:uppercase; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; background: #285C9A; color: #fff; font-size: 10px; padding: 2px 6px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: none; margin-right: 3px; }
.reply a:hover, .cancel-comment-reply a:hover { text-decoration: none; color: #fff; background: #d61919;}
#respond li { list-style: none; }
#respond ul { margin: 0; }
#respond .legend { margin-bottom: 10px; }
#respond #commentform { padding: 15px; }
#comments #respond { padding: 0; float: left; width: 100%; }
#comments #respond .legend { margin-bottom: 0; border-bottom: 0; }
#comments #respond ul { padding: 10px 0 0 15px; background: url('images/dot.png') no-repeat left top; }
#comments ul.children #respond ul { margin-left: 30px; padding: 0; }
#comments #respond .comment-profile-wrapper, #comments #respond .comment-arrow { display: none; }
#comments #respond .comment-body { background: #FFF; }
#comments #respond .comment-content-wrapper { width: 100%; float: none; }
#respond input { margin-right: 10px; }
#respond #formContent input { margin: 7px 0; }
#respond #formContent textarea { width: 80%; }
.comment-list li #respond p { margin-left: 0; }
.comment-list li #respond h3 { padding: 8px 0; }
.comment-list li #commentform { margin-left: 25px }
#trackbacks { float: left; width: 100%; }
#trackbacks ol { padding: 10px 0; }
#trackbacks li { list-style-type: decimal; padding: 5px 0 5px 15px; }
/*********************************************************************************************
8. Sidebar & Widgets -------------------------  sidebar.php
*********************************************************************************************/
#sidebar {
width:300px;
float:right;
background:#f2f2f2;
padding:10px 10px 0;
}
.widget { float: left; line-height: 1.7; margin-bottom: 10px; width: 100%; }
#sidebar .widget { width:278px; }
#sidebar .widget { clear:both; background:#fff;  border-width:1px; border-style: solid; border-color:#f2f2f2 #e8e8e8 #e8e8e8 #e8e8e8; padding:10px;}
#sidebar #ads { margin-bottom:10px; float:left; clear:both; }
#sidebar .widget h3 { border-bottom:2px solid #f2f2f2; color:#BB0101; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom:7px; font-size:14px; font-weight:bold; text-transform:uppercase; }
.widget ul { clear: both; margin: 5px 0; line-height: 1.7; }
.widget ul li { list-style-type: square; padding-left: 5px; }
.widget ul ul { margin: 0; padding: 0; border-top: none; }
.widget ul ul li { border: none; }
.widget #cat, .widget select { width: 100%; background: #F7F7F7; border: 1px solid #cdcfd4; color: #333333; display: inline; padding: 5px; line-height: 1.5; clear: both; float: left; font-family: Georgia, serif; }
ul.gallery img { border: 2px solid #D3DDE5; width: 57px; height: 57px; float: left; }
ul.gallery img:hover { border: 2px solid #0C2B41; }
ul.gallery a { border: none; }
ul.gallery a:hover, ul.gallery li:hover, ul.gallery li a:hover, #ads li:hover { border: none; }
ul.gallery { float:left; display: block; list-style-type: none; margin: 5px 0 5px; }
.widget ul.gallery li { border: none; padding: 0 8px 11px 0; float: left; list-style-type: none; list-style-position: outside; }
.widget_recent_comments li, #twitter li { padding: 6px 0; line-height: 18px; border-bottom: 1px solid #eee; }
/* RESET LI STYLING FOR RECENT COMMENT & TWITTER */
.widget_recent_comments li a, #twitter a { display: inline; padding: 0; line-height: 18px !important; }
/* RESET <A> STYLING FOR RECENT COMMENT & TWITTER */
.widget_tag_cloud div a {  font-weight: normal; font-style:italic;}
.widget .social li { display: inline; width: 47%; float: left; background: url(images/dot.png) repeat-x bottom; padding: 10px 0; margin-right: 7px; line-height: 1.2; }
.widget .social li a { font-size: 16px; }
.widget .social li a span { color: #242323; font-size: 12px; display: block; font-style: italic; }
.widget .social img { float: left; margin-right: 7px; }
#bottomside .widget .social li, #topside .widget .social li {width:100%; }
/*********************************************************************************************
9. Footer  -------------------------  footer.php
*********************************************************************************************/
#footer-wrap {
width:100%;
float:left;
clear:both;
background: #181818;
color: #efefef;
padding-top:10px;
}
#footer {
margin: 0 auto;
width: 960px;
text-align:left;
}
#footer .logo {
float: left;
}
input { padding:5px; }
#searchsubmit { padding:4px;}
#footer #left {
float:left;
width:170px;
font-size:12px;
padding:10px 20px 50px 10px;
}
#footer #left ul {
float:left;
clear:both;
margin:10px 0 0 10px;
text-align:left;
width:100%;
}
#footer a {
color:#c2c2c2;
}
#footer a:hover {
color:#fff;
}
#footer_search {
margin:10px 0 0 0;
height:73px;
float:left;
color:#fff;
clear:both;
width:100%;
border-bottom:1px solid #000;
}
#footer #searchform {
margin-top:5px;
}
#footer_search #s {
border:1px solid #000;
background:url(images/s.jpg" repeat-x;
height:22px;
float:left;
width:366px;
}
#footer_search input#s:focus{
border:1px solid #D61919;
background:#fff;
}
#footer_search #searchsubmit {
border:1px solid #000;
background:url(images/sb.jpg" repeat-x;
height:34px;
color:#fff;
float:left;
padding:0 10px;
text-transform:uppercase;
}
#footer #footer_right {
float:left;
width:760px;
padding:15px 0 0 0;
}
#footer #footer_right strong {
font-weight:normal;
text-transform:uppercase;
font-size:13px;
width:100%;
clear:both;
}
#footer #footer_right ul {
margin:5px 0 10px 0;
float:left;
clear:both;
width:100%;
}
#footer #footer_right ul li {
display:inline;
padding-right:15px;
text-transform:uppercase;
}
#footer .copyright { float:left; width:75%; border-top:1px solid #333; padding-top:10px; color:#818181; font-size:11px; font-family:Arial; font-weight:bold;}
#footer .copyright a { color:#D22C2C; }
#footer .copyright a:hover { color:#fff;  text-decoration:none; }
#footer .designed {float:right; text-align:right; width:25%; font-style:italic; border-top:1px solid #333; padding-top:10px;}
#footer .designed img {
vertical-align:middle;
padding:5px 0 5px 2px;
}