/* ++++++++++++++++++++++++++++++++++++++++++++++++++++ STYLES FOR VGMARKET Styles and design created by DesyHand. Contact: desyhand@handmade-publishing.com ++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* +++++ BASIC SETTINGS +++++ */ body { font: .8em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; color: #2F2525; } body#home { background: url(../images/home/bg.jpg) left top repeat-x; margin: 36px; } body#sub { background: url(../images/sub/bg.gif) left top repeat-x; margin: 28px; } #body { width: 751px; margin: 0 auto; } p { padding: 7px 20px; margin: 0; line-height: 1.4em; } h2 { color: #894040; font-size: 1.4em; padding: 14px 0 0; margin: 0; } a { text-decoration: none; } a:link, a:visited { color: #405F89; } a:hover, a:active { color: #7F98BA; } ul { padding: 0; margin: 0 0 0 32px; } ul li { list-style: none; padding: 0 0 2px 17px; margin: 0; background: url(../images/sub/li.gif) 0px 5px no-repeat; } ul li ul { padding: 0; margin: 0 0 0 12px; } ul li ul li { list-style: none; padding: 0 0 0 17px; margin: 0; background: url(../images/sub/li-li.gif) 0px 5px no-repeat; } .error { color:red; font-size:1.3em;} /* +++++ HEADER +++++ */ #home #header { width: 751px; height: 146px; margin: 0 auto; background: url(../images/home/header.jpg) left top no-repeat; } #sub #header { background: url(../images/sub/header.png) left top no-repeat; padding: 0; margin: 0; height: 94px; } #sub #header a { display: block; text-indent: -10000px; width: 300px; height: 94px; margin: 0 30px; } /* +++++ NAVIGATION +++++ */ #navigation { width: 194px; float: left; } #navigation ul { padding: 0; width: 175px; } #home #navigation ul { margin-left: 55px } #sub #navigation ul { margin-left: 30px } #navigation ul li { padding: 0; margin: 0px; list-style: none; background: none; } #navigation ul li a { display: block; text-indent: -10000px; } #home #navigation ul li a { background-image: url(../images/nav.png); background-repeat: no-repeat; } #home #navigation ul li#play, #navigation ul li#play-on { height: 75px; } #home #navigation ul li#play a, #navigation ul li#play-on a { height: 75px; width: 175px; } #home #navigation ul li#play a { background-position: 0 0; } #home #navigation ul li#play a:hover, #navigation ul li#play-on a { background-position: 0 -267px; } #home #navigation ul li#data { height: 54px; } #home #navigation ul li#data a, #navigation ul li#data-on a { height: 54px; width: 175px; } #home #navigation ul li#data a { background-position: 0 -75px; } #home #navigation ul li#data a:hover, #navigation ul li#data-on a { background-position: 0 -342px; } #home #navigation ul li#signup { height: 34px; } #home #navigation ul li#signup a, #navigation ul li#signup-on a { height: 34px; width: 175px; } #home #navigation ul li#signup a { background-position: 0 -129px; } #home #navigation ul li#signup a:hover, #navigation ul li#signup-on a { background-position: 0 -396px; } #home #navigation ul li#unsubscribe { height: 32px; } #home #navigation ul li#unsubscribe a, #navigation ul li#unsubscribe-on a { height: 32px; width: 175px; } #home #navigation ul li#unsubscribe a { background-position: 0 -163px; } #home #navigation ul li#unsubscribe a:hover, #navigation ul li#unsubscribe-on a { background-position: 0 -430px; } #home #navigation ul li#contacts { height: 73px; } #home #navigation ul li#contacts a, #navigation ul li#contacts-on a { height: 73px; width: 175px; } #home #navigation ul li#contacts a { background-position: 0 -195px; } #home #navigation ul li#contacts a:hover, #navigation ul li#contacts-on a { background-position: 0 -462px; } #sub #navigation ul li a { background-image: url(../images/sub_nav.png); background-repeat: no-repeat; } #sub #navigation ul li#home, #navigation ul li#home-on { height: 75px; } #sub #navigation ul li#home a, #navigation ul li#home-on a { height: 75px; width: 175px; } #sub #navigation ul li#home a { background-position: 0 0; } #sub #navigation ul li#home a:hover, #navigation ul li#home-on a { background-position: 0 -301px; } #sub #navigation ul li#play, #navigation ul li#play-on { height: 33px; } #sub #navigation ul li#play a, #navigation ul li#play-on a { height: 33px; width: 175px; } #sub #navigation ul li#play a { background-position: 0 -75px; } #sub #navigation ul li#play a:hover, #navigation ul li#play-on a { background-position: 0 -376px; } #sub #navigation ul li#data { height: 55px; } #sub #navigation ul li#data a, #navigation ul li#data-on a { height: 55px; width: 175px; } #sub #navigation ul li#data a { background-position: 0 -108px; } #sub #navigation ul li#data a:hover, #navigation ul li#data-on a { background-position: 0 -409px; } #sub #navigation ul li#signup { height: 34px; } #sub #navigation ul li#signup a, #navigation ul li#signup-on a { height: 34px; width: 175px; } #sub #navigation ul li#signup a { background-position: 0 -163px; } #sub #navigation ul li#signup a:hover, #navigation ul li#signup-on a { background-position: 0 -464px; } #sub #navigation ul li#unsubscribe { height: 32px; } #sub #navigation ul li#unsubscribe a, #navigation ul li#unsubscribe-on a { height: 32px; width: 175px; } #sub #navigation ul li#unsubscribe a { background-position: 0 -197px; } #sub #navigation ul li#unsubscribe a:hover, #navigation ul li#unsubscribe-on a { background-position: 0 -498px; } #sub #navigation ul li#contacts { height: 73px; } #sub #navigation ul li#contacts a, #navigation ul li#contacts-on a { height: 73px; width: 175px; } #sub #navigation ul li#contacts a { background-position: 0 -229px; } #sub #navigation ul li#contacts a:hover, #navigation ul li#contacts-on a { background-position: 0 -530px; } /* +++++ BODY +++++ */ #content:after { content: "."; display: block; height: 1%; clear: both; visibility: hidden; } #content { display: inline-block; height: 1%; } /* Hides from IE-mac \*/ * html #content { height: 1%; } #content { display: block; } /* End hide from IE-mac */ .play #content { background: url(../images/sub/play.png) left top no-repeat; } /* .data #content { background: url(../images/sub/data.png) left top no-repeat; } */ .data #content { background: url(../images/sub/osr.png) left top no-repeat; } .signup #content { background: url(../images/sub/signup.png) left top no-repeat; } .unsubscribe #content { background: url(../images/sub/unsubscribe.png) left top no-repeat; } .survey #content { background: url(../images/sub/survey.png) left top no-repeat; } .survey2 #content { background: url(../images/sub/survey2.png) left top no-repeat; } .privacy #content { background: url(../images/sub/privacy.png) left top no-repeat; } body #content { background: url(../images/sub/blank.png) left top no-repeat; } #copy { width: 546px; float: right; padding-top: 75px; } .survey2 #copy { width: 700px; float: right; padding-top: 75px; } blockquote { font-style: italic; font-size: .9em; color: #9E5F5F; line-height: 1.5em; } .cite { padding: 0 40px 17px; line-height: 1.2em; font-size: .9em; color: #777; text-align: right; } dl { height: 175px; min-height: 200px; } dl.num { margin-top: 50px; } dl.one { background: url(../images/sub/num1.gif) left top no-repeat; margin-top: 17px; } dl.two { background: url(../images/sub/num2.gif) left top no-repeat; margin-top: 17px; } dl.three { background: url(../images/sub/num3.gif) left top no-repeat; } dl dd { font-size: 1.2em; color: #6F4A4A; padding: 0 0 0 22px; margin: 0; } #sub #navigation #BBB-image-sub { padding-left: 62px; } /* +++++ SURVEY +++++ */ #survey { background-color: #D6CBCB; border: 1px solid #9D7D7D; margin-top: 17px; width: 525px; } #survey h2 { font-size: 1.3em; margin: 17px 17px 0; padding: 0 0 7px; line-height: 1em; border-bottom: 2px solid #E9E1E1; } #survey p { margin: 8px 0 0; } #warning { color: #990000; font-size: 1.3em; font-weight: bold; } #survey .rating { padding-left: 17px; color: #777; font-size: .9em; } #survey table.survey_rating { border: 1px solid #9D7D7D; margin-left: 17px; margin-right: 17px; background-color: #E9E1E1; padding: 0; } #survey table.survey_rating tr { padding: 0; } #survey table.survey_rating tr.border td { border-top: 1px solid #9D7D7D; } #survey table.survey_rating td, #survey td.na { padding: 3px; vertical-align: top; } /*#survey table.survey_rating td.alt { background-color: #B69292; }*/ #survey table.survey_rating td.alt { background-color: #CFB6B6; } #survey .survey_bottom { margin-bottom: 17px; } #survey textarea { margin-left: 17px; } #survey img { margin: 17px; } select { font-size: .8em; } .innergraph img { height: 20px; } /* +++++ SURVEY2 +++++ */ .survey2 #survey { width: 655px; } /* +++++ OPTOUT +++++ */ #optout { background-color: #D6CBCB; border: 1px solid #9D7D7D; margin-top: 17px; width: 500px; } #optout table, #optout input#submit { } #optout table#times { margin: 12px 30px; } #optout table#times span { margin-left: 7px; color: #777; font-size: .82em; } /* +++++ SIGN-UP +++++ */ #sign-up { background-color: #D6CBCB; border: 1px solid #9D7D7D; margin-top: 17px; width: 400px; } #sign-up table, #sign-up input#submit { } #sign-up table#times { margin: 12px 30px; } #sign-up table#times span { margin-left: 7px; color: #777; font-size: .82em; } #review { background-color: #E9E1E1; border: 1px solid #9D7D7D; margin-top: 17px; width: 400px; margin-bottom: 7px; } /* +++++ FOOTER +++++ */ .clear:after, #footer:before, #footer2:before { content: "."; display: block; height: 1%; clear: both; visibility: hidden; } .clear { display: inline-block; } /* Hides from IE-mac \*/ * html .clear { height: 1%; } .clear { display: block; } /* End hide from IE-mac */ #home #footer { } #home #footer #privacy-link { font-size: .76em; margin: 0; display: block; width: 100px; float: right; } #home #footer #BBB-image { margin-left: 67px; margin-top: -22px; } #sub #footer, #sub #footer2 { padding: 0; margin: 0; height: 50px; display: block; clear: both; } #sub #footer { background: url(../images/sub/footer.png) left top no-repeat; } #sub #footer2 { background: url(../images/sub/footer2.png) left top no-repeat; } #sub #footer #privacy-link, #sub #footer2 #privacy-link { font-size: .76em; margin: 36px 117px 0; display: block; width: 100px; float: right; }