﻿body
{
    font-family: Arial;
    font-size: 10pt;
    margin: 0px;
    background-image: url(Images/Background.gif);
}

.tableResults
{
    width: 100%;
    border: solid 1px black;
}

.tableResults tr.altRow
{
    background-color: lightgray;
}

.tableResults tr.row
{
    background-color: #e9bb04;
}

.tableResults tr
{
}

.tableResults td
{
}

.tableResults td a
{
    color: #000;
}


.blackLinkNoItalic
{
    color: #000;
}

.blackLinkNoItalic:hover
{
    color: #f8c600;
    background-color: #000;
}

.whiteLinkNoItalic
{
    color: #fff;
}

.whiteLinkNoItalic:hover
{
    color: #f8c600;
    background-color: #000;
}


.basicSideBar
{
    background-color: #000000;
    background-image: none;
    border: solid 1px black;
    color: #ffffff;
    width: 194px;
    margin-top: 4px;
}

.basicSideBar .affiliateSitesTitle
{
    background-color: #f8c600;
    width: 194px;
    height: 27px;
}

.basicSideBar .affiliateSitesTitle img
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 5px;
}
.basicSideBar ul li
{
    font-size: 10pt;
    padding: 3px 2px;
}

.basicSideBar ul
{
    padding: 0px;
    margin: 0px;
}


.basicSideBar a
{
    display: block;
}

.basicSideBar a:link, .basicSideBar a:visited
{
    color: #fff;
}

.basicSideBar a:hover
{
    color: #f8c600;
}

/*Begin Header*/
#header
{
    width: 1020px;
    height: 60px;
    background-image: url(Images/HeaderBackground.gif);
    margin-bottom: 4px;
}

#titleImage
{
    position: relative;
    border: none;
    top: 9px;
    left: 7px;
}
#headerMenu
{
    text-align: right;
    position: relative;
    top: -18px;
    left: -30px;
}

#headerMenu li
{
    font-size: 10pt;
    font-weight: bold;
    color: #e9bb04;
    display: inline;
    padding-right: 6px;
    padding-left: 6px;
    border-right: solid 1px;
    text-align: center;
}

#headerMenu li.headerMenuLast
{
    border-right: none;
}

#headerMenu li a
{
    color: #e9bb04;
    text-decoration: none;
}

#headerMenu li a:hover
{
    color: #fff;
    text-decoration: none;
}


/*End Header*/
/*Begin Footer*/
#Footer
{
    text-align: center;
}
/*End Footer*/
/*Begin Article Listing*/
.latestNewsReviews
{
    border-left: solid 1px black;
    border-right: solid 1px black;
    border-top: solid 1px black;
    background-color: #f8c600;
}

.browseHottestContent
{
    border-left: solid 1px black;
    border-right: solid 1px black;
    border-top: solid 1px black;
    font-weight: bold;
    font-size: 10pt;
    background-color: #000000;
    color: #ffffff;
    padding: 2px 0px 2px 4px;
}

#articleListing
{
    background-image: url(Images/ArticleListingBackground.jpg);
    background-repeat: repeat-x;
    height: 275px;
    border: solid 1px black;
}

#articleListing .articleBox
{
    position: relative;
    top: 2px;
    left: 2px;
    width: 813px;
    height: 87px;
    background-image: url(Images/ArticleListingInformationBackground.jpg);
    background-repeat: repeat-x;
    margin: 3px 0px;
    color: #ffffff;
}

#articleListing .articleImage
{
    border: solid 1px black;
}

#articleListing .articleImageContainer
{
    position: relative;
    float: left;
    width: 470px;
    height: 85px;
    text-align: center;
}

#articleListing .articleListingHeader
{
    float: right;
    position: relative;
    padding: 0px 6px 0px 0px;
    height: 20px;
    width: 330px;
}

#articleListing .articleType
{
    color: #f8c600;
    font-weight: bold;
    font-size: 13pt;
    position: relative;
    float: left;
}

#articleListing .articleBox .articleLink
{
    color: #f8c600;
    font-weight: bold;
    font-size: 8pt;
    float: right;
    position: relative;
    top: 3px;
}

#articleListing .articleBox .authorLink
{
    color: #f8c600;
    font-weight: bold;
}

#articleListing .articleBox .authorLink:hover
{
    background-color: #fff;
    color: #000;
}

#articleListing .articleBox .articleLink:hover
{
    background-color: #fff;
    color: #000;
}

