/*
Theme Name: Techgage - Ben
Theme URI: http://techgage.com/
Description: A new future layout
Author: Orbit
Author URI: http://techgage.com/
Version: 2.0 
Tags: 
License:
License URI:

General comments (optional).
*/

body {
    margin: 0px;
    padding: 0px;
    background-color: #eee;
	/*
	background-color: #000;
	background-image: url(images/nvbg_dec.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed; 
	*/
    font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
	line-height: 20px;
	z-index: -2;
}

#centerContainer {
    margin-left: auto;
    margin-right: auto;
    width: 1020px;
    text-align: center;    
	background-color: #fff;
	position: relative;
	z-index: 8;
}

#header {
	background-color: #FFCE5B;
	border-left: 1px solid #ECA400;
	border-right: 1px solid #ECA400;
	border-bottom: 1px solid #ECA400;
	background-image: url(images/header_bg.gif);
	margin-bottom: 5px;
    width: 1018px;
}

#topbox {
	height: 90px;
	padding: 5px 5px 5px 0px;
}

#logo {
	float: left;
    border: 0px;
}

#focusbar {
	clear: both;
	padding: 0px 10px;
	height: 28px;
	line-height: 28px;
	background-color: #FFB500;
	position: relative;
	font-weight: bold;
	font-size: 13px;
}

#focusbar ul {
	position: relative;
	list-style: none outside none;
	padding: 0px;
	margin: 0px;
}

#focusbar > li, #focusbar > ul > li > a {
	float: left;
	display: block;
	position: relative;
	padding: 0px 10px;
	height: 26px;
	border-top: 1px solid #FFB500;
	border-left: 1px solid #FFB500;
	border-right: 1px solid #FFB500;
}

#focusbar a {
	color: #000;
}

#focusbar a:hover {
	text-decoration: none;
}

#focusbar ul li:hover > div {
	display: block;
}

#menubar:hover > a {
	position: relative;
	z-index: 99;
	background-color: #ECA400;
	border-top: 1px solid #664800;
	border-right: 1px solid #664800;
	border-left: 1px solid #664800;
}

#focusbar ul li > div {
	float: left;
	display: none;
	position: absolute;
	top: 26px;
	width: 170px;
	background-color: #ECA400;
	text-align: left;
	border: 1px solid #664800;
	z-index: 9;
}

#focusbar ul li div li a {
	display: block;
	padding-left: 10px;
}

#focusbar ul li div li a:hover {
	background-color: #FFB500;
}

#container {
	text-align: left;
	min-height: 1720px;
}

#body {
    width: 700px;
	border-right: 1px solid #eee;
	padding-right: 10px;
	margin-right: 10px;
}

#side {
	width: 300px;
	position: absolute;
	right: 0;
	display: block;
}

cse input.gsc-input, input.gsc-input {background-image:none !important;}

/*******************************************************************************
                                  Font styles
*******************************************************************************/

/* Colored BG Header */
.heading, h1 {
    background-color: #FFB500;
	border-bottom: 5px solid #ECA400;
    padding: 3px 7px;
    margin: 0px 0px;
    font-size: 14px;
    font-weight: bold;
	vertical-align: middle;
}

h2 {
    font-size: 18px;
    font-weight: bold;
	margin: 0px;
}

h3 {
    font-family: Calibri,Arial;
    font-size: 30px;
    margin: 15px 0;
    line-height: 100%
}

h3title {
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
}	

.articleHeading {
    border-bottom: 1px solid #d5d5d5;
	font-size: 20px;
    font-weight: bold;
    margin: 0 0 5px 0;
}

h4 {
    font-size: 16px; 
    font-weight: bold;
    margin: 5px 0px;
}

/* Editorial-specific headers */

h5 {
    font-size: 14px;
    font-weight: bold;
    margin: 0px 0px;
}

h6 {
    font-size: 14px;
    font-weight: bold;
    margin: 0px 0px;
    border-bottom: 1px solid #297896;
    padding: 5px 0 0 0;
    margin: 0 0 5px 0;
}

