/*
Theme Name: Shiretoko
Theme URI: 
Description: 
Version: 1.0
Author: elf acht /  front-end & web design
Author URI: http://www.elfacht.com
*/


/***********************************************************
 Global Reset
************************************************************/

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
legend { display: none;; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
ul { list-style: none; }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
a { text-decoration: none; }
strong { font-weight: bold; }
em { font-style: italic; }
* a { position: relative; }
a img { border: none; }
* { outline: none; }
form { display: inline; }


/***********************************************************
 Defaults
************************************************************/

html, body { height: 100%; }

body {
	background: url('http://img.paracuda.com/images/bg.png') center bottom #1f1f1f no-repeat;
	background-attachment: fixed;
	color: #fff;
	font-family: "Lucida Grande", Helvetica, sans-serif;
	font-size: 75%;
	line-height: 1.6em;
	overflow-x: hidden;
}

a 					{ color: #55b2c3; }
a:hover 			{ color: #333; }
a.intern			{ color: #af5cc1; }
a.intern:hover		{ color: #333; }

a.more-link	{ 
	background: #666;
	color: #fff; 
	display: inline-block;
	padding: 6px 20px;
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;	
}

a.more-link:hover { background: #af5cc1; }

input, 
textarea {
	border: none;
	color: #fff;
}

/***********************************************************
 Site
************************************************************/

#backlight {
	background: url('http://img.paracuda.com/images/backlight_header.png') no-repeat;
	height: 212px;
	left: 50%;
	margin-left: -471px; 
	position: absolute;
	top: 0;
	overflow: hidden;
	width: 942px;
}

#container {
	min-height: 100%;
	margin: 0 auto -288px auto;
	position: relative;
	width: 540px;
}

#navi-meta {
	color: #919191;
	font-size: .8em;
	margin: 10px 0 0 0;
	text-align: center;
	width: 100%;
}
	
	#navi-meta a 		{ color: #919191; }
	#navi-meta a:hover	{ color: #333; }
	
	#header {
		margin: 65px 0 45px 0;
		text-align: center;
	}
		
		#header h1 a {
			background: url('http://img.paracuda.com/images/sprite_gui.png');
			display: block;
			height: 44px;
			margin: 0 auto;
			text-indent: -10000em;
			width: 254px;
		}

#header-content a {
	background: url('http://img.paracuda.com/images/sprite_gui.png') -284px 0;
	display: block;
	height: 30px;
	margin: 0 0 0 -1px;
	text-indent: -10000em;
	width: 153px;
}

#headline-archives {
	background: #fff;
	color: #fff;
	font-size: 1em;
}

	#headline-archives h2 {
		background: #af5cc1;
		-moz-border-radius: 6px;
    	-webkit-border-radius: 6px;
    	border-radius: 6px;
    	font-size: 1.4em;
		line-height: 1.2em;
		margin: 0 0 0 20px;
		padding: 8px 20px;
		position: relative;
		text-align: center;
		top: 20px;
		width: 460px;
	}

#content .post {
	background: url('http://img.paracuda.com/images/bg_content.png') bottom center no-repeat #fff;
	color: #4e4e4e;
	font-size: 1em;
}
	
	#content .post blockquote { 
		margin:0 20px 0 15px; 
		padding:5px 10px 10px 15px; 
		background:url('http://img.paracuda.com/images/quote.png') top left no-repeat; 
		color:#111; 
		font-style:italic; 
		font-family:"Georgia", Verdana, sans-serif;
		font-size:1.1em;
	}
	
		#content .post blockquote strong { font-style: italic; }
	
	#content .post ul {
			list-style-type: disc;
			padding: 0 20px 0 30px;
		}
		
			#content .post ul li,
			#content .post ol li { margin: 0 0 10px 0; }
			
		#content .post ol {
			padding: 0 20px 0 30px;
		}

	
	#content .post h2 {
		font-size: 2.4em;
		line-height: 1.2em;
		padding: 45px 0 0 20px;
		width: 460px;
	}
	
		#content .post h2 a 		{ color: #4e4e4e; }
		#content .post h2 a:hover 	{ color: #af5cc1; }
		
		#content .post h2 span 		{ white-space: nowrap; }

