/*
  standard styles for www.oniondog.com
  author: howard stredwick, http://www.howardstredwick.com 
  28/07/2006
*/

 /*\*//*/
  @import "ie5mac.css";
/**/

@media screen{
* {padding:0;margin:0;background-repeat:no-repeat;}
/* fonts */
body{font:small/1.3 Arial, Helvetica, sans-serif;}
div#wrapper{font-size:.85em;}
/* elements */
a,a:visited,a:hover,a:active{color:#FFC000;font-weight:bold;text-decoration:none;}
a img{border:none;}
a:hover{text-decoration:underline;}
div#header a:hover{text-decoration:none;}
p{margin-bottom:1em;}
hr{}
address{
font-style:normal;
font-weight:bold;
}

/* lists */
dt{font-weight:bold;}
dd{margin-bottom:1.5em;}

/* forms */
label{display:block;}
input{border:1px solid gray;}
input#submit{color:white;background-color:transparent;}
input,label{font:17px/25px Garamond, serif;font-weight:bold;}
label input{font-size:15px;}
input#submit{border:none;}

/* standard layout */
body{background:url(../i/bg-wallpaper.gif) repeat}

div#wrapper{
  width:776px;
  height:550px;
  position:absolute;
  top:50%;
  left:50%;
  margin:-275px -388px;
  background-image:url(../i/bg.jpg);
  padding:11px 12px;
}

div#bg{
  margin:auto;
  width:775px;
  height:530px;
  background-color:transparent;
}

div#header{float:left;width:200px;margin-top:1px;}
div#warn{display:none;}
div#header h1{
  text-indent:-4000em;
  background-image:url(../i/header-top.jpg);
  height:63px;
}
div#header ul{list-style:none;padding:0;margin:0;}
div#header a, div#header li{display:block;width:220px;font-size:4px;}
div#header li{background-color:black;}

div#header li#nav-home a{background-image:url(../i/nav-home.jpg);height:18px;}
div#header li#nav-meet a{background-image:url(../i/nav-meet.jpg);height:17px;}
div#header li#nav-shop a{background-image:url(../i/nav-shop.jpg);height:16px;}
div#header li#nav-news a{background-image:url(../i/nav-news.jpg);height:13px;}
div#header li#nav-friends a{background-image:url(../i/nav-friends.jpg);height:16px;}
div#header li#nav-about a{background-image:url(../i/nav-about-us.jpg);height:22px;}
div#header li a{text-indent:-4000em;}

div#content{
float:right;
width:480px;
padding-right:10px;
margin-right:65px;
height:400px;
overflow:auto;
margin-top:100px;
}

* html div#content{margin-right:30px;}

div#section {
  font-size:.9em;
  background-image:url(../i/bg-section.jpg);
  clear:left;
  width:188px;
  height:316px;
  padding:40px 0px 0 5px;
  background-color:black;
  color:white;
  margin-left:8px;
  overflow-x:hidden;
}

div#free-section{
  overflow:hidden;
}

div#section p#news-section-footer-text{padding:0 17px;}

div#section #section-content{
  height:202px;
  width:155px;
  margin:auto;
  overflow:auto;
  padding:0 10px;
  margin-left:8px;
}

body#home #section-content,body#about-us #section-content{
  width:165px;
  padding:0;
  margin-left:17px;
}

div#footer{clear:both;margin:auto;width:28em;}

div#footer li, div#footer a{
  display:block;float:left;width:auto;
  padding:0 2px;
  color:white;
  font-size:1.2em;
  height:1.2em;
}

div#footer li{border-right:1px solid white;}
div#footer li#last{border-right:none;}


div#footer a{font-size:.8em;}


/* home page ***********************************************/
body#home div#wrapper div#bg{
  background-image:url(../i/bg-home.jpg);
  background-position:top right;
}

body#home div#content{
  font-size:1.1em;
  width:245px;
  margin-right:50px;
  height:110px;
  margin-top:110px;
  overflow:visible;
  background-color:transparent;
  color:white;
  line-height:1.1;
  padding:0;
}

body#home div#content #spin{
  position:absolute;
  left:212px;
  top:12px;
  display:none;
}

* html body#home div#content{margin-right:25px;}

body#home div#content strong{
  color:#FF5D1D;
}

body#home div#section-content {overflow-y:auto;}
body#home div#section-content dl{padding:4px;}
body#home div#section-content dd{margin-bottom:.5em;}
/* meet the onion page ************************************************************/

body#meet div#bg{
  background-image:url(../i/bg-meet.jpg);
  background-position:top right;
}

body#meet div#section{background-image:url(../i/bg-section-free.jpg);}

body#meet div#section #section-content{
  overflow:hidden;
}

