body {
font-size:70%;
color:#000000;
margin:0px;
background-image: url(../img/background.gif);
background-position: top center;
background-repeat: repeat-y;
}

body, p, h1, h2, h3, table, td, th, ul, li, ol, form, fieldset, textarea, input {
font-family: verdana,helvetica,arial,sans-serif;
margin: 0px;
padding: 0px;
}

img, fieldset {
border: 0px;
}

a {
color: #3366CC;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

h1 {
font-size: 130%;
}

#container {
width: 980px;
margin: 0px auto;
background-color:#FFFFFF;
}

#topHeader {
width: 980px;
height: 20px;
font-size: 90%;
color: #333333;
overflow: hidden;
background-color: #eeeeee;
border-bottom: 1px solid #cccccc;
}

#topHeader p {
padding: 4px 10px 4px 10px;
}

.floatLeft {
float: left;
}

.floatRight {
float: right;
}

#header {
padding: 10px 10px 10px 10px;
width: 960px;
height: 90px;
overflow: hidden;
}

#logo {
float: left;
width: 222px;
height: 90px;
display: inline;
}

#leaderboard {
float: right;
width: 728px;
height: 90px;
text-align: center;
white-space: nowrap;
overflow: hidden;
}

#menu {
width: 980px;
height: 28px;
background-color: #6699CC;
border-bottom: 1px solid #336699;
border-top: 1px solid #336699;
overflow: hidden;
}

#menu li {
display: inline;
font-weight: bold;
}

#menu li a {
padding: 6px 0px 0px 0px;
border-right: 1px solid #336699;
color: #FFFFFF;
float: left;
height: 28px;
list-style-type: none;
font-size: 120%;
text-align: center;
width: 108px;
}

#menu li a:hover {
color: #FFFFFF;
background-color: #99CC99;
text-decoration: none
}


#search {
float: right;
display: inline;
margin: 1px 10px 0px 3px;
width: 307px;
height: 28px;
overflow: hidden;
}

#searchInput {
float: left;
width: 242px;
height: 16px;
vertical-align: middle;
border: 1px solid #CCCCCC;
border-right: 0px;
margin: 2px 0px 0px 0px;
padding: 2px;
background-image: url(../img/input-background.gif);
background-position: top left;
background-repeat: repeat-x;
}

#searchButton {
float: left;
font-size: 90%;
width: 60px;
height: 22px;
vertical-align: middle;
border: 1px solid #CCCCCC;
background-color: #EEEEEE;
margin: 2px 0px 1px 0px;
padding: 0px;
background-image: url(../img/button-background.gif);
background-position: top left;
background-repeat: repeat-x;
}

#content {
width: 980px;
padding: 10px 0px 0px 0px;
background-image: url(../img/input-background.gif);
background-position: top left;
background-repeat: repeat-x;
background-color: #FFFFFF;
}

#footer {
clear: both;
width: 980px;
border-top: 2px solid #CCCCCC;
background-color: #EEEEEE;
padding: 0px 0px 32px 0px;
}

#footer table {
margin: 32px 0px 0px 173px;
width: 750px;
}

#footer th {
width: 250px;
font-weight : bold;
text-align: left;
color: #999999;
padding: 0px 0px 4px 0px;
}

#leftContent {
float: left; 
width: 640px; 
overflow: hidden; 
display: inline; 
padding: 0px 0px 0px 10px;
}

#pageTitle {
margin: 4px 0px 0px 0px;
}

#pageTitleRedesign {
margin: 4px 0px 0px 0px;
padding: 0px 0px 5px 0px;
border-bottom: 2px solid #ecf3f5;
}

#pageTitleRedesign h1 {
font-size: 160%;
font-weight: normal;
color:#cc6633;
}

.pRedesign {
font-size: 90%;
color: #999999;
padding: 6px 0px 0px 0px;
}

.pBigSpacing {
padding: 25px 0px 0px 0px;
line-height: 160%;
}

.mediaContainer {
margin: 10px 0px 0px 0px; 
width: 638px; 
height: 128px; 
border: 1px solid #CCCCCC; 
overflow: hidden;
}

.mediaThumbContainer {
float: left; 
width: 160px; 
height: 120px;
overflow: hidden;
display: inline; 
margin: 4px 0px 0px 4px;
}

.mediaTextContainer {
float: left; 
width: 461px; 
height: 120px; 
margin: 4px 0px 0px 4px; 
border-left: 1px dashed #CCCCCC; 
padding: 0px 0px 0px 4px; 
overflow: hidden;
}

.mediaTextTitle {
background-color: #EEEEEE; 
font-weight: bold; 
padding: 4px; 
height: 15px; 
font-size: 110%; 
white-space: nowrap; 
overflow: hidden;
}

.mediaTextDescription {
margin: 1px 0px 0px 0px; 
padding: 4px; 
height: 66px; 
color: #666666; 
overflow: hidden;
}

