/* Soul & Spirit CSS */ * { margin: 0; padding: 0; outline: none; } body { background: #ebebeb; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.3em; } #container { background: #fff; width: 700px; margin: 0 auto; } #header { width: 700px; height: 110px; } #navigation ul{ width: 475px; height: 29px; float: right; background: url(/img/navigation_winners.jpg) no-repeat 0 0; list-style: none; margin: 16px 0 0 0 ; padding: 0; } #navigation li{ display: inline; } #navigation li a:link, #navigation li a:visited { border: none; display: block; text-indent: -7000px; outline: none; height: 29px; float: left; } img{border: none;} #navigation li.navhome a:link, #navigation li.navhome a:visited {width: 118px;} #navigation li.navsubscribe a:link, #navigation li.navsubscribe a:visited {width: 119px;} #navigation li.navcontact a:link, #navigation li.navcontact a:visited {width: 119px;} #navigation li.navnewsletter a:link, #navigation li.navnewsletter a:visited {width: 119px;} #navigation li.navwinners a:link, #navigation li.navwinners a:visited {width: 119px;background: url(/img/navigation_winners.jpg) no-repeat -475px 0; float: left;} #index #navigation .navhome a {background: url(/img/navigation_winners.jpg) no-repeat 0 -87px; width: 118px;float: left;} #contact #navigation .navcontact a {background: url(/img/navigation_winners.jpg) no-repeat -356px -29px;width: 118px;float: left;} #newsletter #navigation .navnewsletter a {background: url(/img/navigation_winners.jpg) no-repeat -237px -29px; width: 118px; float: left;} #newsletter #navigation .navwinners a {background: url(/img/navigation_winners.jpg) no-repeat -475px -29px; width: 118px; float: left;} #navigation li.navhome a:hover {background: url(/img/navigation_winners.jpg) no-repeat 0 -29px;} #navigation li.navsubscribe a:hover {background: url(/img/navigation_winners.jpg) no-repeat -118px -29px;} #navigation li.navcontact a:hover {background: url(/img/navigation_winners.jpg) no-repeat -356px -29px;} #navigation li.navnewsletter a:hover {background: url(/img/navigation_winners.jpg) no-repeat -237px -29px;} #navigation li.navwinners a:hover {background: url(/img/navigation_winners.jpg) no-repeat -475px -29px;} #magazine_intro { width: 700px; background-image: url(img/magazine_intro_issue_31.jpg); height: 550px; } #intro_text { width: 360px; height: 470px; xoverflow: auto; color: #fff; margin: 75px 0 0 35px; float: left; } #quote { width:604px; margin:10px auto; background:#FFF url(img/quote.jpg) 0 0 no-repeat; height:135px; } .quote { font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; color: #333; font-weight: normal; width:300px; margin:0 0 10px 200px; line-height:22px; padding-top:20px; } .quote_author { width:300px; margin-left:200px; } *html #intro_text { margin: 75px 0 0 17px; } #subscribelink a{ width: 640px; height: 50px; display: block; margin: 40px 0 0 0; } #intro_bottom { background: #fff; /*background-image: url(img/intro_bottom_bg.jpg); background-repeat: repeat-x;*/ width: 700px; float: left; } #intro_bottom ul{ margin: 10px 0 10px 0px; padding: 0; list-style-type:none; list-style-position:outside; } #intro_bottom li{ line-height: 17px; background: transparent url(img/bullet.jpg) no-repeat left center; padding-left: 25px; margin-bottom: 6px; font-size: 14px; font-weight: bold; } #intro_bottom_left { float: left; width: 320px; margin: 25px 0 0 22px; display: inline; } /** ********************************************************** Survey ********************************************************** **/ /* Contact Us Page */ #contact_main { background: #263344 url(img/contact_g.jpg) no-repeat; width: 700px; height: 530px; } #contact_info { width: 340px; overflow: auto; color: #fff; margin: 30px 0 0 35px; float: left; } #contact_info a { color: #fff; } /** ********************************************************** Survey ********************************************************** **/ #survey_main {background: #263344 url(img/awards_bg_2010.jpg) no-repeat; width: 700px; min-height: 530px;} #survey_main p {padding: 5px 15px; color: #fff;} #survey_main h5.heading {font-size: 16px; color: #fff; letter-spacing: -0.5px; padding: 15px 15px 5px;} #awardsform {margin-top: 20px; padding: 20px 20px 20px;} #awardsform fieldset {margin-bottom: 20px; border: none;} #awardsform fieldset legend {font-size: 16px; color: #fff; background-color: #D3A44D; display: block; padding: 5px; margin-bottom: 10px; position: relative; left: 0;} #awardsform ul {margin-bottom: 10px; clear: both; list-style-type: none;} #awardsform ul li {color: #534B35; font-size: 12px; line-height: 18px; clear: both;} #awardsform ul li h5 {font-size: 16px; color: #fff; letter-spacing: -0.5px; margin: 10px 0;} #awardsform ul li label {width: 130px; display: block; float: left; line-height: 25px; color: #eee;} #awardsform ul li select {width: 250px; display: block; float: left;} #awardsform ul li textarea {width: 500px; color: #777; font-family: Arial, Helvetica, sans-serif;} #awardsform ul li input {color: #777; letter-spacing: -0.5px;} /** Personal Fields **/ #awardsform fieldset#personal {} #awardsform fieldset#personal ul {} #awardsform fieldset#personal ul li {} #awardsform fieldset#personal ul li h5 {} #awardsform fieldset#personal ul li label{} #awardsform fieldset#personal ul li select {width: 110px;} #awardsform fieldset#personal ul li textarea {} #awardsform fieldset#personal ul li input {} #prize_contact {border: 1px solid #FFC671; background-color: #FFDCA8; padding: 15px;} #prize_contact small {font-size: 9px;} /* Damn Internet Explorer 6 */ * html #awardsform fieldset {position: relative;} * html #awardsform legend {position: relative; left: -7px;} /** ********************************************************** Newsletter ********************************************************** **/ #newsletter_main { background-image: url(/img/newsletter_bg.jpg); width: 700px; height: 476px; } #newsletter_content { width: 640px; height: 400px; margin: 0 auto; color: #fff; padding-top: 30px; } #newsletter_content p{ margin-top: 7px; } .input_box { height: 15px; border: 1px solid #8C91B4; padding: 6px; } #newsletter_content a{ color: #fff; font-weight: bold; } ul#pages {overflow: auto; margin-left: 20px;} ul#pages li {width: 290px; float: left; margin: 20px 15px 10px; list-style-type: none; display: inline;} ul#pages li img {padding: 1px; border: 1px solid #CACFCB;} ul#pages li h3 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; color: #333; font-weight: normal; margin-top: 5px;} ul#pages li p {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin-top: 5px;} .left {clear: left;} /* Footer Page */ #footer { width: 700px; height: 30px; background: #596087; margin: 0 auto; color: #fff; font-size: 11px; } #footer p { margin: 0 0 0 15px; line-height: 30px; }