/** ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  *
  *  Gooism Style Sheet
  *  http://www.gooism.com
  *  (c) 2018
  *  Author Craig McKercher
  *
  *  Index
  *
  *  1. CSS Reset
  *  2. Body
  *  3. Banner
  *  4. Navigation
  *  5. Content
  *  6. Footer
  *  7. Other
  *  8. Clock
  *  9. Menu
  *  10. Login
  *  11. IFrame
  *
  *  ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  */


 /** ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  *
  *  1. CSS Reset
  *
  *  Eric Meyer's Reset CSS v2.0
  *  http://www.cssreset.com
  *
  *  ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  */

  html, body, div, span, applet, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  a, abbr, acronym, address, big, cite, code,
  del, dfn, em, img, ins, kbd, q, s, samp,
  small, strike, strong, sub, sup, tt, var,
  b, u, i, center,
  dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend,
  table, caption, tbody, tfoot, thead, tr, th, td,
  article, aside, canvas, details, embed,
  figure, figcaption, footer, header, hgroup,
  menu, nav, output, ruby, section, summary,
  time, mark, audio, video {
 	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
  }

  /* HTML5 display-role reset for older browsers */

  article, aside, details, figcaption, figure,
  footer, header, hgroup, menu, nav, section {
 	display: block;
  }

  body {
	line-height: 1;
  }

  ol, ul {
 	list-style: none;
  }

  blockquote, q {
	quotes: none;
  }

  blockquote:before, blockquote:after, q:before, q:after {
 	content: '';
 	content: none;
  }

  a {
	color:$ffffff;
  }


 /** ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  *
  *  2. Body
  *
  *  ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  */

  body {
	behavior:url(csshover.htc);
	width:100%;
	color:#ffffff;
	background:#000000;
	overflow-x:hidden;
  }


 /** ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  *
  *  3. Banner
  *
  *  ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  */

  #banner {
	position:relative;
	z-index:1;
	overflow:hidden;
	height:75px;  
	background:#000000 url(../images/strip.gif) repeat-x;
	border-top:1px solid #FF9900;
	border-bottom:3px double #FF9900;
	letter-spacing:1.5px;
  }

  #banner #left {
	float:left;
	margin-left:35px;
  }

  #banner #left #title1 {
	font:bold 25px/45px Georgia, serif;
  }

  #banner #left #title2 {
	font:bold 16px/20px Georgia, serif;
  }

  #banner #right {
	float:right;
	margin-right:35px;
  }

  #banner #right #socialmedia {
	float:right;
	font:bold 14px/30px arial, serif;
	border:1px solid #700000;
	margin:5px 0 2px 0;
	padding:0 5px 5px 5px;
  }

  #banner #right #socialmedia img {
	vertical-align:middle;
	padding-top:2px;
  }

  #banner #right #sound { 
	float:right;
	clear:right;
	border:solid #700000 1px;
  }

  #banner #right #login {
	float:right;
	margin-right:5px;
	text-align:right;
  }

  #banner #right #login #user, #banner #right #login #lognav {
	color:#ffffff; 
	font:bold 9pt/14px arial, serif;
  }

  #banner #right #login #lognav a {
	color:#ffffff;
	text-decoration:none;
	font:bold 9pt/14px arial, serif;
  }

  #banner #right #login #lognav a:hover {
	color:#ff9900;
	text-decoration:underline;
  }


 /** ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  *
  *  4. Navigation
  *
  *  ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  */

  #navwrapper {
	position:relative;
	z-index:1;
  	height:21px;
  	background:#000000;
  	border-bottom:1px solid #ff9900;
  }

  ul#nav {
  	list-style:none;
  	margin-left:30px;
  }

  ul#nav li {
	position:relative;
  	float:left;
  	width:155px;
  	margin:0 5px;
  	text-align:center;
  }

  ul#nav li a {
	position:relative;
	z-index:10;
  	display:block;
  	color:#ffe3b9;  
  	font:10pt Arial;
  	font-weight:bold;
  	text-decoration:none;
  	line-height:21px;
  	letter-spacing:1px;
  }

  ul#nav li a:hover {
  	color:#ffffff; 
  	background:#954e00;
  }
  

  ul#nav li:hover ul {
  	display:block;
  }

  ul#nav li ul  {	
  	position:absolute;
  	z-index:5;

  	list-style:none;

  	display:none;

 	width:200px;
 	background:#4E2009 url(../images/background2.jpg);
  	border:1px solid #ff9900;
  }

  ul#nav .cover {
  	position:absolute;
  	left:-25px;
   	width:202px;
  }

  ul#nav li ul li {
  	margin:0;
  	padding:0;
  }

  ul#nav li ul li a {
  	color:#ffffff;
  	font-weight:normal;
  	line-height:25px;
  	background:none;
  	width:200px;
  }

  ul#nav li ul li a:hover {
  	color:#ff9900;
  	background:#371600;
  }

  ul#nav a.current {
  	color:#ffffff;	
  	background:#954e00;
  }

  ul#nav li ul a.current {
  	color:#ff9900;	
	background:#371600;
  }


 /** ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  *
  *  5. Content
  *
  *  ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  */

  #content h1 { 
	text-align:center;
  }

  #index #flashcontent1 {
	text-align:center;
	height:630px;
  }

  #projects #flashcontent2 {
	text-align:center;
	height:545px;
  }

  #slotMachine #flashcontent3 {
	height:666px;
        width:450px;
        display:inline-block;
        top:0;
        vertical-align:top;
        
  }

  #slotMachine #flashcontent4 {
	height:666px;
        width:500px;
        display:inline-block;
  }

  #aboutme #content {
	text-align:center;
	height:605px;
  }

  #resume #pdf {
	text-align:center;
	width:70%;
	margin:auto;
	height:1150px;
        display:block;
  }

  #content h1 { 
  	font:bold 20px/30px Georgia, serif;
  	color:#ffe3b9;
  	position:relative;
  	margin:0;
  	padding:37px 0 10px 0;
  	height:37px;
  	background:url(../images/ribbon.png) top center no-repeat;
  }


 /** ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  *
  *  6. Footer
  *
  *  ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  */

  #footer {
	text-align:center; 
	height:100%;
	background-color:#1B0C07;
	border-top:1px solid #FF9900;
	border-bottom:1px solid #FF9900;
	padding-bottom:10px;
  }

  #footer #enter { 
	font:bold 14px/35px arial, serif; 
	letter-spacing:5px; 
  }

  #footer a { 
	color:#ffffff; 
	text-decoration:none; 
  }

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

  #footer #enter a {
	color:#ffffff; 
	text-decoration:none; 
  }

  #footer #enter a:hover { 
	color:#ff9900; 
	text-decoration:none; 
  }

  #footer #ftnav { 
	text-align:center; 
	border:1px solid #6D311D; 
	margin:5px 35px 10px 35px;
	letter-spacing:0.5px;
  }

  #footer #ftnav ul { 
	padding:10px 0 15px 0; 
	display:inline-table; 
  }

  #footer #ftnav ul li { 
	width:165px; 
	font:11px/13px arial, serif; 
	padding:1px 0 1px 0;
  }

  #footer #ftnav .title { 
	font:bold 12px/20px arial, serif; 
  }

  #footer #disclaimer { 
	padding-top:5px; 
	font:12px/15px arial, serif; 
	margin: 0 auto; 
	width:500px; ; 
	text-align:center; 
  }

  #footer #bottomwrapper { 
	clear:all; 
  }

  #footer #bottomright { 
	float:right; 
	margin:20px 40px 0 0; 
	text-align:left; 
  }

  #footer #bottomleft { 
	float:left; 
	margin:5px 0 0 40px; 
	font:12px/15px arial, serif; 
	text-align:left; 
  }

  #footer #bottomright a, #footer #bottomleft a { 
	color:#ffffff; 
	font:12px/15px arial, serif; 
	text-decoration:none; 
  }

  #footer #extra {
	height:30px;
	margin-left:40px;
	margin-right:40px;
  }

  #footer #extra_left, #footer #extra_right {
	width:10%; 
	float:left; 
	display:inline-block;
	padding-top:5px;
	padding-bottom:5px;
        margin-top:5px;
	background:#110704;
  }

  #footer #enter {
	width:80%; 
	float:left; 
	display:inline-block;
  }

  #footer #extra_left, #footer #extra_right  a {
	font:11px arial, serif;	

  }


 /** ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  *
  *  7. Other
  *
  *  ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  */

  /* General */

  #top {
	background:#000000 url(../images/top.jpg); 
	height:8px;
  }

  #bottom {
	background:#000000 url(../images/bottom.jpg) no-repeat;
	height:10px;
  }

  .double {
	border-top:1px solid #FF9900;
	margin:1px;
  }

  /* Tool Tip */

  #toolTip {
	z-index:45;
	position:absolute;
	text-align:left;
	margin-top:5px;
	background:#ffffff;
	border:1px solid #888888;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
        display:block;
        overflow: hidden;

  }

  div#toolTip p {
	color:#000000;
	padding:6px;
	letter-spacing:1px;
	font:12px Georgia, serif; 
	width:100%;
	height:100%;
  }


  /* No Script */

  #noscript {
	z-index:5;
	position:absolute;
	top:45px;
	width:100%;
	margin:250px auto;
	text-align:center;
	
  }

  #warning {
	color:#ffffff;
	font:8pt Arial;
	width:600px;
	margin:auto;
	padding:10px;
	background:#000000;
	border:solid #ff9900 1px;
  }

  /* Flash Install */

  #installflash {
	margin-top:350px;
  }


 /** ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  *
  *  8. Clock
  *
  *  ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  */

  #clock {
  	float:right;
  	margin:3px 40px 0 0;
  }

  .clockelement {
  	float:right;
	padding-left:15px;
	letter-spacing:1px;
	font:11pt Times New Roman;
	color:#ffffff;
  }


 /** ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  *
  *  9. Menu
  *
  *  ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  */

  #menu a, #menu {
  	border:#ff9900 solid 1px;
 	border-radius:20px;
 	-webkit-border-radius:20px;
 	-moz-border-radius:20px;
 	background:#000000;
  }

  #menu a {
  	color:#ffe3b9;
  	text-decoration:none;
  	padding:5px 25px;
  	line-height:35px;
  }

  #menu a:hover {
  	color:#ff9900;
  	text-decoration:none;
  	background:#110000;
  }

  #menu button {
  	padding:5px;
  	margin:10px;
  	border-radius:10px;
  	-webkit-border-radius:10px;
  	-moz-border-radius:210px;
  	font-size:14px;
  	color:#000000;
  }

  #menu button:hover {
  	background:#bbbbbb;
  	cursor:pointer;
  }

  #menu h1 {
  	font:bold 20px/30px Georgia, serif;
  	color:#ffe3b9;
  	position:relative;
  	margin:0;
  	padding-top:37px;
  	height:37px;
  	background:url(../images/ribbon2.png) top center no-repeat;
  }


 /** ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  *
  *  10. Login
  *
  *  ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  */

  #loginbox form table {
  	width:310px;
  	margin:15px auto;
  	background:#160901;
  	border:1px solid #4E2009;
  	padding:20px;
  }

  #loginbox form table .col0 { 
  	padding:10px 0;
  }

  #loginbox form table .col1 { 
 	text-align:left;
  	padding:0 0 0 10px;
  }

  #loginbox form table .col2 input { 
  	margin:1px 0 1px 0;
  	padding:2px 10px 2px 10px;
  	border:1px solid #301305;
  	background:#000000;
  	color:#ffe3b9;
  	width:150px;
  	font:11pt Arial;
  }


 /** ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  *
  *  11. IFrame
  *
  *  ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  */

  #iframe {
  	margin:0;
  	padding:0;
  	width:100%;
  	height:545px;
  }




 /** ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  *
  *  11. Top Raps
  *
  *  ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  */

/*  */

#top5Raps {
  	margin:0;
  	padding:0;
  	width:100%;
  	height:460px;
        text-align:center;
}

#top5Raps #flashPlayer {
  	margin:25px 185px 25px 50px;

}

#top5Raps table { 
	margin:auto;
	border:solid #666666 1px;
	background:#000000;
	padding:10px;
	width:475px;
	text-align:left;
}

#top5Raps table td { 

	background:#000000;
}

#top5Raps table .Rating { 

	color:#ffffff;
	font:14pt Arial;
	letter-spacing:1px;
	text-align:right;
	width:50px;
	padding-top:3px;
}

#top5Raps table img {

	padding:1px 5px 0 5px;
	width:25px;
	height:25px;
}

#top5Raps table .Name { 

	color:#ffe3b9; 
	font:9pt Arial;
	margin-right:2px;
	padding:3px 0 3px 10px;
	width:225px;
	display:block;
	background:#000000;
	border:solid #400000 1px;
	text-decoration:none;
}

#top5Raps table a.Name :hover { 

	color:#ff9900;
	background:#2a0000;
	border:1px solid #800000;
	text-decoration:none;
}

#top5Raps table button { 
	font:8pt Arial;
	padding:1px 15px 0 10px;
}