#articleListing .author
{
    position: relative;
    font-size: 10pt;
    left: 4px;
    float: right;
}
#articleListing .postDate
{
    position: relative;
    font-size: 10pt;
}

#articleListing .introduction
{
    position: relative;
    font-size: 10pt;
    padding: 0px 5px 0px 0px;
    left: 3px;
}
/*End Article Listing*/

/*Begin News*/
#newsListing
{
    border: solid 1px black;
    margin: 4px 0px 0px 0px;
    background-image: none;
    background-color: #ffffff;
}

#newsListingTitle
{
    position: relative;
    border-left: solid 1px black;
    border-right: solid 1px black;
    border-top: solid 1px black;
    background-color: #f8c600;
    top: 4px;
}

.newsBox
{
    padding: 8px 4px;
    font-size: 10pt;
}

.newsBoxAlt
{
    padding: 8px 4px;
    background-color: #ECECEC;
    font-size: 10pt;
}

.newsBox h1
{
    font-weight: normal;
    font-size: 12pt;
    margin: 0px;
    padding: 0px;
}

.newsBoxAlt h1
{
    font-weight: normal;
    font-size: 12pt;
    margin: 0px;
    padding: 0px;
}

.newsBox .titleOnly
{
    font-weight: normal;
    font-size: 12pt;
    margin: 0px;
    padding: 0px;
    padding-right: 2px;
    float: left;
}

.newsBoxAlt .titleOnly
{
    font-weight: normal;
    font-size: 12pt;
    margin: 0px;
    padding: 0px;
    padding-right: 2px;
    float: left;
}



.newsBox a
{
    color: #000;
    font-style: italic;
}

.newsBoxAlt a
{
    color: #000;
    font-style: italic;
}

.newsBox a:hover
{
    color: #f8c600;
    background-color: #000;
}

.newsBoxAlt a:hover
{
    color: #f8c600;
    background-color: #000;
}


.newsBox h1 a
{
    font-weight: bolder;
    font-size: 12pt;
    margin: 0px;
    padding: 0px;
    font-style: normal;
}

.newsBoxAlt h1 a
{
    font-weight: bolder;
    font-size: 12pt;
    margin: 0px;
    padding: 0px;
    font-style: normal;
}

.newsTitleLink
{
    font-weight: bold;
    color: #000000;
    font-style: normal;
}

.newsBox .author
{
    font-size: 10pt;
    font-style: italic;
}

.newsBoxAlt .author
{
    font-size: 10pt;
    font-style: italic;
}

.newsBox .postDate
{
    font-size: 10pt;
    font-style: italic;
}

.newsBox .comments
{
    font-size: 10pt;
    font-style: italic;
}

.newsBox .fullNewsLink
{
    /*	position:relative; 	float:right;*/
    color: #000;
    font-size: small;
}

.newsBoxAlt .postDate
{
    font-size: 10pt;
    font-style: italic;
}

.newsBoxAlt .comments
{
    font-size: 10pt;
    font-style: italic;
}

.newsBoxAlt .fullNewsLink
{
    /*	position:relative; 	float:right;*/
    color: #000;
    font-size: small;
}

.newsEmail
{
    position: relative;
    top: 5px;
    color: #000;
    left: 625px;
}

.newsEmail:hover
{
    color: #f8c600;
    background-color: #000;
}

#newsListingNavigation
{
    background-color: #fff;
    border-top: solid 1px #000;
    height: 25px;
}
/*End News*/

/*Begin Full News*/
#fullNewsTitle
{
    position: relative;
    border-left: solid 1px black;
    border-right: solid 1px black;
    border-top: solid 1px black;
    background-color: #f8c600;
}

#fullNews
{
    border: solid 1px black;
    background-color: #fff;
    padding: 4px 4px;
}

#fullNews h1
{
    padding: 0px;
    margin: 0px;
    text-align: center;
}

#fullNews a
{
    color: #000;
    font-style: italic;
}


#fullNews a:hover
{
    color: #f8c600;
    background-color: #000;
}


/*End Full News*/

/*Start Recent Articles*/
#recentArticles
{
    background-color: #000000;
    background-image: none;
    border: solid 1px black;
    color: #ffffff;
    width: 194px;
}

#recentArticles .recentArticlesTitle
{
    background-color: #f8c600;
    width: 194px;
    height: 27px;
}

#recentArticles .recentArticlesTitle img
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 5px;
}

