/*
Theme Name: Young Writer 07
Theme URI: http://youngwriter.org
Description: A wordpress theme using the Blueprint framework 
Author: Neil Scott
Author URI: http://www.noblesavage.info
Version: 1.0
*/
/* Import stylesheets and hide from IE/Mac \*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body { line-height: 1; color: #333; background: white; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE5/Mac \*/
* html .clearfix {height: 1px;}
.clearfix {display: block;}
/* End hide from IE5/Mac */


body { 
  font-size: 12px;
  line-height: 18px;
}
/* Default fonts */
h1,h2,h3,
h4,h5,h6, body { font-family: "Lucida Grande", Arial, Verdana, sans-serif; } 

h1,h2,h3,h4,h5,h6 { 
  color:#111; 
  clear:both; 
}
h1 { font-size: 30px; line-height:36px; padding:0 0 18px 0; }
h2 { font-size: 20px; line-height:36px; }
h3 { font-size: 16px; line-height:24px; margin-bottom: 6px; }
h4 { font-size: 14px; font-weight:bold; }
h5 { font-size: 12px; font-weight:bold; }
h6 { font-size: 12px; }
p           { margin: 0 0 18px 0; }
p img       { float: left; margin:18px 18px 18px 0; padding:0; }
p img.top   { margin-top:0; } /* Use this if the image is at the top of the <p>. */

