/*-----------------------------------------------------------------------------------------------------------------
Author: Gavin Stone - Supernaturalufo.com 
Purpose: CSS for main page
Copyright: All code is copyrighted Gavin Stone and may not be used/replicated/reproduced without express permission
------------------------------------------------------------------------------------------------------------------*/


/* Main Body, Header, Paragraph and Font Information
------------------------------------------------------------------------------------------------------------------*/
	
body { 
  background-color: #000000;
  background-image: url('http://www.supernaturalufo.com/images/page-bg.jpg');
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  margin: 0px;
  font-family: Helvetica, Arial, sans-serif; 
  font-size: 10pt;
}


h1,h2,p {
	margin: 0 10px;
}

h1 {
	font-size: 15px;
	color: #2c3644;
}

h2 {
	font-size: 200%;
	color: #2c3644;
}

h3 {
	padding: 2px;
	margin: 0px;
	font-size: 12px;
	color: #14325c;
}

h4 {
	padding: 2px;
	margin: 0px;
	font-size: 13px;
	font-weight: bold;
	color: white;
}

p {
	padding-bottom:1em;
	font-size: 12px;
}

h2 {
	padding-top: 0.3em;
}

img {
	border-style: none;
}

#disqus_thread { width: 670px !important; }
/* End Main Body, Header, Paragraph and Font Information
-------------------------------------------------------------------------------------------------------------------*/

/* Search Box CSS */

.suggest_link {
	background-color: #FFFFFF;
	padding: 2px 6px 10px 6px;
	z-index: 5;	
}

.suggest_link_over {
	background-color: #3366CC;
	padding: 2px 6px 10px 6px;
	z-index: 5;
	text-decoration: none;
}

#search_suggest {
	position: absolute;
	width: 289px;
	background-color: #FFFFFF; 
	text-align: left;
	border-top: none; 
	z-index: 500000;
	margin-top: 2px;
	border: 1px solid #000;
}

#search_suggest a {
	text-decoration: none;
}

#search_suggest a:visited{
	color: blue;
	text-decoration: none;
}

.searchbox {
	float: right;
	top:10px;
	right:0;
	margin-top: 2px;
	margin-right:5px;
}

.searchboxtitle {
	float: left;
	margin-bottom: 5px;
}


/* End Of Search Box
--------------------------------------------------------------------------------------------------------------------- */ 

/* Holds the entire page */
#page_wrapper {
	margin-left: auto; 
	margin-right: auto;
	width: 982px;
	text-align: left;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
	background-image: url("/images/page-gradient.png");
	background-repeat: repeat-y;
}

/* Page Footer */
#pagefooter {
	margin-left: auto; 
	margin-right: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 981px;
	text-align: center;
	color: white;
}

/* Header wrapper */
#header_wrapper {
	width: 100%;
	height: 78px;
}

/* Actual Header */
#header {
	width: 982px;
	height: 78px;
	background: #000 url('images/logo.jpg') no-repeat left;
	float: left;
	padding: 0px;
	text-align: left;
}

/* Holds the entire content part of the page */
#main_content {
	margin-left: auto; 
	margin-right: auto;
	background: #5b6877;
	width: 98%;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #000
}

#article_title {
	position: absolute;
	width: 295px;
	height: 30px;
	background: url('images/headers/articlesnewheader.png') no-repeat left;
	top: -15px;
	left: -1px;
	z-index: 3;
}

#pinnedthree_title {
	position: absolute;
	width: 200px;
	height: 30px;
	background: url('images/headers/latestnewsheader.png') no-repeat left;
	z-index: 3;
	top: -15px;
	left: -1px;
	overflow: visible;
}


#article_content {
	position: relative;
	float: left;
	background: #f0f0f0;
	width: 295px;
	height: 283px;
	margin-left: 7px;
	border-style:solid;
	border-width:1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.articlecontainer {
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 3px;
	float: left;
	position: relative;
	width: 289px;
	height: 90px;
}

.articlepicture {
	float: left;
	position: relative;
	width: 143px;
	height: 90px;
}

