/*
Theme Name: mat in the box
Theme URI: http://blog.mat-for-short.com
Description: Wordpress theme by Matt Wrobel
Version: 1
Author: Matt Wrobel
Author URI: http://www.mat-for-short.com
*/


@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'UbuntuTitlingBold';
    src: url('/fontface/UbuntuTitling-Bold-webfont.eot');
    src: url('/fontface/UbuntuTitling-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fontface/UbuntuTitling-Bold-webfont.woff') format('woff'),
         url('/fontface/UbuntuTitling-Bold-webfont.ttf') format('truetype'),
         url('/fontface/UbuntuTitling-Bold-webfont.svg#UbuntuTitlingBold') format('svg');
    font-weight: normal;
    font-style: normal;
	font-size: 16px;
}

html {
	overflow-y: scroll; 	
}

html, body {
	height: 100%;	
}

body {
	font: 100%/1.4 Arial, Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #000;
	background-image:url(/images/background-test.gif);
	background-attachment: fixed;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center bottom;
}
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding: 0;
	margin: 0;
	list-style: none;
}

h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing block. The remaining bottom margin will hold it away from any elements that follow. */
	padding-right: 30px;
	padding-left: 80px; /* adding the padding to the sides of the elements within the blocks, instead of the block elements themselves, gets rid of any box model math. A nested block with side padding can also be used as an alternate method. */
}

h1 {
	color: #ff8000;
	font: 195%/1.3 UbuntuTitlingBold, Arial, Verdana, Helvetica, sans-serif;
	-webkit-text-stroke: 1px #000;
	-moz-text-stroke-color: #000000;
	-moz-text-stroke-width: 1px;
	-o-text-stroke-color: #000000;
	-o-text-stroke-width: 1px;
	/* text-shadow:
   		-1px -1px 0 #000,
    	1px -1px 0 #000,
    	-1px 1px 0 #000,
     	1px 1px 0 #000;  */
}

h2 {
	color: #555;
	font: 150%/1.3 UbuntuTitlingBold, Arial, Verdana, Helvetica, sans-serif;
	border-top: 1px solid #dfdad5;
	margin-left: 80px;
	margin-right: 30px;
	padding: 15px 0 0 0;
}

img {
	padding: 0px;
	margin: 0px;	
}

a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color: #ff8000;
	text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
	color: #ff8000;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
}

.bannerRight {
	margin-bottom: 15px;	
}

.clearfloat {
	clear: both;
	height: 25px;	
}

.clearfloatCB {
	clear:both;	
}

.control {
	display: block;
	width: 39px;
	height: 250px;
	text-indent: -100000px;
	position: absolute;
	cursor: pointer; 	
}

.headerContent {
	margin: 0 auto;
	width: 800px;
	text-align: center;
	display: block;	
}

.noPadding {
	padding: 0px 0px 0px 0px;	
}

.sidebar1 {
	float: right;
	width: 210px;
	background: #fff;
	padding-bottom: 40px;
	font: 100%/1.4 Arial, Verdana, Helvetica, sans-serif;
}

/* ~~ This fixed width container surrounds all other blocks ~~ */
#container {
	width: 800px;
	background: #FFFFFF;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	border-left: 4px solid #E5E5E5;
	border-right: 4px solid #E5E5E5;
	min-height: 100%;
	overflow: hidden;
}

#content {
	padding: 40 0 10px 0;
	width: 590px;
	float: right;
	overflow: auto;
	height: 100%;
	padding-bottom: 92px; /*must be same height as the footer */
}
#content h1{
	padding-left: 80px;
	margin-left: 0px;
}
#content #contact input.submit {
	margin: 0px;
	padding: 8px 0px 0px 80px;
	width: auto; 
	height: auto; 
	background: none; 
	border: none;
	font: 24px/1.2 UbuntuTitlingBold, Arial, Verdana, Helvetica, sans-serif;
	color: #ff8000; 
	cursor: pointer;
}
#content #contact input {
	float: left; 
	width: 250px; 
	height: 16px; 
	margin: 0 20px 10px 0; 
	padding: 10px; 
	background: #ccc;
	border: 1px solid #555; 
	font: 16px Arial, Verdana, Helvetica, sans-serif; 
	color: #000;
}
#content #contact textarea {
	float: left;
	clear: left; 
	width: 250px; 
	height: 120px; 
	margin: 0 0 10px 0; 
	padding: 10px;
	background: #ccc; 
	border: 1px solid #555; 
	font: 16px Arial, Verdana, Helvetica, sans-serif;
	color: #000;
}
#content #contact input:focus, #content #contact textarea:focus {
	background: #E5E5E5;
	border: 1px solid #555;
}



