/*
Theme Name: Matter & Energy
Theme URI: http://www.matterandenergycreative.com/
Description: A WordPress theme created by Ryan Blain for Matter and Energy.
Version: 1.0
Author: Ryan Blain
Author URI: http://www.ryanblain.com/
Tags: portfolio, simple, grey, white, black

*/
html{ 
	overflow-y:scroll;
}  

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 0 50px 0;
	background-color: #EDEDED;
	color: #333333;
}
canvas {
	border: none;
}
a {
   outline: none;
}
a:link img {
	text-decoration: none;
}
a:visited img {
	text-decoration: none;
}
a:hover img {
	text-decoration: none;
}
a:active img {
	text-decoration: none;
}
p img {
	padding: 0;
	max-width: 100%;
}
a img {
	text-decoration: none;
	border: none;
}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	padding: 0;
	margin: 0 0 3px 10px;
	display: inline;
}
img.alignleft {
	padding: 0;
	margin: 0 10px 3px 0;
	display: inline;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}
#site {
	position: relative;
	width: 1020px;
	margin: 0 auto 0 auto;
}
#life {
	position: absolute;
	top: 0px;
	z-index: 1;
}
#life a:link {
	text-decoration: none;
	background: none;
}
#life a:visited {
	text-decoration: none;
	background: none;
}
#life a:hover {
	text-decoration: none;
	background: none;
}
#life a:active {
	text-decoration: none;
	background: none;
}
#lifeLink1 {
	position: absolute;
	top: 0;
	width: 900px;
	height: 35px;
	z-index: 9999;
}
#lifeLink2 {
	position: absolute;
	top: 170px;
	width: 900px;
	height: 45px;
	z-index: 9999;
}
#lifeLink3 {
	position: absolute;
	top: 270px;
	width: 900px;
	height: 15px;
	z-index: 9999;
}
a:link .lifeLink {
	text-decoration: none;
	background: none;
	background-color: transparent;
}
a:visited .lifeLink {
	text-decoration: none;
	background: none;
	background-color: transparent;
}
a:hover .lifeLink {
	text-decoration: none;
	background: none;
	background-color: transparent;
}
a:active .lifeLink {
	text-decoration: none;
	background: none;
	background-color: transparent;
}
#wrapper {
	position: relative;
	width: 900px;
	margin: 0 auto 0 auto;
	z-index: 2;
	padding: 40px 0 0 0;
}
#header {
	background-color: #FFFFFF;
	width: 100%;
	margin: 0 0 50px 0;
	overflow: hidden;
	position: relative;
}
#header a:link {
	text-decoration: none;
	background-color: #FFFFFF;
}
#header a:visited {
	text-decoration: none;
	background-color: #FFFFFF;
}
#header a:hover {
	text-decoration: none;
	background-color: #FFFFFF;
}
#header a:active {
	text-decoration: none;
	background-color: #FFFFFF;
}
#header a:link #name {
	text-decoration: none;
	background-color: #FFFFFF;
}
#header a:visited #name {
	text-decoration: none;
	background-color: #FFFFFF;
}
#header a:hover #name {
	text-decoration: none;
	background-color: #FFFFFF;
}
#header a:active #name {
	text-decoration: none;
	background-color: #FFFFFF;
}
#header a:link #about {
	text-decoration: none;
	background-color: #FFFFFF;
}
#header a:visited #about {
	text-decoration: none;
	background-color: #FFFFFF;
}
#header a:hover #about {
	text-decoration: none;
	background-color: #FFFFFF;
}
#header a:active #about {
	text-decoration: none;
	background-color: #FFFFFF;
}
#name {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 68px;
	font-style: italic;
	color: #000000;
	background-color: #FFFFFF;
	margin: 0 0 10px 10px;
	position: relative;
	z-index: 2;
	width: 880px;
}
#about {
	font-size: 16px;
	color: #000000;
	background-color: #FFFFFF;
	margin: 0 0 10px 10px;
	position: relative;
	z-index: 3;
	width: 880px;
}
#recentTweet {
	font-size: 13px;
	color: #000000;
	margin: 0 0 10px 10px;
	position: relative;
	z-index: 4;
	width: 880px;
}
#recentTweet a:link {
	color: #000000;
	text-decoration: none;
}
#recentTweet a:visited {
	text-decoration: none;
	color: #000000;
}
#recentTweet a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #000000;
}
#recentTweet a:active {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #000000;
}
#recentTweet .tweetTime a:link {
	color: #000000;
	text-decoration: underline;
}
#recentTweet .tweetTime a:visited {
	text-decoration: underline;
	color: #000000;
}
#recentTweet .tweetTime a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #000000;
}
#recentTweet .tweetTime a:active {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #000000;
}
#mainMenuHolder {
	width: 100%;
	height: 50px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-style: italic;
	background-color: #FFFFFF;
	margin: 0 0 20px 0;
	position: relative;
	overflow: hidden;
}
#mainMenuHolder .dottedLine {
	margin-top: 25px;
}
#mainMenu {
	list-style: none;
	margin: 0 0 0 10px;
	padding: 0;
	float: left;
	position: relative;
	z-index: 3;
}
#mainMenu li {
	background-color: #FFFFFF;
	height: 49px;
	line-height: 49px;
	list-style: none;
	margin: 0;
	padding: 0 25px 0 0;;
	float: left;
}
#mainMenu a:link {
	color: #999999;
	text-decoration: underline;
}
#mainMenu a:visited {
	text-decoration: underline;
	color: #999999;
}
#mainMenu a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #000000;
}
#mainMenu a:active {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #000000;
}
#mainMenu .selected a:link {
	color: #000000;
	text-decoration: underline;
}
#mainMenu .selected a:visited {
	text-decoration: underline;
	color: #000000;
}
#mainMenu .selected a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #000000;
}
#mainMenu .selected a:active {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #000000;
}
#searchForm {
	background-color: #FFFFFF;
	list-style: none;
	margin: 0 8px 0 0;
	padding: 0;
	float: right;
	position: relative;
	z-index: 2;
}
#searchForm li {
	list-style: none;
	float: left;
}
#searchForm #searchText {
	padding: 8px 0 0 25px;
	position: relative;
	z-index: 2;
}
#searchForm #searchButton {
	padding: 11px 0 0 7px;
	position: relative;
	z-index: 1;
}
#workHolder {
	width: 100%;
	overflow: hidden;
}
#workHolder a:link {
	color: #000000;
	text-decoration: underline;
}
#workHolder a:visited {
	text-decoration: underline;
	color: #000000;
}
#workHolder a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #000000;
}
#workHolder a:active {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #000000;
}
#allWorkPosts {
	width: 100%;
	float: left;
	padding: 0;
}
#blogHolder {
	width: 100%;
	background-image: url('http://www.ryanblain.com/wp-content/themes/matterandenergy/images/sidebarbg.gif');
	background-position: right;
	background-repeat: repeat-y;
	overflow: hidden;
}
#blogHolder a:link {
	color: #000000;
	text-decoration: underline;
}
#blogHolder a:visited {
	text-decoration: underline;
	color: #000000;
}
#blogHolder a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #000000;
}
#blogHolder a:active {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #000000;
}
#allBlogPosts {
	width: 700px;
	float: left;
	padding: 0;
}
#contentHolder {
	width: 100%;
	background: #FFFFFF;
	overflow: hidden;
}
#contentHolder a:link {
	color: #000000;
	text-decoration: underline;
}
#contentHolder a:visited {
	text-decoration: underline;
	color: #000000;
}
#contentHolder a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #000000;
}
#contentHolder a:active {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #000000;
}
#singlePost {
	width: 700px;
	background-color: #FFFFFF;
	float: left;
	padding: 10px 0 10px 0;
}
#comments {
	margin: 40px 10px 0 10px;
}
#respond {
	clear: both;
	margin: 0 0 0 5px;
}
#respond .sectionTitle {
	margin: 0 0 5px 0;
}
#singlePage {
	width: 700px;
	background-color: #FFFFFF;
	float: left;
	padding: 10px 0 10px 0;
}
#sidebarHolder {
	width: 190px;
	background-color: #FFFFFF;
	text-align: right;
	float: right;
	padding: 10px 0 0 0;
}
#sidebarHolder a:link {
	color: #000000;
	text-decoration: underline;
}
#sidebarHolder a:visited {
	text-decoration: underline;
	color: #000000;
}
#sidebarHolder a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #000000;
}
#sidebarHolder a:active {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #000000;
}
#sidebar {
	margin: 0 10px 0 10px;
}
#sidebar ul {
	list-style: none;
	margin: 0 0 20px 0;
}
#sidebar ul li {
	list-style: none;
	margin: 3px 0 10px 0;
	padding: 0;
	font-size: 13px;
	line-height: 16px;
}
#sidebar .widget {
	padding: 0 0 2px 0;
}
#sidebar .widgettitle {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-style: italic;
	color: #000000;
	padding: 0 0 8px 0;
}
#sidebar .widgettitle a:link {
	text-decoration: none;
}
#sidebar .widgettitle a:visited {
	text-decoration: none;
}
#pageNav {
	width: 100%;
	height: 31px;
	line-height: 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: italic;
	background-color: #FFFFFF;
	margin: 20px 0 0 0;
	position: relative;
	overflow: hidden;
}
#pageNav a:link {
	color: #000000;
	text-decoration: underline;
}
#pageNav a:visited {
	text-decoration: underline;
	color: #000000;
}
#pageNav a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #000000;
}
#pageNav a:active {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #000000;
}
#pageNav .dottedLine {
	margin-top: 15px;
}
#pageNav .next {
	background-color: #FFFFFF;
	margin: 0 0 0 10px;
	padding: 0 25px 0 0;
	float: left;
	position: relative;
	z-index: 3;
}
#pageNav .previous {
	background-color: #FFFFFF;
	margin: 0 10px 0 0;
	padding: 0 0 0 25px;
	float: right;
	position: relative;
	z-index: 2;
}
#footerHolder {
	background-color: #FFFFFF;
	width: 100%;
	height: 57px;
	margin: 50px 0 0 0;
	overflow: hidden;
}
#footerHolder a:link {
	color: #000000;
	text-decoration: underline;
}
#footerHolder a:visited {
	text-decoration: underline;
	color: #000000;
}
#footerHolder a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #000000;
}
#footerHolder a:active {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #000000;
}
#footer {
	margin: 7px 0 0 0;
}
#footer .sectionTitle {
	margin: 0 0 4px 10px;
}
#elsewhere {
	list-style: none;
	margin: 0 0 0 10px;
	padding: 0;
}
#elsewhere a {
	float: left;
	margin: 4px 0 0 0;
	padding: 0;
}
#footer ul li {
	list-style: none;
	margin: 0 20px 0 0;
	padding: 0;
	height: 20px;
	float: left;
}
#backToTop {
	float: right;
	margin: 4px 10px 0 0;
	padding: 0;
}

