/*

Theme Name: Massive News

Theme URI: http://www.press75.com/

Description: The all new Massive News WordPress theme by Jason Schuller and Press75.com. Detailed usage instructions for this theme can be found at <a href="http://www.press75.com/docs/massive-news/">http://www.press75.com/docs/massive-news/</a>. Don't forget to configure the Massive News Theme Options page.

Version: 2.2

Author: Jason Schuller

Author URI: http://www.press75.com/



This theme was designed and built by Jason Schuller,

whose portfolio you will find at www.jdidit.com



The CSS, XHTML and design are all Copyright 2009 Circa75 Media, LLC:

*/



@import url("style-reset.css");

@import url("style-text.css");

@import url("style-grid.css");

@import url("style-nav.css");



/* grey box method */

body {

background: #0a477d url(images/bg.png) repeat-x;

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;

}

.container_16b {
background: black;
}



/* 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;

}



img.branding {

padding:0 0 0 10px;

float: left;

}



/* 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:white;

background:#2b66a3;

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;

font-size:1.2em;

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 75px 10px;

}



#header {

background: white;

border-bottom: 1px solid #435664;

padding: 20px 0 20px 0;

}



.header_ad {

float: right;

padding: 4px;

margin: 0 10px 0 0;

background: #192227;

border: 1px solid #435664;

}



#navigation {

background: #2b66a3;

-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;

}



.content_left {

margin-right: 520px;

}



.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;

}



.thumbnail {

width: 175px;

height: 175px;

}



.content_center {

width: 220px;

float: right;

margin-right: 10px;

}



.widget_block {

margin: 0;

padding: 15px 0 15px 0;

}



.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;

}



.featured_image img {

width: 60px;

height: 60px;

}



.content_right {

width: 280px;

float: right;

}



#search_submit {

margin: 0;

padding: 0;

border: 0;

}



#search_form input {

border: 1px solid #E5E3D8;

padding: 2px;

margin: 0;

color: #404040;

background: #FFF url(images/fields.jpg) top left repeat-x;

width: 252px;

}



.side_ads {

padding: 12px 0 8px 12px;

}



* + html .side_ads {

padding: 12px 0 4px 11px;

}



.side_ads img {

margin: 0 4px 4px 0;

float: left;

}



* + html .side_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: white;

padding: 10px;

color: #FFFFFF;

-moz-border-radius-topleft: 4px;

-moz-border-radius-topright: 4px;

}



#footer h4 {

color: black;

font-size: 12px;

font-weight: normal;

text-transform: uppercase;

}



#footer p {

font-size: 10px;

margin: 0;

padding: 0;

color: black;

}



#footer a {

color: black;	

font-weight: normal;

}



#footer a:hover {

text-decoration: underline;

}