/*~~  begin resume outline formatting  ~~*/
#content #resume {
	padding-right: 20px;
	padding-left: 80px;
}
	#content #resume ul {
		list-style: none;
		padding-left: 0px;
		margin-left: 0px;
	}
		#content #resume ul li {
			color: #000;
			font: 140%/1.2 UbuntuTitlingBold, Arial, Verdana, Helvetica, sans-serif;
			list-style: none;
			padding-left: 0px;
			margin-left: 0px;
		}
			#content #resume ul li span {
				color: #ff8000;
			}
			#content #resume li li {
				color: #000;
				font: 18px/1.4 Arial, Verdana, Helvetica, sans-serif;
				padding-left: 30px;
				list-style: none;
			}
			#content #resume li li span{
				color: #ff8000;
			}
				#content #resume li li li{
					color: #000;
					font: 16px/1.3 Arial, Verdana, Helvetica, sans-serif;
					list-style-image:url(/images/x-bullet.gif);
					padding-left: 10px;
					margin-left: 18px;
				}
/*~~  end resume outline formatting  ~~*/

/*~~  begin creative bits formatting  ~~*/
#contentCB {
	padding: 40 0 10px 0;
	width: 590px;
	float: right;
	overflow: auto;
	height: 100%;
	padding-bottom: 92px; /*must be same height as the footer */
}
	#contentCB h2 a {
		color: #555;
		text-decoration: none;	
	}
	#contentCB section img.preview {
		padding-left: 76px;
		padding-bottom: 10px;
		width: 480px;
		height: 480px;
	}
	#contentCB section div.thumb {
		position: relative;
		float: left;
		clear: none;
		padding-left: 80px;
		padding-bottom: 15px;
		
	}
	#contentCB section div.captionFull {
		position: relative;
		float: right;
		clear: none;
		width: 590px;
		}
		#contentCB section div.captionFull p span {
			color: #555;
			font-style: italic;
		}
	#contentCB section div.caption {
		position: relative;
		float: right;
		clear: none;
		width: 400px;
	}
		#contentCB section div.caption p {
			padding-left: 10px;	
			padding-bottom: 0px;
			margin: 0px;
		}
		#contentCB section div.caption p.seeMore {
			padding-left: 10px;	
			padding-top: 8px;
			padding-bottom: 15px;
			margin: 0px;
		}
		#contentCB section div.caption h2 {
			padding-left: 0px;	
			padding-bottom: 0px;
			margin-bottom: 0px;
			margin-left: 10px;
		}
/*~~  end creative bits formatting  ~~*/

/* ~~ home page header ~~ */
header {
	width: 100%;
	height: 403px;
	background-image: url(/images/header-background.png);
	background-repeat: no-repeat;
	background-position: bottom;
}

/* ~~ internal page header ~~ */
.headerTier1 {
	width: 100%;
	height: 153px;
	display: block;
	margin-top: 0px;
}

/*~~ home page slideshow styles ~~*/
#leftControl {
	postion: relative;
	z-index: 99;
	top: 0;
	left: 25px;
	background: transparent url(/images/control_left_rest.png) no-repeat 0 0;
}
#leftControl:hover {
	postion: relative;
	z-index: 99;
	top: 4px;
	left: 25px;
	background: transparent url(/images/control_left_over.png) no-repeat 0 0;
}
#rightControl {
	postion: relative;
	z-index: 98;
	top: 0;
	right: 25px;
	background: transparent url(/images/control_right_rest.png) no-repeat 0 0;
}
#rightControl:hover {
	postion: relative;
	z-index: 98;
	top: 4px;
	right: 25px;
	background: transparent url(/images/control_right_over.png) no-repeat 0 0;
}
#slideshow {
	height: 250px;
	width: 890px;
	position: absolute;
	top: 153px;
	left: 50%;
	margin-left: -444px;
}
#slideshow #slidesContainer {
	margin: 0 auto;
	height: 250px;
	width: 810px;
	overflow: auto; /* allow scrollbar */
	position: relative;	
}
#slideshow #slidesContainer .slide {
	margin: 0 auto;
	width: 790px; /* reduce by 20 pixels to avoid horizontal scroll */
	height: 250px;
	
}
/* end home page slideshow styles */

