/*
Theme Name: Kitsune
Theme URI: http://blog.corygibbons.com
Description: Minimalism.
Version: 2.8
Author: Cory Gibbons
Author URI: http://corygibbons.com
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

body{
	font-family: Georgia;
	font-size: 10px;
	font-weight: normal;
	line-height: 1.9em;
	padding: 0;
	z-index: 500px;
}

::selection {
	background: #baf6f8; /* Safari */
	}
::-moz-selection {
	background: #baf6f8; /* Firefox */
}

h1{
	margin-bottom: 2.5em;
}

#container{
	width: 960px;
	margin: 0 auto;
	/* background-color: #DDDDDD; */
}

#header{
	margin: 0 0 0 0;
	text-align: center;
	padding-top: 140px;
	padding-bottom: 160px;
	font-family: Andale Mono, Courier, monospace;font-size:10px;font-weight: normal;text-transform:uppercase;color:#000;letter-spacing:2px;
}

#header a{ border-bottom: 1px solid #000;padding-bottom:3px; }
#header a:hover{ border-bottom: 1px solid #999; }


#sidebar{
	width: 960px;
	background-color: #FF0;
	float: left;
	border-top: 1px solid #cecece;
	border-bottom: 1px solid #cecece;
	padding: 0px;
	position: fixed;
	bottom: 0px;
	z-index: 500;
}

#sidebar_slide{
background-color: #000;
}

#sidebar a{
	border-bottom: 1px solid #000000;
	padding-bottom: 1px;
}

#sidebar a:hover{
	color: #8f8f8f;
	border-bottom: 1px dotted #8f8f8f;
}

#sidebar ul{
	margin-bottom: 1em;
}

#sidebar .children{
	margin-bottom: 0px;
}

#sidebar .archives{
	color: #8f8f8f;
	font-style: italic;
}

#sidebar .description{
	margin-bottom: 1em;
}

#content{
	width: 960px;
	float: left;
	margin-bottom: 10px;
}

#content p{
	margin-bottom: 1em;
	width: 480px;
}

#footer{
	clear: both;
	padding-top: 100px;
	padding-bottom: 20px;
	text-align: center;
	font-style: italic;
}

#footer li{
	display: inline;
	margin-right: 15px;
}

#footer a{
	text-decoration: none;
}

#footer a:hover{
	padding-bottom: 3px;
	border-bottom: 1px solid #000;
}

.post{
	margin-bottom: 12em;
}

.post a{
	padding-bottom: 1px;
	border-bottom: 1px solid #8f8f8f;
}

.post h2 a{ border: 0px; }

.post a:hover{
	border-bottom: 1px solid #8f8f8f;
	color: #8f8f8f;
}

.singlepost{ margin-bottom: 3em; }
.singlepost a{
	padding-bottom: 1px;
	border-bottom: 1px solid #8f8f8f; }
.singlepost a:hover{
	border-bottom: 1px solid #8f8f8f;
	color: #8f8f8f;
}

.title{
	margin-bottom: 1em;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.title a{
	border-bottom: none;
}

.title a:hover{
	color: #000000;
}

h2{ display: inline; }

h2 a{
	color: #828282;
	border-bottom: 0px;
	}
	
h2 a:hover{
color: #000;
}

.meta{ margin-top: 2em; color: #6c6c6c; font-style: italic; }

.singlemeta{
	margin-top: 60px;
	color: #3a3a3a;
}

#comments{
	width: 480px;
	margin: 0 0 0 0px;
}

#comments li{
	border-top: 1px solid #d9d9d9;
	padding: 16px 0 0 0;
	margin: 0 0 50px 0;
	}

.comments-header{
	margin-bottom: 50px;
	margin-top: 60px;
	border-top: 1px solid #b7b7b7;
	padding: 16px 0 8px 0;
}

.comment-meta{
	margin-bottom: 3em;
	font-style: normal;
	color: #8f8f8f;
}

#comments-header{
	margin-bottom: 1em;
}

#sub{
	background-color: #dedede;
	padding: 8px;
	border: 0px;
	font-family: Georgia, times, Sans-serif;
	font-size: 10px;
	margin-bottom: 5em;

}

#sub:hover{
	background-color: #b6b6b6;
}

#author, #email, #url{
	background-color: #fff;
	border: 1px solid #dedede;
}

#comment{
	background-color: #fff;
	border: 1px solid #dedede;
	width: 100%;
}

.navy{
	background-color: #FF0;
	width: 960px;
	}

.navl{
	float: left;
	}

.navr{
	float: right;
	}


/* FROM HERE ONWARDS IS THE ARCHIVE PAGE */

#archives{
	width: 960px;
	padding: 2em 0;
	margin-left: -10px;
	}

#archives h2{
border-bottom: 1px solid #000;}

#archives ul{ margin-top: 1em;}

#archives .cats{
	width: 176px;
	float: left;
	min-height: 300px;
	margin: 0 10px;
	}

#archives .months{
	width: 176px;
	float: left;
	margin: 0 10px;
	}

#archives .search{
	width: 176px;
	float: left;
	margin: 0 10px;
	}

#archives .clearsies{
	clear: both;
	}

#browse{ background-color: #fff; width: 140px; position: fixed; top: 10px; left: 10px; padding: 20px; font-size: 10px; z-index: 998; }
#browse p{ width: 140px; }
#browse #vertical_slide{ padding-bottom: 0.5em; z-index: 999; }
#browse #vertical_slide p{ margin-bottom: 1em; }
#browse #vertical_slide ul{ margin-bottom: 2em; color: #6c6c6c; }
#browse #vertical_slide li{ font-style: normal; }
#browse #vertical_slide li.description{ font-style: normal; margin-top: 1em; color: #9c9c9c; }
#browse #vertical_slide li.elsewhere{ padding-top: 1em; }

#browse #vertical_slide a:{ color: #FF0; }
#browse #vertical_slide a:hover{ border-bottom: 1px solid #6c6c6c; padding-bottom: 2px; }


#browse #vertical_slide ul li h3{ font-style: normal; padding-bottom: 0.5em; }

#browse a:hover{ border-bottom: 1px solid #6c6c6c; padding-bottom: 2px; cursor: default; }

#content img{ margin-bottom: 60px; }
#archivecontent img{ margin-bottom: 20px; }
#archivecontent img:hover{ opacity: 0.6; filter:alpha(opacity=60)}
#archivecontent h1{ margin-bottom: 10px; }
#archivecontent h1 a:hover{ padding-bottom: 2px; border-bottom: 1px solid #898989; }


/* archive page styling */

#archivecontent{ margin-left: -20px; }
.archivepost{ width: 225px; float: left; margin-left: 20px; margin-bottom: 30px; padding-bottom: 10px; border-bottom: 1px solid #cccccc; }
.archivepost p{ max-width: 225px; margin-bottom: 1em; }