/*  
Theme Name: RoyalYello
Theme URI: http://www.askgraphics.com/
Description: Widget ready theme with two sidebars. <br>More themes available at <a href="http://www.skinpress.com/">www.skinpress.com</a>
Version: 1.0
Author: AskGraphics.com
Author URI: http://www.askgraphics.com/
 
This theme is free to use under Creative Commons (Attribution-ShareAlike 2.5),
therefore all the attribution links in the footer must remain intact.

*/

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

A{ 
        text-decoration:none;
        color:#865009;
}

LI{
        list-style-position: inside;
}

input, textarea, select{ 
        background: #c6a56d;
        color: #865009;
        border: 1px solid #865009;
        font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
}
 
/* SITE SPECIFIC CLASSES */

.smallprint {
color:#c6a56d;
font-size: 0.9em;
}

table.pricetable {
color:#865009;
border:#865009 1px solid;
text-align:center;
}

.row1 {
height:40px;
background:#fef3cf;
}
.row2 {
height:40px;
background:#c6a56d;
}

.pricetable_title {
color:#865009;
font-weight:bold;
font-size:1.4em;
border-bottom:#865009 1px solid;
text-align:center;
text-transform:uppercase;
margin:0px;
}

/* END SITE SPECIFIC CLASSES */

/* HEADER (Top Banner Space) */

div#page #header{
	width:100%;
	height:90px;
        padding: 2px;
        border-bottom: 1px dashed #865009;
        background: #fef3cf;
	color:#c6a56d;
	font-size:1.1em;

}
div#page #header ul{
text-align:left;
padding:2px;
}

/* 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;
font-size:1.6em;
}

div#menu #menu_pad{
padding-left:10px;
}

div#menu #menu_pad table{
width:550px;
padding-left:5px;
padding-right:5px;
padding-top:0px;
padding-bottom:0px;
}

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

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

div#menu #menu_pad td{
}

/* 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{
}

div#menu #menu_pad td:hover a{
}

/* END MENU */

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

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

div#page #blog #blog_top{

}

div#blog #blog_left{
padding-left:1px;
width:550px;
}

div#blog #blog_right{
	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 a{
font-size:1.2em;
color:#b2803f; 
font-weight:normal;
}

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

div#blog #blog_right #blog_right_pad #sidebar ul{
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{
border-bottom: 1px #b2803f solid;
margin:2px;
}

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

/* CALENDAR */

div#blog #blog_right #sidebar table#wp-calendar{
text-transform: uppercase;
empty-cells: show;
text-align:center;
margin: 0 auto 0;
width: 165px;
font-size:1.0em;
color:#b2803f;
padding-bottom:15px;
}

#wp-calendar a {
display: block;
background: #fbe496;
}

#wp-calendar a:hover {
background: #fef3cf;
}

#wp-calendar td {
padding: 0;
border: 1px solid #b2803f;
height:20px;
width: 22px;
  }

div#blog #blog_right #sidebar table#wp-calendar caption{
font-weight:bold;
font-size: 1.4em;
}

div#blog #blog_right #sidebar table#wp-calendar th{
margin-top:2px;
margin-bottom:2px;
padding-top:0px;
padding-bottom:0px;
font-weight:bold;
font-size: 1.4em;
}

/* END CALENDAR */

/* END SIDEBAR */


/* BLOG POST */

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

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

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

.item_class blockquote, .blog_comm blockquote{
background:#fef3cf;
border: 1px dashed #865009;
padding:10px;
margin-top:5px;
margin-bottom:5px;
margin-right:35px;
margin-left:35px;
padding-top:5px;
}

.item_class blockquote blockquote, .blog_comm blockquote blockquote{
background:#c6a56d;
border: 1px dashed #865009;
padding:10px;
margin-top:5px;
margin-right:70px;
margin-bottom:5px;
margin-left:70px;
padding-top:5px;
}

.item_class ol, .blog_comm ol{
color:#865009;
margin:0px;
}

.item_class ul, .blog_comm ul{
margin:0px;
}

.item_class img, .blog_comm img{
border: 1px #865009 solid;
}

/* Use the noborder class for images you don't want a border around, like gifs with transparent edges. */
.item_class img, .blog_comm img.noborder{
border: 0px;
}


div.item_class .item_titles{
}