.mischeading {
    font-size: 16px;
    font-weight: bold;
    margin: 5px 0px 5px 0px;
	padding-top: 5px;
	border-bottom: 1px solid #297896;
}

/* Roundup article classes */

.headlineurl {
	font-size: 20px;
	font-weight: bold;
	color: #4682B4;
}

.headlinetext {
	font-size: 20px;
	font-weight: bold;
}

.altheaderfont {
	font-family: Calibri, Arial;
	font-size: 30px;
	margin: 15px 0px 15px 0px;
}

/* End */

a {
    color: #174455;
    text-decoration: none;
}

img {
    border: 0px;
}

a:hover {
    text-decoration: none;
}

.content {
    margin-bottom: 5px;
    padding: 10px;
}

.article_content a {
    color: #4682B4;
    font-weight: bold;
}

.content a:hover {
    color: #eca400;
}

.content a {
    text-decoration: none;
}

.post_thumb {
	float: right;
	width: 100px;
	height: 100px;
	position: relative;
	padding-left: 15px;
	overflow: hidden;
}

.post_thumb img {
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.article_post .post_thumb {
	float: left;
	padding-right: 15px;
	padding-left: 0px;
}

.reviewimg, .feature img {
    float: left;
    padding: 15px 15px 15px 15px;
    border: 0px;
}

.news {
	padding-bottom: 5px;
	margin-bottom: 5px;
    border-bottom: 1px solid #eee;
	overflow: auto;
	width: 100%;
}

.newslinks {
	padding: 0px;
	margin: 0px;
}

.clear
{
    clear: both;
}

.author {
    color: #444444;
}

.feature {
    border: 1px solid #000000;
    padding: 10px;
    margin-bottom: 5px;
    background-color: #FFFFFF;
}

.full {
    width: 100%;
    background-color: #000000;
}

.content ul {
    list-style-image: url(images/arrow.gif);
	padding-left: 10px;
	margin: 0px 0px 5px;
}

#body .content ul {
	list-style-position: inside;
}

#pageBottomNav {
	clear: both;
	padding: 7px;
	margin: 7px;
	background-color: #f5f5f5;
	font-size: 15px;
}

/* Table stuff */
table td {
    vertical-align: top;
}

#footer {
	border-top: 5px solid #ECA400;
	background-color: #FFB500;
    clear: both;
    width: 1020px;
    text-align: center;
	padding: 10px 0px;
}

.copyright p {
	font-weight: bold;
}

.contest_h1 {
    background-color: #294094;
}

.contest {
    border-color: #294094;
}

.fixed {
    overflow: hidden;
}


.code
{
    display: block;
    margin: 10px;
    padding: 10px;
    background: #eee;
    border: 1px dashed #000;
    font-size: 12px;
    line-height: 1.5;
    font-family: Verdana, Tahoma, DejaVu Sans, Andale Mono;
}

.article_header img {
    float: left;
    padding-right: 5px;
    padding-bottom: 5px;
}

.article_header_info {
    float: right;
}

.article_hr {
	height: 1px;
	width: 100%;
	background-color: #d5d5d5;
}

.article_post {
	padding-bottom: 20px;
	min-height: 100px;
}

.article_post img {
	float: left;
}

.article_post p {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.article_post_desc {
	padding-left: 115px;
}

.article_post_desc span {
	color: #444444;
}

/********* Contest Layout **********/

#contestStage {
    width: 618px;
    height: auto;
}

    #contestStage .row {
        width: 618px;
        height: auto;
        float: left;
    }

        #contestStage .row .name {
            width: 618px;
            height: 20px;
            padding: 10px 10px 10px 0px;
            font-weight: bold;
        }

        #contestStage .row .field {
            width: 618px;
            height: 23px;
            float: left;
        }

        #contestStage .row .fieldLarge {
            width: 309px;
            height: 80px;
            float: left;
        }

            #contestStage .row .fieldLarge textarea{
                width: 285px;
                height: 75px;
            }

        #contestStage .row .fieldBox {
            width: 618px;
            float: left;
        }

            #contestStage .row .fieldBox .box {
                width: 206px;
                height: 23px;
                float: left;
            }

            #contestStage .row .fieldBox .label {
                width: 309px;
                height: 80px;
                float: left;
            }




        /*#contestStage .row .error {
            width: 309px;
            height: 20px;
            padding-top: 3px;
            float: left;
        }*/