#content .entry { 
	margin: 50px 0 0 0; 
	padding: 0 20px 20px 20px;
}

	#content .entry p { margin: 1.4em 0; }
	
	#content .entry h3 {
		font-size: 1.2em;
		font-weight: bold;
		margin: 1.6em 0 1.4em 0;
	}
	
	#content .entry .exbox {
		background: #f7f7f7;
		border: 1px dotted #58a3af;
		font-style: italic;	
		padding: 20px;
	}
	
	#content .entry .note { 
		color: #b5b250; 
		font-size: .9em;
		font-style: italic;
	}
	
	#content .picsub {
		color: #999;
		display: block;
		font-size: .9em;
		text-align: center;
	}
	
	.wp-caption-text {
		color: #aaa;
		font-size: 11px;
		font-style: italic;
		margin: 2px 0 !important;
	}
	
	.bookmarklet {
		margin: 40px auto;
		text-align: center;
		width: 500px;
	}
	
		.bookmarklet a {
			-moz-border-radius: 6px;
    		-webkit-border-radius: 6px;
		    border-radius: 6px;
			background: #57A1AE;
			color: #fff;
			padding: 10px 20px;
		}
	
.postmeta {
	color: #b4b4b4;
	font-size: .8em;
	padding: 50px 20px 20px 20px;
}

	.postmeta .left 	{ float: left; }	
	.postmeta .right 	{ float: right; }	
		
		.postmeta .right a {
			background: url('http://img.paracuda.com/images/sprite_gui.png') -439px 0;
			color: #af5cc1;
			padding: 0 0 3px 25px;
		}	
		
			.postmeta .right a:hover { color: #333; }
		
.postmetadata {
	font-size: .8em;
	padding: 0 20px 20px 20px;
}

	.postmetadata a { 
		color: #af5cc1; 
   		
	}
	
	.postmetadata a:hover 	{ color: #b3b3b3; }
		
#related {
	background: #292929;
	font-size: .9em;
	margin: 0 0 20px 0;
	padding: 15px 40px 8px 40px;
}

	#related h3 {
		color: #fff;
		font-weight: bold;
	}

	#related p {
		color: #fff;
		font-weight: bold;
	}

	#related ol {
		list-style-image: url('http://img.paracuda.com/images/li_p.gif');
		margin: 10px 0 0 -15px;
	}
	
		#related ol li {
			margin: 0 !important;
			padding: 0 0 7px 0;
		}
	
		#related ol a 		{ color: #b3b3b3; }
		#related ol a:hover { color: #af5cc1; }


.post-footer,
.comment-footer {
	background: url('http://img.paracuda.com/images/footer_content.png') top center no-repeat;
	height: 27px;
	width: 515px;
}

.post-footer 	{ margin: 0 0 30px 0; }
.comment-footer { margin: 0 0 -15px 0; }

.navigation { margin: -10px 0 30px 0; }

	.navigation a {
		background-image: url('http://img.paracuda.com/images/sprite_gui.png');
		color: #fff;
		display: block;
		font-size: .8em;
		height: 38px;
		line-height: 1.2em;
		width: 200px;
	}
	
		.navigation .left 	{ float: left; }
		.navigation .right 	{ float: right; }
	
		.navigation .left a {
			background-position: 0 -1014px;
			padding: 14px 20px 0 40px;
		}
		
			.navigation .left a.active { background-position: -261px -1014px; }
		
		.navigation .right a {
			background-position: 0 -1066px;
			padding: 14px 40px 0 20px; 
		}
		
			.navigation .right a.active { background-position: -261px -1066px; }


h3.comments {
	font-size: 1.8em;
	padding: 20px 0 20px 20px;
}