.workPost {
	width: 100%;
	background-color: #FFFFFF;
	padding: 10px 0 10px 0;
	margin: 0 0 20px 0;
}
.workHeader {
	width: 100%;
	margin: 0 0 0 0;
}
.workTitle {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 28px;
	font-style: italic;
	color: #000000;
	text-align: left;
	width: 70%;
	float: left;
	margin: 0 0 0 10px;
}
.workInfo {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 18px;
	font-style: italic;
	text-align: right;
	color: #999999;
	width: 20%;
	float: right;
	margin: 0 10px 0 0;
}
.workContent {
	font-size: 12px;
	line-height: 16px;
	padding-top: 15px;
	padding-bottom: 0px;
	margin: 0 20px 0 10px;
	overflow: auto;
	clear: both;
}
.workContent p {
	margin: 0 0 12px 0;
}
.workURL {
	margin: 15px 0 0 10px;
	overflow: hidden;
}
.workURL ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.workURL ul li {
	list-style: none;
	margin: 0 20px 0 0;
	padding: 0;
	float: left;
}
.workCredits {
	font-size: 10px;
	line-height: 14px;
	margin: 13px 10px 30px 10px;
	padding: 0;
}
.workLinks {
	width: 100%;
	overflow: hidden;
	margin: 15px 0 0 0;
}
.workComments {
	width: 20%;
	float: left;
	text-align: left;
	margin: 0 0 0 10px;
}
.workCategories {
	width: 75%;
	float: left;
	text-align: left;
	margin: 0 0 0 10px;
}
.thumbs {
	width: 880px;
	height: 326px;
	overflow: hidden;
	margin: 0 0 0 10px;
}
.thumb1 {
	position: relative;
	width: 435px;
	height: 326px;
	overflow: hidden;
	background-color: #EDEDED;
}
.thumb1 .thumbMask {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 435px;
	height: 326px;
	overflow: hidden;
}
.thumb1 .thumb {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 435px;
	height: 326px;
}
.thumbGrid {
	position: relative;
	top: -326px;
	left: 445px;
	width: 435px;
	height: 326px;
	overflow: hidden;
}
.thumbBorder1 {
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid #EDEDED;
	width: 433px;
	height: 324px;
}
.thumbBorder {
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid #EDEDED;
	width: 210px;
	height: 156px;
}
.thumb2 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 212px;
	height: 158px;
	overflow: hidden;
	background-color: #EDEDED;
}
.thumb2 img {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 212px;
	height: 158px;
}
.thumb3 {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 212px;
	height: 158px;
	overflow: hidden;
	background-color: #EDEDED;
}
.thumb3 img {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 212px;
	height: 158px;
}
.thumb4 {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 212px;
	height: 158px;
	overflow: hidden;
	background-color: #EDEDED;
}
.thumb4 img {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 212px;
	height: 158px;
}
.thumb5 {
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 212px;
	height: 158px;
	overflow: hidden;
	background-color: #EDEDED;
}
.thumb5 img {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 212px;
	height: 158px;
}
.playButton {
	position: absolute;
	left: 196px;
	top: 143px;
	visibility: hidden;
}
.videoPlayer {
	display: none;
}
.videoHolder {
	border: 1px solid #EDEDED;
}

