/*
Theme Name: intuition
Description: A Wordpress theme built on top of Kubrik, the Wordpress default theme by Michael Heilemann ~ http://binarybonsai.com/
Version: 1.0
Author: Greg Wohlwend
Author URI: http://intuitiongames.com
Tags: intuition, fixed width, author based
*/



body 
{
	font: 62.5% 'Trebuchet MS', Times, Times New Roman, Serif;
	letter-spacing: 0px;
	font-style: normal;
	color: #777;
	text-align: center;
	
	margin: 0;
	padding: 0;
	background: #222 url('images/bg_pattern.jpg');
}

p
{
	font-size: 1.2em;
	line-height: 1.8em;
	font-weight: normal;
	text-align: left;
	
	margin: 0 0 15px 0;
}

b
{
	color: #222;
}

a
{
	font-weight: bold;
	color: #47c7f0;
	text-decoration: none;
}

	a:hover 
	{
		color: #222;
	}
	
.navLink
{
	color: #fff;
}
	.navLink:hover
	{
		color: #222;
		cursor: pointer;
	}

.navLinkW
{
	color: #47c7f0;
}
	.navLinkW:hover
	{
		color: #222;
		cursor: pointer;
	}
	
a img 
{
	border: none;
}

	.postmetadata 
	{
		text-align: center;
	}
		
acronym, abbr
{
	cursor: help;
	border-bottom: 1px dashed #999;
}
	
span.caps 
{
	cursor: help;
}


blockquote 
{	
	
	
	margin: 0 12px 0 0;
	padding: 0 6px 0 12px;
	
	border-left: 3px solid #47c7f0;
}

	blockquote cite 
	{
		margin: 5px 0 0;
		display: block;
	}

	.center 
	{
		text-align: center;
	}
li
{
	font-size: 1.2em;
	line-height: 1.8em;
	
	list-style: square;
}

hr
{
	display: none;
	border: none;
	margin: 20px 0;
}

	.navigation 
	{
		display: block;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 60px;
	}

small 
{
	font-size: 1.1em;
	line-height: 1.2em;
	letter-spacing: 2px;
	text-transform: uppercase;
}
	.note
	{
		line-height: 1.8em;
		font-size: .8em;
		letter-spacing: 0;
		text-transform: none;
		color: #777;
	}
	
	.number
	{
		color: #fff;
		font-size: 4.2em;
		line-height: 1em;
		letter-spacing: 0px;
	}
	
	.comment
	{
		color: #fff;
		font-size: 4.2em;
		line-height: 1em;
		letter-spacing: 0px;
	}
		.comment:hover
		{
			color: #222;
		}
	
	.micro
	{
		font-size: .8em;
	}

	.secret
	{
		color: #8e77ff;
	}

	.sub
	{
		text-transform: lowercase;
		color: #fff;
		font-size: 4.2em;
		line-height: 1em;
		letter-spacing: 0px;
	}
	
	.warning
	{
		color: #b23b23;
		font-weight: bold;
	}
pre
{
	font: 10px 'Courier New', Courier, Fixed;
	color: #222;
	
	height: 222px;
	overflow: auto;
	padding: 10px;
	margin: 13px 26px 13px 0;
	display: block;
	background: #ccc;
}

h1, h2, h3, h4
{
	font: 2em 'Trebuchet MS', arial, sans-serif;
	font-weight: bold;
	color: #222;
	display: block;
}

	h1 
	{
		font-size: 2.2em;
		letter-spacing: -1px;
		text-align: left;
				
		margin: 0;
	}
	
		h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description 
		{
			text-decoration: none;
			color: white;
		}

	h2 
	{
		font-size: 1.8em;
		//padding: 0 0 22px 0;
		margin: 0px;
	}
		

	h2.pagetitle 
	{
		color: #777;
		text-align: left;
		margin: 0px;
		text-align: left;
		font-size: 4.2em;
		font-weight: bold;
		text-transform: lowercase;
	}
	
	h2.caps
	{
		text-transform: uppercase;
	}

	h3 
	{
		font: 1.4em 'Trebuchet MS' arial, sans-serif;
		line-height: 1.4em;
		font-weight: bold;
		text-transform: uppercase;
		//padding: 10px 0 0 0;
	}
	
		h3.comments
		{			
			padding: 0;
			margin: 0;
		}

			h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited 
			{
			}

				h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite 
				{
					text-decoration: none;
				}

		.entry p a:visited 
		{
		}
			
