@import url(blackwhite.css);
/*------------------------------------------------
Common Style Sheet

Author:  Eddie McWhirter
Email:   eddiemac777@gmail.com
Website: www.eddiemc.com
------------------------------------------------*/

li {
  margin-left: 25px;
}

h1 {
  position: absolute;
  width: 100%;
  padding-right: 0px; padding-left: 20px; padding-bottom: 8px; padding-top: 12px;
  margin: 10px 0px;
  height: 14px;
  line-height: 11px;
  font-family: 'Arial Black', arial, verdana, helvetica, sans-serif;
  font-style: italic;
  font-variant: small-caps;
  text-align: center;  
  font-size: large;
  font-weight: bold;
}
#headerimage {
  border: 0;
  opacity:0.4;
  filter:alpha(opacity=40);
  position: absolute;
  top: 5px;
  left: 15px;
  margin: 0px;
  padding: 0px;
  width: 182px;
  height: 121px;
}
.heading {
  font-weight: bold;
  text-decoration: underline;
  margin-top: 10px;
  padding-top: 10px;
}
h2 {
  font-weight: bold;
  text-decoration: underline;
  margin-top: 10px; margin-left: 20px;
  padding-top: 10px; 
  font-size: inherit;
}
h3 {
  text-align: center;
  font-weight: normal;
}
h4 {
  padding: 0;
  margin: 0;
}
h5 {
  position: fixed;
  bottom: 0px;
  right: 5px;
  float: right;
  clear: left;
  text-align: right;
  opacity:0.45;
  filter:alpha(opacity=45);
  font-weight: normal;
}
cite {
  padding-bottom: 17px;
  padding-left: 25px;
}

#top_right_logo {
  position: absolute;
  top: 52px;
  /*left: 975px;*/
  right: 5%;
  width: 40px;
  height: 68px;
}
#menu {
  position: absolute;
  left: 23px;
  top: 135px;
  padding-left: 20px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px;
  width: 140px;
  line-height: 17px;
  font-family: verdana, arial, helvetica, sans-serif;
  text-align: left;
}
#menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  line-height: 30px
}
#menu ul li {
  padding: 0;
  margin: 0;
}
#menu2 {
  position: absolute;
  left: 240px;
  top: 5px;
  padding: 10px; 
  margin-top: 60px;
  /*width: 720px;*/
  width: 70%;
  font-family: verdana, arial, helvetica, sans-serif;
  text-align: center;
}
#menu2 span {
  margin: 0;
  padding: 0;
}
#index #menu .index a, #about #menu .about a, #resume #menu .resume a, #map #menu .map a, #books #menu .books a,
#ultimate #menu .ultimate a, #workouts #menu .ultimate a, #videos #menu .ultimate a, #calendar #menu .ultimate a,
#drills #menu .ultimate a, #minigames #menu .ultimate a, #strangers #menu .ultimate a, #donate #menu .ultimate,
#heartbeat #menu .heartbeat a, #thailand #menu .heartbeat a,
#discgolf #menu .ultimate a{
  background-position: right bottom;
  color: #fff;
  font-weight: bold;
}
#workouts #menu2 .workouts a, #videos #menu2 .videos a, #ultimate #menu2 .ultimate a, #calendar #menu2 .calendar a,
#drills #menu2 .drills a, #minigames #menu2 .minigames a, #strangers #menu2 .strangers a, #donate #menu2 .donate a,
#heartbeat #menu2 .index a, #thailand #menu2 .thailand a,
#discgolf #menu2 .discgolf a{
  background-position: right bottom;
  color: #fff;
  font-weight: bold;
}
#menu_bot {
  position: absolute;
  font-size: smaller;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  /*padding-left: 25px;*/
  padding-left: 20%;
}
hr.menu_bot {
  width: 75%;
  /*padding-left: -50%;*/
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  margin-bottom: 0;
}

/*ul {
  list-style-position: outside;
}
/*ul.normal {
  list-style-position: inside;
}*/
#status {
  position: absolute;
  left: 12px;
  top: 350px;
  padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px;
  width: 180px;
  line-height: 17px;
  font-family: verdana, arial, helvetica, sans-serif;
  text-align: left;
  border: 1px;
  border: black 1px solid;
}
#status_key {
  position: absolute;
  left: 15px;
  top: 490px;
  padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px;
  width: 180px;
  line-height: 17px;
  font-family: verdana, arial, helvetica, sans-serif;
  text-align: left;
}
#sponsors {
  position: absolute;
  left: 15px;
  top: 690px;
  padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px;
  width: 180px;
  line-height: 17px;
  font-family: verdana, arial, helvetica, sans-serif;
  text-align: left;
}
#featured {
  position: absolute;
  left: 15px;
  top: 410px;
  padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px;
  width: 180px;
  line-height: 17px;
  font-family: verdana, arial, helvetica, sans-serif;
  text-align: left;
}

#paypal {
  border: black 1px dashed;
}
#paypal td {
  font-weight: bold;
  font-size: smaller;
}

.go {
  color: green;
  font-weight: bold;
}
.short {
  color: blue;
  font-weight: bold;
}
.minimum {
  color: orange;
  font-weight: bold;
}
.cancel {
  color: red;
  font-weight: bold;
}