.blogPost {
	width: 100%;
	background-color: #FFFFFF;
	padding: 10px 0 10px 0;
	margin: 0 0 10px 0;
}
.post {
	width: 100%;
	background-color: #FFFFFF;
}
.postHeader {
	width: 100%;
	margin: 0 0 0 0;
}
.postTitle {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 28px;
	font-style: italic;
	line-height: 34px;
	color: #000000;
	text-align: left;
	width: 60%;
	float: left;
	margin: 0 0 0 10px;
}
.postInfo {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 18px;
	font-style: italic;
	text-align: right;
	color: #999999;
	width: 37%;
	float: right;
	margin: 0 10px 0 0;
}
.postContent {
	font-size: 14px;
	line-height: 19px;
	padding-top: 15px;
	padding-bottom: 20px;
	margin: 0 10px 0 10px;
	overflow: auto;
	clear: both;
}
.more-link {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	font-style: italic;
}
.postContent p {
	margin: 0 0 12px 0;
}
.postContent img {
	border: 1px solid #EDEDED;
}
.postContent .chunk {
	padding: 15px 0 0 0;
	margin: 0 0 15px 0;
	clear: both;
	overflow: hidden; 
}
.postLinks {
	width: 100%;
	overflow: hidden;
}
.postComments {
	width: 15%;
	float: left;
	text-align: left;
	margin-left: 10px;
}
.postCategories {
	width: 80%;
	float: right;
	text-align: right;
	margin-right: 10px;
}
.commentNav {
	
}
.commentList {
	clear: both;
	margin: 10px 0 60px 0;
}
.commentList li {
	margin: 0 0 10px 0;
}
.commentmetadata {
	color: #999999;
	font-size: 11px;
	float: right;
	margin: 0 10px 0 0;
}
.comment-author {
	margin: 0 0 20px 10px;
}
.comment-author .fn {
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.commentTimestamp {
	font-family: Georgia, "Times New Roman", Times, serif;
}
.commentList li p{
	font-size: 14px;
	line-height: 18px;
	margin: 0 10px 0 20px;
}
.commentForm {
	margin: 10px 0 0 0;
}
.commentForm label {
	margin: 0 0 0 3px;
}
.page {
	width: 100%;
	background-color: #FFFFFF;
}
.pageContent {
	font-size: 14px;
	line-height: 19px;
	padding-top: 0;
	padding-bottom: 20px;
	margin: 0 20px 0 10px;
	overflow: auto;
}
.sectionTitle {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-style: italic;
	color: #000000;
}
.resultsTitle {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-style: italic;
	text-align: left;
	width: 60%;
	float: left;
	margin: 2px 0 0 10px;
}
.contentTitle {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	font-style: italic;
	color: #000000;
}
.resultsHeader {
	width: 100%;
	height: 25px;
	margin: 0 0 0 0;
	overflow: hidden;
}
.inlineLabel {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: italic;
	color: #000000;
}
.post-edit-link {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 12px;
}
.dottedLine {
	width: 95%;
	height: 1px;
	line-height: 1px;
	background-image: url('http://www.ryanblain.com/wp-content/themes/matterandenergy/images/dotted.gif');
	background-repeat: repeat-x;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	z-index: 1;
}
.dottedLine_comments {
	width: 100%;
	height: 1px;
	line-height: 1px;
	background-image: url('http://www.ryanblain.com/wp-content/themes/matterandenergy/images/dotted_grey.gif');
	background-repeat: repeat-x;
	margin: 25px 0 0 0;
}
.alert {
	width: 880px;
	font-size: 14px;
	line-height: 19px;
	color: #FF0000;
	background-color: #FFFFFF;
	padding: 7px 10px 7px 10px;
	margin-bottom: 20px;
}
.alert a:link {
	color: #FF0000;;
	text-decoration: underline;
}
.alert a:visited {
	color: #FF0000;;
	text-decoration: underline;
}
.alert a:hover {
	color: #FFFFFF;;
	text-decoration: none;
	background-color: #FF0000;
}
.alert a:active {
	color: #FFFFFF;;
	text-decoration: none;
	background-color: #FF0000;
}