/* Reset styles
-------------------------------------------------------------- */

html { height: 100%; max-height: 100%; padding: 0; margin: 0; border: 0; }

body { height: 100%; max-height: 100%; padding: 0; margin: 0; border: 0; color: #9da9af; font: 75% Arial, Helvetica, sans-serif; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { font-family: Arial, Helvetica, sans-serif; }

div, dl, dt, dd, ul, ol, li, legend, input, button, textarea, p, blockquote, th, td { line-height: 1.4em; word-spacing: 0.04em }

a, a:link, a:focus, a:hover, a:active { outline: none; }

table { border-collapse: collapse; border-spacing: 0; }

fieldset, img { border: 0; }

input[type=radio], input[type=checkbox] { vertical-align: middle; margin: 0; }

address, caption, cite, code, dfn, em, th, var, optgroup { font-style: inherit; font-weight: inherit; }

del, ins { text-decoration: none; }

caption, th { text-align: left; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

sup { vertical-align: baseline; }

sub { vertical-align: baseline; }

input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; padding: 0; margin: 0; }

input:focus, textarea:focus { outline: none }

/* Default styles
-------------------------------------------------------------- */

body { background: #000 url(img/bg/body.jpg) repeat top center; background-color: #000000; }

p { padding: 10px 0px 5px 0px; }

a, a:link, a:visited { color: #00e400; font-size: 1em; /*background-color: inherit;*/ text-decoration: none; }

a:visited { text-decoration: none; }

a:hover, a:visited:hover { color: #00e400; text-decoration: underline; }

h1, h2, h3, h4, h5, h6 { color: #28db00; }

h1 { font-size: 2em; font-weight: normal; line-height: 25px }

h2 { font-size: 1.25em; font-weight: bold; }

h3 { font-size: 1.333em; }

h4 { font-size: 1.333em; display: block; font-weight: normal; }

h5 { font-size: 1.333em; }

/* General Layout
-------------------------------------------------------------- */

#globalContainer { padding: 0px 0px 50px; min-height: 100%; max-width: 2000px; min-width: 960px; margin: 0 auto; background: url(img/bg/map.jpg) repeat-y top center; }

#wrapper { overflow: hidden; min-height: 700px; padding: 0px 0px 15px; background: url(img/bg/menu.png) no-repeat top center; }

#wrapHeader { margin: 0px; padding: 0px 0px 0px 0px; height: 330px; width: 912px; margin: 0 auto; position: relative; top: 0px; z-index: 10; }

#wrapContent { clear: both; position: relative; z-index: 1; overflow: hidden; width: 912px; margin: -15px auto 0px auto; padding: 0px 0px 0px 0px; }

#footer { width: 912px; margin: 0 auto; overflow: hidden; padding: 0px 0px 20px 0px }

/* Header
-------------------------------------------------------------- */

#wrapHeader a { text-decoration: none!important; }

/* Title Logo
-------------------------------------------------------------- */

#logo { display: block; width: 665px; margin: 0 auto; }

.cogmind-logo { position: relative; width: 912px; margin: 0 auto; }

#logo span { display: block; overflow: hidden; width: 665px; height: 0px; padding-top: 255px; background: url(img/cogmind_10x10_animated.gif) no-repeat left top; z-index: 100; }

/* Nav Menu
-------------------------------------------------------------- */

#nav { height: 54px; padding: 0px 0px 0px 220px }

#nav ul { padding: 8px 0px 0 0; overflow: hidden; }

#nav li { list-style-type: none; float: left; padding: 0px 0px 0px 3px }

#nav li a { color: #fff; font-size: 2em; display: block; float: left; text-transform: uppercase; padding: 9px 13px 0px 13px; height: 28px; }

#nav li a:hover, #nav .current-item a { background: #00c400; color: #001700; }

#nav li a, #nav li a:hover, #nav li a:visited { text-decoration: none; }

/* BUY NOW */

#buy-nav { height: 49px; position: absolute; bottom: 1px; width: 594px; padding-left: 310px; left: 0px; top: 213px; background: url(img/buy_now.png) no-repeat top center; }

#buy-nav li { list-style-type: none; float: left; height: 49px; }

#buy-nav li.buy-now { width: 280px; padding: 0px 0px 0px 5px; cursor:pointer; }

#buy-nav li.buy-now:hover { background: url(img/buy_now.png) no-repeat -203px bottom; }

#buy-nav li.buy-now a { font-size: 29px; height: 39px; padding: 15px 0px 0px 18px; width: 243px; text-decoration: none!important; font-weight: bold; text-align: center; color: #fff; display: block; }

/* Content
-------------------------------------------------------------- */

.gif-block { margin: 0 auto 15px; width: 911px; height: 330px; }
.gif-block ul { margin: 0 auto; width: 911px; padding-top: 12px; }
.gif-block li { float: left; list-style-type: none; height: 312px; padding-right: 25px; }
.gif-block li.last-item { padding-right: 0px; }
.gif-block img { border: 1px solid #001700; }

.gfyitem { border: 1px solid #001700; }

.main-block { overflow: hidden; padding: 10px 0px 30px; background: url(img/bg/div.png) repeat-x bottom center; }

.main-block-912, .main-block-600, .main-block-445, .main-block-290 { float: left; }

.main-block-912 { width: 912px; }

.main-block-600 { width: 600px; }

.main-block-445 { width: 445px; }

.main-block-290 { width: 290px; }

.main-block-480 { width: 480px; float: left; }
.main-block-410 { width: 410px; float: right; }
.main-block-350 { width: 350px; float: left; }
.main-block-540 { width: 540px; }
.main-block-390 { width: 390px; }
.main-multiblock { overflow: hidden; padding: 10px 0px 0px; }

.float-right { float: right!important; }

.title h1, .title h2, .title h4 { color: #fff; font-size: 2em!important; font-weight: normal; background: url(img/header_icon.png) no-repeat left 3px; text-transform: uppercase; padding: 0 0 0 21px; }

.title { background: url(img/bg/div.png) repeat-x bottom center; padding-bottom: 8px; }

input.mail-inp { color: #fff; height: 24px; padding: 2px 0px 0px 5px; vertical-align: top; float: left; width: 256px; border: 1px solid #2c363d; border-right: 0px!important; background: transparent; }

input.next-btn { vertical-align: top; float: left; display: block; background: url(img/next-btn.png) no-repeat top center; border: 0px; width: 28px; height: 28px; cursor: pointer; font-size: 0px; }

input.next-btn:hover { background-position: center bottom; }

/* main page: 141x79 thumbs */
.block-screen li { float: left; list-style-type: none; height: 91px; padding-right: 5px; }
#wider-thumbs li { height: 94px; padding-right: 7px; }
.block-screen li.last-item { padding-right: 0px; }
.block-screen li a:hover img { border: 1px solid #00dd00; width: 141px; }
.block-screen li a img { border: 1px solid transparent; width: 141px; }
/* separate version for media page: 217x122 thumbs */
.block-screen2 li { float: left; list-style-type: none; height: 91px; padding-right: 5px; }
#wider-thumbs2 li { height: 130px; padding-right: 9px; }
.block-screen2 li.last-item { padding-right: 0px; }
.block-screen2 li a:hover img { border: 1px solid #00dd00; width: 217px; }
.block-screen2 li a img { border: 1px solid transparent; width: 217px; }

.video-holder { padding: 10px 0px; }

.list ul { padding: 0px 0px 0px 8px; }
.list li { list-style-position: inside; list-style-image: url('img/bullet.png') }
.list strong { color: #d4d4d4; }
strong { color: #d4d4d4; } /*buy.html also wants to use it in general*/

.article-holder { padding: 10px 0 0 0; font-style: italic; min-height: 70px; }
.main-block-quoteauthor { color: #d4d4d4; }

.progress-holder { float:right!important; padding: 10px 0 0 15px; }

.bigtext { font-size: 125%; }
.highlight { color: #cccc00; font-weight: bold; }
.super { vertical-align: super; }

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

#imglink { /*buy buttons, match cogmind links on GSG main and blog*/
    border: 5px solid #041400;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
#imglink:hover {
    border: 5px solid #28db00;
}

.score-header { margin: 0 auto 15px; width: 911px; height: 220px; text-align:center; } /*AC2015*/
.score-header2 { margin: 0 auto 15px; text-align:center; } /*shorter or normal high scores, imageless for now*/

.score-update { color: #666666; font-family: 'Share', bold; font-size: 14px; }

.score-section-links { color: #666666; font-family: 'Share', bold; font-size: 14px; }
.score-section-links a { color: #666666; font-family: 'Share', bold; font-size: 14px; }
.score-section-links a:hover { color: #CCCCCC; }
.score-section-links a:visited:hover { color: #CCCCCC; }

.score-block-high  { width: 490px; float: left; }
.score-block-far  { width: 400px; float: right; }

.score-table td { padding: 0px 10px; font-family: 'Share', bold; font-size: 19px; }
.score-table td:nth-child(1) { text-align:left; color: #003502; }
.score-table td:nth-child(2) { text-align:right; max-width: 195px; word-wrap: break-word; }
.score-table td:nth-child(3) { text-align:center; }
.score-table td:nth-child(4) { text-align:left; }
.score-table a:hover { text-decoration: underline; }
.score-table-far td { padding: 0px 10px; font-family: 'Share', bold; font-size: 19px; }
.score-table-far td:nth-child(1) { text-align:left; color: #003502; }
.score-table-far td:nth-child(2) { text-align:right; max-width: 170px; word-wrap: break-word; }
.score-table-far td:nth-child(3) { text-align:left; }
.score-table-challenge td { padding: 0px 10px; font-family: 'Share', bold; font-size: 19px; }
.score-table-challenge td:nth-child(1) { text-align:left; color: #003502; }
.score-table-challenge td:nth-child(2) { text-align:left; }
.score-table-challenge td:nth-child(3) { text-align:center; }
.score-table-challenge td:nth-child(4) { text-align:left; }
.score-JUN, .score-JUN a, .score-JUN a:visited:hover { color: #665233; }
.score-YRD, .score-YRD a, .score-YRD a:visited:hover { color: #665233; }
.score-MAT, .score-MAT a, .score-MAT a:visited:hover { color: #9e8664; }
.score-FAC, .score-FAC a, .score-FAC a:visited:hover { color: #9e9e9e; }
.score-RES, .score-RES a, .score-RES a:visited:hover { color: #bf00ff; }
.score-ACC, .score-ACC a, .score-ACC a:visited:hover { color: #dedede; }
.score-SUR, .score-SUR a, .score-SUR a:visited:hover { color: #00e100; }
.score-MIN, .score-MIN a, .score-MIN a:visited:hover { color: #666666; }
.score-EXI, .score-EXI a, .score-EXI a:visited:hover { color: #665233; }
.score-STO, .score-STO a, .score-STO a:visited:hover { color: #b25900; }
.score-REC, .score-REC a, .score-REC a:visited:hover { color: #b25900; }
.score-SCR, .score-SCR a, .score-REC a:visited:hover { color: #b25900; }
.score-WAS, .score-WAS a, .score-WAS a:visited:hover { color: #665233; }
.score-GAR, .score-GAR a, .score-GAR a:visited:hover { color: #b20000; }
.score-DSF, .score-DSF a, .score-DSF a:visited:hover { color: #b25900; }
.score-SUB, .score-SUB a, .score-SUB a:visited:hover { color: #665233; }
.score-LOW, .score-LOW a, .score-LOW a:visited:hover { color: #665233; }
.score-UPP, .score-UPP a, .score-UPP a:visited:hover { color: #665233; }
.score-PRO, .score-PRO a, .score-PRO a:visited:hover { color: #665233; }
.score-DEE, .score-DEE a, .score-DEE a:visited:hover { color: #665233; }
.score-ZIO, .score-ZIO a, .score-ZIO a:visited:hover { color: #665233; }
.score-DAT, .score-DAT a, .score-DAT a:visited:hover { color: #665233; }
.score-ZHI, .score-ZHI a, .score-ZHI a:visited:hover { color: #9e8664; }
.score-WAR, .score-WAR a, .score-WAR a:visited:hover { color: #b22d00; }
.score-EXT, .score-EXT a, .score-EXT a:visited:hover { color: #848400; }
.score-CET, .score-CET a, .score-CET a:visited:hover { color: #848400; }
.score-ARC, .score-ARC a, .score-ARC a:visited:hover { color: #848400; }
.score-HUB, .score-HUB a, .score-HUB a:visited:hover { color: #848400; }
.score-ARM, .score-ARM a, .score-ARM a:visited:hover { color: #ff0000; }
.score-LAB, .score-LAB a, .score-LAB a:visited:hover { color: #dedede; }
.score-QUA, .score-QUA a, .score-QUA a:visited:hover { color: #00b200; }
.score-TES, .score-TES a, .score-TES a:visited:hover { color: #00b200; }
.score-SEC, .score-SEC a, .score-SEC a:visited:hover { color: #00b200; }
.score-FRG, .score-FRG a, .score-FRG a:visited:hover { color: #00b200; }
.score-COM, .score-COM a, .score-COM a:visited:hover { color: #00a3d9; }
.score-AC0, .score-AC0 a, .score-AC0 a:visited:hover { color: #dedede; }

.score-table-wins td { padding: 0px 10px; font-family: 'Share', bold; font-size: 24px; } /*AC2015*/

.achievement-table td { padding: 10px 5px; font-family: 'Share', bold; font-size: 18px; }
.achievement-table td:nth-child(1) { text-align:right; }
.achievement-table td:nth-child(2) { text-align:left; }
.achievement-table td:nth-child(3) { text-align:left; }
.achievement-table td:nth-child(4) { text-align:left; }
.achievement-table td:nth-child(5) { text-align:left; color: #666666; font-family: 'Share', bold; font-size: 14px; }
/*achievements have colors for each type as well--player names appear in that color*/

.achievement-leaders td { padding: 10px 5px; font-family: 'Share', bold; font-size: 18px; }
.achievement-leaders td:nth-child(1) { text-align:right; vertical-align: middle; }
.achievement-leaders td:nth-child(2) { text-align:left; vertical-align: middle; }

.archive-header { text-align:center; color: #009900; font-family: 'Share', bold; font-size: 30px; }

/* Footer
-------------------------------------------------------------- */

.logo-holder { background: url(img/gsg_logo.png) no-repeat bottom center; width: 264px; height: 28px; margin: 0 auto; }

#footer .main-block { padding: 0px 0px 14px 0px; }

#footer ul.footer-menu { clear: left; list-style-type: none; float: left; display: inline; padding: 10px 0 0 0; }
#footer ul.footer-menu li { list-style-type: none; font-size: 0.917em; padding-right: 8px; margin-right: 8px; background: url(img/bg/line.png) no-repeat right center; float: left; display: inline; }
#footer ul.footer-menu li a { font-size: 0.917em; color: #00e400; }
#footer ul.footer-menu li.current-item a { color: #00e400; }
#footer ul.footer-menu li.last-item { background: none; }

.footer-notice { float: right; padding: 10px 0 0 0; font-size: 0.917em; }