div.item_class .item_title1 {
margin-bottom:2px;
height:22px;
background: #865009;
padding-left:10px;
padding-right:10px;
text-transform: uppercase;
color:#f3a926;
font-weight:bold;
font-size:1.6em;
}

div.item_class .item_title1 a{
text-transform: uppercase;
color:#f3a926;
font-weight:bold;
}

div.item_class .item_title2{
color:#b3803f;
font-size:1.2em;
padding-left:10px;
padding-right:10px;
margin-left:10px;
width: 100%;
}

div.item_class .item_title2 a{
text-transform:uppercase;
color:#865009;
font-weight:bold;
}

div.item_class .item_text{
border-top: 1px dashed #865009;
color:#865009;
line-height:110%;
font-size:1.2em;
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;

}
div.item_class .item_text a{
text-decoration:underline;
font-weight:bold;
color:#b2803f;
}

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: #fef3cf;
border-bottom: 1px dashed #865009;
border-top: 1px dashed #865009;
border-left: 1px solid #865009;
border-right: 1px solid#865009;
width:549px;
height:22px;
}

div.item_class .item_panel .panel_links{
}

div.item_class .item_panel .panel_links span.comm a{
background:url(http://www.youngamericancomics.com/buttons/images/comm.gif) no-repeat left;
color:#865009;
font-size:1.1em;
text-decoration:none;
padding-left:20px;
}

div.item_class .item_panel .panel_links span.read a{
color:#865009;
font-size:1.1em;
text-decoration:none;
background:url(http://www.youngamericancomics.com/buttons/images/read.gif) no-repeat left;
padding-left:18px;
}

/* COMMENTS */

div#blog #blog_left  .blog_comm{
border-top: 1px dashed #865009;
padding-bottom:5px;

text-align:left;
}

div#blog #blog_left  .blog_comm .comm_title{
text-transform: uppercase;
color:#f3a926;
font-weight:bold;
font-size:1.6em;
margin-bottom:2px;
height:22px;
background: #865009;
padding-left:10px;
padding-right:10px;
}

div#blog #blog_left  .blog_comm .comm_count{
color:#b3803f;
font-size:1.2em;
padding-left:10px;
padding-right:10px;
margin-left:10px;
width: 100%;
}

div#blog #blog_left  .blog_comm .comm_data{

background: #b2803f;
margin-left:20px;
margin-right:20px;
height:22px;
padding-left:5px;
margin-top:20px;
border-left:1px solid #865009;
border-right:1px solid #865009;
border-top:1px solid #865009;
}

div#blog #blog_left  .blog_comm .comm_data_pad{
color:#865009;
font-size:1.2em;
font-weight:normal;
}

div#blog #blog_left  .blog_comm .comm_data_pad a{
color:#865009;
text-decoration:underline;
}

div#blog #blog_left  .blog_comm .comm_text{
margin-left:20px;
margin-right:20px;
background:#fef3cf;
color:#865009;
font-size:1.2em;
font-weight:normal;
padding:10px;
margin-bottom:15px;
border-left:1px solid #865009;
border-right:1px solid #865009;
border-bottom:1px solid #865009;
border-top:1px dashed #865009;
}

div#blog #blog_left  .blog_comm .comm_text p{
margin:0px;
padding:0px;
}

div#blog #blog_left  #comm_form{
padding-top:20px;
padding-right:0px;
text-align:left;
}

div#blog #blog_left  #comm_form #form_title #form_title_text{
margin-bottom:2px;
height:22px;
background: #865009;
padding-left:10px;
padding-right:10px;
text-transform: uppercase;
color:#f3a926;
font-weight:bold;
font-size:1.4em;
}

div#blog #blog_left  #comm_form .form_table{
border-bottom: 1px dashed #865009;
font-size:1.2em;
padding-left:0px;
padding-bottom:10px;
}

/* COMMENTS END */

div#blog .navigation{
width:100%;
text-align:center;
}

/* BLOG END */

/* FOOTER */

div#page #footer{
width:550px;
text-align:center;
}

div#footer #footer_text{
color:#b2803f;
padding-top:10px;
padding-bottom:10px;
}

div#footer #footer_text a{
color:#865009;	
font-weight:bold;
text-decoration:underline;
}

/* END FOOTER */