/*   
Theme Name: Steff Dot Me
Theme URI: http://steff.me/
Description: a-brief-description
Author: your-name
Author URI: your-URI
Version: 0.1
.
General comments/License Statement if any.
.
*/

html, body {
	color: #757575;
	font: 16px Palatino, Georgia, "Times New Roman", Times, serif;
	padding: 0;
	margin: 0;
}

#wrapper {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 52em;
	padding: 10px;
	position: relative;
	overflow: hidden;
}

#container {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	margin-top: 4em;
	display: block;
	overflow: visible;
}

#header {
}

h1 {
	display: block;
	background: url(http://steff.me/images/blogtitle.jpg) no-repeat;
	width: 800px;
	height: 170px;
	min-width: 800px;
	min-height: 170px;
}

h1 span {
	display: none;
}

h2, h2 a, a h2 {
	color: #a8a8a8;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	text-transform: uppercase;
	padding-bottom: 0.2em;
	width: 40%;
	font-weight: normal;
	font-style: normal;
}

h2 span.warning {
	color: #fb4f50;
	line-height: 1em;
	position: relative;
	bottom: 0.3em;
	left: 1em;
	font-weight: bold;
	font-size: 0.5em;
}

ul#nav {
	list-style-type: none;
	float: right;
	text-align: right;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	padding: 5em 0 0;
	overflow: visible;
	margin: -5em 0 2em -14em;
}

* html ul#nav {
	list-style-type: none;
	float: right;
	text-align: right;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	padding: 5em 0 0;
	overflow: visible;
	margin: -10em -3em -2em -14em;
}

ul#nav li {
	display: inline;
	margin-left: 0.1em;
	text-transform: uppercase;
	font-size: 1.5em;
	overflow: visible;
}

ul#nav li a {
	background-position: center center;
	border-style: none;
	position: relative;
	overflow: visible;
}

a {
	color: #d3d3d3;
	text-decoration: none;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	margin: 0;
	padding: 0;
	border-style: none;
}

a:hover, a:active {
	border-style: none;
}

a.home:hover, li.selected a.home, li.selected a.home:hover {
	color: #eb4db6;
}

a.blog:hover, li.selected a.blog, li.selected a.blog:hover {
	color: #42b1fd;
}

a.elsewhere:hover, li.elsewhere a.blog, li.elsewhere a.blog:hover {
	color: #fa9856;
}

a.projects:hover, li.projects a.blog, li.projects a.blog:hover {
	color: #71db2e;
}

a.contact:hover, li.contact a.blog, li.contact a.blog:hover {
	color: #fd2;
}

ul#nav a.home {
	position: relative;
	background-color: transparent;
	padding-top: 3.5em;
	padding-bottom: 3em;
	z-index: 5;
	left: 7em;
	margin-left: 7em;
	padding-left: 0;
}

ul#nav a.home:hover {
	background: url(images/home-hover4.png) no-repeat center center;
	z-index: 5;
	padding-left: 7em;
	margin-left: 0;
}

* html ul#nav a.home {
	position: relative;
	background-color: transparent;
	padding-top: 3.5em;
	padding-bottom: 3em;
	z-index: 5;
	margin-left: 7em;
	left: 14em;
	bottom: 0.1em;
}

* html ul#nav a.home:hover {
	background: url(images/home-hover4.png) no-repeat center center;
	z-index: 5;
	padding-left: 7em;
	margin-left: 0;
	left: 7em;
}

ul#nav a.blog {
	padding-left: 2em;
	padding-right: 2em;
	z-index: 2;
	left: 5em;
	padding-top: 3.3em;
}

* html ul#nav a.blog {
	bottom: 3.1em;
}

ul#nav a.blog:hover {
	background: url(images/blog-hover-steffanwilliams.png) no-repeat center top;
	z-index: 2;
}