small, #sidebar ul li, #sidebar ul, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike 
{
	list-style-type: none;
}

acronym, abbr, span.caps
{
	font-size: 10px;
	letter-spacing: -.5px;
}



/* STRUCTURE */
#topper
{
	background: transparent url('images/bg_header.png') top no-repeat;
	width: 100%;
}

#page
{	
	text-align: left;
	
	background-color: transparent;
	margin: 0px auto;
	padding: 0;
	width: 688px;
}

	#page.game
	{
		margin: 0 auto;
		width: 100%;
	}
	
	#nav
	{
		background: #47c7f0;
		color: #fff;
		text-align: center;
		word-spacing: 10px;
		
		height: 19px;
		width: 100%;
		padding: 10px 0 6px;
	}
	
	#search
		{
			margin: 9px 12px 0 0;
			padding: 0;
			float: right;
			vertical-align: top;
		}
		
		#searchform
		{
			//text-align: center;
		}

			#s 
			{
				font: 1.2em 'Trebuchet MS', Arial, sans-serif;
				font-weight: bold;
				text-transform: uppercase;
				color: #777;
				width: 111px;
				margin: 1px 7px 0 0;
				border: 3px solid #47c7f0;
				position: relative;
				float: left;
			}

			#searchsubmit 
			{
				width: 22px;
				height: 22px;
				background: #fff url('images/NAVsearch.png') 0 22px repeat-y;
				border: none;
				margin-top: 3px;
				position: relative;
				float: left;
			}
				
				#searchsubmit:hover
				{
					background: #222 url('images/NAVsearch.png') 0 0 repeat-y;
					cursor: pointer;
				}
	
		#nav.footer
		{
			clear: both;
			width: 547px;
			margin-left: 76px;
			background: #fff;
			color: #47c7f0;
		}
		
		#nav.browse
		{
			word-spacing: 0;
			background: #fff;
			color: #47c7f0;
			width: 524px;
			height: 36px;
			clear: both;
			margin-left: 76px;
			padding: 12px;
		}

	#header
	{
		color: #222;
		
		padding: 0;
		height: 251px;
		width: 688px;
	}

	#content 
	{
		text-align: left;
		width: 100%;
		float: left;
	}
	
		#content.game
		{
			text-align: center;
			margin: 0 auto;
			display: block;
		}
		
		#post 
		{
			text-align: center;
			margin-left: 50px;
			float: left;
			display: block;
		}
		
		#gamewidthplus38
		{
			background: transparent;
			margin: 0 auto;
			text-align: center;
			width: 938px;
			display: block;
		}
		
			#gamewidthplus38.effinghail
			{
				width: 638px;
			}
			
			#gamewidthplus38.wnfex
			{
				width: 738px;
			}
			
			#gamewidthplus38.gray
			{
				width: 710px;
			}
			
			#gamewidthplus38.fig8
			{
				width: 838px;
			}
			
			#gamewidthplus38.dinowaurs
			{
				width: 738px;
			}
		
		#wrapper
		{
			float:left;
			width: 574px;
		}
		
			#wrapper.game
			{
				margin: 0 auto;
				width: 100%;
				padding-right: 6px;
			}
			
			#wrapper.adgameEffing
			{
				float: left;
				width: 638px;
				margin: 0;
				padding: 0;
			}	
			
			#wrapper.adgameWnfex
			{
				float: left;
				width: 738px;
				margin: 0;
				padding: 0;
			}
		
		#wrapper2
		{
			position: relative;
			float: left;
			width: 661px;
		}
			
			#wrapper2.game
			{
				width: 100%;
			}
			
			#wrapper2.adgameEffing
			{
				width: 760px;
			}
			
			#wrapper2.adgameWnfex
			{
				width: 860px;
			}
			
			#dateTab
			{
				float: left;
				clear: both;
				background: transparent url('images/bg_dateTab.png') 0 0 no-repeat;
				width: 26px;
				height: 100px;
				margin: 0;
			}
				
				#date
				{
					color: #fff;
					border-top: 6px solid #fff;
					padding: 3px 6px 6px 0;
					width: 100px;
					height: 50px;
					background: #47c7f0;
				}
				
				#date.nodate
				{
					padding: 5px 6px 4px 0;
				}
				
					#dateBox
					{
						float: right;
						text-align: center;
						font-weight: bold;
						letter-spacing: -5px;
					}
					
			#singleHack
			{
				background: transparent url('images/bg_botShadow.png') 80px 0 repeat-x;
				width: 106px;
				height: 8px;
				float: left;
				display: inline;
				position: relative;
			}
		
		#stuff
		{
			margin-left: 26px;
			text-align: left;
			background: #fff;
		}
		
			#stuff.footer
			{
				background: transparent;
			}
			
		#postinfo
		{
			text-align: left;
			width: 106px;
			height: 100%;
			float: left;
		}
		
			#authorInfo
			{
				padding: 12px 0 6px 6px;
				background: transparent url('images/bg_botShadow.png') top repeat-x;
			}
			
			.entry_author_image
			{
				width: 100px;
				height: 100px;
				display: block;
				margin-bottom: 4px;
			}
		
		#copy
		{
			text-align: left;
			width: 436px;
			padding: 0 6px 4px 0;
			float: right;
		}
		
			#title
			{
				height: 65px;
				overflow: hidden;
				padding: 3px 0 0 6px;
				//background: transparent url('images/bg_dateRight.png') 0 6px no-repeat;
			}
				#title.page
				{
					padding-top: 8px;
				}
			
			#writing
			{
				padding: 6px 12px 24px 6px;
			}
			
				#writing.game
				{
					padding: 6px 0 1px 6px;
				}
			
			#featureContent
			{
				padding: 6px 0 0 6px;
			}
			
			#more
			{
				position: absolute;
				bottom: 35px;
				right: 100px;
			}
		
			#copy h2 a
			{
				color: #222;
			}
				#copy h2 a:hover
				{
					color: #47c7f0;
				}
			
			#post hr 
			{
				display: block;
				color: #8e77ff;
			}

			.postmetadata 
			{
				font-size: 12px;
				line-height: 14px;
				text-align: right;
				
				margin-right: 15px;
				clear: left;
			}

				.clear 
				{
					clear: both;
				}			
			
			#copy ul
			{
				list-style-type: square;
				list-style-position: inside;
			}
			
			#copy ol
			{
				list-style-type: decimal;
				list-style-position: inside;
			}
		
		#metaTab
		{
			position: absolute;
			bottom: 21px;
			right: 0;
			float: right;
			width: 87px;
		}
		
			#metaTab.game
			{
				bottom: 7px;
				width: 120px;
				float: right;
			}
			
			#metaContent
			{
				text-align: left;
				margin: 6px;
				background: transparent;
				color: #ccc;
			}
				#metaContent.game
				{
					position: relative;
				}
			
				#metaContent small a
				{
					color: #47c7f0;
				}
					#metaContent small a:hover
					{
						color: #fff;
					}
					
			#metaBox
			{
				padding: 6px;
				color: #fff;
				background: #47c7f0 url('images/bg_rgtShadow.png') 0 0 repeat-y;
				height: 53px;
			}
			
			#metaBoxBottom
			{
				height: 12px;
				background: transparent url('images/bg_botShadowDK.png') 0 0 repeat-x;
			}
			
	#bottom
	{
		clear: both;
		height: 14px;
		margin-left: 26px;
		background: transparent url('images/bg_botShadowDK.png') top  repeat-x;
	}
		
		#bottom.browse
		{
			width: 548px;
			margin-left: 76px;
		}
		
	#spacer
	{
		clear: both;
		height: 42px;
	}
			
	#sidebar
	{		
		font-size: 12px;
		line-height: 14px;
		
		padding: 0 10px;
		margin: 0;
		width: 106px;
		float: left;
		
		text-align: left;
		background-color: #111;
	}
		
	#footer 
	{
		padding: 10px;
		margin: 0;
		width: 516px;
		clear: both;
		border-left: 13px solid #FFF;
		
		background: #222;
		text-align: center;
	}

		#footer p 
		{
			margin: 0;
			text-align: center;
		}

