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

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

/* used for league information on ultimate index. */
#leagues {
  width: 50em;
  max-width: 150%;
  border: 2px solid #C8CDD2;
  padding: 5px 0;
  margin-top: 10px;
}
#leagues dl {
  margin: 7px 10px 5px 10px;
  padding: 0;
}
#leagues dt {
  float: left;
  margin: 0;
  padding: 0;
  font-size: 115%;
  color: #69C;
}
#leagues dd {
  margin: 0 0 0 31em;
  padding: 0;
  font-size: 85%;
  line-height: 2.0em;
  color: #333;
}
#leagues .seasons {
  font-weight: bold;
  font-size: 70%;
  margin-left: 39em;
}
/* used for league information on ultimate index. */

/* used on calendar page */
#calendar_frame {
  margin-top: 0;
  padding: 45px 0 0 20px;
}
#calendar_frame iframe {
  width: 99%;
  height: 30em;
  border: 0;
}
/* used on calendar page */

/* default size for inline videos on video page */
.video-page object {
  width: 320px;
  height: 192px;
}
/* default size for inline videos on video page */

li {
  margin-left: 15px;
}

h1 { /* main heading for entire page */
  position: absolute;
  width: 100%;
  padding: 12px 0 8px 20px;
  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 {
  position: absolute;
  top: 65px;            left: 15px;
  margin: 0;            padding: 0;
  width: 182px;         height: 121px;
}
.heading { /* headings of small sections like featured businesses and resumes */
  font-weight: bold;  text-decoration: underline;
  margin-top: 0px;    margin-bottom: 10px;
  padding-top: 0px;
}
h2 {
  font-weight: bold;    font-size: inherit;
  text-decoration: underline;
  margin-top: 10px;     margin-left: 20px;
  padding-top: 10px;
}
h3 {
  text-align: center;  font-weight: normal;
}
h4 {
  padding: 0;          margin: 0;
  padding-bottom: 6px;
}
h5 {
  position: fixed;
  bottom: -10px;        right: 3px;
  float: right;       clear: left;
  text-align: right;  font-weight: normal;
  opacity:0.45;       filter:alpha(opacity=45);
}
cite {
  padding-bottom: 17px;  padding-left: 25px;
}

#top_right_logo {
  position: absolute;
  top: 52px;      right: 15px;
  width: 40px;    height: 68px;
}

/* main menu (currently left side) */
#menu {
  position: absolute;
  left: 18px;         top: 195px;
  padding: 10px 10px 10px 20px;
  /*width: 50em;*/
  line-height: 17px;
  font-family: verdana, arial, helvetica, sans-serif;
  text-align: left;
}
#menu ul {
  margin: 0;  padding: 0;
  list-style: none;
  line-height: 30px;
}
#menu li {
  padding: 2px 0 0 0;    
  margin: 0;
}
#menu a {
  padding: .2em 1em;
  border: 1px solid;
}
#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 a,
#discgolf #menu .ultimate a{
  font-weight: bold;
  border-right: none;
}
#menu a:hover {
  font-weight: bold;
}
#menu .index a {
  padding-right: 2.1em;
}
#menu .ultimate a {
  padding-right: 3.69em;
}
#menu .resume a {
  padding-right: 2em;
}
#menu .books a {
  padding-right: 5em;
}
#menu .about a {
  padding-right: 3.1em;
}
/* main menu (currently left side) */

/* secondary menu (currently across the top) */
#menu2 {
  position: absolute;
  left: 190px;     top: 5px;
  padding: 1em 0 0 5em;
  margin: 55px 2px 2px 2px;
  width: 50em;
  font-family: verdana, arial, helvetica, sans-serif;
  text-align: center;
}
#menu2 ul {
  margin: 0;  padding: 0;
  list-style: none;
}
#menu2 li {
  float: left;
  padding: 0px;
  margin: 2px;
}
#menu2 a {
  /*padding: 4px 10px;*/
  padding: .3em .8em;
  border: 1px solid;
}
#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{
  font-weight: bold;
  border-bottom: none;
  border-right: 1px solid;
}
/* secondary menu (currently across the top) */

/* the footer menu */
#menu_bot {
  position: absolute;
  font-size: smaller;
  width: 50%;
  margin-left: auto;  margin-right: auto;
  padding-left: 20%;
}
hr.menu_bot {
  width: 75%;
  margin-left: auto;  margin-right: auto;
  padding: 0;
  margin-bottom: 0;
}
/* the footer menu */

