/* css for the sheila single page and the new download pages */ /*generic styles for both pages*/ body {background: #CCC; margin: 0 ; padding: 0; text-align: center} #header{background: url(http://www.ilovesheilas.com/idc/groups/public/documents/web_asset/ils_image_17.jpg) no-repeat left #FFF; height: 151px; width: 800px} #container {width: 800px; margin: 0 auto; text-align: left; background: #FFF; border: 1px solid #F69} /* the sheilas single css ========================================================================*/ #header {background: url(http://www.ilovesheilas.com/idc/groups/public/documents/web_asset/ils_image_17.jpg) no-repeat left #FFF; height: 151px; width: 800px} /*css for the navigation bars*/ .navBar {background: #FCA3D1; height: 23px; width: 800px; margin: 0 0 0 0; text-align: center; } .navBarWrap {width: 600px; text-align: center; margin: 0 auto;} .navBar ul {list-style: none; display: inline; margin: 1px 0 0 0; padding: 0; height: 23px} .navBar li {float: left; height: 23px; padding: 0 0 0 10px; margin: 0} .navBar a {font: 16px/22px Georgia, "Times New Roman", Times, serif; clear: both; color: #FFF; text-align: center; margin: 0 auto; padding: 0; height: 23px; float: left;} /*left hand graphic - storyboard*/ #leftGraphic {background: #FFF; width: 250px; float: left; margin:0 0 0 0;} #logo {width: 282px; height: 97px; background:url(http://www.ilovesheilas.com/idc/groups/public/documents/web_asset/ils_make_me_a_sheila_star_logo.gif); float: right; margin: -1px 0 0 0;} /*cs for the middle column*/ #midColumn {background:#FFF url(http://www.ilovesheilas.com/idc/groups/public/documents/web_asset/sheilas_sing_logo.jpg) no-repeat center 10px; float: left; width: 300px; margin: 0 0 0 10px; padding: 140px 0 0 0} #midColumn h1 {font: 20px Georgia, "Times New Roman", Times, serif; color: #F69;} * html #midColumn h1 {margin: 10px 0 0 0} #midColumn a {font: 16px Georgia, "Times New Roman", Times, serif; color: #F69;} #midColumn p {font: 14px Georgia, "Times New Roman", Times, serif; color: #F69; text-align:left} a.buy {font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px!Important color: #F69; font-weight: bold!Important;} /*css for the right hand column*/ #rightColumn {float: right; width: 220px; text-align: center; padding: 5px 0 0 0} /*css for the bottom nav bar*/ .bottomNav {clear: both; background: #F69; width: 100%; height: 24px;} .clear {clear: both} #bottomLogo {height: 151px; width: 100%; background:#FFF url(http://www.ilovesheilas.com/idc/groups/public/documents/web_asset/sheilas_sing_logo.jpg) no-repeat center 10px;} #footer {width: 100%; height: 23px; background: #FCA3D1;} /* the download pages ========================================================================*/ /*download index page*/ #download_navigation {text-align: center; border: 0; margin: 0 auto;} #download_navigation table {border: 0; margin: 0 auto; width: 466px} #download_navigation a {color: #F69} #download_navigation h1 {text-align: left} #download_navigation td {border: 0} /*the i love pages ==========================================================================*/ .downloadHeadline {color: #F69; text-align: left; font: 17px Georgia, "Times New Roman", Times, serif;} .downloadSubHeadline {color: #F69; text-align: left; font: 16px Georgia, "Times New Roman", Times, serif;} .photoAreatitle {color: #F69; font: 17px Georgia, "Times New Roman", Times, serif; margin: 10px 0 -15px 0; padding: 10px 0 0 0} #pageTitle {width: 200px; text-align: center; margin: 20px auto 0 auto} #pageTitle ul {list-style: none; display: inline;} #pageTitle li {float: left; color: #F69} #pageTitle h1 {color: #F69; margin: -5px 0 0 0} #page_description {color: #F69; text-align: center; font: 17px Georgia, "Times New Roman", Times, serif; margin: 5px 0 0 0; clear: both;} #page_Sec_description {color: #F69; text-align: center; font: 16px Georgia, "Times New Roman", Times, serif; margin: 20px 0; clear: both;} #content_main {width: 550px; border: 1px solid #F69; clear: both; margin: 20px 0 0 0; padding: 10px; margin: 0 auto;} #content_main a {color: #F69; margin: 0 0 0 5px} #download_area {width: 550px; border: none; text-align: center; margin: 0 auto;} #download_area td {border: none; padding: 10px 0} #download_area table {border: none; color: #F69; font: 16px Georgia, "Times New Roman", Times, serif;} #disclaimer {margin: 20px auto 0 auto; clear: both; width: 550px; text-align: center;} #disclaimer p {text-align: left; font: 14px Georgia, "Times New Roman", Times, serif; color: #F69; text-align: left; margin: 0 0 0 39px } #section_nav {text-align: center; margin: 10px auto 0 auto; height: 23px; width: 320px; clear: both} #section_nav ul {list-style: none; display: inline;} #section_nav li {float: left} #section_nav a {font: 14px Georgia, "Times New Roman", Times, serif; color: #F69} #section_nav span {color: #F69} /*styles for the lyrics on the lyrics pages*/ #lyric_main {width: 305px; clear: both; margin: 20px 0 0 0; padding: 10px; margin: 0 auto;} #lyric_main {font: 16px Georgia, "Times New Roman", Times, serif; text-align: left} #lyric_main a {color: #F69} /*news flash and news pages*/ #news .page_maincol h2.left-h2 {text-align: left; padding-left: 10px} #news .page_maincol {width: 620px} #news p {text-align: left; width: 90%; margin: 18px 0} * html #news p {width: auto; margin-right: 10px} #news .page_maincol h2 {text-align: left; margin: 0 0 0 10px; font-weight: 700} #news .page_maincol h3 {text-align: left; padding-left: 10px; margin-bottom: -18px; font-size: 16px} #news .page_maincol h4 {text-align: left; padding-left: 10px; margin: 0 0 -2px 0; font-size: 16px; color: #F69} #news .page_maincol p a {color: #F69; font-weight: 700} #news .page_maincol hr {text-align: center; margin: 15px auto 10px auto; width: 80%; color: #FFB2CC; background: #FFB2CC; border: none; height: 1px} img.exi-curtain {margin: 5px auto 25px auto; border: 1px solid #F69} .high-p {height: 5em} #news .page_maincol ul {padding: 0 0 10px 10px} #news .page_maincol ul li {color: #F69; text-align: left} #news p.love {width: 48%; float: left; height: 4em} #news p.hate {width: 48%; float: right; height: 4em} * html #news p.love, * html #news p.hate {margin: 0} #news h3.with-margin {margin-bottom: 5px} ol.news-ol li {text-align: left; color: #f69; padding: 0; width: 90%} /*keyring*/ .keyring {clear: both; margin-bottom: 10px; width: 100%; height: auto; float: left;} .keyring img {float: left; margin: 0 10px; z-index: 15; position: relative} #news .keyring p {margin: 0 10px; width: auto; position: relative; top: 5px} .nf-image {padding: 10px; border: 1px solid #f69} #news ul.next-image {margin: 18px 0 0 0} ul.nf-bullets {list-style: disc; width: 90%; margin-top: -5px} ul.nf-bullets li {line-height: 130%; margin-bottom: 15px} #news p.key-hate, #news p.key-love {height: 2.5em} #news h2.key-top-hdr {padding-bottom: 0; margin-bottom: -5px} #news.key .page_maincol h2 {padding-top: 0;} * html #news .page_maincol ul {padding-left: 20px} /*lightbox css*/ #lightbox {background-color:#494949; padding: 30px; border: 2px solid #E2E2E2; color: #fff;} #lightboxDetails {font-size: 0.8em; padding-top: 0.4em;} #lightboxCaption {float: left;} #keyboardMsg {display: none} #lightboxCaption {position: relative; top: 8px; font-size: 125% } #closeButton {top: 5px; right: 5px;} img#closeButton {border: none!important} #lightbox img {border: 1px solid #7C7C7C; clear: both;} #overlay img {border: none;} #overlay {background-image: url(overlay.png); background-color: #f69; opacity:0.3; filter:alpha(opacity=30)} kbd {font-size: 140%} #news .page_maincol hr {clear: left; margin-bottom: 30px}