/* /STRUCTURE */



/* COMMENTS */

#commentform p 
{	
	margin: 13px 7px 0 26px;
}
	
	#commentform input 
	{
		font: .8em 'Trebuchet MS', Arial, sans-serif;
		color: #222;
		text-transform: uppercase;
	
		width: 140px;
		padding: 2px;
		margin-right: 13px;
		background: #ddd;
		border: none;
	}
	
		#commentform input:hover
		{
			background: #47c7f0;
			cursor: pointer;
		}

	#commentform textarea 
	{
		font: 1em 'Trebuchet MS', Arial, sans-serif;	
		
		width: 440px;
		padding: 10px;
		
		border: 1px solid #ddd;
		background: #fff;
	}

		.commentlist 
		{
			color: #777;
			text-align: left;
			border: none;
			
			padding: 0;
			margin: 0;
		}
	
		.commentlist li 
		{
			margin: 0 0 12px 0;
			overflow: hidden;
			list-style: none;
		}
		
				.alt 
				{		
					color: #444;
					
					overflow: hidden;
					margin: 0;
					border: none;
				}
				
		.commentlist li .avatar 
		{ 
			float: left;
		}

		.commentlist cite, .commentlist cite a 
		{
			font-weight: bold;
			font-style: normal;
			
		}

		.commentlist p 
		{
			font-weight: normal;
			line-height: 1.6em;
			font-size: 1em;
			text-transform: none;
		
			//margin: 10px 5px 10px 0;
		}
	
		.commentmetadata 
		{
			color: #aaa;
			font-weight: normal;
			
			margin: 0;
			display: block;
		}
		
		comment
		{
			
		}
		
		.commentText
		{
			float: left;
			width: 420px;
		}
			
			alt.commentmetadata
			{
				
			}
	
			.nocomments 
			{
				text-align: center;
				margin: 0;
				padding: 0;
			}

			.entry form 
			{ /* This is mainly for password protected posts, makes them look better. */
				text-align: center;
			}

			select 
			{
				width: 130px;
			}