.mediaTextDescription p {
line-height: 140%;
}

.mediaTextAttributes {
padding: 6px 4px 4px 4px;
height: 11px;
border-top: 1px dashed #CCCCCC;
font-size: 80%;
white-space: nowrap;
overflow: hidden;
}

.textTop {
vertical-align: text-top;
}

.textMiddle {
vertical-align: bottom;
}

.greyText {
color: #CCCCCC;
}

.darkGreyText {
color: #666666;
}

.lightSmall {
color: #999999;
font-size: 80%;
}

#pageNav {
border-top: 1px dashed #CCCCCC;
border-bottom: 1px dashed #CCCCCC;
padding: 4px 0px 4px 0px;
margin: 10px 0px 0px 0px; 
text-align: right; 
font-size: 110%;
}

#pageNavRedesign {
border-top: 2px solid #ecf3f5;
border-bottom: 2px solid #ecf3f5;
padding: 5px 0px 5px 0px;
margin: 10px 0px 0px 0px; 
text-align: right;
font-size: 110%;
}

.boldText {
font-weight: bold;
}

#rightContent {
float: right; 
width: 310px; 
display: inline; 
padding: 0px 10px 0px 0px; 
overflow: hidden;
}

#mediumRectangleContainer {
width: 300px; 
/*height: 250px;*/
padding: 4px; 
border: 1px solid #CCCCCC; 
background-color: #EEEEEE; 
overflow: hidden;
}

#mediumRectangleAd {
width: 300px; 
/*height: 250px;*/ 
background-color: #FFFFFF;
text-align: center;
white-space: nowrap; 
overflow: hidden;
}

#skyscraperContainer {
width: 300px; 
height: 600px;
margin: 10px 0px 0px 0px; 
padding: 4px; 
border: 1px solid #CCCCCC; 
background-color: #EEEEEE; 
overflow: hidden;
}

#featuredContainer {
float: left; 
padding: 0px 4px 0px 0px; 
width: 130px; 
overflow: hidden;
}

.boxTitle {
border: 1px solid #CCCCCC; 
background-color: #FFFFFF; 
font-weight: bold; 
text-align: center; 
padding: 4px; 
overflow: hidden;
}

.featuredMediaThumb {
background-color: #FFFFFF;
margin: 4px 0px 0px 0px; 
border-left: 1px solid #CCCCCC; 
border-right: 1px solid #CCCCCC; 
border-top: 1px solid #CCCCCC;
padding: 4px; 
width: 120px; 
height: 90px; 
overflow: hidden;
}

.featuredMediaTitleF {
background-color: #FFFFFF; 
width: 120px; 
padding: 4px; 
border-top: 1px dashed #CCCCCC; 
border-left: 1px solid #CCCCCC; 
border-right: 1px solid #CCCCCC; 
border-bottom: 1px solid #CCCCCC;
}

.featuredMediaTitle {
background-color: #FFFFFF; 
width: 120px; 
padding: 4px; 
border-top: 1px dashed #CCCCCC; 
border-left: 1px solid #CCCCCC; 
border-right: 1px solid #CCCCCC; 
border-bottom: 1px solid #CCCCCC;
height: 26px;
overflow: hidden;
}

#skyscraperAdContainer {
float: right; 
padding: 0px 0px 0px 4px; 
border-left: 1px solid #CCCCCC; 
width: 160px; 
height: 600px; 
overflow: hidden;
}

#skyscraperAd {
width: 160px; 
height: 600px; 
background-color: #FFFFFF;
text-align: center;
white-space: nowrap; 
overflow: hidden;
}

.boxRightContainer {
width: 300px; 
margin: 10px 0px 0px 0px; 
padding: 4px; 
border: 1px solid #CCCCCC; 
background-color: #EEEEEE; 
overflow: hidden;
}

.boxRightList {
margin: 4px 0px 0px 0px; 
border: 1px solid #CCCCCC; 
background-color: #FFFFFF; 
padding: 4px; 
overflow: hidden;
}

.boxRightList p {
padding: 2px 0px 2px 0px;
}

.allList {
margin: 10px 0px 0px 0px; 
}

.allList p {
padding: 2px 0px 2px 0px;
}

.spacer {
width: 980px; 
height: 10px; 
clear: both; 
overflow: hidden;
}

#sortOptions p {
padding: 1px 0px 0px 0px;
}

#glam {
padding: 20px;
text-align: center;
font-size: 90%;
color: #666666;
}

.highlightRed {
font-size: 90%;
margin: 10px 0px 0px 0px;
background-color: #FFCC99;
padding: 6px;
}

.highlightGreen {
font-size: 90%;
margin: 10px 0px 0px 0px;
background-color: #CCFFCC;
padding: 6px;
}

.regText {
font-weight: normal;
}

.italicText {
font-style: italic;
}

#sortOptions {
float: right;
padding: 6px 0px 0px 0px;
}