/* ~~ Global footer nav list ~~ */
nav {
	display: block;
	width: 565px;
	float: right;	
}
	nav ul {
		list-style: none; /* this removes the list marker */
		margin-top: 35px;
	}
		nav ul li {
			border-right: 2px solid #000; /* this creates the button separation */
			display: inline;	
		}
		nav ul a:link, nav ul a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
			padding: 0px 20px;
			text-decoration: none;
			background: #fff;
			font: 140%/1.75 UbuntuTitlingBold, Arial, Verdana, Helvetica, sans-serif;
			color: #000;
		}
		nav ul a:hover, nav ul a:active, nav ul a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
			color: #ff8000;
			text-decoration: none;
			/* text-shadow: 0.1em 0.1em 0.2em #888; */
		}
/*end global nav list */

/* ~~ Sidebar Nav ~~ */
#sidebarNav {
	float: right;
	margin-bottom: 125px;		
	border-top: 4px solid #E5E5E5;
	border-left: 4px solid #E5E5E5;
	border-bottom: 3px solid #E5E5E5;
}
	#sidebarNav ul {
		width: 206px;
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	#sidebarNav li {
		margin: 0;
		overflow: hidden;
	}
	#sidebarNav a {
		display: block;
		color: #000;
		background-color: #000; /*#f1f2f2*/
		padding: 0;
		text-decoration: none;
		border-bottom: 4px solid #E5E5E5;
		font-weight: bold;	
		height: 25px;
		line-height: 25px;
		overflow: hidden;
	}
	
		#sidebarNav li li a {
			display: block;
			color: #000;
			background-color: #ffffff; /*#D1D3D4*/
			padding: 0;
			text-decoration: none;
			border-bottom: 4px solid #E5E5E5;
			font-weight: normal;
			height: 25px;
			line-height: 25px;
		}
	#sidebarNav a:hover {
		color: #fff;
		background-color: #ff8000;
	}