#navigation, #navigationINL
{
	text-align: left;
	
	margin: 0 0 13px 0;
	padding: 5px 15px 5px 15px;
	height: 30px;
	display: inline;
	
	background: #fff;
	border-left: 13px solid #ccc;
}

#navigationINL
{
	height: 22px;
}

	
/* /COMMENTS */



/* THREADED COMMENTS */

.editComment, .editableComment, .textComment
{
	display: inline;
}

.comment-childs
{
	border-left: 13px solid #8e77ff;
	margin: 13px 0 0 26px;
	padding: 5px 10px 0;
	
}

.chalt
{
	
}

#newcomment
{
	background-color: #333;
}

#newcommentsubmit
{
	color: #8e77ff;
}

.adminreplycomment
{
	background-color: #333;
	width:99%;
	margin:4px;
	padding:4px;
}

.mvccls
{
	color: #333;
}
			
/* /THREADED COMMENTS */



/* IMAGES */
p img 
{
	padding: 0;
	max-width: 100%;
}

	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;
	}
	
	img#bookspine
	{
		display: inline;
		float: left;
		padding: 0 0 13px 0;
	}

	.alignright 
	{
		float: right;
		display: block;
	}

	.alignleft 
	{
		float: left
		display: block;
	}
	
	.alignrightINL
	{
		float: right;
		display: inline;
		vertical-align: bottom;
	}
	
	.alignleftINL
	{
		float: left;
		display: inline;
		vertical-align: top;
	}
	
/* /IMAGES */



/* GENERAL ELEMENT MODS */

img#left
{
	padding: 0 20px 10px 0;
	max-width: 222px;
	float: left;
	clear: right;
	display: block;
}