a           { color: #f60; text-decoration: none; }
a:hover     { color: #7bab25; }

ul, ol      { margin: 0 0 18px 18px; }
ul          { list-style-type: circle; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 18px 0; }
dl dt       { font-weight: bold; }

blockquote  { margin: 0 0 18px 18px; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em          { font-style: italic; }
pre         { margin-bottom: 18px; background: #eee; border:1px solid #ddd; padding:16px; }

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #B2CCFF; 
  color: #B2CCFF;
  clear: both; 
  float: none; 
  width: 100%; 
  height: 2px;
  margin: 0 0 16px 0;
  border: none; 
}



table   { margin-bottom: 16px; border-top:1px solid #ddd; border-left:1px solid #ddd; }
th,td   { height: 13px; padding:2px 4px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
th      { font-weight:bold; }


/* Some default classes
-------------------------------------------------------------- */

p.small   { font-size: 10px; margin-bottom: 18px; }
p.large   { font-size: 14px; line-height:36px; }
p.quiet   { color: #666; }
.hide     { display: none; }

body { 
  text-align: center; /* IE6 Fix */
  margin:36px 0;
}

/* A container should group all your columns. */
.container {
  text-align: left;
  position: relative;
  padding: 0;
  margin: 0 auto;   /* Centers layout */
  width: 924px;     /* Total width */
}
  
.column {
  float: left;
  margin-right: 10px;
  padding: 0;
}
* html .column { overflow-x: hidden; } /* IE6 fix */
.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #ddd;
}


/* Use these classes to set how wide a column should be. */
.span-1   { width: 30px; }
.span-2   { width: 70px; }
.span-3   { width: 110px; }
.span-4   { width: 150px; }
.span-5   { width: 190px; }
.span-6   { width: 230px; }
.span-7   { width: 270px; }
.span-8   { width: 310px; }
.span-9   { width: 350px; }
.span-10  { width: 390px; }
.span-11  { width: 430px; }
.span-12  { width: 470px; }
.span-13  { width: 510px; }
.span-14  { width: 550px; }
.span-15  { width: 590px; }
.span-16  { width: 630px; }
.span-17  { width: 670px; }
.span-18  { width: 710px; }
.span-19  { width: 750px; }
.span-20  { width: 790px; }
.span-21  { width: 830px; }
.span-22  { width: 870px; }
.span-23  { width: 910px; }
.span-24  { width: 950px; margin: 0; }

.last     { margin-right: 0; }


/* Remember the baseline (typography.css). */
img { margin: 0 0 18px 0; }


/* End import/hide */

body {background: #7bab25 url(img/background.png) fixed repeat-x left top; }
.container {background:transparent url(img/mid.png) repeat-y left top; 
	padding: 150px 0 0 0;
	overflow: hidden; border: 0px solid #7BAB25;}

#top {position:relative; background: url(img/top.png) no-repeat left top; height: 69px; margin:0pt auto; width: 924px;}

#bot {background: url(img/bot.png) no-repeat left bottom; height: 37px;  margin:0pt auto; width: 924px;}

#header {background: #fff; width: 840px; height: 120px;
	 position: absolute; top: 0px;left: 30px; z-index:1;
	border-bottom: 7px solid #f60; }


.intro {color:#336600;
font-size:120%;
font-weight:normal;
 }

.checkout { padding: 3px 0 3px 23px !important;  margin: 0; background: url(img/cart.png) no-repeat left center; font-size: 16px;}

.welcome {font-size: 120%; color: #333; text-align: left; line-height: 24px;}
#s {width:120px; margin-left:22px;}
h1 {
height:85px;
width:245px;
position:absolute;
top:18px;
left:20px;
padding: 0; margin: 0;
}
/* hide from Mac IE5.x \*/
h1{overflow:hidden;}
/* end hide*/
h1 span {
background: url(img/logo.png);
position:absolute;
left:0;top:0;
display:block;
height:85px;
width:245px;
}
h3 {color:#FF6600;
font-family:"vag rounded","Arial Rounded MT Bold","arial black",arial,sans-serif;
font-size:18px; }
h4 {
height:39px;
width:397px;
position:absolute;
top:106px;
left:9px;
margin: 0px 0 0 0px;
}
/* hide from Mac IE5.x \*/
h4{overflow:hidden;}
/* end hide*/
h4 span {
background: url(img/subtitle.png);
position:absolute;
left:0;top:0;
display:block;
height:39px;
width:397px;
}


.contact {margin: 0 0 0 20px; width: 200px;}

h5 {
position:relative;
padding:0;
margin: 0px 0 0 0px;
height:27px;
width:139px;
}
/* hide from Mac IE5.x \*/
h5{overflow:hidden;}
/* end hide*/
h5 span {
background: url(img/cartnewsprite.png);
position:absolute;
z-index: 99;
left:0;top:0;
display:block;
height:27px;
width:139px;
}
h6 {
position:relative;
padding:0;
margin: 0px 0 5px 0px;
height:27px;
width:139px;
}
/* hide from Mac IE5.x \*/
h6{overflow:hidden;}
/* end hide*/
h6 span {
background: url(img/cartnewsprite.png);
position:absolute;
z-index: 99;
left:0;top:-27px;
display:block;
height:56px;
width:139px;
}




ul#nav {list-style:none;  position: absolute; top: 43px;right: 60px; z-index:1; 
	background: transparent; }
	ul#nav li {display:inline; }
ul#nav li a {display:inline; padding: 0px 10px; margin: 0; border-right: 1px solid #f60; 
	font-weight: bold; text-transform:uppercase; text-decoration:none}

ul#nav li a.last {padding: 0 0 0 10px; border-right: 0px solid #f60; 
}
#main {
	margin: 0px 0 0px 20px;
padding-bottom: 18px ;
}

#sidebar {
	margin: 0px 0 0 30px;
	font-size:90%;

}
.mags {margin: 10px 0 0 30px;}

#categories {margin:0 0 0 20px; }
#categories ul li a {display:block;
text-indent:-900em;
width: 200px;}
#categories ul{list-style:none; }
#categories ul li {display:block; }

#categories ul li.writing a {background:url(img/menu2.png) no-repeat -0px 0px; height:36px;  }

#categories ul li.writing a:hover {background:url(img/menu2.png) no-repeat  -203px -0px;}

#categories ul li.reviews a {background:url(img/menu2.png) no-repeat -0px -36px; height:46px;  }

#categories ul li.reviews a:hover {background:url(img/menu2.png) no-repeat  -203px -36px;}

#categories ul li.editors a {background:url(img/menu2.png) no-repeat -0px -79px; height:42px;  }

#categories ul li.editors a:hover {background:url(img/menu2.png) no-repeat  -203px -79px;}

#categories ul li.sotw a {background:url(img/menu2.png) no-repeat -0px -121px; height:45px;  }

#categories ul li.sotw a:hover {background:url(img/menu2.png) no-repeat  -203px -121px;}

#categories ul li.links a {background:url(img/menu2.png) no-repeat -0px -166px; height:45px;  }

#categories ul li.links a:hover {background:url(img/menu2.png) no-repeat  -203px -166px;}


#categories ul li.gallery a {background:url(img/menu2.png) no-repeat -0px -211px; height:40px;  }

#categories ul li.gallery a:hover {background:url(img/menu2.png) no-repeat  -203px -211px;}


#categories ul li.products a {background:url(img/menu2.png) no-repeat -0px -251px; height:43px;  }

#categories ul li.products a:hover {background:url(img/menu2.png) no-repeat  -203px -251px;}



#footer {margin-top: 10px;padding-top:10px}


#comment {width:360px;}


.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
.clear {clear:both;}