@charset "utf-8";
/* Copyright Award The Web 2009. All rights reserved. */
* { margin: 0; padding: 0; overflow: auto; }
body { background: url(i/mainBG.png) #ededed repeat-x top center; text-align: center; font-family: Myriad Pro, Arial, Helvetica, sans-serif; }
h1, h2, h3 { color: #383838; }
a { color: #2380af; } 

/* */
#header { width: 970px; text-align: left; margin: 4px auto 50px auto; overflow: auto; }

#logo { margin-top: 10px; }

#menu { float: right; margin-top: 30px; }
#menu li { list-style: none; color: #FFFFFF; font-size: 16px; display: inline; margin-left: 26px; }
#menu a { color: #95e8ff; text-decoration: none; } #menu a:hover { color: #ffffff; } #menu .active { color: #ffffff; }

#menu .SL-Spacer { background: url(i/SL-Spacer.png) no-repeat left; padding-left: 30px; }

#wrapper { width: 970px; text-align: left; margin: 0 auto 40px auto; overflow: auto; }
#topH { margin-bottom: 35px; } #topH h1 { color: #00a6d3; margin-bottom: -8px; font-size: 30px; }

/* HOMEPAGE */
#mainTitle_slogan { width: 400px; }
#mainTitle_slogan li { display: inline; } .TT-Right { float: right; margin-right: 9px; }

.signUpBG { background: url(i/signUpBG.png) no-repeat center; }
.signUpBG:hover { background: url(i/signUpBGHov.png) no-repeat center; }

.takeTourBG { background: url(i/takeTourBG.png) no-repeat center; }
.takeTourBG:hover { background: url(i/takeTourBGHov.png) no-repeat center; }

#newsletter { margin: 50px 0 50px 0; } .submitRight { margin-left: 10px; }
#newsletter a { color: #0194e1; } #newsletter a:hover { color: #1bb1ff; }
#newsletter .newsletter { background: url(i/newsletter.png) no-repeat left; padding: 0 0 5px 56px; }
#newsletter input { font-size: 18px; padding: 0 8px; } .newsletterTextBox { width: 227px; height: 20px; }
#newsletter .sellNewsletter { font-size: 12px; margin-top: 8px; }

#leftHalf { width: 600px; }
#featuresList { margin-bottom: 40px; padding: 16px; background: url(i/pDivider.png) no-repeat bottom center; }
#featuresList h3 { color: #00a9e1; }
#topFeatures, #bottomFeatures { margin-bottom: 40px; }
#topFeatures h1, #mostAwarded h1 { margin-bottom: 20px; }
.feat1 { background: url(i/feat1.png) no-repeat left top; padding-left: 75px; width: 205px; }
.feat2 { background: url(i/feat2.png) no-repeat left top; padding-left: 75px; width: 205px; }
.feat3 { background: url(i/feat3.png) no-repeat left top; padding-left: 75px; width: 205px; }
.feat4 { background: url(i/feat4.png) no-repeat left top; padding-left: 75px; width: 205px; }
#featureRight { float: right; }
#mostAwarded { margin-bottom: 40px; padding: 16px; background: url(i/pDivider.png) no-repeat bottom center; } #mostAwarded h3 { color: #00a9e1; }
#mostAwarded img { padding-right: 12px; }
.awardMembLinks { margin-top: 20px; } .awardMembLinks li { display: inline; padding-right: 12px; }
.awardedMember { margin-bottom: 30px; padding-bottom: 30px; }
#randomMembers p { margin-bottom: 20px; }
.randomMemberSpacing img { margin-right: 20px; }

#sidebar { float: right; width: 300px; border-left: solid 1px #d6d6d6; padding-left: 35px; }
#sidebar li { font-size: 12px; border-bottom: solid 1px #d6d6d6; padding: 10px 0; }
#sidebar li:hover { background-color: #efefef; }
#sidebar .addFriend { background: url(i/addFriend.png) no-repeat left; padding-left: 20px; }
#sidebar .groupInv { background: url(i/groupInv.png) no-repeat left; padding-left: 20px; }
#sidebar .voteUp { background: url(i/voteUp.png) no-repeat left; padding-left: 20px; }
#sidebar .voteDown { background: url(i/voteDown.png) no-repeat left; padding-left: 20px; }
#sidebar .flagged { background: url(i/flag.png) no-repeat left; padding-left: 20px; }
#sidebar .editDetails { background: url(i/info.png) no-repeat left; padding-left: 20px; }
#sidebar .favourite { background: url(i/fav.png) no-repeat left; padding-left: 20px; }
#sidebar .comment { background: url(i/comment.png) no-repeat left; padding-left: 20px; }
#sidebar .eye { background: url(i/eye.png) no-repeat left #c5f08c; padding-left: 20px; }
#sidebar .streamMargins { margin-bottom: 50px; }
.smallTxt { font-size: 12px; text-transform: uppercase; color: #a6a6a6; padding-left: 8px; }
.goPremium { font-size: 12px; text-transform: uppercase; color: #a6a6a6; float: right; margin-top: 10px; }
.notice { background: url(i/notice.png) no-repeat left; padding-left: 20px; }
.star { background: url(i/star.png) no-repeat left; padding-left: 20px; }

.italic { font-style: italic; }
.underline { text-decoration: underline; }

#footer { background: #212121; padding: 20px 0; } #footerContent { width: 970px; text-align: left; margin: 0 auto; overflow: auto; }
#footerContent p { color: #ededed; } #footer a:hover { color: #5ec5eb; }

/* S3SLIDER CODE */
#s3slider {
   float: right;
   width: 518px; /* important to be same as image width */
   height: 350px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 518px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
   background: url(i/s3SliderBG.png) no-repeat;
   padding: 9px 28px 22px 9px;
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 14px/18px Arial, Helvetica, sans-serif;
   padding: 15px 13px;
   width: 518px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #ffffff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.s3sliderImage span strong {
	color: #00baff;
	font-size: 20px;
	line-height: 28px;
}

.s3sliderImage img {
    padding-right: 5px;
}

.s3sliderImage span a {
	color: #cad700;
}

.s3sliderImage span a:hover {
	color: #fffc00;
}

.clear {
   clear: both;
}

.right {
	right: 0;
	bottom: 0;
	width: 130px !important;
	height: 300px;
}