ul#nav a.elsewhere {
	margin-right: -1em;
	padding-right: 1em;
	padding-top: 3em;
	padding-bottom: 3em;
	background-color: transparent;
	z-index: 3;
	position: relative;
	left: 3em;
}

* html ul#nav a.elsewhere {
	margin-right: -1em;
	padding-right: 1em;
	padding-top: 3em;
	padding-bottom: 3em;
	background-color: transparent;
	z-index: 3;
	position: relative;
	left: 3em;
	bottom: 0.1em;
}

ul#nav a.elsewhere:hover {
	background: url(images/elsewhere-hover.png) no-repeat center center;
	z-index: 2;
}

ul#nav a.projects {
	padding-right: 3em;
	padding-bottom: 3.1em;
	padding-left: 0;
	z-index: 4;
	left: 3em;
}

ul#nav a.projects:hover {
	background: url(images/project-hover.png) no-repeat right bottom;
	z-index: 3;
}

ul#nav a.contact {
	padding-top: 4.5em;
	position: relative;
	z-index: 5;
	padding-right: 2em;
}

* html ul#nav a.contact {
	bottom: 3.1em;
}

ul#nav a.contact:hover {
	background: url(images/contact-hover.png) no-repeat right top;
	z-index: 4;
}

* html ul#nav a {
	display: inline-block;
}

#content {
	margin-top: 4em;
	margin-bottom: 3em;
	font: 1.2em/1.5em Palatino, Georgia, "Times New Roman", Times, serif;
	text-align: justify;
}

#footer {
	text-align: center;
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: 0.9em;
	float: left;
	display: block;
}

.clear {
	clear: both;
	margin: 1px;
}

#content a {
	padding: 0.1em 0.2em;
}

#content a.home {
	color: #eb4db6;
}

#content a.blog {
	color: #42b1fd;
}

#content a.elsewhere {
	color: #fa9856;
}

#content a.projects {
	color: #71db2e;
}

#content a.contact {
	color: #fd2;
}

#content a:hover {

}

#content a.home:hover {
	color: #fff;
	background-color: #eb4db6;
}

#content a.blog:hover {
	color: #fff;
	background-color: #42b1fd;
}

#content a.elsewhere:hover {
	color: #fff;
	background-color: #fa9856;
}

#content a.projects:hover {
	color: #fff;
	background-color: #71db2e;
}

#content a.contact:hover {
	color: #fff;
	background-color: #fd2;
}

strong.name {
	color: #575757;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#content a {
	color: #333;
}

.description {
}

.description p {
	font-size: 0.9em;
}

.project-wrapper {
	background-color: #eee;
	padding: 1em 2em;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	border: 0.3em solid #ddd;
	margin-bottom: 2em;
	display: block;
	margin-top: 2em;
}

#content .project-wrapper .description a:hover {
	background-color: #71db2e;
	color: #fff;
}

.project-wrapper img {
	float: right;
	clear: right;
	padding: 0 0 2em 2em;
}

/* 
	ELSEWHERE SPECIFIC STLES
*/

#places a {
	background: #eee 0;
	display: block;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	margin-bottom: 2em;
	border: 0.3em solid #ddd;
	color: #333;
}

#places a:hover {
	background-color: #fa9856;
	color: #fff;
}

a#twitter {
	background: #eee url(images/twitter-small.png) no-repeat 2em center;
}

a#flickr {
	background: #eee url(images/flickr.png) no-repeat 2em center;
}

a#pownce {
	background: #eee url(images/pownce.png) no-repeat 2em center;
}

a#delicious {
	background: #eee url(images/delicious.png) no-repeat 2em center;
}

a#digg {
	background: #eee url(images/digg.png) no-repeat 2em center;
}

#places p {
	padding-top: 2em;
	padding-bottom: 2em;
	text-align: center;
	font-size: 1.3em;
}

