/*
Theme Name: The Wilding
Theme URI: thewilding.com/themes/startertheme
Description: 
Version: 1.0
Author: The Wilding
Author URI: thewilding.com
*/


/* Begin Typography & Colors */

body {

    font-size: 90%; /* Resets 1em to 10px */

	font-family: Arial, Arial, Helvetica, sans-serif;

	background-color: #FFFFFF;

	color: #667C26 ; 

	text-align: left;

}

h1, h2, h3 {

	font-family: Arial, Arial, Helvetica, sans-serif;

	font-weight: bold;

	}



h1 {

	font-size: 2.5em;
	
	letter-spacing: .1em;

	text-align: left;

	}

h2 {

	font-size: 1.25em;
	
	text-align: left;
	
	}

h4 {

	font-size: 1.25em;
	
	text-align: center
;
	
	}

   /*Link Colors*/

a:link {color:#FF0000;} /* unvisited link */
a:visited {color:#00FF00;} /* visited link */
a:hover {color:#FF00FF;} /* mouse over link */
a:active {color:#0000FF;} /* selected link */

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	

	text-decoration: none;
	color: #667C26 ;
	}



h2, h2 a, h2 a:link, h2 a:visited, h3, h3 a, h3 a:visited {

	color: #667C26 ;
	}



h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {

	color: #667C26 ;

	}



.entry p a:visited {

	color: #667C26 ;

	}
	

    /*End Link Colors*/

/*End Typography and Colors*/

/*Begin Header*/

#header {

	background-color: #FFFFFF;

	margin-bottom: 10px;

	padding: 0;

	height: 200px;

	width: 758px;

	}
	
	
	
	
	



#headerimg {

	margin: 0;

	height: 200px;

	width: 100%;

	}
	
#headerimg .description {

	font-size: 1.2em;

	text-align: center;

	}


/*End Header*/


/*Begin Structure*/

body {

	/*margin: 0 0 0px 0;*/

	padding: 0;

	}
	<style type="text/css">
	
	

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer
<style type="text/css">



</style>
/*Add a height attribute and set to largest image's height to prevent overlaying*/

}

.thumbnail img{
border: 0px solid white;
margin: 0 0px 0px 0;
}

.thumbnail:hover{
background-color: ;
}

.thumbnail:hover img{
border: 0px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: ;
padding: 5px;
left: -1000px;
border: 0px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

</style>

<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: absolute; top: 46px; right: 80px; 
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

</style>



#page {

	background-color: #ffffff;

	margin: 0px auto;
	float: left;
	padding: 0;
	width: 880px;

	}
	
#footer {

	background-color: #ffffff;
	
	margin-bottom: 1px auto;
	
	padding: 0px;
	
	width: 720px;
	
	clear: both;
	
	}

#sidebar {

	width: 270px;
	float: right;
	margin: 0px 0px 0px 0px
	}
	

.narrowcolumn {

	float: left;

	padding: 0 0 20px 0px;

	margin: 0px 0 0 0;

	width: 600px;

	}

.widecolumn {

	padding: 10px 0 20px 0;

	margin: 5px 0 0 150px;

	width: 400px;

	}



.post {

	margin: 0 0 0px;

	text-align: left;

	}


.post hr {

	display: block;

	}



.widecolumn .post {

	margin: 0;

	}



.narrowcolumn .postmetadata {

	padding-top: 5px;

	}



.widecolumn .postmetadata {

	margin: 30px 0;

	}



.widecolumn .smallattachment {

	text-align: center;

	float: left;

	width: 128px;

	margin: 5px 5px 5px 0px;

}



.widecolumn .attachment {

	text-align: center;

	margin: 5px 0px;

}



.postmetadata {

	clear: both;

}



.clear {

	clear: both;

}

h1 {

	padding-top: 70px;

	margin: 0;

	}



h2 {

	margin: 30px 0 0;

	}



h2.pagetitle {

	margin-top: 30px;

	text-align: left;

}



#sidebar h2 {

	margin: 20px 0 0;

	padding: 0;

	}



h3 {

	padding: 0;

	margin: 30px 0 0;

	}



h3.comments {

	padding: 0;

	margin: 40px auto 20px ;

	}



/*End Structure*/



/* Begin Images */

img {

	border: 0px;
	
	}
	

p img {

	padding: 0;

	max-width: 100%;

	}



/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid) */



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}



img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

	}



img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

	}



.alignright {

	float: right;

	}



.alignleft {

	float: left

	}

/* End Images */


/* Begin Lists*/

ul {

	list-style-type:none;
	list-style-image:none;
	margin-left: 0px;
	margin-bottom: 2em;
	padding: 1px;
	float: left;
}


/* End Entry Lists */