/* --------------------------------------------------

filename:jg.css
title: Secondary CSS file for joyofcode.com
author: Bud Kraus, bud@joyofcode.com
url: http://www.joyofcode.com/styles/jg.css
license: Copyright 2008. All Rights Reserved.  Feel free to read and learn but please do not steal!!

description: This file is used primarily for the Joy Gems Newsletter section. It is used with other CSS files and is always used after the primary file, main.css.

-------------------------------------------------- */

@import url( old_ie.css );

div#wrapper
{background:#fff url(../images/page_bg_jg.gif) repeat-y;}

div#content
{min-width:75%;
/*max-width:75%;*/}

div#content.jg_banner
{width:550px;
height:99px;
margin:0px auto;
display:block;}

div#content  h1
{margin-top:1em;
border-bottom:none;
font-size:1.75em;
text-transform:none;}

div#content p.subhead
{color:#403416;}


div#jg_content
{width:70%;
 float:left; }
 
 
 p#blurb_click
 {color:#403416;
 padding:2em 0 !important;
 font-size:1.2em;
 	 text-align:center;}
 
 
 
  p#blurb_click  span
  {padding:05px;background:#fff;
  border-top:4px green double; border-bottom:4px #403416 double;}

p#final_jg
{margin: 3em !important;
border:6px dotted #151c52;
padding:2em !important;}
  

div#jg_content h2
{color:#eae4d5;
background:#403416;
margin:.5em;
border:1px #000 solid;}
	
div#jg_content h2 a
	{color:#fff !important;}
	
div#jg_content table
{margin-left:1em;}

div#jg_content blockquote
{margin:1em 2em;}
	
div#jg_content p.caption
{margin-top:-1em;
font-weight:bold;
font-size:70%;
text-align:center;}

div#jg_content hr
{color:#999;
margin:0 1em;}

div#jg_content img.sheets
{width:301px;
height:407px; 
display:block;
margin:0 auto;}

div#content p.next_page
{text-align:right;}

ol
{
		margin:1em 0 !important;
}

ol li
{
	list-style-type:decimal;
	list-style-position:inside;

}

div#well_formed
{width:80%;
border:1px dashed #f00;
padding:10px;
margin:0 auto;
color:#fff;
background:#000;
font-family:verdana, sans-serif;
font-weight:bold;}

div#well_formed code
{color:yellow;
	background:#000;
	font-size:1.15em;
	font-weight:bold;}




/* start sidebar rules */

div#jg_sidebar *
{margin:0 !important;}

div#jg_sidebar
{width:25%;
float:right;
background:#fff  url(../images/rounded_jg_01.gif) no-repeat left top;}

div#jg_sidebar p.top_right 
{background: url(../images/rounded_jg_02.gif) no-repeat right top;
padding:18px 18px 0px 18px;} 

div#jg_sidebar p.search
{background: url(../images/search_icon.gif) no-repeat left center;
padding-left:24px;
margin:1em  !important;}

div#jg_sidebar form
{margin:1.5em  !important;}

div#jg_sidebar label
{font-weight:bold;}

div#jg_sidebar input
{margin-bottom:1em  !important;
border:1px solid #403416 !important;}

div#jg_sidebar input.submit
{width:80px;
color:#eae4d5;
background:#403416 !important;
font-weight:bold;}

div#jg_sidebar hr
{color:#eae4d5;}

div#best p
{padding:.5em;
border-top:3px #151c52 double;
border-bottom:3px #151c52 double;
font-weight:bolder;
text-transform:uppercase;}

div#best li
{color:#666;
font-size:.85em;}

div#best a
{display:block;
color:#151c52;
padding:10px 0 !important;
text-transform:uppercase;
text-decoration:none;}

div#best a:hover
{text-decoration:underline;}

div#jg_sidebar p.bottom_left
{background: url(../images/rounded_jg_03.gif) no-repeat left bottom;}   

div#jg_sidebar a.bottom_right
{display:block;
background: url(../images/rounded_jg_04.gif) no-repeat right  bottom;
padding:0px 0px 18px 18px;
margin-right:-1em !important;}   

div#jg_sidebar img
{width:44px;
height:16px; 
display:block;
margin: 0 auto;}



/* start misc rules */

p.view
{margin-left:1em !important;}

p.end
{text-align:center;}


p.pullquote
{border-top:1px #403416 solid;
	 border-bottom:1px #403416 solid;
	 margin:0em  1em !important;
	 font-weight:bold !important;
	 font-style:italic;}
	 
	 
	 ul#jg_archives li a
	 {font-weight:bold;}
	 
div#jg_search fieldset
{background:#dbdac6;}
	 
div#jg_search input[type^="submit"] 
{color:#eae4d5;
background:#403416;
font-weight:bold;}


div#arlene_video
{color:#FAFAD2;
	background:#403416;
	padding: 30px 0;
	border:1px #000 solid;
	margin-left:1em;
}