/* ~~declarations to style the current state ~~ */
#creative-bits #container #sidebarNav #sidebarNav-creative-bits a, 
#interactive #container #sidebarNav #sidebarNav-interactive a, 
#interactive-item-one #container #sidebarNav #sidebarNav-interactive #sidebarNav-interactive-item-one a, 
#interactive-item-two #container #sidebarNav #sidebarNav-interactive #sidebarNav-interactive-item-two a, 
#interactive-item-three #container #sidebarNav #sidebarNav-interactive #sidebarNav-interactive-item-three a, 
#interactive-item-four #container #sidebarNav #sidebarNav-interactive #sidebarNav-interactive-item-four a, 
#interactive-item-five #container #sidebarNav #sidebarNav-interactive #sidebarNav-interactive-item-five a,
#interactive-item-six #container #sidebarNav #sidebarNav-interactive #sidebarNav-interactive-item-six a,
#interactive-item-seven #container #sidebarNav #sidebarNav-interactive #sidebarNav-interactive-item-seven a, 
#interactive-item-eight #container #sidebarNav #sidebarNav-interactive #sidebarNav-interactive-item-eight a, 
#interactive-item-nine #container #sidebarNav  #sidebarNav-interactive #sidebarNav-interactive-item-nine a, 
#interactive-item-ten #container #sidebarNav #sidebarNav-interactive #sidebarNav-interactive-item-ten a, 
#graphic #container #sidebarNav #sidebarNav-graphic a, 
#graphic-item-one #container #sidebarNav #sidebarNav-graphic #sidebarNav-graphic-item-one a, 
#graphic-item-two #container #sidebarNav #sidebarNav-graphic #sidebarNav-graphic-item-two a, 
#graphic-item-three #container #sidebarNav #sidebarNav-graphic #sidebarNav-graphic-item-three a, 
#graphic-item-four #container #sidebarNav #sidebarNav-graphic #sidebarNav-graphic-item-four a, 
#graphic-item-five #container #sidebarNav #sidebarNav-graphic #sidebarNav-graphic-item-five a, 
#graphic-item-six #container #sidebarNav #sidebarNav-graphic #sidebarNav-graphic-item-six a, 
#graphic-item-seven #container #sidebarNav #sidebarNav-graphic #sidebarNav-graphic-item-seven a, 
#graphic-item-eight #container #sidebarNav #sidebarNav-graphic #sidebarNav-graphic-item-eight a, 
#graphic-item-nine #container #sidebarNav #sidebarNav-graphic #sidebarNav-graphic-item-nine a, 
#graphic-item-ten #container #sidebarNav #sidebarNav-graphic #sidebarNav-graphic-item-ten a {
	color: #fff;
	background-color: #ff8000;
	height: 50px;
	line-height: 50px;
}
/* ~~declarations to style to fix items below current state ~~ */
#creative-bits #container #sidebarNav #sidebarNav-creative-bits li a, 
#interactive #container #sidebarNav #sidebarNav-interactive li a, 
#interactive-item-one #container #sidebarNav #sidebarNav-interactive #sidebarNav-interactive-item-one li a, 
#interactive-item-two #container #sidebarNav #sidebarNav-interactive #sidebarNav-interactive-item-two li a, 
#interactive-item-three #container #sidebarNav  #sidebarNav-interactive #sidebarNav-interactive-item-three li a, 
#interactive-item-four #container #sidebarNav #sidebarNav-interactive #sidebarNav-interactive-item-four li a, 
#interactive-item-five #container #sidebarNav #sidebarNav-interactive #sidebarNav-interactive-item-five li a, 
#interactive-item-six #container #sidebarNav #sidebarNav-interactive #sidebarNav-interactive-item-six li a, 
#interactive-item-seven #container #sidebarNav #sidebarNav-interactive #sidebarNav-interactive-item-seven li a, 
#interactive-item-eight #container #sidebarNav #sidebarNav-interactive #sidebarNav-interactive-item-eight li a, 
#interactive-item-nine #container #sidebarNav #sidebarNav-interactive #sidebarNav-interactive-item-nine li a, 
#interactive-item-ten #container #sidebarNav #sidebarNav-interactive #sidebarNav-interactive-item-ten li a, 
#graphic #container #sidebarNav #sidebarNav-graphic li a, 
#graphic-item-one #container #sidebarNav #sidebarNav-graphic #sidebarNav-graphic-item-one li a, 
#graphic-item-two #container #sidebarNav #sidebarNav-graphic #sidebarNav-graphic-item-two li a, 
#graphic-item-three #container #sidebarNav #sidebarNav-graphic #sidebarNav-graphic-item-three li a, 
#graphic-item-four #container #sidebarNav #sidebarNav-graphic #sidebarNav-graphic-item-four li a, 
#graphic-item-five #container #sidebarNav #sidebarNav-graphic #sidebarNav-graphic-item-five li a, 
#graphic-item-six #container #sidebarNav #sidebarNav-graphic #sidebarNav-graphic-item-six li a, 
#graphic-item-seven #container #sidebarNav #sidebarNav-graphic #sidebarNav-graphic-item-seven li a, 
#graphic-item-eight #container #sidebarNav #sidebarNav-graphic #sidebarNav-graphic-item-eight li a, 
#graphic-item-nine #container #sidebarNav #sidebarNav-graphic #sidebarNav-graphic-item-nine li a, 
#graphic-item-ten #container #sidebarNav #siedbarNav-graphic #sidebarNav-graphic-item-ten li a {
	display: block;
	color: #000;
	background-color: #fff;
	padding: 0;
	text-decoration: none;
	border-bottom: 4px solid #E5E5E5;
	font-weight: normal;
	height: 25px;	
	line-height: 25px;
}
/* ~~declarations to style to fix items below current state hover event ~~ */
#creative-bits #container #sidebarNav #sidebarNav-creative-bits li a:hover, 
#interactive #container #sidebarNav #sidebarNav-interactive li a:hover, 
#interactive-item-one #container #sidebarNav #sidebarNav-interactive #sidebarNav-interactive-item-one li a:hover, 
#interactive-item-two #container #sidebarNav #sidebarNav-interactive #sidebarNav-interactive-item-two li a:hover, 
#interactive-item-three #container #sidebarNav  #sidebarNav-interactive #sidebarNav-interactive-item-three li a:hover, 
#interactive-item-four #container #sidebarNav #sidebarNav-interactive #sidebarNav-interactive-item-four li a:hover, 
#interactive-item-five #container #sidebarNav #sidebarNav-interactive #sidebarNav-interactive-item-five li a:hover, 
#interactive-item-six #container #sidebarNav #sidebarNav-interactive #sidebarNav-interactive-item-six li a:hover, 
#interactive-item-seven #container #sidebarNav #sidebarNav-interactive #sidebarNav-interactive-item-seven li a:hover, 
#interactive-item-eight #container #sidebarNav #sidebarNav-interactive #sidebarNav-interactive-item-eight li a:hover, 
#interactive-item-nine #container #sidebarNav #sidebarNav-interactive #sidebarNav-interactive-item-nine li a:hover, 
#interactive-item-ten #container #sidebarNav #sidebarNav-interactive #sidebarNav-interactive-item-ten li a:hover, 
#graphic #container #sidebarNav #sidebarNav-graphic li a:hover, 
#graphic-item-one #container #sidebarNav #sidebarNav-graphic #sidebarNav-graphic-item-one li a:hover, 
#graphic-item-two #container #sidebarNav #sidebarNav-graphic #sidebarNav-graphic-item-two li a:hover, 
#graphic-item-three #container #sidebarNav #sidebarNav-graphic #sidebarNav-graphic-item-three li a:hover, 
#graphic-item-four #container #sidebarNav #sidebarNav-graphic #sidebarNav-graphic-item-four li a:hover, 
#graphic-item-five #container #sidebarNav #sidebarNav-graphic #sidebarNav-graphic-item-five li a:hover, 
#graphic-item-six #container #sidebarNav #sidebarNav-graphic #sidebarNav-graphic-item-six li a:hover, 
#graphic-item-seven #container #sidebarNav #sidebarNav-graphic #sidebarNav-graphic-item-seven li a:hover, 
#graphic-item-eight #container #sidebarNav #sidebarNav-graphic #sidebarNav-graphic-item-eight li a:hover, 
#graphic-item-nine #container #sidebarNav #sidebarNav-graphic #sidebarNav-graphic-item-nine li a:hover, 
#graphic-item-ten #container #sidebarNav #sidebarNav-graphic #sidebarNav-graphic-item-ten li a:hover {
	display: block;
	color: #fff;
	background-color: #ff8000;;
	padding: 0;
	text-decoration: none;
	border-bottom: 4px solid #E5E5E5;
	font-weight: normal;
	height: 25px;	
	line-height: 25px;
}

