/* Installed Fonts */
@import url(http://fonts.googleapis.com/css?family=Jura:500,600);

/* Main CSS Styles */
body {
	background-image: url('images/bg.png');
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #000000;
	background-attachment: fixed;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #EFEFEF;
}
img {
	border: 0px;
}
a {
	color: #009DE0;
}
a:hover {
	color: #0090FF;
}
hr {
	color: #999999;
	width: 90%;
}
.youtube {
	z-index: -9999;
}
/* Top Bar */
.top {
	position: absolute;
	width: 100%;	
	height: 22px;	
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	margin: 0px 0px 0px 0px;

	/* Background color and gradients */
	background: #014464;
	background: -moz-linear-gradient(top, #000000, #999999);
	background: -webkit-gradient(linear, 0% 40%, 0% 90%, from(#000000), to(#999999));
}
.navcont {
	width: 100%;
	height: 75px;
	top: 24px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	margin: 0px 0px 0px 0px;

	/* Background color and gradients */
	background: #014464;
	background: -moz-linear-gradient(top, #111111, #191970);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#111111), to(#191970));
	position: absolute;

	/* Borders */
	border: 1px solid #002232;
	-moz-box-shadow:inset 0px 0px 1px #edf9ff;
	-webkit-box-shadow:inset 0px 0px 1px #edf9ff;
	box-shadow:inset 0px 0px 1px #edf9ff;
}
/* Top Two Containers */
.toptable {
	top: 0px;
	width: 1000px;
	height: 20px;
	margin-top: 3px;
	margin-bottom: 3px;
}
.network {	
	padding-left: 10px;
	text-align: left;
	color: #999999;
	font-size: 11px;
}
/* Search Text Field and Button */
.search {
	text-align:right;
	width: 400px;
}
.searchtext {
	/* Background color and gradients */
	color:#009DE0;
	background: #111111;
	background: -moz-linear-gradient(top, #555555, #000000);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#555555), to(#000000));
	border: 1px solid #009DE0;
	height:14px;

	/* Rounded corners */
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
.searchbutton {
    background:transparent url('images/nav/search.png') left center;
	vertical-align:top;
    cursor:pointer;
    width:22px;
    height:17px;
	margin-left: -8px;
    border:none;
}
/* Top Two Containers */
.nav {
	width: 1000px;
	height: 75px;
}
.logo {	
	width: 250px;
	height: 75px;
	text-align: left;
	color: #999999;
	font-size: 11px;
}
/* Login Text Field and Button */
.loginlabel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#EEEEEE;
	margin-bottom:5px;
	padding-bottom:5px;
}
.logintext {
	/* Background color and gradients */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#009DE0;
	background: #111111;
	background: -moz-linear-gradient(top, #333333, #000000);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#000000));
	height:25px;

	/* Rounded corners */
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
.loginbutton {
    background:transparent url('images/nav/login-button.jpg') center center;
	vertical-align:bottom;
	padding-top: 5px;
    cursor:pointer;
    width:40px;
    height:17px;
    border:none;
}
/* Main 
 Styles */
.maintable {
	z-index: 0;
	background-image: url('images/infobg.png');
	background-repeat: repeat;
	width:1000px;
	height:100%;
	border-left: 2px groove #888888; 
	border-right: 2px groove #888888;
}
.footertable {
	z-index: 0;
	background-image: url('images/bottomBar.png');
	background-position: center bottom;
	background-repeat: no-repeat;
	width:1000px;
	border-left: 2px groove #888888; 
	border-right: 2px groove #888888;
}
.headerimage {
	height: 125px;
	border-bottom: 3px groove #999999;
}
/* News Styles */
.newstitle {
	font-size: 30px;
	padding-left: 15px;
	font-variant: small-caps;
	color: #009DE0;
}
.newstagline {
	font-size: 15px;
	padding-left: 15px;
	font-variant: small-caps;
	color: #999999;
}
.newstitle2 {
	font-size: 20px;
	font-variant: small-caps;
	color: #FFFFFF;
}
.newstagline2 {
	font-size: 15px;
	color: #999999;
}

/* Featured content slider */
.sliderwrapper{
	position: relative;
	overflow: hidden;
	width: 1000px;
	height: 325px;
}
.sliderwrapper .contentdiv{
	visibility: hidden;
	position: absolute;
	padding:0px;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.pagination{
	z-index: 100;
	height: 0px;
	width: 400px;
	position: relative;
	top: -140px;
	padding-left: 15px;
	text-align: left;
}
.pagination a{
	padding: 6px 10px;
	margin-right: 10px;
	width: 20px;
	height: 20px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #009DE0;
	border: 1px solid #009DE0;
	background-image: url('images/infobg.png');
	background-repeat: repeat;
}
.pagination a:hover, .pagination a.selected{
	padding: 6px 10px;
	width: 20px;
	height: 20px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #EFEFEF;
	border: 1px solid #EFEFEF;
	background-image: url('images/infobg.png');
	background-repeat: repeat;
}

/* Content Blocks */
.topboxescont {
	background: -moz-linear-gradient(top, #000000, transparent);
	background: -webkit-gradient(linear, 0% 20%, 0% 50%, from(#000000), to(transparent));
}
.topbox {
	z-index: 100;
	width: 325px;
	height: 250px;
	top: -15px;
	position: relative;
}
.box {
	z-index: 100;
	width: 325px;
}
.widebox {
	z-index: 100;
	width: 655px;
}
.blocktable {
	width:100%;
	height:100%;
}
.blocktop {
	height: 40px;	
	padding-left: 5px;
  	background-image: url('images/HazardBlue.png');
	background-repeat: repeat-x;
	border-bottom: 1.5px groove #999999;
	font-family: 'Jura', Helvetica, sans-serif bold;
	font-size: 19px;	
}
.blocktop p	{
	margin-top: 4px;
	margin-bottom: 4px;
	color: #EFEFEF;
	text-shadow: 1px 1px 1px #0090FF;
}
.blockcont {
	padding-left: 5px;
	background-image: url('images/infobg.png');
}
/* Feed Block */
.feedblock {
	width: 320px;
	height: 40px;
}
.feedlink {
	font-family: 'Jura', Helvetica, sans-serif bold;
	font-size: 13px;
	text-align: left;
	margin: 0px;
	margin-bottom: 2px;
	padding-left: 5px;
	text-decoration: none;
}
.feedlinkhr {
	border-bottom: 0.5px solid #222222;
	margin: 0px;
	margin-top: -1px;
	margin-left: -5px;
	padding: 0px;
	text-align: left;
	width: 275px;
}
.feeddate {
	font-family: 'Jura', Helvetica, sans-serif bold;
	font-size: 12px;
	text-align: left;
	color: #999999;
	margin: 0px;
	margin-top: 3px;
	padding-left: 5px;
}
.feedtext {
	font-family: 'Jura', Helvetica, sans-serif bold;
	font-size: 11px;
	text-align: left;
	color: #EFEFEF;
	margin: 0px;
	margin-top: 3px;
	padding-left: 5px;
}
/* Side Feed Block */
.sidefeedblock {
	width: 200px;
}
.sidefeedlinkhr {
	border-bottom: 0.5px solid #222222;
	margin: 0px;
	margin-top: -1px;
	margin-left: -5px;
	padding: 0px;
	text-align: left;
	width: 150px;
}
.sidefeeddate {
	font-family: 'Jura', Helvetica, sans-serif bold;
	font-size: 6px;
	text-align: left;
	color: #999999;
	margin: 0px;
	margin-top: 3px;
	padding-left: 5px;
}
.sidefeedtext {
	font-family: 'Jura', Helvetica, sans-serif bold;
	font-size: 6px;
	text-align: left;
	color: #EFEFEF;
	margin: 0px;
	margin-top: 3px;
	padding-left: 5px;
}
.sidebar {
	width: 325px;
	padding-left: 5px;
	padding-right: 5px;
}
/* Poll block */
.pollquestion {
	font-family: 'Jura', Helvetica, sans-serif bold;
	font-size: 16px;
	text-align: left;
	color: #999999;
	text-shadow: 1px 1px 1px #111111;
}
.polloption {
	font-family: 'Jura', Helvetica, sans-serif bold;
	font-size: 12px;
	color: #999999;
}
.totalvotes {
	font-size: 14px;
	color: #999999;
}

/* 1tter block */
.leftTweets {
	font-family: 'Jura', Helvetica, sans-serif bold;
	font-size: 15px;
	background: -moz-linear-gradient(top, #000080, #000033);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000080), to(#000033));
	color: #EFEFEF;
	padding-left: 7px;
	padding-top: 10px;
	height: 50px;

	/* Borders */
	border: 1px solid #002232;
	-moz-box-shadow:inset 0px 0px 1px #FFFFFF;
	-webkit-box-shadow:inset 0px 0px 1px #FFFFFF;
	box-shadow:inset 0px 0px 1px #edf9ff;

	/* Rounded corners */
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
}
.leftTweetsBottom {
	font-family: 'Jura', Helvetica, sans-serif bold;
	font-size: 10px;
	text-align: right;
	color: #EFEFEF;
	padding-right: 5px;
}
.rightTweets {
	font-family: 'Jura', Helvetica, sans-serif bold;
	font-size: 15px;
	background: -moz-linear-gradient(top, #000080, #000033);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000080), to(#000033));
	color: #EFEFEF;
	padding-left: 7px;
	padding-top: 10px;
	height: 50px;

	/* Borders */
	border: 1px solid #002232;
	-moz-box-shadow:inset 0px 0px 1px #FFFFFF;
	-webkit-box-shadow:inset 0px 0px 1px #FFFFFF;
	box-shadow:inset 0px 0px 1px #edf9ff;

	/* Rounded corners */
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
}
.rightTweetsBottom {
	font-family: 'Jura', Helvetica, sans-serif bold;
	font-size: 10px;
	text-align: left;
	color: #EFEFEF;
	padding-right: 5px;
}
.blockcont-twitter {
	padding-left: 5px;
	background: url('images/twitter-bg.jpg') top center;
}
.sideTweets {
	font-family: 'Jura', Helvetica, sans-serif bold;
	font-size: 15px;
	text-align: left;
	color: #EFEFEF;
	padding-left: 7px;
	padding-top: 10px;
}

/* LZDay Ad Block */
.blockcont-lzdaycd {
	vertical-align: top;
	text-align: center;
	padding-top: 500px;
	height: 240px;
	background: url('images/lzdaybigad-bg.png') top center;
}
.lzdaycdtimer {
	font-family: 'Jura', Helvetica, sans-serif bold;
	font-size: 60px;
	text-align: center;
	color: orange;
}
.lzdaycdtimernews {
	font-family: 'Jura', Helvetica, sans-serif bold;
	font-size: 35px;
	color: blue;
}


/* Hax Ad Block */
.blockcont-haxad {
	vertical-align: top;
	padding-left: 300px;
	padding-top: 500px;
	height: 275px;
	background: url('images/haxbigad-bg.png') top center;
}
.haxAdLink {
	font-family: 'Jura', Helvetica, sans-serif bold;
	font-size: 25px;
	font-style: italic; 
	text-decoration:
	text-align: left;
	color: green;
}

/* LZTA Ad Block */
.blockcont-lzta {
	vertical-align: top;
	text-align: center;
	padding-top: 125px;
	height: 650px;
	background: url('images/lztweetaway.png') top center;
}
.haxAdLink {
	font-family: 'Jura', Helvetica, sans-serif bold;
	font-size: 28px;
	font-style: italic; 
	text-decoration:
	text-align: left;
	color: white;
}

/* Article Page */
.articleTable {
	background-image: url('images/news/default.png'), -webkit-gradient(linear, 25% 0%, 100% 100%, from(#000000), to(transparent));
	background-repeat: no-repeat;
	background-position: top center;
}
.articleTitle {
	height: 300px;
	padding-left: 10px;
	background-image:url('images/news/infobg.png');
	background-position: left center;
	background-repeat: no-repeat;
}
.articleHeader {
	font-family: 'Jura', Helvetica, sans-serif bold;
	font-size: 25px;
	text-align: left;
	color: #999999;
}
.articleBody {
	background-image: url('images/blogarticle.png'), -webkit-gradient(linear, 0% 30%, 0% 100%, from(#252525), to(#000000));
	background-position: center 37px;
	background-repeat: repeat-x;
}
.articleTagline {
	font-family: 'Jura', Helvetica, sans-serif bold;
	font-size: 10px;
	font-style: italic; 
	text-decoration:
	text-align: left;
	color: #EFEFEF;
}
.articlelinks a img{
	padding: 4px 4px;
	margin-right: 10px;
	width: 25px;
	height: 25px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #009DE0;
	border: 1px solid #009DE0;
}
.articlelinks a:hover img{
	padding: 4px 4px;
	width: 25px;
	height: 25px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #EFEFEF;
	border: 1px solid #EFEFEF;
}


/* Category Index Pages */
.project {
	width: 100%;
}
.projecttop {
	height: 50px;	
	padding-left: 5px;
  	background: -webkit-gradient(linear, 0% 0%, 0% 75%, from(#555555), to(#111111));
	background-repeat: repeat-x;
	border-bottom: 1.5px groove #999999;
	border-top: 1.5px solid #EFEFEF;
	font-family: 'Jura', Helvetica, sans-serif bold;
	font-size: 28px;
}
.projecttop p {
	margin-top: 4px;
	margin-bottom: 4px;
	color: #888888;
	text-shadow: 1px 1px 1px #000000;
}
.projecttop a {
	font-size: 12px;
	text-shadow: 1px 1px 1px #000000;
	text-decoration: none;
}
.projectcont {
	padding: 5px;
	background-image: url('images/blockbg.jpg');
}
.projectcont p {
	color: #888888;
	font-size: 12px;
	text-shadow: 1px 1px 1px #000000;	
}
.projectcont a {
	text-decoration: none;
}
.projectcont a:hover {
	text-decoration: underline;
}
.projecticon {
	width: 225px;
	height: 100px;
	float: left;
	padding-right: 2px;
}
.projecticonsmall {
	width: 100px;
	height: 40px;
	float: left;
	padding-right: 2px;
}
.projecttitle {	
	padding-left: 5px;
	font-family: 'Jura', Helvetica, sans-serif normal;
	font-size: 28px;
	color: #EFEFEF;
	text-shadow: 1px 1px 1px #000000;
}
.projecttitlesmall {	
	padding-left: 5px;
	font-family: 'Jura', Helvetica, sans-serif normal;
	font-size: 18px;
	color: #EFEFEF;
	text-shadow: 1px 1px 1px #000000;
}
.projectlinks {
	text-align: right;
}

/* Project Page Accordian Script */
#accordioncontainer {
	width: 300px;
	margin: 10px auto;
}
#accordion .item {
	width: 300px;
	height: 30px; /* height = total height of A child element */
	overflow: hidden;
	
	transition: height ease-in-out 500ms; /* css3 transition */
	-o-transition: height ease-in-out 500ms;
	-moz-transition: height ease-in-out 500ms;
	-webkit-transition: height ease-in-out 500ms;
	
	border: 2px solid #333333;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	margin-bottom: 5px;
}
#accordion a {
	display: block;
	height: 20px;
	line-height: 20px;

	background-image: url('images/AccArrows.png'), -webkit-gradient(linear, 0% 00%, 0% 100%, from(#252525), to(#000000));
	background-position: right top;
	background-repeat: no-repeat;

	padding: 5px;
	color: #EFEFEF;
	text-decoration: none;
}
#accordion p {
	height: 150px;
	padding: 5px;
}
#accordion p a {
	display: inline;
	background: none;
	color: #EFEFEF;
	text-decoration: none;
} 
#accordion p a:hover {
	display: inline;
	background: none;
	color: #EFEFEF;
	text-decoration: underline;
} 
#accordion div:hover {
	height: 250px; /* height = total height of A and P elements */
}
#accordion div:hover a {
	color: #0090FF;
}

/* Video Player Page */
.vidPlayer {
	padding: 25px;
}
.vidComments {
	padding-left: 10px;
	width: 650px;
}
.vidTitle {
	font-family: 'Jura', Helvetica, sans-serif bold;
	font-size: 16px;
	color: #009DE0;	
}
.vidText {
	font-family: 'Jura', Helvetica, sans-serif bold;
	font-size: 10px;
	color: #999999;	
}
.vidComment {
	background: #222222;
	width: 95%;
	overflow: hidden;
	padding: 6px;

	/* Rounded corners */
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
}
.vidUser {
	font-family: 'Jura', Helvetica, sans-serif bold;
	font-size: 14px;
}
.vidTime {
	color: #999999;
	font-size: 10px;
}
.vidPost {
	color: #999999;
	font-size: 10px;
}
.vidEpLink{
	font-size: 10px;
}
.vidComm {
	color: #999999;
	font-size: 8px;
}

/* Comic Page */
.comicComic {
	float: center;
	text-align: center;
}
.comicCont {
	padding-left: 10px;
	width: 650px;
}



/* Blog Page */
.blogIcon {
	width: 30px;
	text-align: left;
	padding: 0px;
}
.blogTop {
	padding-left: 5px;
	padding-top: 15px;
}


/* Advertisements */
.bannerAd {
	z-index: -10;
	text-align: center;
	vertical-align: middle;
}


/* Tweetaway Styles */
.taCell {
	z-index: 0;
	background-image: url('images/tabg.png');
	background-repeat: repeat-y;
	width:998px;
	height:100%;
	border-left: 2px groove #888888; 
	border-right: 2px groove #888888;
}
.taHead {
	padding: 4px;
	background: -moz-linear-gradient(top, #555555, #000000);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#555555), to(#000000));
}
.taTitle {
	font-family: 'Jura', Helvetica, sans-serif bold;
	font-size: 24px;
	color: #FFFFFF;	
}
.taSubTitle {
	font-family: 'Jura', Helvetica, sans-serif bold;
	font-size: 20px;
	color: #FFFFFF;	
}
.taText {
	font-family: 'Jura', Helvetica, sans-serif bold;
	font-size: 13px;
	color: #999999;	
}

/* Tweetaway Styles */
.taCell {
	z-index: 0;
	background-image: url('images/sponsor/pub.jpeg');
	background-repeat: no-repeat;
	background-position-y: 0px;
	width:998px;
	height:100%;
	border-left: 2px groove #888888; 
	border-right: 2px groove #888888;
}
.taText {
	font-family: 'Jura', Helvetica, sans-serif bold;
	font-size: 13px;
	color: #0000A0;
}
.taText img{
	border: 2px solid white;
}

/* Notifications */
.ui-notify { width:350px; position:fixed; top:10px; right:10px; }
.ui-notify-message { padding:10px; margin-bottom:15px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px }
.ui-notify-message h1 { font-size:14px; margin:0; padding:0 }
.ui-notify-message p { margin:3px 0; padding:0; line-height:18px }
.ui-notify-message:last-child { margin-bottom:0 }
.ui-notify-message-style { background:#000; background:rgba(0,0,0,0.8); -moz-box-shadow: 0 0 6px #000; -webkit-box-shadow: 0 0 6px #000; box-shadow: 0 0 6px #000; }
.ui-notify-message-style h1 { color:#fff; font-weight:bold }
.ui-notify-message-style p { color:#fff }
.ui-notify-close { color:#fff; text-decoration:underline }
.ui-notify-click { cursor:pointer }
.ui-notify-cross { margin-top:-4px; float:right; cursor:pointer; text-decoration:none; font-size:12px; font-weight:bold; text-shadow:0 1px 1px #fff; padding:2px }
.ui-notify-cross:hover { color:#ffffab }
.ui-notify-cross:active { position:relative; top:1px }

/* Contracting Page */
.hireusmaincell {
	padding: 10px;
}
.hireuscont {
	padding: 5px;
	border: 1px inset #999999;
}
.hireusicon {
	width: 225px;
	height: 175px;
	float: left;
	padding-right: 2px;
}
.hireuslink {
	float: right;
	font-family: 'Jura', Helvetica, sans-serif bold;
	font-size: 18px;
}