/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

.boxText { font-size:0.75em; color:#005653; }
.errorBox {   background: #59abb0; font-weight: bold; }
.stockWarning {  color: #22928f; }
.productsNotifications { background: #e2f3f5; }
.orderEdit {  text-decoration: underline; }


/* BEGIN MY CODE */

BODY {
padding:0px;
margin:0px;
color:#005653;
font-family: Trebuchet MS,Arial, sans-serif;
font-size: 62.5%; /* Resets 1em to 10px */	
background-image: url(http://www.youngamericancomics.com/images/background.gif);  
}

UL {
font-size:0.7em;
 list-style-type:none;
 padding:2px;
 margin:0px;
}

UL.catalog {
font-size:0.9em;
 list-style-type:disc;
 padding:2px;
 margin:0px;
}

TABLE {

}

img {
border:0px;
}

img A:{
border:0px;
}

A{ 
        text-decoration:none;
        color:#22928f;
}

LI{
        list-style-position: inside;
}

input, textarea, select{ 
        background: #71c3c8;
        color: #005653;
        border: 1px solid #005653;
        font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
font-size:0.7em;
}

.smallprint {
font-size:0.6em;
color:#22928f;
}

.searchbox {
font-size:0.7em;
}


/* HEADER (Top Banner Space) */

div#page #header{
	width:100%;
	height:90px;
        padding: 2px;
        border-bottom: 1px dotted #005653;
        background: #aad8dd;

}


/* END HEADER */

/* MENU (Menu on the lefthand side, above the actual blog.) */

div#page #menu{
text-align:center;
width:100%;
font-weight:bold;
text-transform: uppercase;
}

div#menu #menu_pad{
background: #dfbf79;
padding-left:10px;
border-bottom:#005653 dotted 1px;
}

div#menu #menu_pad table{
padding:0px;
}

div#menu #menu_pad a{
color:#005653;      
}

div#menu #menu_pad a:hover{
color:#005653;
}

div#menu #menu_pad td{
font-size:0.9em;
font-weight:bold;
text-align:left;
padding-left:7px;
padding-right:7px;
border-left:#005653 dotted 1px;
height:24px;
}

/* Use these two to change the background color of the TD on hover, or get rid of a bottom border for a tabs effect. */

div#menu #menu_pad td:hover{
background:#71c3c8;
}

div#menu #menu_pad td:hover a{
color:#005653;
}

/* END MENU */

/* BLOG STRUCTURE (The entire page after Menu) */

div#page #blog{
padding-top:12px;
padding-left:7px;
}

div#page #blog #blog_top{

}

div#blog #blog_left{
padding-top:0px;
padding-left:3px;
width:550px;
}

div#blog #blog_right{
padding-top:1px;
	width:350px;
}

/* This is where the 350 x 400 rotating ad goes. */

div#blog #blog_right_top{ 
padding-bottom:10px;
}

/* The spot underneath the right sidebar menu. */
div#blog #blog_right_end{
}

/* END BLOG STRUCTURE * /

/* SIDEBAR (right menu)*/

div#blog #blog_right #blog_right_pad #sidebar{
padding-top:0px;
}

div#blog #blog_right #blog_right_pad #sidebar img{
padding:0px:
margin:0px;
}

div#blog #blog_right #blog_right_pad #sidebar a{
color:#22928f; 
font-weight:normal;
}

div#blog #blog_right #blog_right_pad #sidebar a:hover{
color:#005653;
}

div#blog #blog_right #blog_right_pad #sidebar ul.oscbox{
}

div#blog #blog_right #blog_right_pad #sidebar ul.oscbox li{
list-style-position: inside;
margin-top:2px;
margin-bottom:2px;
list-style-type:none;

}

div#blog #blog_right #blog_right_pad #sidebar ul.mybox li{
padding-top:2px;
margin:0px;
font-size:1.1em;
}

div#blog #blog_right #blog_right_pad #sidebar ul{
list-style-position: inside;
padding-left:5px;
padding-right:0px;
padding-bottom:10px;
margin-left:5px;
margin-right:5px;
margin-top:0px;
margin-bottom:0px;
list-style-type:none;
}