img#leftFAQ
{
	padding: 0px 20px 20px 0;
	max-width: 222px;
	float: left;
	clear: right;
	display: block;
	
}
	
img#right
{
	padding: 0 0 10px 20px;
	max-width: 222px;
	float: right;
	clear: left;
	display: block;
}

img#full
{
	padding-bottom: 10px;
	max-width: 400px;
	clear: both;
	display: block;
}

img#feature
{
	width: 135px;
	height: 135px;
	border: #47c7f0 3px solid;
}
	
	img#feature:hover
	{
		border: #222 3px solid;
		cursor: pointer;
	}
	
img.avatar, img#avatar
{
	width: 100px;
	height: 100px;
	margin-right: 6px;
}

	img#avatar
	{
		margin-bottom: 6px;
	}

p#left
{
	font-size: 22px;
	line-height: 24px;
	color: #8e77ff;
	
	padding: 10px 20px 10px 0;
	width: 222px;
	float: left;
	clear: right;
	display: block;
}

p#right
{
	font-size: 22px;
	line-height: 24px;
	color: #8e77ff;
	
	padding: 10px 0 10px 20px;
	width: 222px;
	float: right;
	clear: left;
	display: block;
}

#center
{
	text-align: center;
	margin: 0 auto;
}

p.wp-caption-text
{
	font-size: .8em;
	line-height: 1.2em;
	letter-spacing: 2px;
	text-transform: uppercase;
}
/* /GENERAL ELEMENT MODS */



/* LISTS */

html>body #copy ul {
	margin-left: 0px;
	padding: 0 0 0 35px;
	list-style: none;
	list-style-type: none;
	}

	html>body #copy li 
	{
		margin: 7px 0 8px 10px;
	}
	
ul#twitter_update_list
{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

ol
{
	list-style-type: decimal;
}

#copy ol 
{
	padding: 0 0 0 35px;
	margin: 0;
	list-style-type: decimal;
}

	#copy ol li 
	{
		margin: 0;
		padding: 0;
	}

.postmetadata ul, .postmetadata li 
{
	display: inline;
	list-style-type: none;
	list-style-image: none;
}

#sidebar ul, #sidebar ul ol 
{
	margin: 0;
	padding: 0;
}

	#sidebar ul li 
	{
		list-style-type: none;
		list-style-image: none;
		margin-bottom: 15px;
		
		font-size: .9em;
		line-height: 1.2em;
		text-transform: uppercase;
	}

	#sidebar ul p, #sidebar ul select 
	{
		margin: 5px 0 8px;
	}

		#sidebar ul ul, #sidebar ul ol 
		{
			margin: 5px 0 0 10px;
		}

			#sidebar ul ul ul, #sidebar ul ol 
			{
				margin: 0 0 0 10px;
			}

				ol li, #sidebar ul ol li 
				{
					list-style: square;
				}

					#sidebar ul ul li, #sidebar ul ol li 
					{
						margin: 3px 0 0;
						padding: 0;
						//list-style-type: square;
					}
					
					#sidebar ul li ul li, #sidebar ul ol li 
					{
						margin: 3px 0 0 10px;
						padding: 0;
						list-style: outside square none;
					}
				


/* CALENDAR */

#wp-calendar 
{
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
}

	#wp-calendar a
	{
		text-decoration: none;
	
		display: block;
	}

		#wp-calendar #next a
		{
			font-size: 9pt;
	
			padding-right: 10px;
			text-align: right;
		}

		#wp-calendar #prev a 
		{
			font-size: 9pt;
		
			padding-left: 10px;
			text-align: left;
		}

	#wp-calendar caption 
	{
		font: bold 14px;
		text-align: center;
		
		text-align: center;
		width: 100%;
	}

	#wp-calendar td 
	{
		padding: 3px 0;
		text-align: center;
	}

	#wp-calendar td.pad:hover 
	{ /* Doesn't work in IE */
		background-color: #ccc;
	}
	
	#wp-calendar th 
	{
		font-style: normal;
		text-transform: capitalize;
	}
	
/* /CALENDAR */