@charset "UTF-8";
/* CSS Document */
@font-face {
	font-family: 'ekimtiki';
	src: url('../includes/fonts/ekimtiki.eot'); /* IE font path */
	src: local('ekimtiki'), local('ekimtiki'), url('../includes/fonts/ekimtiki.ttf') format('truetype'), url('../includes/fonts/ekimtiki.svg#ekimtiki') format('svg'), url('../includes/fonts/ekimtiki.otf') format('opentype'); /* CSS3 and iPhone browsers */
}


/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size:1em; font-weight:normal; }
ul,ol { list-style:none; }
fieldset,img { border:none; }


body  { background:#c4b69c url('../images/desktop/bg.jpg') no-repeat fixed top; padding:0; font-family:"ekimtiki", "Lucida Grande", sans-serif; }
h2 { font-size:24px; color:#000000; text-decoration:none; margin:0 0 40px 0; padding:0; text-align:center; font-style:normal; font-family:"ekimtiki", "Lucida Grande", sans-serif; }
h3 { font-size:22px; color:#000000; text-decoration:none; margin:0 0 5px 0; padding:0; text-align:left; font-style:normal; font-family:"ekimtiki", "Lucida Grande", sans-serif; }
h4 { font-size:16px; color:#000000; text-decoration:none; margin:0 0 0 0; padding:0; text-align:left; font-style:normal; font-family:"ekimtiki", "Lucida Grande", sans-serif; }
h5 { font-size:16px; color:#000000; text-decoration:none; margin:0 0 10px 0; padding:0; text-align:center; font-style:normal; font-family:"ekimtiki", "Lucida Grande", sans-serif; }
p { font-size:14px; color:#333333; text-decoration:none; margin:0 0 15px 0; padding:0; text-align:left; font-style:normal; font-family:"Lucida Grande", sans-serif; }

.error {font-size:12px; color:red;}


/*  NAV FUNCTIONS  */
#nav { width:800px; height:100px; background:url('../images/desktop/bg_content-header.jpg') no-repeat top; margin:0 auto; }
#nav a { font-size:32px; color:#fcff00; text-decoration:none; text-shadow:#333333 1px 4px; position:relative;}
#nav a:hover { color:#fcff00; text-decoration:none; text-shadow:#666666 0px 2px;}
#nav a.selected { position:relative; top:2px; color:#000000; text-decoration:none; text-shadow:none; }
#nav ul { width:auto; height:auto; padding-top:20px; margin:0 auto; display:block; }
#nav ul li  { width:auto; height:auto; margin:15px auto 0 auto; display:inline-block; padding:0 20px; }



/*  BODY  */
#frame { max-width:800px; height:auto; border:0; margin:0 auto; text-align:center;  }
#header { background:url('../images/desktop/logo_TG.png') no-repeat top; color:#00F; width:800px; height:130px; }
#line  { background:url('../images/desktop/line.png') no-repeat top; width:697px; height:12px; margin:10px auto 0 auto; clear:both; }
#content { background:url('../images/desktop/bg_content-repeat.jpg') repeat-y top center; padding:25px 15px; text-align:center; }
#content-footer { background:url('../images/desktop/bg_content-footer.jpg') no-repeat top center;; width:auto; height:100px; }
.clear {clear:both;}

/*  VARIABLE CONTENT  */
		/*  Games Page  */
#MDlogo  { background:url('../images/desktop/logo_MD.png') no-repeat top center; width:300px; height:173px; margin:0 auto; }
		/*  News Page  */
#campfire  { display:inline-block; background:url('../images/desktop/campfire.jpg') no-repeat top center; width:320px; height:480px; margin:0 auto; }
		/*  About Page  */
#aboutContent  { display:inline-block; width:720px; height:100%; margin:0 auto; text-align:center; }
#aboutTG  { display:inline-block; width:95%; height:auto; margin:0 auto 0 20px; text-align:left; }
.bio  { display:inline-block; width:100%; height:auto; margin:30px auto 5px 0; }
.specialBio .story { display:inline-block; width:95%; height:auto; margin:60px 0 0 30px; padding:0; text-align:left;}
.story  { display:inline-block; width:400px; height:auto; margin:0 75px 0 0; padding:0; text-align:left; float:right; }
#stevePic  { background:url('../images/desktop/tg_steve.gif') no-repeat top; width:25%; height:164px; margin:0; float:left; }
#docPic  { background:url('../images/desktop/tg_doc.gif') no-repeat top; width:25%; height:164px; margin:0; float:left; }
#mikePic  { background:url('../images/desktop/tg_mike.gif') no-repeat top; width:25%; height:164px; margin:0; float:left; }
#brianPic  { background:url('../images/desktop/tg_brian.gif') no-repeat top; width:25%; height:164px; margin:0; float:left; }
#stevenPic  { background:url('../images/desktop/tg_steven.gif') no-repeat top; width:25%; height:164px; margin:0; float:left; }
		/*  Support  Page  */
#form  { display:inline-block; width:auto; height:auto; margin:0 auto; padding:0; text-align:center; position:relative; }
.left  { width:40%; height:auto; float:left; }
.right  { width:50%; height:auto; float:right; }
.dropdown  { clear:both; }
.linebreak  { width:100px; height:40px; margin:20px auto; }

	/* Additional Support Page Styles  */
select, option  { font-size:14px; }
ol.phpfmg_form  { width:500px; height:auto; list-style-type:none; padding:0px; margin:0 auto 0 0px; text-align:left; }
ol.phpfmg_form li { margin-bottom:5px; display:inline-block; overflow:hidden; width:auto; }
.form_field, .form_required  { font-size:14px; }
.form_required  {color:red; margin-right:8px; }
.field_block_over  {  }
.form_submit_block  { padding-top: 3px; }
.text_box { width:220px; }
.text_select  { width:150px; }
.text_area  { width:500px; height:80px; }
.form_error_title  { font-weight: bold; color: red; }
.form_error  { background-color: #F4F6E5; border: 1px dashed #ff0000; padding: 10px; margin-bottom: 10px; }
.form_error_highlight { background-color: #F4F6E5; border-bottom: 1px dashed #ff0000; }
div.instruction_error { color: red; font-weight:bold; }
hr.sectionbreak  { height:1px; color: #ccc; }

/*  Footer  */
#footer  { width:790px; height:70px; padding:0; font-family:"Lucida Grande", sans-serif; font-size:12px; margin:10px auto; text-align:center; }
#footer ul { height:auto; list-style:none; text-align:left; float:left; margin:0; }
#footer li  { font-family:"Lucida Grande", sans-serif; text-decoration:none;  }
#badge  { max- width:40%; height:auto; margin:0 auto; padding:0; float:right; clear:right; }
#copyright  { max- width:40%; height:auto; margin:10px auto 0 auto; padding:0; float:right; clear:right; }