/*
Theme Name: Mile222
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://mile222.com
Tags: green, fixed width, two column, widgets, mile222, sidebar navigation
*/



body 
{
	font: 62.5% 'Georgia', Times, Times New Roman, Serif;
	letter-spacing: 0px;
	font-style: normal;
	color: #ccc;
	text-align: center;
	
	margin: 0;
	padding: 0;
	background: #222;
}

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

a
{
	color: #8CC63F;
	text-decoration: none;
}

	a:hover 
	{
		color: #D91C5C;
	}
	
a img 
{
	border: none;
}

	.postmetadata 
	{
		text-align: center;
	}

ul, ul.info
{
	list-style-type: none;
	font: 1.1em 'Lucida Grande', 'Lucida Sans', Helvetica, Arial, Verdana, sans-serif;
	line-height: 2.2em;
	color: #aaa;
	text-transform: capitalize;
}

	ul.info
	{
		margin-left: 0;
		padding-left: 0;
	}

li
{
	
}
	.post ul
	{
		list-style-type: square;
		font: 1.3em 'Lucida Grande', 'Lucida Sans', Helvetica, Arial, Verdana, sans-serif;
		line-height: 2.4em;
		color: #aaa;
		text-transform: none;
	}
	
	.post ul ul,
	{
		font-size: 1em;
		list-style-type: none;
		color: #777;
	}
	
	.post ol ul
	{
		font-size: 1em;
		color: #777;
	}
	
	.post ol ol
	{
	 	list-style-type: lower-alpha;
	 	font-size: 1em;
		color: #777;
	}

ol
{
	list-style-type: decimal;
	font: 1.3em 'Lucida Grande', 'Lucida Sans', Helvetica, Arial, Verdana, sans-serif;
	line-height: 2.4em;
	color: #aaa;
}

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


blockquote 
{
	font-style: italic;
	font-size: 1.1em !important;
	line-height: 0.4em !important;
	float: right;
	position: relative;
	width: 400px;
	color: #888;
	margin: 13px 13px 13px 0;
	padding: 10px 10px 10px 20px;
}

	cite
	{
		color: #ccc;
		margin: 5px 10px 0 0;
		width: 180px;
		text-align: right;
		float: left;
		position: relative;
		padding: 84px 5px 0 0;
		background: url('images/quote_comment.png') 120px 25px no-repeat;
		font: 1.2em 'raleway-1', 'raleway-2', 'Arial Black', Helvetica, Arial, sans-serif;
		line-height: 1.2em;
		text-transform: uppercase;
	}
	
		.citeComment, .citeCommentLogin
		{
			color: #222;
			margin: 9px 10px 0 0;
			width: 180px;
			text-align: right;
			float: left;
			position: relative;
			padding: 64px 5px 0 0;
			background: url('images/quote_comment.png') 120px 5px no-repeat;
			font: 1.9em 'raleway-1', 'raleway-2', 'Arial Black', Helvetica, Arial, sans-serif;
			line-height: 1.2em;
			text-transform: uppercase;
		}
		
			.citeCommentLogin
			{
				margin: 50px 10px 0 0;
			}
			
			.citeCommentLogin a
			{
				color: #D91C5C;
			}
			
				.citeCommentLogin a:hover
				{
					color: #8CC63F;
				}

	.quoteblock
	{
		width: 600px;
		height: 950px;
	}
	.center 
	{
		text-align: center;
	}

hr 
{
	width: 100%;
	color: #fff;
}

	hr.media
	{
		width: 222px;
	}
	
	hr.right
	{
		position: absolute;
		left: 200px;
	}
	
	hr.left
	{
		position: absolute;
		right: 800px;
	}
	
	.hr100, .hr100g, .hr100w, .hr100m
	{
		height: 2px;
		width: 100%;
		background-color: #444;
	}
		.hr100g
		{
			background-color: #8CC63F;
		}
		
		.hr100m
		{
			background-color: #D91C5C;
		}
		
		.hr100w
		{
			background-color: #ccc;
		}
	
	.hr222
	{
		height: 2px;
		width: 222px;
		background-color: #444;
	}
	
	.navigation 
	{
		display: block;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 60px;
	}

small 
{
	font: .6em 'Lucida Grande', 'Lucida Sans', Helvetica, Arial, Verdana, sans-serif;
	line-height: 1.6em;
	color: #777;
}

	.date
	{
		text-transform: uppercase;
	}

	.secret
	{
		color: #8e77ff;
	}