form {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

#contact #email, #contact #name, #contact #antispam {
	width: 50%;
	margin-bottom: 1em;
	margin-top: 0.2em;
	border: 1px solid #ccc;
	font-size: 1.2em;
	padding: 0.1em;
}

#contact #message {
	width: 100%;
	display: block;
	border: 1px solid #ccc;
	margin-bottom: 1em;
	font: 1.2em "Lucida Grande", Lucida, Verdana, sans-serif;
	padding: 0.1em;
}

#contact label {
	display: block;
}

#contact #submit {
	width: 100%;
	color: #fd2;
	background-color: #333;
	margin-top: 2em;
	padding: 0.5em;
	font-size: 1.2em;
	border: 0.2em solid #000;
}

#contact #submit:hover {
	cursor: pointer;
	font-size: 1.2em;
	background-color: #fd2;
	width: 100%;
	text-align: center;
	border: 0.2em solid #fbd616;
	color: #333;
}

span#hint {
	font-size: 0.8em;
	color: #f00;
	font-weight: bold;
}

#errormsg {
	text-align: center;
	background-color: #f00;
	color: #fff;
	padding: 0.5em 2em;
	margin-bottom: 2em;
}

.amp{
	font-style: italic;
	font-family: "Adobe Caslon Pro", "Hoefler Text", Palatino, "Palatino Linotype", serif;
}

#content .post {
	margin-top: 4em;
}

#single-article {
	width: 65%;
	float: left;
	clear: left;
	margin-top: -4em;
}

#content span.categories {
	text-transform: capitalize;
}

#content.blog h2 {
	padding-left: 0;
	margin-left: 0;
	z-index: 10;
	width: auto;
	display: block;
	text-align: left;
}

#content.blog .post p a:hover {
	background-color: #eee;
}

#content .post h2.title a, #content .post h2.single a {
	color: #d3d3d3;
	width: auto;
	text-align: left;
	margin-left: 0;
	padding-left: 0;
}

#content .post h2.title a.asides:hover {
	padding-left: 0;
	margin-left: 0;
	color: #d3d3d3;
}

#content .articles .post p a:hover, #content .articles .post .more-link a:hover {
	color: #fff;
	background-color: #42b1fd;
}

#content .articles .post p a, #content .articles .post .more-link a {
	color: #42b1fd;
}

#content .articles .post h2.title a:hover {
	color: #42b1fd;
	background: transparent left center;
}

#content .personal .post p a:hover, #content .personal .post .more-link a:hover {
	color: #fff;
	background-color: #eb4db6;
}

#content .personal .post p a, #content .personal .post .more-link a {
	color: #eb4db6;
}

#content .personal .post h2.title a:hover {
	color: #eb4db6;
	background-color: transparent;
}

#content .reviews .post p a:hover, #content .reviews .post .more-link a:hover {
	color: #fff;
	background-color: #71db2e;
}

#content .reviews .post p a, #content .reviews .post .more-link a {
	color: #71db2e;
}

#content .reviews .post h2.title a:hover {
	color: #71db2e;
	background-color: transparent;
}

#content .tech .post p a:hover, #content .tech .post .more-link a:hover {
	color: #fff;
	background-color: #fa9856;
}

#content .tech .post p a, #content .tech .post .more-link a {
	color: #fa9856;
}

#content .tech .post h2.title a:hover {
	color: #fa9856;
	background-color: transparent;
}

#content .games .post p a:hover, #content .games .post .more-link a:hover {
	color: #000;
	background-color: #fd2;
}

#content .games .post p a, #content .games .post .more-link a {
	color: #fd2;
}

#content .games .post h2.title a:hover {
	color: #fd2;
	background-color: transparent;
}

#content .asides .post p a:hover, #content .asides .post .more-link a:hover {
	color: #000;
	background-color: #eee;
}

#content .asides .post p a, #content .asides .post .more-link a {
	color: #000;
}

#content .asides .post h2.title a:hover {
	color: #000;
}

