body {
      
      background-color:      #232323;
      color:                 #979797;
      font-style:            regular;
      font-size:             10pt;
      font-family:           'Metrophobic', arial, serif;
}
a {
	color: #ffcc22;
	text-decoration: none;
}

.mainbox {
    
     display: table-cell;
     vertical-align: middle;
     text-align: center;
     border-style: solid;
     border-color: white;
     border-width: 0px;
}

#header {
     padding-top: 24pt;
	 padding-bottom: 42pt;
	 border: 0pt;
	 text-align: center;
	 max-width: 1000px;
	 min-width: 1000px;
	 clear: both;
}
#content {
	max-width: 1024px;
	min-width: 1023px;
}
#content .content-column{
	padding-left: 48px;
}

#navigation {
	max-width: 200px;
	height: 100%;
	float: left;
	background-color: #2c2c2c;
}
#navigation.img {
    margin: 0px;
	padding: 0px;
}
#rightside {
    max-width: 720px;
	min-width: 720px;
	clear: right;
	float: none;
}

.poster-post .poster {
	margin-right:  16px;
	margin-bottom: 16px;
	float:         left;
	margin-top:     0px;
}

.feature-post {
	clear:        left;
}


.section {
   font-family: 'Raleway', arial, serif;
   font-weight: bold;
   font-size: 36pt;
   color: white;
   text-align: center;
   line-height: 14pt;
   letter-spacing: 2pt;
}


.header
{
   font-family: 'Raleway', arial, serif;
   text-transform: uppercase;
   font-weight: bold;
   font-size: 24pt;
   color: #dddddd;
   text-align: left;
   line-height: 14pt;
   letter-spacing: .8pt;
   margin-bottom:  12pt;
}

.subheader
{
   font-family: 'Jura', arial, serif;
   font-size: 15pt;
   color: #cccccc;
   text-align: left;
   line-height: 2em;
   letter-spacing: .5pt;
}
.feature-post .subheader {
   padding-bottom: 4pt;
   padding-top:    8pt;
}

.text
{
   font-size:   10pt;
   color: 	    #c9c9c9;
   text-align:  justify;
   line-height: 2en;
   min-height:  12pt;
   min-width:   100px;
}
.text li
{
   font-size: 10pt;
   color: #e5e5e5;
   text-align: left;
   line-height: 14pt;
   list-style-position: inside;
   list-style-type: square;
   margin-left: 20pt;
}
.feature-post .text
{
   clear:       left;
}




.separator {
   min-width: 720px;
   min-height: 8px;
   background-image: url('../images/separator-720.png');
   clear: both;
   margin-bottom: 24px;
   margin-top:    24px;
}







.gallery {
	clear: both;
	margin-top:    16px;
	margin-bottom: 16px;
}
.gallery img {
	margin-bottom: 10px;
	margin-right:   5px;
	margin-left:    5px;
	padding:        0px;
	float:          left;
}





.noticebox {
   border: 			 	 2px black dashed;
   color: 			 	 black;
   padding:  		 	 12pt;
   background-color:     #ffcc22; 
   background-image:     url('../images/notice-image.png');
   background-repeat:    no-repeat;
   background-position:  fixed;
}
.noticebox p {
   margin-left: 100px;
   margin-right: 50px;
}
.noticebox a {
   color: white;
}



.expand-box {
	border: 	      1px #444444 solid;
	background-color: #2c2c2c;
	margin-top:       32px;
	margin-bottom:    32px;
}
.expand-box .gallery {
	margin-left:   10px;
	margin-top:     0px;
}
.expand-box  .gallery img {
	margin-right:  2px;
	margin-left:   2px;

}
.expand-box .subheader
{
	margin-left:   10px;
	margin-top:    10px;
}



.badgebar  {
	border: 	      1px #444444 solid;
	background-color: #2c2c2c;
	min-width:  	  32px;
	min-height:       32px;
	margin-top:	      8pt;

	padding-left:	  4px;
	padding-right:	  4px;
	padding-top:      5px;
	padding-bottom:   4px;
	
	display: 	      inline;
}
.badgebar img {
    padding-left:     2px;
	padding-right:    2px;

}
.poster-post .badgebar{
	float:			  left;
}
.feature-post .badgebar{
	display:		  table-cell;
	clear: 			  both;
	margin-left:	  auto;
	margin-right:	  auto;
}




.fineprint {
   letter-spacing: .66pt;
   font-size: 6pt;
}