/*

Theme Name: Astatic

Theme URI: http://www.themelab.com/free-wordpress-themes/

Description: A very minimal child theme of <a href="http://themeshaper.com/thematic-for-wordpress/">Thematic</a>

Author: Theme Lab

Author URI: http://www.themelab.com/

Template: thematic

Version: 0.1

*/



* { padding: 0; margin: 0; }

a img { border: 0; }



body {

	background: #FFF;

	color: #000;

	font-family: Georgia, serif;

	font-size: 12px;

	}

#wrapper {

	width: 500px;

	margin: 0 auto;

	}

#blog-title {

	font-weight: normal;

	font-size: 80px;

	text-align: left;

	padding: 0px 0px 56px;

	}

a {

	color: #000;

	text-decoration: none;

	}

.not-singular .post {

	width: 400px;

	height: 150px;

	float: left;

	margin-right: 50px;
margin-bottom:50px;

	}

.post, .page .page {

	line-height: 21px;

	}

.post p, .page .page p {

	padding-bottom: 14px;

	}

.post p a:hover, .page .page p a:hover, .singular .entry-utility a:hover, #siteinfo a:hover {

	border-bottom: 0;

	}

.post p a, .page .page p a, .post .entry-meta a:hover, .not-singular .entry-utility a:hover, .singular .entry-utility a, .post h2 a:hover, #footer-nav a:hover, #siteinfo a, #blog-title a:hover {

	border-bottom: 1px dotted #000;

	}

.post h2 {

	font-size: 18px;

	}

.post .entry-meta {

	font-size: 10px;

	text-transform: uppercase;

	padding-bottom: 5px;

	}

.not-singular .entry-utility {

	font-size: 10px;

	text-transform: uppercase;

	padding-top: 10px;

	}

h1.entry-title {

	font-size: 24px;

	padding-bottom: 5px;

	}

h1.page-title {

	font-style: italic;

	padding-bottom: 20px;

	font-size: 24px;

	}

.page .page h1.entry-title {

	padding-bottom: 15px;

	}

.singular .entry-meta {

	padding-bottom: 10px;

	text-transform: uppercase;

	font-size: 11px;

	}

.singular ul, .singular ol {

	padding: 0 0 14px 15px;

	}

.singular blockquote {

	margin: 0 50px;

	font-size: 16px;

	line-height: 27px

	font-style: italic;

	}

#nav-below.navigation {

	clear: left;

	}

#nav-below.navigation a {

	border: 1px solid #000;

	display: inline-block;

	padding: 5px;

	}

#nav-below.navigation a:hover {

	background: #000;

	color: #fff;

	}

.singular #nav-below.navigation {

	padding-top: 50px;

	}

#footer-nav {

	clear: both;

	list-style: none;

	text-align: center;

	padding: 50px 0 20px;

	}

#footer-nav li#home-link {

	border-left: 0;

	}

#footer-nav li {

	border-left: 1px solid #000;

	display: inline;

	padding: 0 10px;

	}

#siteinfo {

	text-align: center;

	padding: 0 0 50px;

	clear: both;

	}



.alignleft, .nav-previous { float: left; }

.alignright, .nav-next { float: right; }



/* =Comments (direct copy from Thematic's default.css)

-------------------------------------------------------------- */



#comments {

    padding:75px 0 0 0;

    clear: both; /* I added this to clear the float from singular post nav */

}

#comments,

#comments input,

#comments textarea {

    font-size:13px;

    line-height:18px;

}

#comments code {

    font-size:12px;

    line-height:18px;

}

#comments h3 {

    font-size:15px;

    font-weight:bold;

    line-height:22px;

    padding:0 0 18px 0;

}

#comments-list {

    padding:0 0 18px 0;

}

.singular #comments-list ol,

.singular #comments-list ul {

    list-style:none;

    margin:0;

    padding:0;

}

#comments-list ol {

    border:0px solid #ccc;

    border-bottom:none;

    margin:0 0 18px 0;

}

#comments-list li {

    background:#fafafa;

    border-bottom:1px solid #ccc;

    padding:18px 1.5em 24px 1.5em;

    position:relative;

}