.articletext {
	float: right;
	position: relative;
	width: 146px;
	height: 90px;
	background: #000 url('images/gradientarticle.png') repeat-x left;
}

.articletext a {
	color: white;
	text-decoration: none;
}

/* Clears the Floating Elements and pushes to the bottom of the page */
.clear { 
	clear: both;
}

.clearleft{
	clear: left;
}

.clearright{
	clear: right;
}

/* Start of CSS to prettify the news */
.news {
	position: relative;
	background: #000 url('images/headers/newsgradient.png') repeat-x left;
	width: 700px;
	float: left;
	margin-left: 7px;
	margin-top: 10px;
	margin-right: 7px;
	-webkit-border-radius-topleft: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-radius-topright: 5px;
	-moz-border-radius-topright: 5px;
}

.newsfull {
	position: relative;
	background: #fff;
	width: 700px;
	float: left;
	margin-left: 7px;
	margin-top: 10px;
	margin-right: 7px;
	-webkit-border-radius-topleft: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-radius-topright: 5px;
	-moz-border-radius-topright: 5px;
}

.commentwrapper {
	position: relative;
	background: #D5DDE5;
	width: 690px;
	float: left;
	margin-left: 7px;
	margin-top: 10px;
	margin-right: 7px;
	padding-left: 10px;
	-webkit-border-radius-topleft: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-radius-topright: 5px;
	-moz-border-radius-topright: 5px;
}

.video {
	position: relative;
	background: #000 url('images/headers/newsgradient.png') repeat-x left;
	width: 31%;
	height: 320px;
	float: left;
	margin: 5px 0px 5px 10px;
	padding: 5px 5px 5px 5px; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

/* Top Opacity Black Menu */
#blackmenu {
	color: #fff;
	font-weight: bold;
	background: #000;
	width: 100%;
	height: 22px;
	opacity: 0.7;
	-webkit-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-radius-bottomright: 5px;
	-moz-border-radius-bottomright: 5px;
}

#blackmenudate {
	width: 25%;
	float: left;
	text-align: left;
	padding: 3px;
}

#blackmenubreakingnews {
	width: 45%;
	float: left;
	text-align: left;
	overflow: hidden;
}

#blackmenulogindetails {
	width: 28%;
	float: right;
	text-align: right;
	padding: 3px;
}

/* Left Menu Wrapper */

#rightmenuwrapper {
	float: right;
	margin: 7px 7px 7px 7px;
	width: 250px;
	overflow: hidden;
}

.rightmenutitlearticles{
	position: absolute;
	width: 250px;
	height: 30px;
	background: url('images/headers/articlesnewheader.png') no-repeat left;
	top: -15px;
	left: -1px;
	z-index: 3;
}	

.rightmenutitlesitenews{
	position: absolute;
	width: 140px;
	height: 30px;
	background: url('images/headers/sitenewsheader.png') no-repeat left;
	top: -15px;
	left: -1px;
	z-index: 3;
}

.rightmenutitleinterviews{
	position: absolute;
	width: 140px;
	height: 30px;
	background: url('images/headers/interviewsheader.png') no-repeat left;
	top: -15px;
	left: -1px;
	z-index: 3;
}	

.rightmenutitleaffiliates{
	position: absolute;
	width: 140px;
	height: 30px;
	background: url('images/headers/affiliatesheader.png') no-repeat left;
	top: -15px;
	left: -1px;
	z-index: 3;
}	

.rightmenutitleresources{
	position: absolute;
	width: 140px;
	height: 30px;
	background: url('images/headers/resourcesheader.png') no-repeat left;
	top: -15px;
	left: -1px;
	z-index: 3;
}
	
.rightmenu{
	background: #d5dde5;
	position: relative;
	width: 98%;
	float: right;
	margin-left: 0px;
	margin-top: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-style:solid;
	border-width:1px;
}

.rightmenu h2 {
	font-size: 16px;
	margin-top: 15px;
}

.rightmenu a, .rightmenu p {
	text-decoration: none;
}

.rightmenu a:visited {
	color: blue;
}

.contactus{
	background: url('images/headers/contactus.png') no-repeat;
	float: left;
	width: 100%;
	height: 40px;
}

