/*
Theme Name: Piggie
Theme URI: http://www.thislittlepiggiestayedathome.org
Description: This little piggie went to market
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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1.5;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

li, li p {font-size: 9px;}

img {border:0;}


body {  line-height: 1.5; background: #fff; font-size: 75%;
  color: #000; 
  font-family: Georgia, Times, "Times New Roman", serif;   text-align: center; /* IE Fix */
  margin:0px 0;
}
.container {
  text-align: left;
  position: relative;
  padding: 0em 0  0 0;
  margin: 30px auto 0;   /* Centers layout */
  width: 420px;     /* Total width */
background: #fff;
}

.main {width: 400px; float:left; padding: 0; margin: 10px 0 0 0px;}
.post {margin:10px 0  0 30px;}

.main p {font-size: 1.4em;}
.sidebar {width: 300px; float: right; padding: 0; margin: 0 20px 0 0px; font: 12px "lucida grande", arial, sans-serif;}


h1,h2,h3,h4,h5,h6 { 
  color: #111; 
  font-family:  "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, Times, "Times New Roman", serif;
}
h1,h2,h3,h4,h5,h6 { font-weight: normal; }

h1 { font-size: 2.4em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.5em; line-height:2;  }
h4 { font-size: 1.2em; line-height:1.25; font-weight:bold; }
h5 { font-size: 1em; font-weight:bold; }
h6 { font-size: 1em; }

/*.main #comments p {font: 11px "lucida grande", arial, sans-serif;} */

p           { margin: 0 0 18px 0;  }

p.last      { margin-bottom: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>. */


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; }

a           { color: #c00; text-decoration: underline; outline: none; }
a:hover     { color: #f00; }

blockquote  { margin: 0 0 18px 18px; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em          { font-style: italic; }


hr {
  background: #ebebeb; 
  color: #ebebeb;
  clear: both; 
  float: none; 
  width: 100%; 
  height: 0.1em;
  margin: 0 0 1.4em 0;
  border: none; 
}
* html hr { margin: 0 0 1.2em 0; } /* IE6 fix */


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; }



label     {  }
textarea  { height: 180px; width: 420px; }

small {font: 12px "lucida grande", arial, sans-serif;}

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


.alt { 
  color: #666; 
  font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", serif; 
  font-size: 1.2em;
  line-height: 1%; /* Maintain correct baseline */
  font-style: italic;
}

p.incr, .incr p {
	font-size: 0.83333em; /* font size 10px */
	line-height: 1.44em;  
	margin-bottom: 1.8em; /* Still 1.5 x normal font size as baseline */
}





  
.column {
  float: left;
  margin: 0 10px;
  padding: 0;
}
* html .column { overflow-x: hidden; } /* IE6 fix */

.border {
  padding-right: 9px;
  margin-right: 0;
  border-right: 1px solid #ddd;
}



.box { 
  padding: 1.5em; 
  margin-bottom: 1.5em; 
  background: #f0f0f0; 
}
.clear { display: inline-block; }   
.clear:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }

img { margin: 0 0 0px 0; }


/* End import/hide */




a:link, a:visited, a:hover {text-decoration: none;}

.single p a:link {border-bottom: 1px solid #ddd;}
.single p a:visited {color: #444; border-bottom: 1px solid #ddd;}
.single p a:hover {color: #000; border-bottom: 1px solid #ddd; background: #ddd;}


h1 {
height:324px;
width:400px;
position:relative;
}
/* hide from Mac IE5.x \*/
h1{overflow:hidden;}
/* end hide*/
h1 span {
background: url(img/thislittlepiggiestayedathome.png);
position:absolute;
left:0;top:0;
display:block;
height:324px;
width:400px;
}
legend {display:none}

h3 {color: #7b7b7b}
h3 img {margin:3px 0 0 0;}

	
	
	.footer {margin: 10px auto; color: #666; padding: 0 30px 0 0; width: 920px; text-align:right;}
	.large {float:left; margin: 0 15px 15px 0; display:inline;}
	
h2 { margin-bottom: 0 0 1.5em; 
}
.single p { margin-left:  210px;}
.single h2, .single h3, .single li {margin-left:210px;}

.single li p {margin-left: 0px}


.archivelist ul {list-style:none; padding: 0; margin: 0; }
.archivelist ul li {zoom:1; display:block; list-style:none; padding: 0; margin: 0;}

.archivelist ul li a{border-top:1px solid #ebebeb;
display:block;
margin:0pt;
padding: 3px 0px 3px 5px;
text-decoration:none;}
.archivelist ul li a:hover {background:#ebebeb; margin:0pt;
padding: 3px 0px 3px 5px;}

.main ul {list-style:none;}
.main ul li {margin-left: 0px;}




.previous {float:left;}
.next {text-align:right; float: right;}



.menu {
	background: #369;
width:950px; 
padding: 0 0 0 0px;
height: 30px;
}

.menu ul {
padding:0;
width: 750px;
margin:0 ;
list-style-type:none;
}
.menu ul ul {
width:123px;
}

.menu li {
float:left;
width:123px;
position:relative;
text-align: center;
}

.menu a, .menu a:visited {
display:block;
	vertical-align: center;
font: normal 1.3em georgia, times, "times new roman", serif;
text-decoration:none;
color:#dfdec6; 
width:123px; 
height:28px; 
padding: 0 0 2px 0;
padding-left:0px; 
line-height:28px;
}
.menu a:hover {
text-decoration:none;
}

.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:28px;
left:0; 
width:123px;

}

* html .menu ul ul {
top:27px;
t\op:28px;
}


.menu table {position:absolute; top:0; left:0;}


.menu ul ul a, .menu ul ul a:visited {
background:#fff; 
text-transform: lowercase;
font-size: 1em;
color:#003172; 
height:auto; 
line-height:1.2em; 
padding:5px 10px; 
width:103px
}

.menu a:hover, .menu ul ul a:hover{
color:#003172; 
background:#dfdec6;
}

.menu :hover > a, .menu ul ul :hover > a {
color:#003172;
background:#dfdec6;
}


.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible; 
}


p{
  line-height  : 1.5em;
}
.main p.intro {font-size: 160%;}
.firstLetter{
  display      : block;
  float        : left;
  margin-top   : -0.63em; /* use -0.205em for two lines */
  margin-right : 0.5em;
  height       : 4.5em;
}

.firstLetter span{
  font-size    : 5.6em;   /* use 3.33em for two lines */
  line-height  : 1.0em;
}

.firstLetter + span{
  margin-left  : -0.5em;
}