pre
{
	font: 1em '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 'raleway-1', 'raleway-2', 'Arial Black', Helvetica, Arial, sans-serif;
	color: #666;
}

	h1
	{
		font-size: 4.2em;
	}
		h1.dateH, h1.dateH_comment
		{
			font-size: 4.2em;
			margin-top: 42px;
		}
		
			h1.dateH_comment
			{
				color: #888;
			}
		
		h1.monthH, h1.monthH_comment
		{
			font: 1.8em 'Lucida Grande', 'Lucida Sans', Helvetica, Arial, Verdana, sans-serif;
			font-weight: bold;
			text-transform: capitalize;
		}
		
			h1.monthH_comment
			{
				color: #888;
			}
		
		h1.subTitle
		{
			font-size: 4.2em;
			color: #888;
			text-align: left;
		}
		
	h2, h2.single
	{
		font: 3.6em 'Georgia', Times, serif;
		text-align: left;
		font-style: italic;
		font-weight: bold;
		margin: 0px;
		text-align: left;
	}
	
		h2.single
		{
			color: #ccc;	
		}

		#sidebar h2 
		{
			font-size: 1.6em;
			line-height: 1.8em;
			text-transform: none;

			margin: 0;
			padding: 0;
		}
		
	h3
	{
		font: 1.8em 'Lucida Grande', 'Lucida Sans', Helvetica, Arial, Verdana, sans-serif;
		line-height: 1em;
		color: #eee;
		text-transform: uppercase;
		font-weight: bold;
		margin-top: 222px;
	}

	h4
	{
		font: 1.4em 'Lucida Grande', 'Lucida Sans', Helvetica, Arial, Verdana, sans-serif;
		line-height: 1em;
		color: #eee;
		font-weight: bold;
		text-transform: uppercase;
		padding: 10px 0 5px 0;
		margin: 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 */
#container
{
	width: 100%;
}

.postWrapper
{
	background: transparent;
	position: relative;
	
	width: 100%;
}

.left
{
	width: 75%;
	position: relative;
	float: left;
	background: transparent;
}

	#header
	{
		width: 674px;
		float: right;
		height: 329px;
		//background: url('images/mile222_header.png') 0 30px no-repeat;
		text-align: left;
		padding: 30px 0 0 192px;
	}
	
		.navBtnHome, .navBtnAbout, .navBtnArchive, .navBtnSubscribe
		{
			font: 1em 'Lucida Grande', 'Lucida Sans', Helvetica, Arial, Verdana, sans-serif;
			height: 14px;
			position: relative;
			text-transform: uppercase;
			float: left;
			padding: 2px 22px 0 0;
		}
			
			.navBtnHome a
			{
				color: #D91C5C;
				text-decoration: none;
			}
			
				.navBtnHome a:hover
				{
					color: #8CC63F;
					cursor: pointer;
				}
			
			.navBtnAbout
			{
				padding: 2px 22px 0 15px;
				background: url('images/about.png') 0 0 no-repeat;
			}
			
				.navBtnAbout:hover
				{
					cursor: pointer;
					background: url('images/about.png') 0 16px repeat-y;
				}
				
			.navBtnArchive
			{
				background: url('images/archive.png') 0 0 no-repeat;
			}
			
				.navBtnArchive:hover
				{
					cursor: pointer;
					background: url('images/archive.png') 0 16px repeat-y;
				}
			
			.navBtnSubscribe
			{
				background: url('images/subscribe.png') 0 0 no-repeat;
			}
			
				.navBtnSubscribe:hover
				{
					cursor: pointer;
					background: url('images/subscribe.png') 0 16px repeat-y;
				}
				
			.navBtnPortfolio
			{
				color: white;
				background: url('images/subscribe.png') 0 0 no-repeat;
			}
			
				.navBtnPortfolio:hover
				{
					cursor: pointer;
					background: url('images/subscribe.png') 0 16px repeat-y;
				}
	
	#homeButton
	{
		width: 866px;
		float: right;
		margin-top: 30px;
		height: 29px;
		background: url('images/mile222_header.png') 0 0 repeat-y;
		text-align: left;
	}
		#homeButton:hover
		{
			background: url('images/mile222_header.png') 0 29px repeat-y;
		}
	
	#description
	{
		clear: both;
		font: 1em;
	}
		#description h2
		{
			color: #CCCCCC;
		}
	
	.navigation
	{
		float: right;
		width: 674px;
		height: 1px;
		padding: 0 0 0 192px;
	}
		.archive, .archive:hover
		{
			width: 60px;
			height: 60px;
			margin-right: 10px;
			float: left;
			position: relative;
			background: url('images/archive.png') 0 0 no-repeat;
		}
			.archive:hover
			{
				cursor: pointer;
				background: url('images/archiveO.png') 0 0 no-repeat;
			}
	
	.date
	{
		width: 222px;
		position: relative;
		height: 100%;
		float: left;
		text-align: right;
		line-height: .2em;
		padding: 0 30px 30px 30px;
	}
	
		.dateText
		{
			height: 5.2em;
		}
	
	.content
	{
		width: 956px;
		position: relative;
		float: right;
		text-align: left;
	}
	
		.post
		{
			position: relative;
			float: right;
			width: 644px;
			padding: 43px 30px 30px 0;
		}
		
		.commentText
		{
			padding: 10px 0 0 90px;
		}
	
	
.right
{
	width: 25%;
	position: relative;
	float:left;
	background: transparent;
}

	.searchDiv
	{
		padding-top: 51px;
	}
	
	.media
	{
		width: 100%;
		position: relative;
		float: left;
		text-align: left;
		color: #D91C5C;
		padding-top: 14px;
	}
	
		.mediaThumb
		{
			width: 222px;
			height: 222px;
			margin-bottom: 15px;
		}
	
	.meta
	{
		width: 100%;
		position: relative;
		float: left;
		text-align: left;
		
		padding: 14px 0 30px 0;
	}
		
		.metaText
		{
			width: 222px;
		}

#page
{	
	text-align: left;
	
	background-color: #333;
	margin: 0px auto;
	padding: 0;
	width: 1058px;
}
		
			#stuff
			{
				margin: 0 35px 15px 35px;
				padding: 15px;
				text-align: left;
			}
			
		#postinfo
		{
			text-align: left;
			
			margin: 5px 15px 0 0;
			
			float: left;
			width: 100px;
			height: 100%;
		}
		
		#spacer
		{
			clear: both;
			height: 42px;
			background: url('images/spacer_bg.png');
		}
			.entry_author_image
			{
				width: 100px;
				height: 100px;
				display: block;
			}
		
			#copy
			{
				text-align: left;
			
				margin: 0 0 0 126px;
			}
			
				.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;
				}