.tableheader {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    background-color: #ffce5b;
}

.tableheadercenter {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    background-color: #ffce5b;
    text-align: center;
}

.tablefont {
    font-family: Arial, Helvetica, sans-serif;
}

.tablefontcenter {
    font-family: Arial, Helvetica, sans-serif;
        text-align: center;
}

.caption {
    text-align: center;
    margin-bottom: 10px;
}

.caption span {
    text-align: left;
}

/* TinyMCE specific rules */
body.mceContentBody {
   background-color: #fff;
   padding: 5px;
}

/* In-article Special Elements */

.l_ed_quote {
	background-color: #fff;
    color: #1e566b;
	font-family: lucida sans unicode;
	float: left;
	width: 225px;
	font-size: 1.25em;
	letter-spacing: 0.15em;
	line-height: 1.2em;
	text-align: center;
	text-shadow: 2px 2px 2px #efefef;
	padding: 5px;
	margin: 10px 10px 10px 0px;
}

.r_ed_quote {
	background-color: #fff;
    color: #1e566b;
	font-family: lucida sans unicode;
	float: right;
	width: 225px;
	font-size: 1.25em;
	letter-spacing: 0.15em;
	line-height: 1.2em;
	text-align: center;
	text-shadow: 2px 2px 2px #efefef;
	padding: 5px;
	margin: 10px 0px 10px 10px;
}

/* Gen. 2 Tables */

.g2_table {
	font-family: Verdana,Arial; 
	font-size: 90%;
	text-align: center;
	border-spacing: 2px;
	vertical-align: middle;
	padding: 2px;
	margin: auto;
	max-width: 100%;
}
.g2_table td {
	background-color: #eee;
	border: solid transparent;
	border-width: 2px 1px;
	vertical-align: middle;
}
.g2_table .tablehead0 {
	background-color: transparent !important;
}
.g2_table tr.tablehead1 td{
	font-size: 100%;
	font-weight: bold;
	background-color: #ffce5b;
	text-align: center;
	vertical-align: middle;
}
.g2_table .sidetitle1 {
	font-size: 115%;
	font-weight: bold;
	background-color: #ffce5b;
	text-align: left;
	vertical-align: middle;
}
.g2_table .sidetitle2 {
	font-size: 115%;
	font-weight: bold;
	background-color: #ffce5b;
	text-align: center;
	vertical-align: middle;
}
.g2_table .tablehead2 {
	font-size: 90%;
	font-weight: bold;
	background-color: #ffce5b;
	text-align: left;
	vertical-align: middle;
}
.g2_table .tablehead3 {
	font-size: 100%;
	font-weight: bold;
	background-color: #ffce5b;
	text-align: left;
	vertical-align: middle;
}
.tablefooter {
	font-size: 90%;
	text-align: left;
	background-color: #eee;
	margin: auto;
	padding: 2px 2px;
}

.tabletextleftalign {
	text-align: left;
}

.g2_table .tabletitle {
	background-color: #4c80c1;
	font-weight: bold;
	color: #fff;
}

.g2_table .highlight {
	background-color: #AAA;
}
.g2_table .highlight2 {
	background-color: #AAA;
	font-weight: bold;
}
.g2_table .highlightreview {
	font-size: 90%;
	font-weight: bold;
	background-color: #eca400;
	text-align: left;
	vertical-align: middle;
}

.center { 
margin-left:auto;
margin-right:auto;
}

.interviewq{
    font-weight: bold;
}
.interviewa{
    font-style: italic;
    padding: 0px 0px 0px 10px;
}

#nvbg {
position: fixed;
display: block;
width: 1600px;
height: 1200px;
top: 0px;
cursor: pointer;
z-index: 1;
}