#recentArticles ul li
{
    font-size: 10pt;
    padding: 3px 2px;
}

#recentArticles ul
{
    padding: 0px;
    margin: 0px;
}


#recentArticles a
{
    display: block;
}

#recentArticles a:link, #recentArticlesList a:visited
{
    color: #fff;
}

#recentArticles a:hover
{
    color: #f8c600;
}
/*End Recent Articles */
/*Begin AffiliateSites*/
#affiliateSites
{
    background-color: #000000;
    background-image: none;
    border: solid 1px black;
    color: #ffffff;
    width: 194px;
    margin-top: 4px;
}

#affiliateSites .affiliateSitesTitle
{
    background-color: #f8c600;
    width: 194px;
    height: 27px;
}

#affiliateSites .affiliateSitesTitle img
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 5px;
}
#affiliateSites ul li
{
    font-size: 10pt;
    padding: 3px 2px;
}

#affiliateSites ul
{
    padding: 0px;
    margin: 0px;
}


#affiliateSites a
{
    display: block;
}

#affiliateSites a:link, #affiliateSites a:visited
{
    color: #fff;
}

#affiliateSites a:hover
{
    color: #f8c600;
}
/*End AffiliateSites*/
/*Begin Staff Listing*/
#staffListing
{
    background-color: #000000;
    background-image: none;
    border: solid 1px black;
    color: #ffffff;
    width: 194px;
    margin-top: 4px;
}

#staffListing .staffListingTitle
{
    background-color: #f8c600;
    width: 194px;
    height: 27px;
}

#staffListing .staffListingTitle img
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 5px;
}

#staffListing ul li
{
    font-size: 10pt;
    padding: 3px 2px;
}

#staffListing ul
{
    padding: 0px;
    margin: 0px;
}

#staffListing a
{
    display: block;
}

#staffListing a:link, #staffListing a:visited
{
    color: #fff;
}

#staffListing a:hover
{
    color: #f8c600;
}
/*End Staff Listing*/
/*Begin About Us*/
#aboutUs
{
    background-color: #fff;
    background-image: none;
    border: solid 1px black;
    padding: 4px;
}
.aboutUsHeaderImage
{
    border-left: solid 1px black;
    border-right: solid 1px black;
    border-top: solid 1px black;
    background-color: #f8c600;
}

#staffBioHeaderImage
{
    margin-top: 0px;
}

#staffInformation
{
    background-color: #fff;
    background-image: none;
    border: solid 1px black;
    padding: 4px;
}

#newsPosterCountTable
{
    border: solid 1px black;
}

#newsPosterCountTable tr td
{
    border: solid 1px black;
}



.staffFullName
{
    font-weight: bold;
    font-size: 20pt;
    float: left;
}


.staffLastUpdateDate
{
    position: relative;
    top: 12px;
    left:4px;
}

.staffBio
{
    border-top: solid 1px black;
}

.staffPreviousArticles
{
     border-top: solid 1px black;
}
/*End About Us*/
/*Begin Article*/
#articleHeader
{
    background-image: url(Images/ArticleHeaderBackground.gif);
    height: 96px;
    border: solid 1px #000;
}

#articleHeader .articleImage
{
    position: relative;
    border: solid 1px #000;
    float: left;
    margin: 4px 4px;
    width: 470px;
    font-size: 20pt;
    font-weight: bold;
}

#articleSubHeader
{
    border: solid 1px #000;
    margin-top: 4px;
    padding: 2px;
    background-color: #fff;
}

#articleHeader h1
{
    padding: 0px;
    margin: 0px;
    font-size: 48px;
    position: relative;
    text-align: right;
    margin-right: 10px;
}

#articleHeader .authorInformation
{
    text-align: right;
    margin-right: 10px;
}

#articleBody
{
    background-color: #fff;
    background-image: none;
    border: solid 1px #000;
    margin-top: 4px;
    padding: 4px 4px;
}

#articleNavigation
{
    border-bottom: solid 1px #000;
    border-left: solid 1px #000;
    border-right: solid 1px #000;
    background-color: #fff;
    height: 25px;
}

#articleBody a
{
    color: #000;
    font-style: italic;
}


#articleBody a:hover
{
    color: #f8c600;
    background-color: #000;
}


#articlePageNumberIndicator
{
    margin-top: 5px;
    position: relative;
    left: 740px;
}

.articlePlatforms
{
    float: right;
    position: relative;
    top: -16px;
}

