/*
Theme Name: cliz-mn-hybrid
Theme URI: http://svforge.com
Description: Custom Hybrid of Massive News Theme Documentation for general setup and usage instructions. If you can’t find the answers to your questions there, feel free to stop by the Press75.com Support Forums.
Version: 1.0
Author: Warwick Poole on Jason Schuller
Author URI: http://www.press75.com/
This theme was designed and built by Warwick Poole on work by Jason Schuller,
whose portfolio you will find at www.thesevenfive.com
The CSS, XHTML and Design are all Copyright 2009 Circa75 Media, LLC:
*/
/* grey box method */
body {
background: #E7E7E7 url(images/bg.jpg) repeat;
color: #333333;
font-size: 11px;
padding: 0;
}
a {
color: #000000;
font-weight:bold;
text-decoration: none;
}
a:hover {
color:#555555;
}
/* 960 grid system container background */
.container_16 {
background:#FFFFFF;
}
/* headings */
h1, h2, h3, h4, h5, h6 {line-height:1.2em; margin-bottom:.3em;}
h2 {margin-top:1em;}
h5 {font-size:1.2em;}
h6 {font-size:1em; text-transform:uppercase;}
h1 a {
font-weight:normal;
}
/* branding */
h1#branding {
font-weight:normal;
font-size:6em;
font-family:Georgia,Times,serif;
text-align:left;
padding:0 0 0 10px;
margin-bottom:0;
}
h1#branding a {
color: #FFFFFF;
}
h1#branding a:hover {
color: #999999;
}
#textlogo {
width: 500px;
float: left;
}
#logo {
z-index:1000;
}
img.branding {
padding:0 0 0 10px;
position:absolute;
float: left;
z-index:1000;
}
/* page heading */
h2#page-heading {
font-weight:normal;
font-family:Georgia,Times,serif;
padding:.5em;
margin:0 0 10px 0;
border-bottom:1px solid #ccc;
}
/* boxes */
.box {
background:#F8F8F8;
margin-bottom:10px;
padding:10px 10px 1px 10px;
border: 1px solid #E1E1E1;
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
}
.first_box {
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomleft: 4px;
}
.last_box {
margin-right: 0px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
border: none;
height: 175px;
}
.box h2 {
font-size:1em;
font-weight:normal;
text-transform:uppercase;
color:#9BAAB5;
background:#192227;
margin:-11px -11px 0 -11px;
padding:8px 0 6px 12px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
}
.box h2 a, .box h2 a.visible {
color:#9BAAB5;
font-weight: normal;
}
.box h2 a:hover {
color:#FFFFFF;
background: none;
}
.block {
padding-top:10px;
margin-bottom: 30px;
}
.entry img {
padding: 5px;
border: 1px solid #BBBBBB;
background: #FFFFFF;
}
div.menu {
padding:0;
}
div.menu h2 {
margin:0;
}
div.menu .block {
padding-top:0;
}
/* paragraphs, quotes and lists */
p {
margin-bottom:1em;
}
blockquote {
font-family: Georgia, 'Times New Roman', serif;
padding-left:1em;
border-left:4px solid #CCCCCC;
}
blockquote cite {
font-size:.9em;
}
ul, ol {
padding-top:0;
}
/* menus */
ul.menu {
list-style:none;
border-top:1px solid #BBBBBB;
}
ul.menu li {
margin:0;
}
ul.menu li a {
display:block;
padding:4px 0;
border-bottom:1px solid #BBBBBB;
}
ul.menu li a:hover {
background:#EEEEEE;
}
ul.menu li a:active {
background:#CCCCCC;
}
/* submenus */
ul.menu ul {
list-style:none;
margin:0;
}
ul.menu ul li a {
padding-left:30px;
}
/* section menus */
ul.section {
border-top:0;
margin-bottom:0;
}
ul.section li {
text-transform:uppercase;
}
ul.section li a {
background:#BBBBBB;
}
ul.section li a:hover {
background:#AAAAAA;
}
ul.section li a:active {
color:#FFFFFF;
background:#666666;
}
ul.section li li a {
background:#DDDDDD;
}
ul.section li li a:hover {
background:#CCCCCC;
}
ul.section li li a:active {
color:#000000;
background:#FFFFFF;
}
ul.section ul li {
text-transform:none;
}
ul.section li.current a {
background:#EEEEEE;
}
ul.section li.current a:hover {
background:#DDDDDD;
}
ul.section li.current a:active {
background:#FFFFFF;
}
ul.section li.current > a {
color:#FFFFFF;
background:#666666;
}
ul.section li.current > a:hover {
background:#555555;
}
ul.section li.current > a:active {
background:#444444;
}
ul.section li.current a.active {
background:#FFFFFF;
cursor:default;
}
ul.section li.current > a.active,
ul.section li.current > a.active:hover {
color:#FFFFFF;
background:#666666;
cursor:default;
}
/* tables */
table {
width:100%;
border:1px solid #BBBBBB;
margin-bottom:10px;
}
col.colC {
width:8em;
}
th, td {
padding:.2em 1em;
text-align:left;
}
thead th {
border-bottom:2px solid #888888;
background:#BBBBBB;
padding:.4em 1em .2em;
}
thead th.table-head {
font-size:1em;
font-weight:normal;
text-transform:uppercase;
color:#FFFFFF;
background:#555555;
border:1px solid #555555;
}
tbody th, tbody td {
border-top:1px solid #BBBBBB;
border-bottom:1px solid #BBBBBB;
background:#EEEEEE;
}
tbody tr.odd th,
tbody tr.odd td {
background:#FFFFFF;
}
tfoot th,
tfoot td {
border-top:2px solid #666666;
background:#EEEEEE;
}
tfoot tr.total th,
tfoot tr.total td {
border-top:6px double #666666;
}
tfoot tr.total th {
text-transform:uppercase;
}
th.currency,
td.currency {
text-align:right;
}
/* forms */
form {
overflow:hidden;
}
fieldset {
border:1px solid #BBBBBB;
padding:10px;
position:relative;
background:#E9E9E9;
margin-bottom:10px;
}
legend {
font-size:1.1em;
padding:.4em .8em;
background:#FFFFFF;
border:1px solid #BBBBBB;
}
fieldset.login p {
margin-bottom:1em;
margin-top:0pt;
}
fieldset p label {
width:98%;
}
fieldset p input {
width:98%;
}
fieldset p select {
width:99%;
}
fieldset.login p label {
float:left;
line-height:2em;
margin-right:3%;
text-align:right;
width:32%;
}
fieldset.login p input {
width:60%;
}
fieldset.login input.button {
margin-left:35%;
}
form p.notice {
font-weight:bold;
}
input.search.text {
width:66%;
}
input.search.button {
width:28%;
margin-left:2%;
}
/* articles */
#articles {
padding-top:0;
}
.article {
margin-top: 20px;
}
.main_article {
font-size: 12px;
margin-top: 30px;
}
.first_main_article {
margin-top: 2px;
font-size: 12px;
}
.box .article {
}
.article h2 {
font-size:2em;
font-weight:normal;
text-transform:none;
color:#333333;
background:transparent;
padding:0;
margin:0;
border:none;
}
.article h3 {
margin-bottom:.2em;
font-size:1.6em;
}
.box .first {
border-top:none;
margin-top: 12px;
}
.article h4 {
font-size:1.2em;
margin-bottom:.5em;
}
.article a.image {
float:left;
margin:3px 10px 3px 0;
padding:4px;
border:1px solid #bbb;
background:#FFFFFF;
}
.article a.image:hover {
border:1px solid #666666;
}
.article a.image img {
float:left;
}
.meta {
color:#666666;
border-top:1px dotted #999999;
border-bottom:1px dotted #999999;
margin-bottom:.8em;
padding: 4px 0 4px 0;
}
.meta a:link, .meta a:visited {
font-weight: normal;
color: #666666;
}
.meta a:hover {
font-weight: normal;
color: #333333;
text-decoration: underline;
}
/* massive news */
#head_wrap {
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
padding: 0 10px 10px 10px;
}
#header {
background: #B8DFF9;
border-bottom: 1px solid #B8DFF9;
padding: 0px 0 0px 0;
}
.header_ad {
float: right;
padding: 4px;
margin: 6px 10px 0 0;
background: #192227;
border: 1px solid #435664;
}
.header_right {
float: right;
padding: 4px;
margin: 18px 10px 0 0;
width: 728px;
z-index:1;
}
.hr_img_line {
margin-right:14px;
padding-top:1px;
float:right;
}
.hr_form_wrap{
float:right;
}
.top_ad{
float:right;
width:728px;
height:90px;
margin: 10px 0;
text-align:right;
}
.form_light {
color:#999;
font-style:italic;
}
.form_dark {
color:#000;
font-style:normal;
}
#navigation {
background: #192227;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px;
}
ul.nav li {
background: url(images/menudiv.jpg) top right no-repeat;
}
ul.nav li.page_item {
background: url(images/menudiv.jpg) top left no-repeat;
}
ul.nav li.subscribe {
background: url(images/rss.jpg) top left no-repeat;
padding-right: 23px;
}
.main_wrap {
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
padding: 10px 10px 0 10px;
margin-top: 15px;
margin-bottom: 15px;
}
.featured_box {
margin-right: 10px;
border: none;
height: 175px;
}
/** featured content **/
.boxgrid{
float:left;
overflow: hidden;
position: relative;
}
.boxgrid img{
position: absolute;
top: 0;
left: 0;
border: 0;
}
.boxgrid p{
padding: 0 20px 0 10px;
}
.boxgrid h4 {
font-size: 16px;
padding: 10px 0 0 10px;
margin: 0;
}
.boxcaption{
float: left;
position: absolute;
background: #FFFFFF;
height: 186px;
width: 100%;
opacity: .8;
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.captionfull .boxcaption {
top: 0;
left: 0;
}
.caption .boxcaption {
top: 186;
left: 0;
}
#content_left_wrapper {
float: left;
width: 100%;
}
#content_right_wrapper {
/* width: 610px;
float: left;
margin-left: -610px; */
width: 650px;
float: left;
margin-left: -650px;
}
.content_left {
/* margin-right: 620px; */
margin-right: 660px;
}
.video {
width: auto;
margin: 20px 0 20px 0;
text-align: center;
border: 1px solid #BBBBBB;
padding: 10px;
background: #CCCCCC;
}
.time {
background: url(images/date.jpg) left no-repeat;
padding: 4px 0 4px 22px;
margin: 0 10px 0 0;
}
.categories {
background: url(images/categories.jpg) left no-repeat;
padding: 4px 0 4px 22px;
margin: 0 10px 0 0;
}
.discuss {
background: url(images/comments.jpg) left no-repeat;
padding: 4px 0 4px 22px;
margin: 0 10px 0 0;
}
.editlink {
background: url(images/edit.jpg) left no-repeat;
padding: 4px 0 4px 22px;
margin: 0 10px 0 0;
}
.content_center {
width: 320px;
float: right;
margin-right: 10px;
}
.widget_block {
margin: 0;
padding: 15px 0 15px 0;
}
.p75_related_posts .widget_block { padding: 0; }
.cat_posts .widget_block { padding: 0; }
.widget_tag_cloud .widget_block { padding: 0; }
.widget_text .widget_block { padding: 10px 0; }
.p75_sidebar_ads .widget_block { padding: 0; }
.content_center .p75_sidebar_ads .widget_block { padding: 0 0 0 23px; }
.widget_block ul {
list-style: none;
margin: 0;
padding: 0;
border-top: 1px solid #BBB;
}
.widget_block li {
padding:4px 0;
margin: 0;
border-bottom:1px solid #bbb;
}
.widget_block li:hover {
background: #EEE;
}
.widget p {
margin: 10px 0 10px 0;
}
.content_right {
/* width: 280px; */
width: 320px;
float: right;
}
#search_submit {
margin: 0;
padding: 0;
border: 0;
}
#search_form input {
/* border: 1px solid #E5E3D8; */
border: 1px solid #BBBBBB;
padding: 2px;
margin: 0;
color: #404040;
background: #FFF url(images/fields.jpg) top left repeat-x;
width: 252px;
}
.p75_sidebar_ads {
padding: 12px 0 8px 12px;
}
* + html .p75_sidebar_ads {
padding: 12px 0 4px 11px;
}
.p75_sidebar_ads img {
margin: 0 4px 4px 0;
}
* + html .p75_sidebar_ads img {
margin: 0 4px 4px 0;
float: none;
}
#footer_wrap {
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
padding: 10px 10px 0 10px;
margin-bottom: 0px;
}
.pagination {
font-size: 14px;
padding-top: 5px;
}
.pagination a {
font-weight: normal;
}
#footer {
background: #192227;
padding: 10px;
color: #FFFFFF;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
}
#footer h4 {
font-size: 12px;
font-weight: normal;
text-transform: uppercase;
}
#footer p {
font-size: 10px;
margin: 0;
padding: 0;
color: #9BAAB5;
}
#footer a {
color: #9BAAB5;
font-weight: normal;
}
#footer a:hover {
text-decoration: underline;
}
/** menu styles **/
ul.nav, ul.nav * {
margin:0;
padding:0;
font-weight:normal;
text-transform:uppercase;
font-size:11px;
z-index:100000;
}
ul.nav {
position:relative;
max-width:100%;
height:2.5em;
}
ul.nav li {
cursor:pointer;
float:left;
text-align:center;
list-style-type:none;
font-weight:normal;
}
ul.nav li ul {
cursor:default;
width:100%;
max-width:100%;
position:absolute;
height:auto;
top:2.5em;
background-position:0 0 !important;
left:-9000px;
}
ul.nav li ul li {
padding:0;
border:none;
width:auto;
max-width:none;
}
ul.nav li a {
color:#fff;
text-decoration:none;
display:block;
float:left;
padding:0 1em;
height:2.4em;
line-height:2.5em;
}
ul.nav li ul li a {
position:relative !important; /* ie Mac */
cursor:pointer !important;
white-space:nowrap;
line-height:2em;
height:2em;
font-weight:normal;
color:#666;
background-position:0 50% !important;
}
ul.nav li:hover a,
ul.nav li a:hover,
ul.nav li a:focus {color:#000;}
ul.nav li a:active {color:#666; background:#fff;}
ul.nav li:hover ul {left:0;z-index:10}
ul.nav li ul,
ul.nav li {}
ul.nav li:hover ul li a {color:#444;}
ul.nav li:hover ul li a:hover {color:#000; background:#fff;}
ul.nav li:hover ul li a:active {color:#666; background:#fff;}
ul.nav li.current a {color:#666; background:#fff; cursor:default;}
ul.nav li.current ul {left:0;z-index:5}
ul.nav li.current ul,
ul.nav li.current {background:#ccc !important}
ul.nav li.current ul li a {color:#444; background:#ccc; font-weight:normal;}
ul.nav li.current ul li a:hover {color:#000; background:#fff;}
ul.nav li ul li.current a,
ul.nav li ul li.current a:hover,
ul.nav li.current:hover ul li a:active {color:#666; background:#fff;}
/* navigation (vertical subnavigation) */
ul.nav {
}
ul.main li {
position:relative;
top:0;
left:0;
}
ul.main li ul {
border-top:0;
}
ul.main li ul li {
float:left;
}
ul.main li a {
height:2.5em;
line-height:2.5em;
border:0;
color:#9BAAB5;
}
ul.main li ul li a {
width:12em;
line-height:2em;
height:2em;
text-align:left;
color:#fff;
border-top:1px solid #435664;
background:#192227;
}
ul.main li a:focus {color:#fff;}
ul.main li ul li a:hover {
color:#fff;
}
ul.main li:hover a {
color:#fff;
}
ul.main li:hover ul li a {color:#fff;}
ul.main li:hover ul li a:hover {color:#fff; background:#344652;}
ul.main li:hover a:active {background:#344652;}
ul.main li:hover ul li a:active {color:#fff; background:#222;}
/* page_item list */
ul.nav li.page_item {
float:right;
color:#cde;
}
ul.nav li.page_item span.status {
float:left;
padding:0 1em;
line-height:2.77em;
height:2.77em;
font-size:0.9em;
}
ul.nav li.page_item span.status a {
float:none;
display:inline;
padding:0;
height:auto;
line-height:auto;
color:#cde;
background:transparent;
}
ul.nav li.page_item span.status a:hover {
color:#fff;
background:transparent;
}
ul.nav li.page_item span.status span {
text-transform:capitalize;
}
ul.nav li.page_item:hover a {
color:#fff;
}
ul.nav li.page_item:hover a:hover {
}
ul.nav li.page_item:hover a:active {background:#444;}
/** begin comment styles **/
#comments {
margin: 0 0 0 0;
}
#comments h3 {
font-size: 16px;
font-weight: normal;
color: #181512;
margin: 5px 0 0 0;
padding: 0;
}
.comment-author {
font-size: 16px;
font-weight: normal;
}
.comment-meta {
font-size: 10px;
font-weight: normal;
margin: 0 0 10px 0;
}
.avatar {
float: right;
display: inline;
padding: 3px;
margin: 5px 0 4px 8px;
border:1px solid #BBB;
}
#comment {
width: 510px;
font: 12px arial,helvetica,verdana,sans-serif;
}
h2.commh2 {
font-size: 1.4em !important;
padding: 0 0 5px;
color: #333 !important;
}
ol.commentlist {
margin: 10px 0 20px;
padding: 0;
list-style: none;
font-size: 12px;
}
ol.commentlist p {
margin-bottom: 10px;
}
ol.commentlist cite {
font-style: normal;
font-weight: bold;
margin: 0;
padding: 0;
}
ol.commentlist li.alt {
padding: 0 0 15px 0;
margin: 0 0 15px 0;
border-bottom: 1px solid #BBB;
}
ol.commentlist li {
padding: 0 0 15px 0;
margin: 0 0 15px 0;
border-bottom: 1px solid #BBB;
}
ol.commentlist li div.reply {
background: url(images/submit.jpg) left no-repeat;
height: 20px;
border: none;
padding: 5px 0 0 20px;
color: #000;
cursor: pointer;
}
ol.commentlist li div.reply:hover {
color: #555;
}
ol.commentlist li div.reply a {
font-weight: normal;
}
ol.commentlist li ul.children {
list-style: none;
margin: 0;
padding: 0;
text-indent: 0;
}
ol.commentlist li ul.children li {
background: none;
margin: 0;
padding: 10px 0 0px 40px;
border: none;
color: #555;
}
ol.commentlist li ul.children li.alt {
background: none;
margin: 0;
padding: 10px 0 0px 40px;
border: none;
color: #555;
}
ol.commentlist li ul.children li.depth-2 { margin:0; }
ol.commentlist li ul.children li.depth-3 { margin:0; }
ol.commentlist li ul.children li.depth-4 { margin:0; }
ol.commentlist li ul.children li.depth-5 { margin:0; }
input#submit {
background: url(images/submit.jpg) left no-repeat;
height: 20px;
border: none;
padding: 0 0 0 20px;
color: #000;
cursor: pointer;
}
* + html input#submit {
padding: 0;
}
input#submit:hover {
color: #555;
}
#comment,#author,#email,#url {
border: 1px solid #E5E3D8;
padding: 2px;
margin: 0 0 10px 0;
color: #404040;
background: #FFF url(images/fields.jpg) top left repeat-x;
}
#comment {
margin: 10px 0 10px 0;
height: 200px;
width: 99%;
}
#respond {
padding: 0;
margin: 0;
}
/** wordpress basics **/
.wp-caption {
margin-bottom: 5px;
border:1px solid #BBBBBB;
background:#FFFFFF;
}
.wp-caption-text {
color:#FFFFFF;
text-align:center;
padding-top: 5px;
padding-bottom: 5px;
width: auto;
font-weight: bold;
text-transform: uppercase;
}
code {
font: 1.1em 'Courier New', Courier, Fixed;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 5px;
margin: 0 0 2px 10px;
display: inline;
}
img.alignleft {
padding: 5px;
margin: 0 10px 2px 0;
display: inline;
}
.alignright {
float: right;
margin-left: 15px;
}
.alignleft {
float: left;
margin-right: 15px;
}
/** begin calendar **/
#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 155px;
}
#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}
#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}
#wp-calendar a {
display: block;
}
#wp-calendar caption {
text-align: center;
width: 100%;
}
#wp-calendar td {
padding: 3px 0;
text-align: center;
}
#wp-calendar td.pad:hover { /* Doesn't work in IE */
background-color: #fff; }
/** various tags and classes **/
acronym, abbr, span.caps {
cursor: help;
}
acronym, abbr {
border-bottom: 1px dashed #999;
}
blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 5px solid #ddd;
}
blockquote cite {
margin: 5px 0 0;
display: block;
}
.center {
text-align: center;
}
.hidden {
display: none;
}
hr {
display: none;
}
a img {
border: none;
}
/* begin captions */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
text-align: center;
background-color: #FFF;
padding: 10px 5px 0 5px;
margin-bottom: 5px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 4px 4px 5px;
margin: 0;
background: none;
color: #333;
}
.credits {
font-size: 10px;
margin: 0;
}
.twtr-hd {
display:none !important;
}
.twtr-ft {
background-color:#f8f8f8 !important;
}
.twtr-ft a img {
display:none !important;
}
.twtr-join-conv {
color:#a0abb1 !important;
}