/* Design & Code (c) ABOVO Media - http://www.abovomedia.nl */

body {
	overflow: hidden; 		      /* needed to eliminate scrollbars caused by the background image */
	padding: 0;margin: 0;
	height: 100%; width: 100%;
   font-family: Arial, Verdana, Tahoma, sans-serif;
   font-size: 11.5pt;
   line-height: 130%;
   color: #ECECEC;
}

#bgImageHolder {
	overflow: hidden; 		      /* needed to eliminate scrollbars caused by the background image */
	height: 100%; width: 100%;
   position: absolute;
}

#bgImg {
	position: relative;
	z-index: -1;
}

#realBody{
	position: absolute;
	z-index: 5;				         /* Place the new body above the background image */
	overflow: auto; 			      /* restore scrollbars for the content */
	height: 100%; width: 100%;	   /* Make the new body fill the screen */
}

h1 {
   font-family: 'M+1cbold', Arial, Verdana, Tahoma, sans-serif;
   font-size: 14pt;
   font-weight: normal;
   text-transform: uppercase;
   color: #FF7200;
   margin-bottom: 15px;
   letter-spacing: -1px;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);
}

h2 {
   font-family: 'M+1cbold', Arial, Verdana, Tahoma, sans-serif;
   font-size: 12pt;
   font-weight: normal;
   text-transform: uppercase;
   color: #FFFFFF;
   margin-bottom: 15px;
   letter-spacing: -1px;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);
}

#pageWrapper {
   width: 960px;
   left: 50%;
   top: 50%;
   position: absolute;
   margin: -185px 0 0 -480px;
}

#top {
   background: transparent url('../_images/top.png') no-repeat top left;
   height: 65px;
}

#top #logo {
   padding: 20px 0 0 20px;
}

#middle {
   background: transparent url('../_images/middle.png') repeat-y top left;
   height: 181px;
}

#middle .container {
   padding: 20px 0 20px 20px;
}

#middle a,
#middle a:active,
#middle a:visited,
#middle a:hover {
   color: #FF7200;
   font-weight: bold;
   text-decoration: none;
}

#middle a:hover {
   border-bottom: 1px solid #FF7200;
}

#middleLeft {
   width: 560px;
   float: left;
}

#middleRight {
   width: 400px;
   float: right;
}

#middleRight .container {
   padding: 20px;
}

#bottom {
   height: 70px;
   background: transparent url('../_images/bottom.png') no-repeat top left;
}

#bottom .container {
   padding: 10px 0 0 0;
}

#sponsors .container {
   padding: 10px 0 0 30px;
}

#sponsors .sponsorHead {
   margin-right: 15px;
}

#tweets {
   width: 720px;
   height: 50px;
   background: transparent url('../_images/tweets_bg.png') no-repeat top left;
   float: left;
   margin-top: 10px;
}

#tweets .container {
   padding: 10px 0 0 10px;
}

#tweets .icon {
   width: 30px;
   height: 30px;
   background:  transparent url('../_images/follow_me_on_twitter.png') no-repeat bottom center;
   float: left;
   margin-left: 10px;
   position: relative;
}

#tweets .icon a img {
   width: 30px;
   height: 30px;
}

#tweets .icon a .tooltip {
   display: none;
   position: absolute;
   top: -30px;
   left: -49px;
}

#tweets .icon a .tooltip img {
   width: 130px;
   height: 31px;
}

#tweets .icon a:hover .tooltip {
   display: block;
}

#tweets .tweetsHolder {
   width: 660px;
   float: right; 
}

#latestTweet a,
#latestTweet a:active,
#latestTweet a:visited,
#latestTweet a:hover {
   color: #006FAA;
   text-decoration: none;
}

#latestTweet a:hover {
   border-bottom: 1px solid #006FAA;
}

#tweets .tweetsHolder #latestTweet {
   padding: 0 20px 0 0;
   font-size: 9pt;
   text-shadow: 1px 1px 0 #D7D9DB;
   line-height: 135%;
   color: #1B1B1B;
}

#tweets .tweetsHolder #latestTweet .date {
   color: #4C4C4c;
   font-size: 8pt;
   white-space: nowrap;
}

#tweets .tweetsHolder #latestTweet .loading {
   background: url('../_images/loading.gif') no-repeat left center;
   margin-top: 7px;
   padding: 0 0 0 22px;
}

#sponsors {
   width: 240px;
   float: right;
   height: 60px;
   background: transparent url('../_images/sponsors_bg.png') no-repeat top left;
}

#footer {
   position: absolute;
   bottom: 0px;
   height: 63px;
   width: 100%;
   left: 0px;
   background: transparent url('../_images/footer_bg.png') repeat-x;
   color: #9D9D9D;
   font-size: 9pt;
   line-height: 140%;
   overflow: hidden;
} 

#footer a,
#footer a:active,
#footer a:visited,
#footer a:hover {
   color: #FFFFFF;
   text-decoration: none;
} 

#footer a:hover {
   text-decoration: underline;
} 

#footer .container {
   width: 960px;
   margin: 0 auto;
   position: relative;
}

#footer #footerLeft {
   padding: 16px 0;
   float: left;
   width: 480px;
}

#footer #footerRight {
   padding: 16px 0;
   float: right;
   width: 480px;
   text-align: right;
}

form .row {
   margin-bottom: 10px;
}

form input {
   background: url('../_images/input_bg.gif') no-repeat 0 0;
   border: 0;
   width: 295px;
   height: 20px;
   font-size: 10pt;
   padding: 3px;
   float: right;
}

form label {
   float: left;
   width: 55px;
   margin-top: 3px;
}

form input.error {
   background-position: 0 -29px;
}

form input.submitButton {
   background: url('../_images/submit.gif') no-repeat 0 0;
   width: 96px;
   height: 26px;
   cursor: pointer;
	cursor: hand;
}

form label.error {
   display: none !important;
}

form #loading {
   float: right;
   background: url('../_images/loading.gif') no-repeat left center;
   font-size:9pt;
   height:21px;
   padding: 5px 0 5px 22px;
   color: #CECECE;
}

.clear {
   clear : both;
   display : block;
   overflow : hidden;
   visibility : hidden;
   width : 0;
   height : 0;
}