#comments-list li.alt {

    background:#fff;

}

#comments-list li.bypostauthor {

    background:#FFFFCC;

}

#comments-list ul li {

    border:1px solid #ccc;

    margin:0 0 18px 0;

}

#comments-list li .avatar {

    position:absolute;

    top:22px;

    left:1.5em;

    width:36px;

    height:36px;

}

#comments-list .comment-author {

    font-weight:bold;

    padding:9px 0 0 46px;

}

#comments-list .comment-meta {

    color:#666;

    font-size:11px;

    padding:0 0 9px 46px;

}

#comments-list .comment-meta a {

    color:#666;

    font-style:italic;

    text-decoration:none;

}

#comments-list .comment-meta a:active,

#comments-list .comment-meta a:hover {

    color: #FF4B33;

}

.comment-reply-link {

    font-size:11px;

    padding:0 0 18px 0;

    text-align:right;

}

.comment-reply-link a {

    color:#666;

    font-style:italic;

    text-decoration:none;

}

.comment-reply-link a:active,

.comment-reply-link a:hover {

    color: #FF4B33;

}

.comment-navigation {

    font-weight:bold;

    padding:0 0 18px 0;

    margin-right:0.5em;

}

.comment-navigation a {

    border:1px solid #ccc;

    color:#666;

    font-weight:normal;

    padding:0.5em 0.75em;

    text-decoration:none;

}

.comment-navigation a:active,

.comment-navigation a:hover {

    color: #FF4B33;

}

.comment-navigation a,

.comment-navigation span {

    margin-right:0.5em;

}

#trackbacks-list .comment-content {

    position:absolute;

    left:-9000px;

}

#respond {

    background:#fff;

    margin-bottom:22px;

    overflow:hidden;

    padding:18px 0 0 0;

    position:relative;

}

#comments-list #respond {

    border-bottom:1px solid #ccc;

    margin:0 0 18px 0;

    padding:18px 1.5em;

}

#comments-list ul #respond {

    border:1px solid #ccc;

    margin:0;

}

#cancel-comment-reply {

    font-size:11px;

    position:absolute;

    top:18px;

    right:1.5em;

}

#cancel-comment-reply a {

    color:#666;

}

#respond .required {

    color:#FF4B33;

    font-weight:bold;

}

.form-section label {

    font-size:11px;

}

.form-section input {

    margin:0 0 18px 0;

    width:98%;

}

.form-section textarea {

    width:99%;

}

#form-allowed-tags p {

    color:#666;

    font-size:11px;

    margin:0;    

}

#form-allowed-tags span {

    font-style:italic;

}

#form-allowed-tags code {

    font-size:11px;

    line-height:normal;

}

.form-submit {

    padding:18px 0 0 0;

    text-align:right;

}

.subscribe-to-comments {

    color:#666;

    float:left;

    font-size:11px;

    margin:0;

    padding:18px 0 0 0;

}

.solo-subscribe-to-comments {

    color:#666;

    font-size:11px;

    padding:18px 0 0 0;

}

.comment_license {

    color:#666;

    clear:both;

    font-size:11px;

    margin:0;

    padding:18px 0 0 0;

}



/* WordPress CSS for images and stuff like that */

.aligncenter,

div.aligncenter {

   display: block;

   margin-left: auto;

   margin-right: auto;

}

.wp-caption {

   border: 1px solid #ddd;

   text-align: center;

   background-color: #f3f3f3;

   padding-top: 4px;

   margin: 10px;

   /* optional rounded corners for browsers that support it */

   -moz-border-radius: 3px;

   -khtml-border-radius: 3px;

   -webkit-border-radius: 3px;

   border-radius: 3px;

}



.wp-caption img {

   margin: 0;

   padding: 0;

   border: 0 none;

}



.wp-caption p.wp-caption-text {

   font-size: 11px;

   line-height: 17px;

   padding: 0 4px 5px;

   margin: 0;

}

img.alignleft { margin-right: 10px; }

img.alignright { margin-left: 10px; }