div#blog #blog_right #blog_right_pad #sidebar li{
list-style-position: inside;
border-bottom: 1px #22928f dotted;
margin:2px;
}

div#blog #blog_right #blog_right_pad #sidebar li.imgcaption{
list-style-position: inside;
font-size:0.8em;
background:#aad8dd;
text-align:center;
padding:2px;
line-height:100%;
margin-left:0px;
margin-right:0px;
margin-top:5px;
padding:0px;
border-bottom:none;
}


div#blog #blog_right #blog_right_pad #sidebar li.imgcaption:hover{
background:#aad8dd;
}

div#blog #blog_right #blog_right_pad #sidebar li:hover{
background:#71c3c8;
}

div#blog #blog_right #blog_right_pad #sidebar ul ul{
border-top: #22928f 1px dotted;
margin:0px;
padding-left:10px;
padding-right:10px;
}

div#blog #blog_right #blog_right_pad #sidebar ul ul:hover{
background:#aad8dd;
}

div#blog #blog_right #blog_right_pad #sidebar h2{
font-size:1.05em;
padding-left:5px;
padding-bottom:2px;
padding-top:2px;
margin:2px;
background: #dfbf79;
border: #005653 dotted 1px;
color:#005653;
font-weight:bold;
text-transform:uppercase;
}

/* END SIDEBAR */


/* BLOG POST */

/* Space Above Blog (Not each post) */
div#blog #blog_left #blog_left_top{
height:0px;
}

/* Space Below Blog (Not each post) */
div#blog #blog_left #blog_left_end{
height:45px;
}

div#blog #blog_left .item_class{
width:550px;
}

div.item_class .item_titles{
}

div.item_class .item_text{
border-top: 1px dotted #005653;
color:#005653;
line-height:120%;
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;

}
div.item_class .item_text a{
text-decoration:underline;
color:#22928f;
}

div.item_class .item_text ul li{
list-style-position: inside;
margin-left:40px;
padding-top:5px;
padding-bottom:5px;
}

div.item_class .item_text ul ul li{
list-style-position: inside;
margin-left:60px;
}

div.item_class .item_text ol li{
list-style-position: inside;
padding-top:5px;
padding-bottom:5px;
}

div.item_class .item_panel{

background: #dfbf79;
border-bottom: 1px dotted #005653;
border-top: 1px dotted #005653;
border-left: 1px solid #005653;
border-right: 1px solid#005653;
width:549px;
height:22px;
}

div.item_class .item_panel .panel_links{
}

/* BLOG END */

/* BEGIN OSCOMMERCE */


FORM {
	display: inline;
}


TR.header {
}

TR.headerNavigation {
width:549px; 
}

TD.headerNavigation {
font-size:0.7em;
padding-top:0px;
padding-left:10px;
border-bottom:#005653 dotted 1px;
border-left:#005653 solid 1px;
border-right:#005653 solid 1px;
background: #dfbf79;
font-weight : bold;
text-transform:uppercase;
color:#005653;
}

A.headerNavigation {
  color: #005653; 
}

TR.headerError {
}

TD.headerError {
padding-left:10px;
border-bottom:#005653 dotted 1px;
background: #dfbf79;
font-weight : bold;
text-transform:uppercase;
color:#005653;
}

TR.headerInfo {
background:#dfbf79;
border: 1px dotted #005653;
padding:10px;
margin-top:5px;
margin-bottom:5px;
margin-right:35px;
margin-left:35px;
padding-top:5px;
}

TD.headerInfo {

}

Table.footer {
text-align:center;
font-size:1.2em;
margin-left:4px;
background: #dfbf79;
border-bottom: 1px dotted #005653;
border-top: 1px dotted #005653;
width:549px;
height:22px;
}

TR.footer {
}

TD.footer {
}


.smallinfoBox {
margin-top:5px;
margin-bottom:5px;
text-align:center;
}
.infoBox {
margin-top:5px;
margin-bottom:5px;
width:100%;
}


