@import 'style/reset.css';

body {
	font-family: 'Lucida Grande', Arial, Helvetiva, Sans-Serif; font-size: 13px; color: #333;

}
a {
	text-decoration: none; color: #1f7fac;
}
a:hover {
	color: #03abfa;
}

/*
 * Title
 */
h1 {
	font-family: Helvetica, Sans-Serif; font-weight: normal; font-size: 18px; letter-spacing: -.1em;
	position: fixed; left: 15px; top: 40px; width: 130px;
}
h1 a {
	text-decoration: none; color: #333;
}
h1 a:hover {
	color: #009cf6;
}
h1 em {
	font-style: normal; font-size: 11px; letter-spacing: normal;
}

h1 strong {
	font-weight: normal; font-size: 24px;
}

#content {
	margin-left: 200px;
}


/*
 * Share widget
 */
#share-widget {
	display: none;
	width: 140px; position: fixed; left: 0; top: 130px; padding: 15px 0 0 15px;
	border-top: 1px solid #E5E5E5;
	font-size: 11px;
}

/*
 * Footer
 */
 #footer {
 	background-color: #333;
	color: #FFF;
	padding: 30px 0 30px 200px; margin-top: 150px;
	display: none;
 }
 #footer .wordpressrocks{
 	font-size: 11px;
 }


/*
 * Table of content
 */
 .toc {
 	overflow: hidden;
 }
 .toc-collumn {
 	float: left; width: 400px; margin-bottom: 40px;
 }
 .toc-collumn ul {
 	padding-left: 17px;
	list-style: square;
	font-size: 12px;
 }
 .toc-collumn ul li {
 	padding-left: 0;	
 }
 	/* ToC for home */
	.home .toc {
		margin-top: 148px;
	}
	.home .toc h2 {
		margin-bottom: 20px;
		font-size: 14px; font-weight: normal; font-family: Arial, Helvetica, sans-serif;
	}
	.home .toc h2 em {
		font-family: Baskerville, serif;
	}
	.home .toc li {
		padding-bottom: 12px;
	}
/*
 * Single post
 */
 .single .date {
 	font-size: 11px; color: #aab6bd;
	margin-bottom: 12px;
 }
 .single h2 {
 	font-size: 28px; font-weight: normal; color: #009cf6; letter-spacing: -1px;
 }
 .single h3 {
 	font-size: 18px; font-weight: normal; color: #009cf6; padding-bottom: 10px; margin-top: 1.5em;
 }
 .single .post {
 	width: 550px; margin-top: 40px;
 }
 .single .post-content {
 	margin-top: 36px;
	color: #747474;
 }
 .single .post-content p {
 	line-height: 1.7em;
	margin-bottom: 1em;
 }
 .single .wp-caption-text {
 	text-align: center; color: #999; font-size: 11px; margin-top: 4px;
 }
 .single ul {
 	margin-bottom: 20px; padding-left: 18px;
        list-style: square
 }
 .single ul li {
 	line-height: 1.8em;
 }

 /*
  * Code
  */
 pre {
	border: 1px solid #E2E2E2;
	color: black; font-family: 'Courier New', Courier, monospace; font-size: 13px; line-height: 18px; white-space: pre;
	display: block; overflow: auto; padding: 18px 10px 17px; margin-bottom: 20px;
 }