.commentlist,
h3.comments {
	font-family: "Georgia", "Times New Roman";
	font-style: italic;
	list-style: none;
}

	.commentlist p { margin: 1.4em 0; }

	.comment-item { background: #e1dfaa; }
		
		.comment-author {
			float: left;
			font-size: .4em;
			width: 88px;
		}
			
			.comment-author .avatar-container {
				background: url('http://img.paracuda.com/images/sprite_gui.png') -532px -1050px;
				height: 48px;
				margin: 8px 0 0 7px;
				padding: 10px;
				width: 48px;
			}
			
				.comment-author .avatar {
					border: 4px solid #fff;
				}
			
			.commentnumber {
				color: #fff !important;
				font-size: 14px;
				text-align: center;
				width: 88px;
			}
			
		.comment-entry {
			background: url('http://img.paracuda.com/images/bg_content.png') bottom left no-repeat #fff;
			color: #444;
			float: left;
			line-height: 1.6em;
			padding: 20px 20px 0 20px;
			width: 412px;
			word-wrap: break-word;
		}
		
			.comment-entry h4 {
				color: #a6a6a6;
				font-size: 1.2em;
			
			}
			
			.comment-entry .meta { font-size: .8em; }
			
				.comment-entry .meta a 			{ color: #a6a6a6; }
				.comment-entry .meta a:hover 	{ color: #af5cc1; }

#respond {
	background: url('http://img.paracuda.com/images/sprite_gui.png') 0 -584px;
	font-family: "Georgia", "Times New Roman";
	font-style: italic;
	height: 389px;
	padding: 20px;
}
	
	#respond .form { padding: 0 0 20px 0; }
	
	#respond .form label {
		color: #555;
		float: left;
	}
	
		#respond .form label span { 
			color: #7f7f7f;
			font-size: .9em;
		}
	
	#respond .form input,
	#respond .form textarea {
		background-color: transparent;
		background-image: url('http://img.paracuda.com/images/sprite_gui.png');
		float: right;
		font-family: "Georgia", "Times New Roman";
		font-size: 1.2em;
		font-style: italic;
		width: 276px;
	}
	
	#respond .form input {
		background-position: -1px -397px;
		height: 31px;
		padding: 2px 12px 0 12px;
	}

		#respond .form input.active { background-position: -302px -397px; }
	
	#respond .form textarea {
		background-position: -1px -430px;
		height: 145px;
		max-height: 145px;
		max-width: 276px;
		padding: 9px 12px 0 12px;
	}
	
		#respond .form textarea.active { background-position: -302px -430px; }


#submit {
	background: url('http://img.paracuda.com/images/sprite_gui.png') -490px -333px;
	cursor: pointer;
	display: block;
	float: right;
	font-size: 0;
	height: 30px;
	text-indent: -10000em;
	width: 93px;
}

	#submit.active {
		background: url('http://img.paracuda.com/images/sprite_gui.png') -490px -364px;
	
	}

.subscribe-to-comments input { margin: 0 10px 0 0; }

.subscribe-to-comments label {
	color: #555;
	font-size: .9em;
}

.clearfooter { height: 288px; }

#footer {
	background: url('http://img.paracuda.com/images/bg_footer.png') repeat-x;
	height: 288px;
	position: relative;
}

	#footer .wrapper {
		background: url('http://img.paracuda.com/images/sprite_gui.png') 0 -44px;
		font-size: .9em;
		margin: 0 auto;
		height: 248px;
		padding: 20px;
		width: 500px;
	}

	#bookmarks li.linkcat { 
		float: left; 
	}
	
	#linkcat-555 { 
		padding: 0 20px 0 0;
		width: 168px; 
	}
		
		#linkcat-555 ul { list-style-image: url('http://img.paracuda.com/images/li_b.gif'); }
		
		#linkcat-555 a:hover { color: #55b2c3; }
	
	#linkcat-556 { 
		padding: 0 20px 0 0;
		width: 130px; 
	}
	
		#linkcat-556 ul { list-style-image: url('http://img.paracuda.com/images/li_g.gif'); }
		
		#linkcat-556 a:hover { color: #c3bf55; }
		
		
	#linkcat-2 { width: 160px; }
		
		#linkcat-2 ul { list-style-image: url('http://img.paracuda.com/images/li_p.gif'); }
		
		#linkcat-2 a:hover { color: #b055c3; }
		
		.blogroll { margin: 10px 0 0 15px; }
		
			.blogroll a { color: #b3b3b3; }
		
			.blogroll li {
				line-height: 1.4em;
				margin: 0 0 4px 0;
			}
	
	#search {
		position: absolute;
		top: 208px;
	}
	
		#search div { float: left; }
	
		#searchform input[type=text] {
			background: url('http://img.paracuda.com/images/sprite_gui.png') 0 -333px;
			font-family: "Lucida Grande", Helvetica, sans-serif;
			height: 28px;
			margin: 0 14px 0 0;
			padding: 0 10px;
			width: 374px;
		}		
		
		#searchsubmit {
			background: url('http://img.paracuda.com/images/sprite_gui.png') -396px -333px;
			cursor: pointer;
			display: block;
			font-size: 0;
			height: 28px;
			text-indent: -10000em;
			width: 92px;
		}
	
	#the-end {
		color: #929292;
		font-size: .8em;
		position: absolute;
		text-align: center;
		top: 255px;
		width: 500px;
	}
	
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } 
*:first-child+html .clearfix { zoom: 1; } 