#sidebar
{		
	background: #c0cb83;
	width: 100%;
}

	.sidebarPartl, .sidebarPartl2
	{
		position: relative;
		float: right;
		width: 222px;
		padding: 26px 30px 0 0;
		background: transparent;
	}
	
		.sidebarPartl2
		{
			width: 222px;
			padding-right: 80px;
		}
	
	.sidebarPartr
	{
		position: relative;
		float: left;
		width: 140px;
		padding: 26px 30px 0 0;
		background: transparent;
	}
	
		.sidebar-flickr-photostream
		{
			position: relative;
			float: left;
			width: 222px;
			padding-right: 30px;
		}
		
		.sidebar-recent-comments-2
		{
			position: relative;
			float: left;
			width: 222px;
			padding-right: 30px;
		}
		
		.sidebar-links-2
		{
			//position: relative;
			//float: left;
			//width: 222px;
			//padding-right: 30px;
		}

		#search
		{
			margin: 0;
			padding: 0;
			float: left;
			vertical-align: top;
		}
		
		#searchform
		{
			width: 222px;
		}

			#s 
			{
				font: 1.2em 'raleway-1', 'raleway-2', 'Arial Black', Arial, Helvetica, sans-serif;
				width: 180px;
				height: 23px;
				margin-right: 1px;
				padding-right: 5px;
				border: 0px none transparent;
				background: #ccc;
				text-transform: uppercase;
				text-align: right;
				position: relative;
				padding-top: 0;
				vertical-align: top;
			}

			#searchsubmit 
			{
				width: 32px;
				height: 24px;
				font-weight: bold;
				text-transform: uppercase;
				font: 1.2em 'raleway-1', 'raleway-2', 'Arial Black', Arial, Helvetica, sans-serif;
				margin: 0px;
				background: #8CC63F;
				border: none;
			}
				
				#searchsubmit:hover
				{
					background: #D91C5C;
					cursor: pointer;
				}
			
			#sidebar form 
			{
				margin: 0;
			}
