/* CSS Document for the LoGD ailean skin by Ben Wong, 
   based on a concept by Ailean */

/*  --------------------------------------------------------------------
**  CritOrMiss alike Tag Defaults
*/
html {
  text-align: center;
}

body {
  position: relative;
  padding-top: 4.5em;
  font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
  font-size: 82%;
  color: #555;
  background-color: #aaa;
}

/* =Branding 
 *----------------------------------
 */
#branding {
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
  width: 100%;
  height: 3.5em;
  background: #354565;
  border-bottom: 7px solid #002142;
}

#branding h1 {
	position: absolute;
	top: 0.2em;
	left: 0.5em;
	height: 2.5em;
	width: 6em;
  background: transparent url(http://critormiss.com/public/images/logo.png) top left no-repeat;
  color: #fff;
  border: none;
  padding: 0.67em 3em;
  font-size: 1.5em;
  text-indent: -9999px;
}

/* =Main Navigation
 *----------------------------------
 */
#nav_main {
  position: absolute;
  top: 1.95em;
  right: 2em;
}

#nav_main ul {
  height: 100%;
}

#nav_main li {
  float: left;
}

#nav_main a:link, #nav_main a:visited {
  color: #ccc;
  font-weight: normal;
  display: block;
  float: left;
  padding: 0 0.62em 5px 0.62em;
  margin: auto 1px;
	border-bottom: 7px solid #002142;
  text-decoration: none;
}

#nav_main a:hover {
  color: #fff;
  border-bottom: 7px solid #696;
}

#nav_main a.active {
	color: #fff;
	border-bottom: 7px solid #c60;
}

/* =Common
 *----------------------------------
 */
h1, h2, h3, h4, h5, h6 { 
  color: #23334a; 
  font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
}

strong, em {
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
}

strong { font-weight: bolder; }

em {
  font-weight: normal;
  font-style: italic;
  font-family: Georgia, "Times New Roman", Times, serif;
}

hr {
  position: relative;
  border: none;
  border-top: 1px solid #ccc;
  top: 1em;
  margin-bottom: 2.33em;
}

pre {
  font-size: 1.33em;
  font-weight: bold;
}

.clearfix { clear:both; }

/* =Layout 
 *----------------------------------
 */
#content, #site_info, #footer .advert {
    width: 80em;
    margin: 0 auto;
}

.left {
  float: left;
  padding: 1em 1em 1em 0;
}

.right {
  float: right;
  width: auto;
}

/* =Links 
 *----------------------------------
 */
a:link, a:visited {
  text-decoration: none;
  color: #c60;
}

a:hover {
  text-decoration: underline;
}

/* =Content 
 *----------------------------------
 */
#content {
	position: relative;
  text-align: left;
  min-height: 25em;
}

#content_main {
  float: left;
  width: 47em;
  padding-right: 1em;
}

#content_nav {
  float: left;
  width: 14em;
  margin-right: 1em;
}

#content_stats {
  float: left;
  width: 15em;
  font-size: 0.9em;
}

.info {
  background-color: #d5e3d5;
  border-bottom: 2px solid #679967;
  border-top: 2px solid #679967;
  padding: 2em;
}



/** text colours **/
.colDkBlue    { color: #2080ff; }
.colDkGreen   { color: #ccc; }
.colDkCyan    { color: #006666; }
.colDkRed     { color: #aa4444; }
.colDkMagenta { color: #990099; }
.colDkYellow  { color: #e6e600; }
.colDkWhite   { color: #cccccc; }
.colLtBlue    { color: #74cddf; }
.colLtGreen   { color: #f6f6f6; }
.colLtCyan    { color: #00eeee; }
.colLtRed     { color: #e03333; }
.colLtMagenta { color: #cc00cc; }
.colLtYellow  { color: #eeee00; }
.colLtWhite   { color: #ffffff; }
.colLtBlack   { color: #777777; }
.colDkOrange  { color: #994400; }
.colLtOrange  { color: #ff9900; }
.colBlue  	{ color: #0070FF; }
.colLime  	{ color: #DDFFBB; }
.colBlack  	{ color: #000000; }
.colRose 	{ color: #EEBBEE; }
.colblueviolet 	{ color: #9A5BEE; }
.coliceviolet	{ color: #AABBEE; }
.colLtBrown 	{ color: #F8DB83; }
.colDkBrown 	{ color: #6b563f; }
.colXLtGreen	{ color: #aaff99; }
.colAttention 	{ background-color: #00FF00; color: #FF0000; }
.colWhiteBlack 	{ background-color: #FFFFFF; color: #000000; }
.colBack  	{ background-color: #00FFFF; color: #000000; }
.colLtLinkBlue { color: #0099FF; }
.colDkLinkBlue { color: #006BB3; }
.colDkRust { color: #8D6060; }
.colLtRust { color: #B07878; }
.colMdBlue { color: #0000F0; }
.colMdGrey { color: #DDDDDD; }
/** table rows (e.g. Game Setup Info, Hall o' Fame) **/
.trhead  { background-color:#ccc; color:#000000; font-size: 0.85em;}
.trlight { background-color:#414141; color:#d0a700; }
.trdark  { background-color:#191919; color:#d0a700; }
.trhilight { background-color: #303030; color: #d0a700}

/* =Footer 
 *----------------------------------
 */
#footer {
	position: relative;
  margin-top: 4em;
  border-top: 14px solid #002142;
  padding: 1em 1em 3em 1em;
  background-color: #354565;
  color: #999;
}

#footer .advert {
  background-color: #55617a;
  margin: 0 auto 1em auto;
}

#footer a:link, #footer a:visited {
    color: #ccc;
    text-decoration: underline;
}

#footer a:hover {
	color: #c60;
}

#footer h5 {
    color: #fff;
    text-transform: capitalize;
    margin-bottom: 0.67em;
}

/* =Site Info 
 *----------------------------------
 */
#info_game, #info_explore, #info_about {
    float:left;
    width: 18em;
    height: 14em;
    text-align: left;
    padding-right: 2em;
    margin-top: 0.5em;
    margin-left: 1em;
}

#info_game p, #info_explore p, #info_about p {
    padding-bottom: 1em;
}

#info_about { width: 13.5em; }
#info_signup, #info_explore { margin-right: 1.5em; }

div.copyright {
	position: relative;
	padding-top: 10em;
	padding-bottom:  3em;
	text-align: left;
	left: 5em;
}

div.copyright p {
	padding: 0;
	margin: 0;
}

/* =Forms 
 *----------------------------------
 */
fieldset {
  margin-top: 1em;
  border: 1px solid #ccc;
  background: #999;
  padding: 1em;
}

fieldset legend {
  color: #354565 !important;
}

/* =Blocks 
 *----------------------------------
 */
.block {
  line-height: 1.5em;
}

/* =Misc 
 *----------------------------------
 */
.navhi {
  font-weight: bold;
}

a.nav {
  display: block;
}

span.navhead {
  background: #354565;
  padding: 0.25em 1em 0.25em 1em;
  display: block;
  margin: 1em 0 0.25em 0;
  border: 1px solid #ccc;
  color: #e6e6e6;
}

table {
  font-size: 1.1em;
}

td { font-size: 1em; }