.clear { clear: both; }



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */


/***********************************************************
 Overrides
************************************************************/
ul.car-list {
	list-style-image:url("http://img.paracuda.com/images/li_p.gif");
	padding:20px 20px 0 15px !important;
}

	ul.car-monthlisting {
		list-style: none !important;
		margin: 10px 0;
	}

.st-tag-cloud a,
#post-1734 a	 		{ color: #af5cc1;  }
.st-tag-cloud a:hover,
#post-1734 a:hover		{ color: #333; }

.wp-pagenavi {
	height: 60px;
	width: 540px;
	text-align: center;
}

.wp-pagenavi a, .wp-pagenavi a:link {
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 1px 1px 2px rgba(19,19,19,0.3);
	-moz-box-shadow: 1px 1px 2px rgba(19,19,19,0.3);
	box-shadow: 1px 1px 2px rgba(19,19,19,0.3);
	padding: 8px 10px; 
	margin: 2px;
	text-decoration: none;
	color: #fff;
	background-color: rgba(19,19,19,0.3);	
}
.wp-pagenavi a:visited {
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
	-webkit-box-shadow: 1px 1px 2px rgba(19,19,19,0.3);
	-moz-box-shadow: 1px 1px 2px rgba(19,19,19,0.3);
	box-shadow: 1px 1px 2px rgba(19,19,19,0.3);
	padding: 8px 10px; 
	margin: 2px;
	text-decoration: none;
	color: #2f7e00;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:hover {	
	color: #fff;
	background-color: rgb(176,85,195);
}
.wp-pagenavi a:active {
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
	-webkit-box-shadow: 1px 1px 2px rgba(19,19,19,0.3);
	-moz-box-shadow: 1px 1px 2px rgba(19,19,19,0.3);
	box-shadow: 1px 1px 2px rgba(19,19,19,0.3);
	padding: 8px 10px; 
	margin: 2px;
	text-decoration: none;
	color: #2f7e00;
	background-color: rgb(176,85,195);	
}
.wp-pagenavi span.pages {
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
	-webkit-box-shadow: 1px 1px 2px rgba(19,19,19,0.3);
	-moz-box-shadow: 1px 1px 2px rgba(19,19,19,0.3);
	box-shadow: 1px 1px 2px rgba(19,19,19,0.3);
	padding: 8px 10px; 
	margin: 2px 2px 2px 2px;
	color: #fff;
	background-color: rgba(141,141,141,0.5);
}
.wp-pagenavi span.current {
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
	-webkit-box-shadow: 1px 1px 2px rgba(19,19,19,0.3);
	-moz-box-shadow: 1px 1px 2px rgba(19,19,19,0.3);
	box-shadow: 1px 1px 2px rgba(19,19,19,0.3);
	padding: 8px 10px; 
	margin: 2px;
	font-weight: bold;
	color: #fff;
	background-color: rgba(141,141,141,0.5);
}
.wp-pagenavi span.extend {
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
	-webkit-box-shadow: 1px 1px 2px rgba(19,19,19,0.3);
	-moz-box-shadow: 1px 1px 2px rgba(19,19,19,0.3);
	box-shadow: 1px 1px 2px rgba(19,19,19,0.3);
	padding: 8px 10px; 
	margin: 2px;	
	color: #fff;
	background-color: rgba(141,141,141,0.5);
}

.flickr-gallery:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .flickr-gallery             { zoom: 1; } 
*:first-child+html .flickr-gallery { zoom: 1; } 

.flickr-thumb {
	float: left;
	margin: 0 8px 3px 0;
}