/* twitter feeds */
#status {
  position: absolute;
  left: 12px;        top: 405px;
  padding: 5px;
  line-height: 17px;
  font-family: verdana, arial, helvetica, sans-serif;
  text-align: left;
  border: black 1px solid;
}
#strangers_fans {
  position: absolute;
  right: 12px;  top: 125px;
  padding: 5px;
  line-height: 17px;
  font-family: verdana, arial, helvetica, sans-serif;
  text-align: left;
  border: black 1px solid;
}
/* twitter feeds */
/* sponsor & business links */
#sponsors {
  position: absolute;
  left: 15px;        top: 710px;
  padding: 5px;
  width: 180px;  line-height: 18px;
  font-family: verdana, arial, helvetica, sans-serif;
  text-align: left;
}
#featured {
  position: absolute;
  left: 15px;        top: 510px;
  padding: 5px;
  width: 180px;  line-height: 18px;
  font-family: verdana, arial, helvetica, sans-serif;
  text-align: left;
}
#featured .creations {
  background: url(../images/blocks.jpg) no-repeat left;
  padding-left: 25px;
}
#sponsors .halu {
  background: url(../ultimate/images/halu_sushi_small.gif) no-repeat left;
  padding-left: 25px;
}
#featured dd {
  margin: 0;
  padding: 0;
}
#sponsors dd {
  margin: 0;
  padding: 2px 2px 0;
  margin-bottom: 10px;
}
/* sponsor & business links */

#drills img {
  border: 1px solid;
}

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

/* visitor counter */
#sitemeter {
  float: left;  clear: left;
  position: fixed;
  bottom: 1px; left: 2px;
  z-index: -1;
}
#sitemeter img {
  border: black double;
}
/* visitor counter */

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

/* resume page */
#resumelist {
  position: absolute;
  right: 30px;        top: 75px;
  padding: 10px 0 10px 10px;
  width: 230px;       line-height: 19px;
  font-family: verdana, arial, helvetica, sans-serif;
  text-align: left;
}
#resumelist ul {
  margin: 0;             padding: 0;
  list-style-type: none;
  line-height: 25px
}
/* resume page */

/* 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;
}
a:hover, a:active, a:focus {
  border-bottom: 1px dotted #000;
}

/* follow section (on the about page) */
#follow {
  position: absolute;
  left: -25px;        top: 380px;
  padding: 2px;
  width: 200px;  
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: smaller;
  text-align: left;
}
#follow ul {
 list-style: none;
}
li.twitter {
}
.twitter { 
  background-image: url(http://a3.twimg.com/a/1314818336/images/logos/twitter_newbird_blue.png);
  background-position: right top;
  background-repeat: no-repeat;
  background-size: 30%;
  padding: 35px 0px 0px 0px;
  margin: 0;
}
.twitter iframe {
  height: 30px;
}
/* follow section (on the about page) */

/* W3C validator link */
#validator {
  float: left;  clear: left;
  position: fixed;
  left: 3px;         bottom: 25px;
  padding: 0;        margin: 0;
}
#validator img {
  border: 0;
  width: 88px;        height: 31px;
}
/* W3C validator link */

/* Used on books page for alternating color list. */
table {
  border: 0;
  border-collapse: collapse;
  padding: 0;         margin: 0;
}
th, td, tr {
  margin: 0;
  padding: 0;
}
#sortable tr td:first-child {
  text-align: right;
}
.stripedlist  {
  border: 1px solid #666;
  margin-bottom: 30px;
}
.stripedlist 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;
}
/* Used on books page for alternating color list. */

.video-page {
  position: absolute;
  top: 410px;
  left: 20px;
}

hr {
  width: 55%;
  padding-top: 1px;
  margin-top: 30px;
}

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

#content
{
  padding: 65px 5px 5px 5px;
  margin: 5px 40px 5px 210px;
}
#content-ultimate
{
  padding: 105px 275px 5px 5px;
  margin: 5px 40px 5px 220px;
}

.float-left
{
  float: left;
  padding-left: 10px; padding-bottom: 10px;
}
.clear-left { clear: left; }
.float-right
{
  float: right;
  padding-left: 10px; padding-bottom: 10px;
}
.clear-right { clear: right; }

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

#smaller {
  font-size: smaller;
}
.smaller {
  font-size: 75%;
  margin-bottom: 15px;
}
.css_change {
  font-size: 75%;
  margin-bottom: 15px;
}

/* new rollouts */
.rollouts {
  float: left;
  padding-left: 30px; padding-bottom: 10px; padding-top: 0px;
  clear: left;
}
.rollouts h4 {
  cursor: pointer;
  text-decoration: underline;
  padding-bottom: 5px;   padding-left: 30px;
  background:url("../images/plus.png") no-repeat left top;
}
.rollouts h4.close:hover {
  background:url("../images/minus_red.png") no-repeat left top;
}
.rollouts h4.close {
  background:url("../images/minus.png") no-repeat left top;
}
.rollouts h4:hover {
  background:url("../images/plus_red.png") no-repeat left top;
/* new rollouts */

acronym {
  cursor: help;
}

.important {
  color: red;
  font-weight: bold;
}