body { margin: 0; padding: 0; }
img { border: none; }

#header { position: relative; height: 110px; width: 971px; margin: 0 auto; }
#logo { text-align: center; padding: 15px 0 15px 0; }

.smallHeader { background-position: 0 -49px; }
.smallHeader #header { height: 61px; }
.smallHeader #logo { padding: 5px 0 0 0; }
.smallHeader #logo img { height: 36px; }
.smallHeader #search { top: 7px; }
.smallHeader #dropdown { top: 7px; }
.smallHeader #secondHeader { top: 47px; }

#secondHeader { position: absolute; top: 94px; left: 50%; margin-left: -215px; }
#secondHeader a { text-decoration: none; background: url(/images/general/headerbuttons.gif) repeat-x #000; color: #fff; font-family: 'Open Sans', sans-serif; display: block; padding: 5px; float: left; width: 200px; margin-right: 10px; text-align: center; font-size: 12px; font-weight: bold; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }

#search { width: 217px; height: 35px; background: url(/images/classyfun/searchdark.png); position: absolute; left: 51px; top: 35px; padding: 0 1px 2px 1px; }
#header #search input { border: 0; width: 208px; height: 32px; font-family: Arial, Helvetica, Arial, sans-serif; font-weight: bold; color: #eee; background-color: transparent; padding-left: 8px; }

#dropdown { width: 218px; height: 36px; background: url(/images/classyfun/dropdowndark.png); position: absolute; right: 51px; top: 35px; font-family: Arial, Helvetica, sans-serif; z-index: 1; }
#header #dropdown .masterDropdown { height: 30px; display: block; width: 207px; text-align: left; padding: 10px 0 0 15px; font-weight: bold; color: #eee; }
#header #dropdown ul { padding: 0; margin: 0; list-style: none; z-index: 1; }
#header #dropdown ul li { float: left; position: relative; }
#header #dropdown ul li a, .dropdown ul li a:visited { display: block; text-decoration: none; text-align: left; font-size: 13px; overflow: hidden; }
#header #dropdown ul li ul { display: none; }

#header #dropdown ul li:hover a { }
#header #dropdown ul li:hover ul { display: block; position: absolute; top: 40px; left: 0; background: #111; padding: 10px 10px 10px 10px; width: 196px; }
#header #dropdown ul li:hover ul li a { display: block; padding: 5px 5px; border-bottom: 1px solid #000;  width: 188px; color: #eee; }
#header #dropdown ul li:hover ul li a.lastItem { border: 0; }
#header #dropdown ul li:hover ul li a:hover { background: #333; color: #fff;  }

#slogan { clear: both; text-align: center; margin: 0 auto; }
#slogan span { margin-right: 5px; }

.bar { clear: both; text-align: center; margin: 0 auto; }