#sitemeter {
  float: left;
  clear: left;
  position: fixed;
  bottom: 10px; left: 10px;
  z-index: -1;
}
#sitemeter img {
  border: black double;
}

#map {
  text-align: center; /* Fix for IE centering */
  padding-top: 40px;
  margin: 0px;
}
#map_canvas
{
  /*width: 500px;
  height: 300px;*/
  width: 750px;
  height: 450px;
  margin: 0 auto;
  text-align: left;
}
#map_discgolf {
  padding-top: 45px;
}

/* Attribute selectors: 
     'href' is the selected attribute. 
	 '=' finds exact value in attribute.
	 '~=' finds a value in the attribute.
*/
a[href^="http:"] {
  background: url(../images/external.gif) no-repeat right top;
  padding-right: 15px;
  margin-right: 1px; /* Opera issue, needs a margin sometimes. */
}
a[href^="https:"] {
  background: url(../images/external.gif) no-repeat right top;
  padding-right: 15px;
  margin-right: 1px; /* Opera issue, needs a margin sometimes. */
}
a[href^="http://www.eddiemc.com"], a[href^="http://eddiemc.com"] {
  background-image: none;
  padding-right: 0;
  margin-right: 0;
}
a[href$=".pdf"] {
  background: url(../images/pdf_link.png) no-repeat right top;
  padding-right: 20px;
}
a[href$=".doc"] {
  background: url(../images/doc_link.png) no-repeat right top;
  padding-right: 25px;
}
a[href$=".xls"] {
  background: url(../images/xls_link.png) no-repeat right top;
  padding-right: 25px;
}
a.bubble {
  font-size: larger;
  padding-right: 15px;
}
/* hyperlink selectors should be in order: link, visited, hover, active, focus. */
a:link, a:visited {
  font-weight: bold;
  font-family: verdana, arial, helvetica, sans-serif;
  text-decoration: none;
  /*border-bottom: 1px dotted #000;*/
}
a:hover, a:active, a:focus {
  /*text-decoration: underline;*/
  border-bottom: 1px dotted #000;
}


#validator {
  float: right;
  clear: right;
  position: absolute;
  left: 10px;
  bottom: 40px;
  padding: 0;
  margin: 0;
}
#validator img {
  border: 0;
  width: 88px;
  height: 31px;
}

table {
  border: 0;
  border-collapse: collapse;
  padding: 0;
  margin: 0;
}
th, td, tr {
  margin: 0;
  padding: 0;
}
.col1 {
  text-align: right;
}
#booklist table {
  border-collapse: collapse;
  width: 60em;
  border: 1px solid #666;
}
#booklist th, td {
  padding: 0.2em 1em;
}
caption {
  font-size: 1.2em;
  font-weight: bold;
  margin: 1em 0;
}
col {
  border-right: 1px solid #ccc;
}
col#TimesRead {
  border: none;
}

.video-page {
  position: absolute;
  /*margin-left: -180px;
  margin-top: 30px;
  padding-top: 50px;*/
  top: 350px;
  left: 20px;
}

hr {
  width: 55%;
}

p {
  padding-left: 15px; padding-right: 10px; padding-top: 0px; padding-bottom: 0px;
  margin: 0px 0px 16px;
  font: 15px/20px verdana, serif;
  text-align: left;
}
p[title^="paragraph"] {
  text-indent: 30px;
}

#content
{
  padding-top: 65px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px;
  margin-top: 5px; margin-right: 40px; margin-bottom: 5px; margin-left: 210px;
}
#content-ultimate
{
  padding-top: 110px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px;
  margin-top: 5px; margin-right: 40px; margin-bottom: 5px; margin-left: 220px;
}
.float-left
{
  float: left;
  padding-left: 10px; padding-bottom: 10px;
}
.clear-left { clear: left; }

body
{
  padding: 0px;
  margin: 0px;
  font-family: verdana, arial, helvetica, sans-serif;
}

#smaller {
  font-size: smaller;
}
.smaller {
  font-size: smaller;
}

*.rollup-trigger       { cursor: pointer; }
*.rollup-trigger:hover { color: firebrick; text-decoration: underline; }
h4.rollup-trigger:hover{ 
  background:url("../images/plus_red.png") no-repeat left top; 
}
h4.rolledup:hover     { 
  background:url("../images/minus_red.png") no-repeat left top; 
}
h4.rollup-trigger    { 
  padding-left: 30px;
  background:url("../images/plus.png") no-repeat left top; 
}
h4.rolledup          { 
  background:url("../images/minus.png") no-repeat left top; 
}
*.hidden               { 
  position:absolute; 
  top:-99999px; left:-99999px; 
  width:1px; height:1px; 
  overflow:hidden; 
}
ul.rollouts {
  list-style-type: none;
  margin: 0px;
  padding-left: 50px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;
}
li.rollup div, li.rollup span {
  /*text-align: center;*/
}

acronym {
  cursor: help;
}


div.weekday {
  padding-left: 2px;
  padding-bottom: 1px;
  width: 110px;
  float: left;
}
div.monthday {
  width: 120px;
  float: left;
}
.important {
  color: red;
  font-weight: bold;
}