/*
Theme Name: Icosidodecahedron
Theme URI: http://icosidodecahedron.com/
Description: The second (and better) version of my Icosidodecahedron theme.
Version: 2
Author: Michael Kozakewich
Author URI: http://icosidodecahedron.com/
Tags: fluid

	Icosidodecahedron v2.0
	 http://icosidodecahedron.com/

	This theme was designed and built by Michael Kozakewich,
	whose blog you will find at http://icosidodecahedron.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

*
	{
		max-width:100%;
		text-rendering:optimizeLegibility;
	}
html
	{
		padding:0;
		margin:0;
		height:100%;
		background:#F6DFA0 url("img/icosidodecahedron_FULL.png") no-repeat fixed -140px -140px;
	}
body
	{
		margin:0;
		padding:0;
		height:100%;
	}
textarea
	{
		max-width:100%;
		background:#FFF url("img/icosidodecahedron-fullglass-white.jpg") no-repeat fixed -140px -140px;
	}
* html textarea
	{
		width:40em;
	}
hr
	{
		visibility:hidden;
		padding-bottom:1em;
	}
a:link
	{
		color:#37D;
	}
a:visited
	{
		color:#867;
	}
a:hover
	{
		color:#F82;
	}
a:active
	{
		color:#C63;
	}

h1 a
	{
		font-family:arial, sans-serif;
		color:#000 !important;
		text-decoration:none;
	}
h1
	{
		text-shadow:#653 0.06em 0.04em 0.2em;
	}
h2
	{
		font-family:arial, sans-serif;
		color:#B95;
	}
h3
	{
		font-family:arial, sans-serif;
		font-size:1.3em;
		margin-bottom:0;
	}
h4
	{
		font-family:arial, sans-serif;
	}
h5
	{
		font-family:arial, sans-serif;
		padding-left:0.5em;
		margin-top:0;
		color:#750;
	}
	




	
.navigation div
	{
		display:inline;
	}






#page
	{
		margin:0 auto;
		width:75%;
		padding:5em 10% 1em 1em;
		min-height:100%;
		background:#F8FFF5 url("img/icosidodecahedron-fullglass.jpg") no-repeat fixed -140px -140px;
		border:1px solid #F9FFF9;
	}
#header
	{
		position:absolute;
		top:0.5em;
		right:0.5em;
		background:#F8FFF5 url("img/icosidodecahedron-fullglass.jpg") no-repeat fixed -140px -140px;
		margin:0;
		padding:0 1em;
		text-align:right;
		line-height:1.6em;
		
		-webkit-border-radius: 2em;
		-moz-border-radius:2em;
		border-radius:2em;
	}
* html #header, *+html #header
	{
		padding:1em 1em 0 1em;
		margin:0;
	}
#sidebar
	{
		position:relative;
		float:right;
		max-width:35%;
		left:0;
		
		margin:1em -10% 1em 2em;

		background:#F8FFF5 url("img/icosidodecahedron-fullglass.jpg") no-repeat fixed -140px -140px;
		border:0.16em solid #AB8;
		padding:0 0 1.5em 0;
		-webkit-border-top-left-radius:2em;
		-moz-border-radius-topleft:2em;
		-webkit-border-bottom-right-radius:4em;
		-moz-border-radius-bottomright:4em;
	}
* html #sidebar
	{
		width:12em;
	}
#sidebar *
	{
		padding-left:0;
		margin-bottom:0;
	}
#sidebar ul
	{
		margin-left:0;
	}
#sidebar li
	{
		list-style:none;
		padding-left:1em;
		padding-right:0.4em;
	}
#sidebar input
	{
		width:5em;
	}
#sidebar input[type=submit]
	{
		width:4em;
	}
	#image-wrapper
		{
			position:relative;
			padding-top:64px;
			margin-top:4.4em;
			width:300%;
		}
	* html #image-wrapper
		{
			position:relative;
			padding-top:0;
			margin-top:8em;
			clear:both;
			width:100%;
		}
	html#image-wrapper
		{
			width:100em;
		}
	.icon img
		{
			width:99%;
			height:auto;
			max-width:32px;
			max-height:32px;
			border:0;
		}
	* html .icon img
		{
			width:32px;
		}
	#image-wrapper .hover
		{
			opacity:0;
			filter:alpha(opacity=0);
			display:inline;
			position:absolute;
			top:-3.4em;
			left:0;
			width:100%;
		}
	* html #image-wrapper .hover
		{
			top:-10em;
			left:-65%;
			width:100%;
		}
	#image-wrapper .hover img
		{
			width:99%;
			max-width:64px;
			height:auto;
			max-height:64px;
		}
	* html #image-wrapper .hover img
		{
			width:64px;
		}
	#image-wrapper *
		{
			-webkit-transition:all 0.4s;
		}
	#sidebar .icon
		{
			width:32%;
			float:left;
			text-align:center;
			max-height:64px;
			vertical-align:center;
		}
	* html #sidebar .icon
		{
			width:32%;
			float:left;
			text-align:center;
			height:0;
			vertical-align:center;
		}
	*+html #sidebar .icon
		{
			width:4em;
		}
	#image-wrapper a div
		{
			height:0;
			width:0;
			margin:0;padding:0;
			display:inline;
		}
	.icon:hover .hover
		{
			opacity:1 !important;
			filter:alpha(opacity=100) !important;
		}
	#image-wrapper:hover .icon:hover .hover:hover
		{
			opacity:0 !important;
			filter:alpha(opacity=0) !important;
		}


.post
	{
		border:0 solid #BBB;
		border-bottom-width:0.17em;
		border-right-width:0.17em;
		-webkit-border-bottom-right-radius:2em;
		-moz-border-radius-bottomright:2em;
		padding-right:2em;
		padding-left:1em;
		text-align:left;
	}
*+html .post
	{
		padding:1em;
		margin:1em;
		width:auto;
	}
.entry p 
	{
		word-break: break-word;
	}
	
#aboutme
	{
		clear:both;
		font-size:0.8em;
		font-height:1.2em;
		color:#936E09;
		width:80%;
		-webkit-border-radius:3em;
		-webkit-border-top-left-radius:0.6em;
		-webkit-border-bottom-right-radius:0.6em;
		-moz-border-radius:3em;
		-moz-border-radius-topleft:0.6em;
		-moz-border-radius-bottomright:0.6em;
		margin:2em 0 1em 10%;
		padding:1em;
		border:0.27em solid #AB8;
	}
	
	
	
	
	
	
	
	.snippet
		{
			font-size:0.8em;
			font-style:oblique;
			line-height:1.1em;
			margin:6px;
			max-width:70%;
			color:#7F7F7F;
		}
	
	.siteimg
		{
			min-height:290px;
			width:100%;
		}
	* html .siteimg
		{
			padding:1em;
			margin:1em;
		}
	.siteimg:after
		{
			content:"";
			display:block;
			clear:both;
		}
	
	.siteimg img
		{
			float:right;
			padding:10px;
			
			width:100%;
			height:auto;
			max-width:300px;
		}
	* html .siteimg img
		{
			width:18.75em;
			border:0;
		}
	*+html .siteimg img
		{
			border:0;
		}