/* shop page **********************************************************************/
body#shop div#bg{
  background-image:url(../i/bg-shop.jpg);
  background-position:top right;
}
body#shop div#content{position:relative;}
body#shop div#content dl{margin-left:35%;margin-top:10px;width:60%;position:relative;border:1px solid blue;}
body#shop div#content dt{margin-top:20px;}
body#shop div#content dl dd {position:relative;}
body#shop div#content dl dd img,body#shop div#content dl dd object{position:absolute;left:-150px;top:-50px;}
body#shop div#content dl dl{width:100%;margin-left:0;}
body#shop div#content dl dl dt{float:left;width:auto;margin:0;padding:0;}
body#shop div#content dl dl dd{margin:0;padding:0;font-weight:bold;}
body#shop div#content dl dl dt.order-now{display:none;}
body#shop div#section{background-image:url(../i/bg-section-free.jpg);}

body#shop div#content dl dd img.pay-pal{position:relative;left:0;top:0;margin-left:15px;}

/* news page **********************************************************************/
body#news div#bg{
  background-image:url(../i/bg-news.jpg);
  background-position:top right;
}

body#news div#section{background-image:url(../i/bg-section-image.jpg);}
body#news div#section div#picture-section p{position:absolute;left:-40000em;}
body#news div#section div#picture-section div#section-content{padding-top:30px;}
body#news div#section div#picture-section div#section-content p{position:relative;left:0;}
body#news div#section div#picture-section div#section-content img{margin-bottom:10px;}
p.right{width:49%;padding-left:1%;}
p.left{width:45%;padding-right:6%;}
/* news scroller **********************************************************************/
body#home div#section div#section-content iframe, body#about-us div#section iframe{
  border:none;
 
} 

body#news-scroller div#content{
  font-size:.9em;
  width:188px;
  height:316px;
  background-color:black;
  color:white;
}

body#news-scroller, 
body#news-scroller div#wrapper,
body#news-scroller div#bg,
body#news-scroller div#content,
body#news-scroller div#content dl,
body#news-scroller div#content dd{
  background:none;
  margin:0;
  position:relative;
  padding:0;
  top:auto;
  left:auto;
  width:140px;
  height:auto;
  right:auto;
  float:none;
  background-color:black;
}

body#news-scroller,body#news-scroller div#wrapper,body#news-scroller div#bg,body#news-scroller div#bg div#content{
  xwidth:155px;
}

body#news-scroller div#bg div#content{
  width:140px;
  margin:0;
}

body#news-scroller div#bg div#content dt{
  margin-top:6px;
}


body#news-scroller div#bg{
  background-color:black;
}

body#news-scroller div#header, body#news-scroller div#section,  body#news-scroller div#footer{display:none;}
body#news-scroller div#section div#picture-section p{position:absolute;left:-40000em;}
body#news-scroller div#section div#picture-section div#section-content{padding-top:30px;}
body#news-scroller div#section div#picture-section div#section-content p{position:relative;left:0;}


/* links page **********************************************************************/
body#links div#bg{
  background-image:url(../i/bg-links.jpg);
  background-position:top right;
}
html body#links div#content dl, html body#links div#content h2{width:440px;}
body#links div#section-content{font-size:1.8em;font-weight:bold;font-family:garamond, gerogia, serif;height:100%;}

/* about us page **********************************************************************/
body#about-us div#bg{
  background-image:url(../i/bg-about-us.jpg);
  background-position:top right;
}

body#about-us div#section div#picture-section p{position:absolute;left:-40000em;}
body#about-us div#section div#picture-section div#section-content{padding-top:30px;}
body#about-us div#section div#picture-section div#section-content p{position:relative;left:0;}
body#about-us div#section div#picture-section div#section-content img{margin-bottom:10px;}

body#about-us div#content {overflow-y:auto;overflow-x:hidden;}
body#about-us div#content h2{margin-bottom:0;padding-bottom:0;font-size:1.2em;width:95%;}
body#about-us div#content p {margin-top:0;padding-bottom:1em;width:95%;}
body#about-us div#content ul{padding:0 0 1em 2em;list-style:bullet;width:95%;}
/* email capture and thanks page **************************************************/
body#mail #footer, #body#mail #header{
  display:none;
}

body#mail div#wrapper,body#mail div#wrapper div#bg,body#mail div#wrapper div#content {
  width:305px;
  height:379px;
  background-image:url(/i/onion-mail.jpg);
  margin:0;
  padding:0;
  position:relative;
  top:auto;
  left:auto;
  right:auto;
}

body#mail div#wrapper div#header, body#mail div#wrapper div#footer, body#mail div#wrapper div#section{
   display:none;
}

body#mail div#wrapper div#bg{
  margin:0;
  height:379px;
  padding:0;
  overflow:hidden;
}

body#mail div#wrapper div#content{
  float:none;
  width:240px;
  height:269px;
  padding:70px 40px 20px 40px;
  color:white;
  position:relative;
  overflow:hidden;
}

body#mail div#wrapper div#content form{
  position:relative;
  width:240px;
}

body#mail input#submit{position:absolute;right:0;}
}

}