#container #sidebarNav #sidebarNav-graphic #sidebarNav-graphic-item-ten a {
	border-bottom: 0px;	
}
/* end Creative Bits sidebar nav styles */


/* ~~ The footer ~~ */
footer {
	margin-top: -92px;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
	width: 100%;
	text-align: center;
	background-image: url(/images/footer-background.png);
	background-repeat: no-repeat;
	height: 92px;
	background-position: center top;
}
	footer nav {
		display: block;
		width: 100%;	
	}	
		footer nav ul {
			list-style: none; /* this removes the list marker */
			margin-right: 340px;
		}
			footer nav ul li {
				border-right: 1px solid #000; /* this creates the button separation */
				display: inline;	
			}
			footer nav ul a:link, footer nav ul a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
				padding: 0px 15px;
				text-decoration: none;
				background: #ff8000;
				font: 100%/1.4 UbuntuTitlingBold, Arial, Verdana, Helvetica, sans-serif;
				color: #000;
			}
			footer nav ul a:hover, footer nav ul a:active, footer nav ul a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
				color: #fff;
				text-decoration: none;
			}
	footer div.copyright {
		position: absolute;
		top: 43%;
		left: 50%;
		padding-left: 115px;	
	}
		footer div.copyright p {;
			color: #000;	
			font: 14px/1.0 Arial, Verdana, Helvetica, sans-serif;
		}
/* end footer styles */