#sortOptionsRedesign {
float: right;
margin: 12px 0px 0px 0px;
font-size: 90%;
}

.inputText {
padding: 2px;
border: 1px solid #CCCCCC;
font-size: 90%;
width: 200px;
}

.inputTextSelect {
padding: 2px;
border: 1px solid #CCCCCC;
font-size: 90%;
}

.inputText:focus {
border: 1px solid #66cc66;
}

.inputTextArea {
padding: 2px;
border: 1px solid #CCCCCC;
font-size: 90%;
width: 200px;
overflow: auto;
font-family: verdana,helvetica,arial,sans-serif;
}

.inputButton {
padding: 2px;
border: 1px solid #CCCCCC;
background-color: #FFFFFF;
font-size: 90%;
}

.inputButtonStyled {
padding: 2px;
border: 1px solid #CCCCCC;
background-color: #EEEEEE;
font-size: 90%;
background-image: url(../img/button-background.gif);
background-position: top left;
background-repeat: repeat-x;
}

.inputTable td {
padding: 2px;
vertical-align: top;
}

.underlineText {
text-decoration: underline;
}

.marginEight {
margin: 8px 0px 0px 0px;
}

.tableContainer {
margin: 8px 0px 0px 0px;
padding: 8px;
border: 1px solid #CCCCCC;
background-color: #EEEEEE;
}

.bigAd600{
margin: 10px 0px 0px 0px;
}

.boldText2 a {
color: #000000;
font-weight: bold;
text-decoration: none;
}

.boldText2 a:hover {
color: #000000;
text-decoration: none;
}

#fanBox300 {
margin: 10px 0px 0px 0px;
width: 300px;
height: 223px;
padding: 4px; 
border: 1px solid #CCCCCC; 
background-color: #EEEEEE; 
overflow: hidden;
}

#fanBox3002 {
margin: 10px 0px 0px 0px;
width: 300px;
height: 64px;
padding: 4px; 
border: 1px solid #CCCCCC; 
background-color: #EEEEEE;
overflow: hidden;
}

#fanBox3002inside { 
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
}


#fanBox160 {
margin: 10px 0px 0px 0px;
width: 160px; 
height: 378px; 
padding: 4px; 
border: 1px solid #CCCCCC; 
background-color: #EEEEEE; 
overflow: hidden;
}

#fanBox120 {
margin: 10px 0px 0px 0px;
width: 120px; 
height: 378px; 
padding: 4px; 
border: 1px solid #CCCCCC; 
background-color: #EEEEEE; 
overflow: hidden;
}

.aboutUL {
padding: 16px;
}

h2 {
font-size: 120%;
}

h3 {
font-size: 120%;
margin: 10px 0px 0px 0px;
background-color: #EEEEEE;
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC; 
border-right: 1px solid #CCCCCC;
padding: 4px;
}

.quantcast {
display: none;
}

.externalURL {
background-image: url(../img/url.gif);
background-position: center right;
background-repeat: no-repeat;
padding: 0px 16px 0px 0px;
}

.externalFacebook {
background-image: url(../img/facebook-small.gif);
background-position: center right;
background-repeat: no-repeat;
padding: 0px 16px 0px 0px;
}

.externalTwitter {
background-image: url(../img/twitter-small.gif);
background-position: center right;
background-repeat: no-repeat;
padding: 0px 16px 0px 0px;
}

.externalYoutube {
background-image: url(../img/youtube-small.gif);
background-position: center right;
background-repeat: no-repeat;
padding: 0px 16px 0px 0px;
}

.urlGameLarge {
background-image: url(../img/game-icon.gif);
background-position: center left;
background-repeat: no-repeat;
padding: 0px 0px 0px 24px;
}

.urlVideoLarge {
background-image: url(../img/video-icon.gif);
background-position: center left;
background-repeat: no-repeat;
padding: 0px 0px 0px 24px;
}

.urlPictureLarge {
background-image: url(../img/picture-icon.gif);
background-position: center left;
background-repeat: no-repeat;
padding: 0px 0px 0px 24px;
}

.greyBox {
border: 1px solid #CCCCCC;
background-color: #EEEEEE;
margin: 10px 0px 0px 0px;
padding: 6px 10px 6px 10px;
font-size: 90%;
}

.greyBox p {
padding: 0px;
margin: 0px;
line-height: 200%;
}

.facebookContainer {
margin: 10px 0px 0px 0px;
width: 300px; 
padding: 4px; 
border: 1px solid #CCCCCC; 
background-color: #EEEEEE; 
overflow: hidden;
}

.pictureBorder {
padding: 4px; 
border: 1px solid #CCCCCC;
}

.fakeLink {
color: #3366CC;
text-decoration: none;
cursor: pointer;
}

.moreHot {
margin: 4px 0px 0px 0px;
padding: 4px;
background-color: #EEEEEE;
text-align: center;
border: 1px solid #CCCCCC;
}

.followTwitter {
margin: 10px 0px 0px 0px;
}