#content .site .post p a:hover, #content .site .post .more-link a:hover {
	color: #fff;
	background-color: #f00;
}

#content .site .post p a, #content .site .post .more-link a {
	color: #f00;
}

#content .site .post h2.title a:hover {
	color: #f00;
	background-color: transparent;
}

#content .post img {
	background-color: transparent;
	margin-left: auto;
	margin-right: auto;
	display: block;
	border: 0.8em solid #eee;
	padding: 0.5em;
}

#content .post object {
	background-color: transparent;
	margin-left: auto;
	margin-right: auto;
	display: block;
	border: 0.8em solid #eee;
	padding: 0.5em;
}

#content .navigation {
	overflow: hidden;
	width: 100%;
	margin-bottom: 2em;
	margin-top: 2em;
}

#content .navigation a {
	display: block;
	font: bold 1em "Lucida Grande", Lucida, Verdana, sans-serif;
	text-transform: uppercase;
}

#content .navigation a:hover {
	color: #f00;
}

#content .navigation .alignright {
	float: right;
	text-align: right;
}

#content .navigation .alignleft {
	float: left;

	text-align: left;
}

blockquote {
	padding-left: 1em;
	border-left: 1em double #eee;
	padding-bottom: 0.2em;
	padding-top: 0.2em;
	margin-left: 1em;
}

code {
	background-color: #000;
	color: #fff;
	display: block;
	margin: 0;
	padding-bottom: 1em;
	padding-right: 1em;
	padding-left: 1em;
	font: 0.8em Monaco, Courier, "Courier New", mono;
}

#commentform {
	font-size: 0.8em;
}

#commentform input#author, #commentform input#email, #commentform input#url {
	border: 0.2em solid #eee;
	padding: 0.1em;
	font-size: 1.1em;
}

#commentform input {
	
}

#commentform textarea {
	border: 0.2em solid #eee;
	width: 99%;
	font: 1.2em Verdana, "Lucida Grande", Lucida, sans-serif;
}

#commentform #submit {
	color: #000;
	background-color: #eee;
	margin-top: 2em;
	padding: 0.5em;
	font-size: 1.2em;
	border: 0.2em solid #ddd;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

#commentform #submit:hover {
	cursor: pointer;
	font-size: 1.2em;
	background-color: #ddd;
	text-align: center;
	border: 0.2em solid #ccc;
	color: #333;
}

#comments {
	margin-top: 2em;
}

ol.commentlist {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.commentlist li {
	font-size: 0.8em;
	text-align: left;
	clear: both;
	margin-bottom: 4em;
}

#sidebar {
	float: right;
	padding: 0 0.3em 0.3em;
	text-align: left;
	margin-top: -1.5em;
	font: 0.7em/1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	width: 250px;
}

.single-post #sidebar {
	margin-top: 2em;
}

#sidebar .meta {
	background-color: #eee;
	border: 0.2em solid #ddd;
	padding: 0.5em;
}

#sidebar .sidebar-content {
	margin-bottom: 3em;
	clear: both;
}

#sidebar a {
	padding: 0;
}

#sidebar a:hover {
	color: #999;
}

dl {
}

dt {
	margin: 0;
	float: left;
	clear: left;
	padding: 0.5em 0.1em 0.3em;
	text-transform: uppercase;
	color: #aaa;
	font: bold 0.8em/1.5em "Lucida Grande", Lucida, Verdana, sans-serif;
	width: 6.7em;
}

dd {
	margin: 0;
	padding: 0.3em 0 0.3em 7em;
	font-size: 0.9em;
	line-height: 1.5em;
}

.post {
	font-size: 0.9em;
	line-height: 1.6em;
}

#sidebar h2 {
	text-align: center;
	margin-top: -0.5em;
	background-color: #fff;
	padding-left: 0.5em;
	padding-right: 0.5em;
	font-size: 1.1em;
	line-height: 1em;
}