.screenshotLink
{
    padding: 4px 4px;
}

.screenshot
{
    border: none;
}

.screenshotVertical
{
    display: block;
    width: 100px;
}

#reviewLastPageInformation
{
    border: solid 1px black;
    background-color: #f8c600;
    padding: 4px 4px;
    margin-bottom: 4px;
}

#reviewScore
{
    border: solid 1px black;
    float: left;
    height: 60px;
    width: 60px;
    margin: 2px;
    font-size: 32pt;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    padding: 2px;
}

#reviewSummary
{
    padding: 5px;
}
/*End Article*/

/*Begin Archive*/
#archivesTitle
{
    position: relative;
    border-left: solid 1px black;
    border-right: solid 1px black;
    border-top: solid 1px black;
    background-color: #f8c600;
}

#archiveSearchParameters
{
    border: solid 1px black;
    background-color: #fff;
    padding: 4px 4px;
}

#archiveSearchResults
{
    margin-top: 4px;
    top: 4px;
    border: solid 1px black;
    background-color: #fff;
    padding: 4px 4px;
}

.archiveSearchLabel
{
    position: relative;
    float: left;
    width: 100px;
    text-align: right;
    padding-right: 4px;
}

.archiveSearchParameter
{
}


/*End Archive*/
/*Begin Advance Archive*/
#advanceArchiveSearchResults
{
    border: solid 1px black;
    background-color: #fff;
    padding: 4px 4px;
    background-image: none;
}
/*End Advance Archive*/
/*Begin Staff Articles*/
#staffArticlesMenu
{
    border: solid 1px black;
    background-color: #fff;
    padding: 4px 4px;
}

#staffArticlesResult
{
    margin-top: 4px;
    top: 4px;
    border: solid 1px black;
    background-color: #fff;
    padding: 4px 4px;
}

.staffArticleLink
{
    color: #000;
    font-style: italic;
}

.staffArticleLink:hover
{
    color: #f8c600;
    background-color: #000;
}


/*End Staff Articles*/

/*Begin My Settings*/
#settingsArea
{
    border: solid 1px black;
    background-color: #000;
    padding: 2px 0px;
    background-image: none;
    width: 194px;
    margin-top: 4px;
    color: #fff;
}
#mySettings
{
    border: solid 1px black;
    background-color: #fff;
    padding: 4px 4px;
    background-image: none;
}

#mySettingsHeader h1
{
    position: relative;
    border-left: solid 1px black;
    border-right: solid 1px black;
    border-top: solid 1px black;
    background-color: #f8c600;
    padding: 0px;
    margin: 0px;
}

.settingsLabel
{
    position: relative;
    float: left;
    width: 200px;
    text-align: right;
    margin-right: 4px;
}

.settingsInput
{
}
/*End My Settings*/
/*----------DO NOT EDIT BELOW THIS LINE---------------------*/
div#GNContainer
{
    margin-left: auto;
    margin-right: auto;
    width: 1020px;
    text-align: left;
}
#Main
{
    float: left;
    width: 820px;
    margin-left: 0px;
}
* html #Main
{
    display: inline;
}
#SideBar
{
    float: left;
    width: 200px;
    margin-left: 0px;
}


#GNContainer
{
    overflow: hidden; /* This hides the excess padding in non-IE browsers */
}
/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute 
weirdness as the method is enhanced */
#GNContainer
{
    /* Normally a Holly-style hack height: 1% would suffice but that causes  IE 5.01 to completely collapse the wrapper - instead we float it */
    float: left; /* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes  (I saw it happen many moons ago) makes the width of wrapper too small  the float: none with the comment is ignored by 5.01, 5.5 and above see it and carry on about their business It's probably fine to just remove it, but it's left here  just in case that many moons ago problem rears its head again */
    float: /**/ none;
}
/* easy clearing */
#GNContainer:after
{
    content: '[DO NOT LEAVE IT IS NOT REAL]';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#GNContainer
{
    display: inline-block;
}
/*\*/
#GNContainer
{
    display: block;
}
/* end easy clearing */
#footer
{
    clear: both;
}
/* Safari needs this - otherwise the ghost overflow, though painted 
correctly obscures links and form elements that by rights should be above it.
An unintended side-effect is that it cause such elements to vanish in IE 5.01
and 5.5, hence the child selector hack */
* > #footer, * > form, * > #notes, * > .output
{
    position: relative;
    z-index: 1000;
}