.biginfoBox {
margin:10px;
}

.cartitem {
border-bottom: 1px #22928f dotted;
margin:2px;
font-size:0.8em;

}

.infoBoxContents {
width:100%;
}

.infoBoxNotice {
}

.infoBoxNoticeContents {
}



#sidebar td.smallinfoBoxHeading {
padding-left:5px;
padding-bottom:2px;
padding-top:2px;
margin:2px;
font-size:1.05em;
width:170px;
background:#dfbf79;
border: #005653 dotted 1px;
color:#005653;
font-weight:bold;
text-transform:uppercase;
}


td.infoBoxHeading {
width:550px;
font-size:1.0em;
background:#dfbf79;
padding-left:2px;
padding-bottom:2px;
padding-top:2px;
margin:2px;
border-top: #005653 dotted 1px;
border-bottom: #005653 dotted 1px;
border-left: #005653 solid 1px;
border-right: #005653 solid 1px;
color:#005653;
font-weight:bold;
text-transform:uppercase;

}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
margin-top:10px;
margin-bottom:10px;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
background-color:#dfbf79;
margin-top:10px;
margin-bottom:10px;
}

TABLE.productListing {
width:530px;
}

TABLE.productListing-heading {
font-size:0.9em;
}

td.productListing-checkbox {
width:60px;
padding-top:5px;
}

td.productListing-productname {
font-size:0.9em;
margin:5px;
text-align:center;
}

td.productListing-qty {
padding-top:5px;
width:60px;
text-align:center;
}

td.productListing-price {
text-align:center;
padding-top:5px;
width: 60px;
}

td.productListing-text {
}

A.pageResults {
}

A.pageResults:hover {
}

Table.pageHeadingTable{
margin-bottom:2px;
margin-left:0px;
height:24px;
background: #71c3c8;
padding-left:10px;
padding-right:10px;
padding-top:0px;
padding-bottom:0px;
border-bottom: 1px dotted #005653;
border-left:1px solid #005653;
border-right:1px solid #005653;
text-transform: uppercase;
color:#005653;
font-weight:bold;
}


TD.pageHeading DIV.pageHeading{
}

TR.subBar {
}

TD.subBar {
}

TD.main {
font-size:0.8em;
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
width:550px;
margin:0px;

}

P.main {
}

TD.smallText {
padding-top:10px;
padding-left:10px;
padding-right:10px;
font-size:0.8em;
}

SPAN.smallText, P.smallText {
}

TD.accountCategory {
  color:#59abbo;
}

TD.fieldKey {
font-size:1.0em;
text-align:right;
height:25px;
}

TD.fieldValue {
font-size:1.0em;
}

TD.tableHeading {
}

SPAN.newItemInCart {
  color: #005653;
  font-weight:bold;
}

CHECKBOX, INPUT, RADIO, SELECT {
}

TEXTAREA {
}

SPAN.greetUser {
  color:#59abb0;
  font-weight: bold;
}

TABLE.formArea {
border: 1px dotted #005653;
}

TD.formAreaTitle {
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-weight: bold;
  color: #59abb0;
}

SPAN.productSpecialPrice {
  color: #d49610;
  font-size:1.2em;
  font-weight:bold;
}

SPAN.errorText { 
  color: #59abb0;
}

.moduleRow { width:400px;}
.moduleRowOver { background-color: #dfbf79; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #aad8dd; border: 1px dotted #005653; }

.checkoutBarFrom, .checkoutBarTo {   }
.checkoutBarCurrent {  color: #59abb0; font-weight:bold; }

/* message box */

.messageBox {   }
.messageStackError, .messageStackWarning {   background-color: #aad8dd; padding:10px; border: 1px dotted #005653;  }
.messageStackSuccess {  background-color: #dfbf79; padding:2px; border: 1px dotted #005653; width:100%; text-align:center; align:center;}

Tr.messageStackSuccess {width:100%;}

/* input requirement */

.inputRequirement {  color: #22928f; font-size:0.7em; text-transform:uppercase; padding-right:10px;}