.affiliates{
	background: url('images/headers/affiliates.png') no-repeat;
	float: left;
	width: 100%;
	height: 40px;
}

/* RSS Align */	
.rss {
	float: right;
	margin-top: 3px;
	margin-right: 5px;
}

/* Social Media CSS */
.addthis_default_style{
	float: right;
	margin-right: 5px;
	}

/* Top Navigation CSS */
.resultnavigationtop {
  /* CSS3 standard */
	background: #000 url('images/gradientarticle.png') repeat-x left;
	width: 700px;
	float: left;
	color: #fff;
	margin-left: 7px;
	margin-top: 7px;
	margin-right: 7px;
	margin-bottom: 3px;
	text-align: center;
	border-style:solid;
	border-color:black;
	border-width:1px;
	font: bold 16px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.resultnavigationtopvideo {
  /* CSS3 standard */
	background: #000 url('images/gradientarticle.png') repeat-x left;
	width: 96%;
	float: left;
	color: #fff;
	margin-left: 2%;
	margin-top: 2%;
	margin-right: 2%;
	margin-bottom: 3px;
	text-align: center;
	border-style:solid;
	border-color:black;
	border-width:1px;
	font: bold 16px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.resultnavigation {
  /* CSS3 standard */
	background: #8d9aaa;
	width: 70%;
	float: right;
	color: #fff;
	margin-left: 20px;
	margin-top: 7px;
	margin-right: 7px;
	margin-bottom: 7px;
	text-align: center;
	font: bold 16px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.resultnavigationtop a:visited , .resultnavigation a:visited {
color:#0000FF;
}

/* Displays on SQL Error */
.sqlerror {
	background: #8d9aaa;
	width: 80%;
	float: right;
	color: red;
	margin-left: 20px;
	margin-top: 7px;
	text-align: center;
	font-weight: bold;
	font: bold 16px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}


.news p {
	padding-top: 1em;
	width: 60%;
	float: left;
}

.video p {
	text-align: center;
	padding-top: 1em;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	float: left;
}

.newsrelated {
	width: 35%;
	position: relative;
	float: right;
	margin: 10px 5px 5px 0;
}

.newsrelated p {
	padding-bottom: 1px;
	width: 95%;
}

.newsrelated a {
	color: 2c3644;  
	text-decoration: none;
}

.newstitle {
	font-size: 100%;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
	background: #8d9aaa;
	color: #000;
	width: 99%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.newstitle h1 {
	font-size: 140%;
	color: #2c3644;
	text-decoration: none;
}

.newstitle h1 a {
	text-decoration: none;
	color: #2c3644;
}


.videotitle {
	font-size: 100%;
	background: #8d9aaa;
	color: #000;
	width: 100%;
	margin: 2px 5 2 5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;	
}

.videotitle h1 {
	font-size: 120%;
	color: #2c3644;
	margin: 2px 2 2 2;
}

.newscategory {
	float: right;
	margin: 2px 2px 2px 2px;
	}
	
.categorytitle {
	font-size: 100%;
	margin-top: 15px;
	margin-left: 7px;
	margin-right: 7px;
	background: #000 url('images/gradientarticle.png') repeat-x left;
	width: 700px;
	color: #000;
	border-style:solid;
	border-width:1px;
	text-align: center;
	position: relative;
	float: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}


.categorytitle h1 {
	font-size: 200%;
	color: #0e2e5b;
}


.newsfooter {
	position: relative;
	background: #8d9aaa;
	margin-right: 7px;
	margin-left: 7px;
	width: 700px;
	float: left;
	color: #fff;
	font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	-webkit-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-radius-bottomright: 5px;
	-moz-border-radius-bottomright: 5px;
}

.newsfooter a {
	text-decoration: none;
}

.newsfooterlist {
	padding:0; 
	margin:0 0 0 10px; 
}

.newsfooterlist h1 {
	font-size: 100%;
	color: #2c3644;
}

.newsfooterlist li {
	list-style-type: none;
	border-bottom-width: 0;
	float: left;
	color: #2c3644;
	margin: 0 20px 0 0;
}

.videofooter {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: #8d9aaa;
	width: 100%;
	float: right;
	color: #fff;
	font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	-webkit-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-radius-bottomright: 5px;
	-moz-border-radius-bottomright: 5px;
}

.videofooter a {
	text-decoration: none;
}


.videofooterlist {
	padding:0; 
	margin:0 0 0 10px; 
}

.videofooterlist h1 {
	font-size: 100%;
	color: #2c3644;
}

.videofooterlist li {
	list-style-type: none;
	border-bottom-width: 0;
	float: left;
	color: #2c3644;
	margin: 0 25px 0 0;
}



/* Global Variations and Alignment Classes */
.align-right {
	float:right;
	margin: 0px 5px 10px 5px;
}

.align-left {
	float:left;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 5px;
}

.align-right {
	float:right;
	margin: 0px 5px 10px 5px;
}

.align-centre {
	text-align: center;
}

.frame { 
	padding: 5px;
	border: 1px solid #aaa;
}

.bold {
   font-weight: bold;
}

.italics {
   font-style: italic;
}

.underline {
   text-decoration: underline;
}

.strikethrough {
   text-decoration: line-through;
}

.overline {
   text-decoration: overline;
}

.quotecodeheader {
   font-family: Verdana, arial, helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
}

.codebody {
   background-color: #FFFFFF;
    font-family: Courier new, courier, mono;
    font-size: 12px;
    color: #006600;
    border: 1px solid #BFBFBF;
}

.quotebody {
   background-color: #FFFFFF;
    font-family: Courier new, courier, mono;
    font-size: 12px;
    color: #660002;
   border: 1px solid #BFBFBF;
}

.listbullet {
   list-style-type: disc;
   list-style-position: inside;
}

.listdecimal {
   list-style-type: decimal;
   list-style-position: inside;
}

.listlowerroman {
   list-style-type: lower-roman;
   list-style-position: inside;
}

.listupperroman {
   list-style-type: upper-roman;
   list-style-position: inside;
}

.listloweralpha {
   list-style-type: lower-alpha;
   list-style-position: inside;
}

.listupperalpha {
   list-style-type: upper-alpha;
   list-style-position: inside;
} 

/* Pagination */
div.pagination {
	padding: 3px;
	margin: 3px;
	text-align:center;
	color: #000099;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid transparent;
	text-decoration: none; /* no underline */
	color: #000099;
}

div.pagination a:visited {
	color: #000099;
}

div.pagination a:hover, div.digg a:active {
	border: 1px solid #000099;
	color: #000;
}

div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #000099;
	font-weight: bold;
	background-color: #000099;
	color: #FFF;
}

div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	color: #000099;
}

#contactarea {
	width:220px;
	margin-left: 10px;
	float: left;
	padding:5px;
	font-weight: bold;
	font-family: Verdana, Arial;
	font-size: 12px;
}


.inputbox {
	float: left;
	border: 1px solid #000;
	padding: 2px;
	font-weight: bold;
	font-family: Verdana, Arial;
	font-size: 12px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.inputlabel {
	font-weight: bold;
	font-family: Verdana, Arial;
	font-size: 12px;

}

#textarea {
	border: 1px solid #000;
	padding: 2px;
	font-weight: bold;
	font-family: Verdana, Arial;
	font-size: 12px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#submitbutton {
	border: 1px solid #000;
	background-color: #eee;

}

#navcontainer ul
{
padding-left: 0;
margin-left: 2%;
margin-right: 2%;
background-color: #8d9aaa;
color: #000099;
float: right;
width: 96%;
font-family: arial, helvetica, sans-serif;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#navcontainer ul li { display: inline; 	-webkit-border-radius: 5px;
	-moz-border-radius: 5px; 	-webkit-border-radius: 5px;
	-moz-border-radius: 5px; }

#navcontainer ul li a
{
padding: 0.2em 1em;
background-color: #8d9aaa;
color: #000099;
text-decoration: none;
float: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#navcontainer ul li a:hover
{
background-color: #369;
color: #fff;
}