.socialButton { display: block; width: 176px; height: 47px; background-repeat: no-repeat; text-decoration: none; }
.socialButton span { color: #fff; text-align: center; display: block; margin: 0 10px 0 40px; padding-top: 8px; }
.pinterestButton { background-image: url(/images/general/pinterest.png); }
.facebookButton { background-image: url(/images/general/facebook.png); }
.twitterButton { background-image: url(/images/general/twitter.png); }

#contentSocialButtons { clear: both; width: 548px; margin: 0 auto; }
#contentSocialButtons .socialButton { float: left; }
#contentSocialButtons .facebookButton, #contentSocialButtons .twitterButton { margin-right: 10px; }

#wrapper { position: fixed; top: 0; width: 100%; z-index: 1; }
#wrapperContent { width: 971px; margin: 0 auto; }

#pageContainer { width: 971px; margin: 140px auto 0 auto; }

#container { float: left; margin-right: 15px; width: 641px; }

#content { width: 590px; padding: 25px 25px 15px 25px; margin-bottom: 10px; }
#content p, #content img, #content object, #content iframe { margin: 0 0 15px 0; }
#content object { display: block; }
#content iframe { border: 0; }
#content p img, #content p object, #content p iframe { margin: 5px 0 5px 0; }
#content .breadcrumbs { display: block; clear: both; width: 590px; height: 20px; margin-bottom: 10px; }
#content .breadcrumbs a { float: left; margin-right: 5px; }

#facebookComments { width: 590px; padding: 25px; margin-bottom: 20px; }
#facebookComments span { display: block; margin-bottom: 10px; }

#footer { width: 100%; margin: 0; padding: 12px 0 20px 0; text-align: center; clear: both; }
#footer #categories { padding: 0 0 10px 0; width: 971px; margin: 0 auto; }
#footer #contact { padding: 10px 0 0 0; }

#socialFB { float: left; margin-right: 15px; width: 47px; }
#socialGoogle { float: left; margin-right: 15px; }
#socialTwitter { float: left; margin-right: 15px; }
#socialStumble { float: left; margin-right: 15px; }

#side { width: 315px; float: left; }
#side .hover { margin-bottom: 12px; }
#side #sideAdTop { margin-bottom: 12px; display: block; text-align: center; clear: both; }
#side #sideAd { margin-bottom: 12px; display: block; text-align: center; clear: both; }
#side .sideLine { height: 1px; overflow: hidden; clear: both; margin-bottom: 12px; }

#side #sideSocialBox { margin-bottom: 12px; width: 312px; }
#side #sideSocialBox #sidePinterestBox { padding: 10px; margin-bottom: 2px; }
#side #sideSocialBox #sideTwitterBox { padding: 10px; margin-bottom: 2px; }
#side #sideSocialBox #sideLikeBox { height: 234px; overflow: hidden; }

#side #sideRadialBox { margin-bottom: 12px; width: 312px; background: url(/images/general/radial.png) no-repeat; font-family: 'Open Sans', sans-serif; height: 253px; }
#side #sideRadialBox .radialOne { display: block; text-align: center; font-size: 24px; color: #555; font-weight: bold; }
#side #sideRadialBox .radialTwo { display: block; text-align: center; font-size: 14px; color: #555; font-weight: bold; margin-bottom: 10px; }
#side #sideRadialBox .socialButton { margin: 0 auto 5px auto; }

#footerFacebook { width: 931px; margin: 0 auto 20px auto; padding: 12px 20px 5px 20px; clear: both; }
#footerFacebook #footerLikeBox { padding-bottom: 10px; overflow: hidden; }
#footerFacebook #footerLikeBox div { height: 135px; overflow: hidden; margin-left: -11px; }

#aboveFooterAd { margin: 0 auto; width: 728px; padding: 0 0 20px 0; }
#underFooterAd { margin: 0 auto; width: 728px; padding: 0 0 20px 0; }
#pushdownAd { margin: 0 auto; width: 970px; padding: 0 0 0 0; clear: both; }
#underHeader { margin: 0 auto; width: 728px; padding: 0 0 10px 0; clear: both; }

.hover { width: 300px; height: 220px; overflow: hidden; position: relative; margin-bottom: 15px; float: left; }
.hover img { margin-bottom: 2px; border: 0; }
/*.hover a.thumbnail { display: block; position: absolute; text-decoration: none; }*/
.hover h2 { margin: 0; padding: 4px 0 3px 5px; text-align: center;  }
.hover p { margin: 0; padding: 0 0 0 5px; display: block; }
.hover .new { position: absolute; top: 0; right: 0; }

.thumbnails { clear: both; }
.thumbnails .margin { margin-right: 16px; }
.thumbnailRow { clear: both; }
.lastRow .hover { margin-bottom: 8px; }

.thumbnailsSocial { clear: both; width: 548px; margin: 0 auto 0 auto; padding-bottom: 15px; height: 47px; }
.thumbnailsSocial .socialButton { float: left; }
.thumbnailsSocial .facebookButton, .thumbnailsSocial .twitterButton { margin-right: 10px; }

.noRightMargin { margin-right: 0; }

.pages { padding: 10px 0 10px 0; clear: both; text-align: center; margin: 0 auto 10px auto; background: transparent; width: 968px; }
.pages span { padding: 0 5px; }
.pages a, .pages span.click { padding: 0 10px; margin-right: 5px; cursor: pointer; }

#previous { }
#next {}

#navigationSocial { position: fixed; left: 50%; margin-left: -580px; z-index: 9999; display: block; padding: 0; width: 80px; text-align: center; padding-top: 15px; top: 110px; }
#navigationSocial #navigationFB { margin: 0 auto 10px auto; }
#navigationSocial #navigationTwitter { margin: 0 auto; height: 75px; overflow: hidden; }
#navigationSocial #navigationDigg { margin-bottom: 10px; }
#navigationSocial #navigationReddit { margin-bottom: 10px; }
#navigationSocial #navigationPinterest { margin-bottom: 10px; }
#navigationSocial #navigationStumble { margin: 0 auto; margin-bottom: 10px; }
#navigationSocial #navigationOrkut { margin-bottom: 10px; }

#content #contentSocial { height: 75px; clear: both; }
#content #contentSocial div { float: left; margin-right: 10px; }

.previousFixed { position:  fixed; top: 0; left: 50%; margin-left: -570px; z-index: 9999; display: block; margin-top: 450px; }
.nextFixed { position:fixed; top: 0; left: 50%; margin-left: 510px; z-index: 9999; display: block; margin-top: 450px; }

.navigationCategory .nextFixed, .navigationCategory .previousFixed { top: 50%; margin-top: -50px; }

.previousNormal { float: left; margin-bottom: 20px; }
.nextNormal { float: right; margin-bottom: 20px; }

.positiveMessage { position: fixed; top: 0; width: 100%; text-align: center; }

.form label { display: block; margin-bottom: 5px; font-weight: bold; }
.form input { display: block; margin-bottom: 15px; padding: 2px; }
.form select { display: block; margin-bottom: 15px; padding: 2px; }
.form textarea { margin-bottom: 15px; padding: 2px; }
.form .submit { margin-bottom: 0; }
.form input { border: 1px solid #ccc; }
.form textarea { border: 1px solid #ccc; }
a.thumbnail {
    font-family: "Open Sans", Arial, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: rgb(0, 0, 0);
    font-weight: normal;
}
