/* By NOT using a:link {color: yellow} in this CSS */ /* Allows overriding of link color in tag */ /* using: link="yellow" vlink="yellow" */ /* or: link="blue" vlink="blue" */ /*------------------*\ |* global interface *| \*------------------*/ body { margin: 0px; padding: 0px; color: #000000; /* This is the TEXT color */ font: normal 13px verdana, sans-serif; text-align: center; background: #000000; } #accessibility { position: absolute; left: -9000px; width: 9000px; } #wrapper { margin: 0px auto; width: 750px; text-align: left; } #toc #wrapper { margin: 0px 30px; } /* To show a right "side-bar" */ /* 1 - Change the border-right in #ocwrapper from 0 to say 200 */ /* 2 - Remove "display: none" from #rightsidebar */ #ocwrapper { /* background colour of left sidebar */ border-left: 210px solid; /* background colour of right sidebar */ border-right: 0px solid #e2e1eb; padding-top: 15px; } #index #ocwrapper, #gb #ocwrapper, #links #ocwrapper, #newsletter #ocwrapper, #contact #ocwrapper, #bios #ocwrapper, #landing #ocwrapper, #gallery #ocwrapper, #error #ocwrapper { /* background colour of left sidebar */ border-left: 0px solid #000000; } #bkgrd { position: absolute; width: 500px; height: 300px; } #faceholder { margin-top: 85px; margin-left: 0px; width: 350px; text-align: center; } .transp { font-weight: bold; padding: 5px; background: #000000; color: #ffffff; /* for IE */ filter:alpha(opacity=70); /* CSS3 standard */ opacity:0.7; } /* icwrapper is non-existant i.e bug fix or something */ #leftsidebar { margin-left: -210px; padding: 0px 0px 0px 0px; width: 185px; float: left; position: relative; /* hide the left sidebar by default */ /* display: none; */ } #index #leftsidebar { border-left: 0px; margin-left: 0px; } #rightsidebar { margin-right: -200px; padding: 10px 10px 0px 0px; width: 190px; float: left; position: relative; /* hide the right sidebar by default */ /* display: none; */ } #contentwrapper { width: 100%; float: left; position: relative; } #content { margin: 0px 10px; padding: 0px; } /* hack for ie/win's guillotine bug */ /* start non ie/mac css \*/ * html #content { height: 1%; } /* end non ie/mac css */ /* links */ a { color: #FFFF00; text-decoration: underline; } a:visited { color: #FFFF00; text-decoration: underline; } a:hover { color: #e76e99; text-decoration: underline; } #newsletter td a { color: #0033ff; text-decoration: none; } #newsletter td a:hover { color: #00cc33; text-decoration: underline; } /* headings */ h1 { font-size: 16px; } h2 { font-size: 15px; color: #ffffff; } h3 { margin-top: 0px; margin-right: 10px; font-size: 13px; color: #000000; border-bottom: 3px solid #5c5047; width: 100%; padding-top: 6px; } h4 { font-size: 12px; } h5 { font-weight: normal; font-size: 11px; } /* use this with text in headings you wish to make small */ .hsmall { font-weight: normal; font-size: 9px; } /*---------------*\ |* contentheader *| \*---------------*/ /* Should be 000000-black. Test with FF00FF-magenta */ #contentheader { padding: 0px 0px 0px 0px; background: none; } #contentheader .error, #contentheader .message { margin: 0px 15% 0px 15%; padding: 2px; border: 1px solid #ffffff; color: #ffffff; font-size: 12px; text-align: center; } #contentheader .error { background: #8c3030; } #contentheader .message { background: #3a5841; } #contentheader .error *, #contentheader .message * { margin: 0px; padding: 0px; } /*---------------*\ |* contentfooter *| \*---------------*/ #contentfooter { background: #e2e1eb; } /*------------*\ |* navigation *| \*------------*/ .navbar { margin-bottom: 0px; } ul.primarynav { margin: 0px; padding: 0px; float: left; list-style: none; border-bottom: 1px solid #b2b893; } ul.primarynav { width: 100%; } ul.primarynav li { float: left; list-style: none; } ul.primarynav li { background: transparent url(http://www.elliemaykay.com/images/betweennav.gif) bottom right no-repeat; } ul.primarynav a { margin-right: 1px; padding: 11px 9px 3px 10px; float: left; color: #b2b893; font-size: 12px; text-decoration: none; font-weight: bold; } ul.primarynav a:visited { color: #b2b893; } ul.primarynav a:hover { color: #ffffff; } ul.primarynav li.home { } ul.primarynav li.home a { margin-right: 0px; } .hide { display: none; } .clear:after { height: 0px; clear: both; display: block; visibility: hidden; content: "."; } .clear { display: inline-block; } /* start non ie/mac css \*/ * html .clear { height: 1%; } .clear { display: block; } /* end non ie/mac css */ img { border: 0px; } .Heading { font-size: 22px; font-family: verdana, sans-serif; font-weight: bold } .SmLink { color: white; font-size: 12px; font-family: Arial } .RegText { font-size: 12px; font-family: verdana, sans-serif } .RegTextWhite { color: white; font-size: 12px; font-family: verdana, sans-serif; font-style: inherit; font-weight: bold } .Link { color: #00008b; text-decoration: underline } /*-----------------*\ |* global elements *| \*-----------------*/ /* forms */ .row { margin-bottom: 0px; padding: 4px; } .row label.name { padding-top: 4px; padding-right: 5px; width: 25%; float: left; } .row label.name span { color: #8c3030; } .row .value.wrappedtext { margin-left: 25%; padding-left: 5px; } /* hack for ie 5.5 text/textarea resizing */ .row .value input.text, .row .value input.password, .row .value textarea, .row .value select{ width: expression(this.parentNode.offsetWidth * 0.74); } /* the previous style causes problems with long sidebars in ie6 */ .row .value input.text, .row .value input.password, .row .value textarea, .row .value select { w\idth: 72%; } .row .value input.text.shorttext { width: 100px; } .row.required { background: #e2e1eb; } .row.invalid { color: #8c3030; background: #eedddd; font-weight: bold; } .formsubmit { margin-top: 10px; margin-right: 10px; text-align: right; } /* generic messages */ .errormessage { color: #8c3030; font-weight: bold; } .infomessage { color: #3a5841; font-weight: bold; } .white { color: #FFFFFF; /* This is the TEXT color */ } #whitetext { color: #FFFFFF; /* This is the TEXT color */ padding-bottom: 20px; } #logo { width: 750px; height: 80px; background-image: url(http://www.elliemaykay.com/images/ekheader.gif); } .Heading { font-size: 22px; font-family: verdana, sans-serif; font-weight: bold } #hr { border-bottom: 3px solid #5c5047; } /* Generic Box with blue border, gray bkgrd, black type */ /* used in home.html */ #box { padding: 0px 8px 8px 8px; margin: 0px 0px 10px 0px; color: #000000; border: 2px solid #4682B4; background-color: #DCDCDC; } #box p{ padding: 8px 0px 0px 0px; margin: 0px 0px 0px 0px; } #nav{ float: right; padding-top: 6px; } #nav a { padding-right: 5px; padding-left: 5px; } form { margin-bottom: 0px; } .row .value img { padding-top: 0px; padding-right: 5px; height: 80px; float: right; } .redtype{ color: #ff0000; } .greentype{ color: #006400; } .center{ text-align: center; } #pic{ float: left; padding-right: 6px; } /* Generic Box with blue border, gray bkgrd, black type */ /* used in home.html */ #pinkbox { padding: 0px 8px 8px 8px; margin: 0px 0px 10px 0px; color: #000000; border: 2px solid #E76E99; background-color: #FFB1DB; } #pinkbox a{ color: #000000; font-weight: bold; text-decoration: underline; } #pinkbox a:visited { color: #000000; } #pinkbox a:hover { color: #a80109; } #openplayertext { color: #000000; /* This is the TEXT color */ padding-bottom: 4px; margin-top: 2px; font-weight: normal; font-size: 11px; font-weight: bold; } #openplayertext a { color: #003300; text-decoration: none; } #openplayertext a:visited { color: #003300; text-decoration: none; } #openplayertext a:hover { color: #003300; text-decoration: underline; } #faceholder h2 { margin-top: bold; font-size: 15px; color: #000000; font-weight: bold; }