/*~~  Blog styles  ~~*/
.blogNav {
	border: 0px;	
}
.makeComment {
	border-bottom: 1px solid #dfdad5;
	margin: 0 30px 0 80px;	
}
.makeComment a {
	display: block;
	padding: 0 0 20px 17px;
	color: #000;
	font: 80%/1.2 Arial, Verdana, Helvetica, sans-serif;
	background: url(/images/icon-comments.png) no-repeat 0 .4em;
}
.comments a:hover {
	color: #666666;
	text-decoration: none;
}
.blogDate {
	color: #000;
	font: 100%/1.4 Arial, Verdana, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0 0 0 17px;
	margin-left: 80px;
	margin-top: 10px;
	background: url(/images/icon-calendar.png) no-repeat 0 .3em;
}
.blogContent {
	padding: 0 0 10px 0;
	width: 100%;
	height: 100%;	
}
.pagination ul {
	list-style: none; 
	overflow: hidden; 
	margin: 0 0 40px 0;
}
.pagination ul li.older {
	float: left; 
}
.pagination ul li.newer {
	float: right;
}
.pagination ul li a {
	font-size: 24px; 
	text-shadow: 0px 1px 0px #fff;
}
.sidebarBlog {
	float: right;
	width: 180px;
	background: #fff;
	padding-bottom: 40px;
	padding-right: 20px;
	font: 100%/1.4 Arial, Verdana, Helvetica, sans-serif;
}
.sidebarBlog ul li{
	font: 90%/1.4 Arial, Verdana, Helvetica, sans-serif;
}
.sidebarBlog ul {
	margin-bottom: 25px;
}
.sidebarBlog h2 {
	margin: 0px 0 10px 0;
	padding-bottom: 3px;
	padding-left: 0px;
	padding-right: 0px;
	font-size: 1.2em;
	border-bottom: 1px solid #dfdad5;
	color: #555;
}
#comments h3 {
	font-size: 1.2em;
	border-bottom: 1px solid #dfdad5;
	color: #000;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 8px;
	margin-left: 80px;	
	margin-right: 30px;
	margin-bottom: 25px;
	font-weight: normal;
}
#comments ol.commentlist {
	margin: 0 0 40px 0; 
	list-style: none; 
}
#comments ol.commentlist li {
	margin: 0 0 24px 0; 
	padding: 0 0 24px 0; 
	clear: both; 
	border-bottom: 1px solid #dfdad5;
}
#comments ol.commentlist ul {
	margin: 0 0 0 20px; 
}
#comments ol.commentlist ul li {
	margin: 0 0 24px 20px; 
	padding: 0; 
	border: none; 
}
#comments .comment {
	overflow: hidden; 
}
#comments .comment .commenttext {
	width: 404px; 
	float: left; 
}
#comments .comment p {
	margin: 0 0 5px 0;
	padding: 0px; 
	font-size: 14px; 
	line-height: 16px;
}
#comments .comment cite {
	font: italic 18px Georgia, Serif;
	margin : 0 0 5px 0;
}
#comments .comment span { 
	display: none; 
}
#comments .comment .comment-meta {
	float: right; 
	font: italic 11px Georgia, Serif; 
	margin: -92px 0 0 0; 
}
#comments .comment .reply a {
	 display: block; 
	 clear: both; 
	 float: right; 
	 font: italic 15px Georgia, Serif; 
}
#comments .comment .cancel a {
	display: block;  
	float: right; 
	clear: both; 
	font: italic 15px Georgia, Serif;
}

#comments #respond {
	margin: 0 0 50px 0; 
	clear: both;
}
#comments #respond p{
	padding: 0;
}
#comments #respond form label {
	float: left; 
	clear: left; 
	width: 80px; 
	text-align: right; 
	margin: 7px 10px 0 0;
	font-size: 17px;
}
#comments #respond form input {
	float: left; 
	width: 250px; 
	height: 16px; 
	margin: 0 20px 10px 0; 
	padding: 10px; 
	background: #e1d6c1;
	border: 1px solid #c8bca6; 
	font: 15px Helvetica, Arial, Sans-Serif; 
	color: #666;
}
#comments #respond form textarea {
	float: left;
	clear: left; 
	width: 400px; 
	height: 120px; 
	margin: 0 0 10px 0; 
	padding: 10px;
	background: #e1d6c1; 
	border: 1px solid #c8bca6; 
	font: 15px Helvetica, Arial, Sans-Serif; 
	color: #666;
}
#comments #respond form input.commentsubmit {
	margin: 10px 0 0 80px; 
	width: auto; 
	height: auto; 
	background: none; 
	border: none;
	font: 24px Georgia, Serif; 
	color: #88230b; 
	text-shadow: 0px 1px 0px #fff; 
	cursor: pointer;
}
#comments #respond form p.form-submit #submit {
	margin: 10px 0 0 80px; 
	width: auto; 
	height: auto; 
	background: none; 
	border: none;
	font: 24px Georgia, Serif; 
	color: #88230b; 
	text-shadow: 0px 1px 0px #fff; 
	cursor: pointer;
}
#comments #respond form input:focus, #comments #respond form textarea:focus {
	background: #efe4cf;
}
/* end blog styles */

/*~~ browser fixes ~~*/
/*HTML 5 support - Sets new HTML 5 tags to display:block so browsers know how to render the tags properly. */
header, section, footer, aside, nav, article, figure {
	display: block;
}

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}