/* pig.css */


/*
-----------------------------------------------


Updatedby: Charlie Westney
Latest date: 30 sep 2006
----------------------------------------------- */
/*
#87AA6C sage green
#AFCFDA pale blue
#E1942B burnt orange   
*/
*{
  margin:0;
  padding:0;
}

body {
  background:#fff;
  margin:0;
  padding:0;
  font-size:x-small;  
  font-family:Verdana, Arial, Helvetica, sans-serif;
  text-align:center;
  color:#333;
  font-size: 0.8em;
  }
a:link {
  color:#AFCFDA;
  text-decoration:none;
  font-weight:bold;
  }
a:visited {
  color:#87AA6C;
  text-decoration:none;
    font-weight:bold;
  }
a:hover {
  color:#E1942B;
  text-decoration:underline;
    font-weight:bold;
  }
a img {
  border-width:0;
  }



/* Header
----------------------------------------------- */

#header {
width:100%;
text-align:center;
background: url(imgs/header-end.gif) repeat-x;
    }


#blog-title {
margin-left:auto;
margin-right:auto;
width:562px;
height:134px;
position:relative;
text-align:left;
}

#blog-title span{
background-image:url(imgs/header.gif);
background-repeat:no-repeat;
position:absolute;
left:0;
width:100%;
height:100%;
text-align:left;
}

	
#description {
margin-left:auto;
margin-right:auto;
  padding:0 20px 20px;
  width:750px;
  color:#87AA6C;
  font-weight:bold;
text-align:center;

  }


/* Content
----------------------------------------------- */

  #content {
    width:800px;
    margin:0 auto;
    padding:0;
    text-align:left;
    }
  #main {
    width:550px;
    float:right;
	margin-bottom:30px;
    }
	
  #sidebar {
    width:210px;
    float:left;
	padding-right:10px;
	border-right: 2px solid #AFCFDA;
	margin-bottom:20px;
	margin-right:10px;
    }

.image{
float:left;
margin-right:5px;
margin-bottom:10px;
width:auto;
}

 .caption{
 float:left;
padding:20px 0 20px 10px;
margin-top:30px;
color:#87AA6C;
border-left:2px solid #87aa6c;
width:200px;
display:block;
}

 .homecaption{
float:right;
clear:right;
padding:15px 0 15px 5px;
color:#87AA6C;
border-left:2px solid #87aa6c;
width:200px;
display:block;
margin-bottom:20px;
}

 .photocaption{
float:left;
clear:left;
padding:15px 0 15px 5px;
color:#87AA6C;
border-right:2px solid #AFCFDA;
width:150px;
display:block;
margin-bottom:20px;
}


#content p{
clear:left;
margin:1em 0;
line-height:1.5em;
}


#content img.right{
float:right;
clear:right;
padding-left:5px;
border-left:2px solid #87aa6c;
margin:0 0 0 10px;
}

#content img.left{
float:left;
padding-right:5px;
border-right:2px solid #AFCFDA;
margin:0 10px 0 0;
}


/* Headings
----------------------------------------------- */
h2 {
  margin:1.5em 0 .75em;
  font:130%  Verdana, "Lucida Sans", Arial, sans-serif bold;
  text-transform:lowercase;
  letter-spacing:.2em;
  color:#E1942B;
font-weight:bold;
clear:both;
  }







/* Sidebar Content
----------------------------------------------- */
#sidebar ul {
  margin:0 0 1.5em;
  padding:0;
  list-style:none;
  }
#sidebar li {
  margin:0;
  padding:0 0 0;
  line-height:2em;
font-weight:bold;

  }
#sidebar p {
  color:#666;
  line-height:1.5em;
  }

#sidebar a:link {
  color:#AFCFDA;
  text-decoration:none;
  background:url(imgs/mn_blue.gif) no-repeat left;
  }
#sidebar a:visited {
  color:#87AA6C;
  text-decoration:none;
  background:url(imgs/mn_blue.gif) no-repeat left;
 
  }
#sidebar a:hover, #sidebar a.active {
  color:#E1942B;
  text-decoration:underline;
  background:url(imgs/mn_orange.gif) no-repeat left;
 
  }
  
#sidebar a:link, #sidebar a:visited, #sidebar a:hover, #sidebar a.active{
padding-left:22px;
text-transform:lowercase;
}

#sidebar img{
border-bottom:#87aa6c 10px solid;
margin-bottom:10px;
}

#technorati a:link {
display:none;
}

#technorati{
width:150px;
font-weight:bold;
color:#87AA6C;
padding-left:2px;
}

#technorati input{
margin:5px;
}



/* Photo page
----------------------------------------------- */
#photos{
position:relative;
}


#photos .smallimage{
float:left;
clear:none;
width:150px;
margin-right:15px;
z-index:1;
}

#photos .smallimage img.left{
clear:none;
float:left;
}

#photos .photocaption{
float:left;
clear:none;
}

.bigimage{
	z-index:80;
	background-color:#fff;
	border:2px solid #AFCFDA;
	padding:5px;
	width:500px;
	height:auto;
	position:absolute;
	left: 0px;
	visibility: hidden;
}

.bigimage p{
width:100%;
text-align:center;
clear:both;
z-index:81;
background-color:#fff;
}
.bigimage a:link{
font-weight:bold;
}

/* big image positions ----- */
#sausages, #samminty, #charliegary {
top: 50px;
}
#exploring, #meetmerlot, #sleepypigs{
top:200px;
}

#digging, #saminark, #fencework{
top:350px;
}

#pipes, #treecover, #post{
top:500px;
}

#eating, #straw{
top:650px;
}

/* Footer
----------------------------------------------- */
#footer {
  width:100%;
  height:40px;
  clear:both;
  margin-top:20px;
  border-top:#000 2px solid;
  background-color:#87AA6C;
  color:#fff;
  }


  
#footer img{
position:relative;
bottom:30px;
left:25%;
}  