.ad {
	text-align: center;
	margin-top: 3em;
	margin-bottom: 3em;
}

#sidebar .ad {
	text-align: center;
	margin-top: 3em;
	margin-bottom: 3em;
}

.commentlist li dl {
	border-left: 0.3em solid #eee;
	float: right;
	clear: right;
	margin: 0 0 0 1em;
	padding: 0 0 0 1em;
	width: 14em;
	font-size: 0.9em;
}

.commentlist li dl dt {
	width: 4.7em;
}

.comment-content {
	width: 18em;
}

.entry h3 a, .entry h2 a, .entry h4 a {
	background-color: transparent;
	color: #a8a8a8;
	text-decoration: none;
	font-size: 1.3em;
	line-height: 1.5em;
}

.post ul {
	padding-left: 2em;
}

.post ul li {
	list-style-type: square;
}

.special {
	text-align: center;
	background-color: #eee;
	padding: 1em;
}

.entry a h3 {
	color: #757575;
}

.entry a:hover h3 {
	background-color: transparent;
}

.img a, .img a:hover {
	background-color: transparent;
	border-style: none;
}

ul#twitter {
	margin: 0;
	padding: 0;
}

ul#twitter li {
	list-style-image: none;
	list-style-type: none;
	text-align: center;
	display: inline;
}

dl.meta {
	font-size: 0.8em;
}

.meta dt {
	float: left;
	clear: left;
	padding: 0.5em 0.1em 0.3em;
	text-transform: uppercase;
	color: #aaa;
	font: bold 0.8em/1.5em "Lucida Grande", Lucida, Verdana, sans-serif;
	width: 6.7em;
}

.meta dt.first {
	border-top: 0.3em solid #aaa;
}

.meta dd {
	padding-top: 0.4em;
}

.meta dd.first {
	border-top: 0.3em solid #eee;
}

.meta {
	padding-top: 0.3em;
}

#sidebar a.articles {
	color: #42b1fd;
	padding: 0.2em;
}

#sidebar a.tech {
	color: #fa9856;
	padding: 0.2em;
}

#sidebar a.games {
	padding: 0.2em;
	color: #fd2;
}

#sidebar a.personal {
	color: #eb4db6;
	padding: 0.2em;
}

#sidebar a.reviews {
	color: #71db2e;
	padding: 0.2em;
}

#sidebar a.asides {
	color: #000;
	padding: 0.2em;
}

#sidebar a.articles:hover {
	color: #fff;
	background-color: #42b1fd;
}

#sidebar a.tech:hover {
	color: #fff;
	background-color: #fa9856;
}

#sidebar a.games:hover {
	background-color: #fd2;
	color: #000;
}

#sidebar a.personal:hover {
	color: #fff;
	background-color: #eb4db6;
}

#sidebar a.reviews:hover {
	background-color: #71db2e;
	color: #fff;
}

#sidebar a.asides:hover {
	color: #000;
	background-color: #eee;
}

/* RELATED POSTS */

.related-posts {
	font-size: 0.8em;
	margin-top: 2em;
	margin-bottom: 1em;
}

.related-posts ol {
	
}

.related-posts li {
	list-style-type: square;
}

.related-posts a {
	color: #000;
}

.related-posts a:hover {
	background-color: #eee;
}

#rss {
	width: 86px;
	height: 34px;
	display: block;
	background: url(/wordpress/wp-content/themes/lolcom/images/rss.jpg) no-repeat center top;
}

#rss:hover {
	width: 86px;
	height: 34px;
	display: block;
	background: url(/wordpress/wp-content/themes/lolcom/images/rss.jpg) no-repeat center -37px;
}

#rss span {
	display: none;
}

#sidebar p {
	text-align: justify;
}

/* PASTIE Code */

.pastie {
	font-size: 12px;	
}

.pastie .allcode {
	overflow: auto;	
}