#comments
{
	width: 100%;
	background: #ccc;
}

	.commentContent
	{
		position: relative;
		float: right;
		width: 644px;
		padding: 18px 30px 30px 0;
	}
	
		.commentContent a
		{
			color: #D91C5C;
			text-decoration: none;
		}
	
			.commentContent a:hover 
			{
				color: #8CC63F;
			}
	
		.commentContentField
		{
			position: relative;
			float: left;
			width: 400px;
			padding: 42px 30px 25px 0;
			background: transparent;
			font-style: italic;
		}
	
	.commentInput
	{
		position: relative;
		text-align: right !important;
		float: left;
		width: 180px;
		padding: 72px 15px 0 0;
		margin-top: 25px;
		background: url('images/quote_comment.png') 120px 25px no-repeat;
	}
	
#footer 
{
	padding: 10px;
	margin: 0 auto;
	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 'raleway-1', 'raleway-2', 'Arial Black', arial, helvetic, sans-serif;
		color: #D91C5C;
		text-align: right;
		text-transform: uppercase;
		width: 149px;
		padding: 2px;
		margin-right: 13px;
		background: #fff;
		border: none;
	}
	
		#commentform input:hover, #commentform inputBTN:hover
		{
			background: #D91C5C;
			color:#fff;
		}
		
			#commentform inputBTN:hover
			{
				cursor: pointer;
			}	

	#commentform textarea 
	{
		font: 1.2em 'legitima-1', 'legitima-2', 'Georgia', Times, Times New Roman, Serif;	
		font-style: italic;
		width: 380px;
		padding: 10px;
		color: #777;
		border: none;
		background: #fff;
	}
	
	#commentform input#submit
	{
		text-align: center;
	}
	
		#commentform input#submit
		{
			cursor: pointer;
		}

		.commentlist 
		{
			font-style: italic;
			float: right;
			position: relative;
			width: 400px;
			color: #888;
			margin: 0 13px 13px 0;
			padding: 10px 10px 10px 20px;
		}
	
		.commentlist li 
		{
			font-style: italic;
			float: right;
			position: relative;
			width: 400px;
			color: #888;
			margin: 13px 13px 13px 0;
			padding: 10px 10px 10px 20px;
		}
		
				.alt 
				{						
					overflow: hidden;
					margin: 0;
					
					border: none;
				}
				
		.commentlist li .avatar 
		{ 
			float: right;
			border: 1px solid #eee;
			padding: 2px;
			background: #333;
		}

		.commentlist p 
		{
			font-weight: normal;
			line-height: 1.5em;
			font-size: 1.7em;
			text-transform: none;
			color: #666;
			margin: 0 0 15px 0;
		}
	
		.commentmetadata 
		{
			color: #aaa;
			font-weight: normal;
			
			margin: 0;
			display: block;
		}
		
		comment
		{
			font-style: italic;
		}
			
			alt.commentmetadata
			{
				color: #222;
			}
	
			.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;
			}

#navigationL
{
	text-align: left;
	position: fixed;
	top: 430px;
	left: 0px;
	margin: 0 0 13px 0;
	padding: 5px 15px 5px 15px;
	height: 30px;
	z-index: 1000;
}

#navigationR
{
	text-align: right;
	position: fixed;
	top: 430px;
	right: 0px;
	margin: 0 0 13px 0;
	padding: 5px 15px 5px 15px;
	height: 30px;
	z-index: 1000;
}

	
/* /COMMENTS */



/* THREADED COMMENTS */

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

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

#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;
	}
	
	.alignleftINL
	{
		float: left;
		display: inline;
	}
	
/* /IMAGES */



/* GENERAL ELEMENT MODS */

img.left
{
	padding: 0px 30px 20px 0;
	float: left;
	clear: right;
	width: auto;
}

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

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

p.center
{
	text-align: center;
}

p.right
{
	text-align: right;
}
	
/* /GENERAL ELEMENT MODS */



/* LISTS */

html>body #copy ul, html>body #copy ul ul
{
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	list-style-type: none;
	padding-left: 10px;
	text-indent: -10px;
}

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

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

#sidebar ul, #sidebar ul ol 
{
	margin: 0;
	padding: 0;
	font: .8em 'Trebuchet MS', Arial, Helvetica, sans-serif;
	line-height: .6em;
}

#sidebar li 
{
	list-style: none;
}

	#sidebar ul li 
	{
		list-style-type: none;
		list-style-image: none;
		font-size: 1.5em;
		line-height: 1.3em;
		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;
			}

				#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 */