@charset "UTF-8";



/** Log */
/**************************************/
@media all {
	div#log h2.archives {
		font-size      : 18px;
		color          : #ffffff;
		background     : #000000;
		padding        : 0;
		margin         : 0 0 20px 0;
	}
}



/** Nav */
/**************************************/
@media all {
	div#nav a span {
		font-size      : 9px;
		color          : #333333;
		margin         : 3px 0 0 0;
		display        : block;
	}
	
	div#nav a:hover span {
		color          : #ffffff;
	}
	
	div#nav a span.cnt {
		margin         : 0;
		display        : inline;
	}
}



/** Sections */
/**************************************/
@media all {
	div.section ul.meta {
		padding        : 0;
		margin         : -5px 0 20px 0;
	}
	
	div.section ul.meta li {
		font-size      : 11px;
		line-height    : 1;
		list-style     : none;
		color          : #333333;
		padding        : 0;
	}
	
	div.section ul.meta li.date {
		font-size      : 16px;
		letter-spacing : -1px;
		margin         : 0 0 2px 0;
	}
	
	div.section ul.meta li.tags,
	div.section ul.meta li.edit {
		display        : inline;
	}
	
	div.section ul.meta a {
		color          : #333333;
	}
	
	div.section ul.meta a:hover {
		color          : #ff0099;
	}
	
	div.section div.comment a {
		font-size      : 10px;
		text-indent    : 25px;
		text-decoration: none;
		line-height    : 22px;
		color          : #666666;
		background     : url("../../img/log/btn/comment.gif") no-repeat;
		width          : 130px;
		height         : 22px;
		margin         : 20px 0 0 0;
		display        : block;
	}
	
	div.section div.comment a:hover {
		color          : #ffffff;
		background     : url("../../img/log/btn/comment_on.gif") no-repeat;
	}
	
	div.section div.comment em {
		font-size      : 12px;
		font-weight    : bold;
		color          : #ff0099;
	}
	
	div.section form#trackback {
		margin         : 30px 0 0 0;
	}
	
	div.section form#trackback * {
		font-size      : 13px;
		color          : #66ff33;
	}
	
	div.section form#trackback input {
		text-decoration: underline;
		line-height    : 1;
		background     : #111111;
		border         : none;
		width          : 400px;
	}
}



/** Snipplr */
/**************************************/
@media all {
	div.snipplr h4 {
		margin         : 0 0 5px 0;
	}
	
	div.snipplr h4 span {
		font-size      : 10px;
		color          : #ff9900;
		padding        : 0 5px 0 0;
	}
	
	div.snipplr p {
		font-size      : 10px;
		margin         : 0 0 10px 0 !important;
	}
	
	div.snipplr div.code {
		background     : #222222;
		padding        : 10px;
		margin         : 0 0 20px 0;
	}
	
	div.snipplr div.code * {
		font-size      : 11px;
		font-family    : "Courier New", monospace;
	}
	
	div.snipplr div.code ol {
		padding        : 0 !important;
		margin         : 0 0 0 30px !important;
	}
	
	div.snipplr div.code li {
		color          : #444444;
		padding        : 2px 0 !important;
	}
	
	div.snipplr div.code div {
		color          : #ffffff;
	}
}



/** Pages */
/**************************************/
@media all {
	ul.pages {
		padding        : 0 0 20px 0;
	}
	
	ul.pages li {
		font-size      : 14px;
		color          : #ffffff;
		width          : 49%
	}
	
	ul.pages li.prev {
		float          : left;
	}
	
	ul.pages li.next {
		text-align     : right;
		float          : right;
	}
}



/** Comments */
/**************************************/
@media all {
	div#comments {
		padding        : 10px 0 30px 0;
	}
	
	div#comments h2 {
		font-size      : 14px;
		color          : #ffffff;
		background     : #000000;
		padding        : 0;
		margin         : 0 0 20px 0;
	}
	
	div#comments li {
		border-bottom  : 1px solid #111111;
		margin         : 0 0 15px 0;
	}
	
	div#comments h3 {
		font-size      : 18px;
		color          : #ff0099;
		margin         : 0 0 5px 0;
	}
	
	div#comments h3 a {
		color          : #ff0099;
	}
	
	div#comments div.date {
		letter-spacing : -1px;
		color          : #333333;
		margin         : 0 0 10px 0;
	}
	
	div#comments p {
		font-size      : 11px;
		color          : #ffffff;
	}
}



/** Respond */
/**************************************/
@media all {
	div#respond {
		width          : 400px;
		margin         : 0 0 10px 0;
	}
	
	div#respond h2 {
		margin         : 0 0 0 0;
	}
	
	div#respond table {
		width          : 100%;
	}
	
	div#respond th,
	div#respond td {
		font-size      : 12px;
		background     : none;
		border         : none;
		border-bottom  : 1px solid #111111;
		padding        : 10px 0;
	}
	
	div#respond th {
		text-align     : left;
		width          : 30%;
	}
	
	div#respond td {
		width          : 70%;
	}
	
	div#respond label {
		color          : #ffffff;
		display        : block;
	}
	
	div#respond label span {
		font-size      : 10px;
		line-height    : 1.2;
		color          : #333333;
		margin         : 2px 0 0 0;
		display        : block;
	}
	
	div#respond td input {
		font-size      : 14px;
		font-weight    : bold;
		text-indent    : 5px;
		width          : 250px;
		padding        : 5px 0;
		display        : block;
	}
	
	div#respond td a {
		font-size      : 14px;
		font-weight    : bold;
		color          : #ffffff;
	}
	
	div#respond textarea {
		width          : 100%;
	}
	
	div#respond th input {
		font-size      : 14px;
		font-weight    : bold;
		width          : 200px;
		padding        : 5px 0;
		margin         : 0 auto;
		display        : block;
	}
}



/** Clearfix */
/**************************************/
@media all {
	ul.pages:after {
		content        : ".";
		height         : 0px;
		clear          : both;
		visibility     : hidden;
		display        : block;
	}
	
	ul.pages {
		display        : inline-block;
	}
	
	/*\*/
	* html ul.pages {
		height         : 1%;
	}
	
	ul.pages {
		display        : block;
	}
}