@charset "UTF-8";


/*
--------------------------------------------------
1.basic structure
2.header
3.weblog
4.sidebar
--------------------------------------------------
*/


/*
1.basic structure
--------------------------------------------------
*/




html
	{
	margin: 0;
	padding: 0;
	
}

body
	{
	margin: 0;
	padding: 0;
	background-color: rgb(220, 211, 205);
	color: rgb(40, 29, 22);
	font-family: serif;
	
}

#page
	{
	
	
}

hr 
	{
	visibility: hidden;
}

a
	{
	color: rgb(0, 83, 197);
}


/*for ie*/

header ,
footer ,
article ,
nav ,
section
	{
	display: block;
}

/*
2.header
--------------------------------------------------
*/


#siteheader
	{
	display: block;
	}

header h1	{
	margin-top: 3em;
	padding-left: 5%;
	padding-bottom: 2em;
	
	
}
header h1 a
	{
	color: rgb(59, 52, 47);
	text-decoration: none;
	text-shadow: 1px 1px 2px #333;
	font-weight: normal;
	}　

.description
	{
	
}

header .description
	{
	font-weight: normal;
	position: absolute;
	top: 8em;
	left: 5%;
	text-shadow: 1px 1px 2px #333;

	color: rgb(70, 28, 40);
}

nav
	{
}

nav
	{
	position: fixed !important;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	opacity: 0.9;
	-webkit-box-shadow: 0px 3px 3px #444;
	-moz-box-shadow: 0px 3px 3px #444;


}

nav ul
	{
	margin: 0;
	padding: 0;
	background: -webkit-gradient(linear, left top, left bottom, from(#57463d), to(rgb(40, 29, 22)));
	background-color: rgb(46, 36, 32);
	padding: 0.7em;
	padding-left: 4%;
    
	border-top: rgb(40, 35, 31) 1px solid;
	border-bottom: rgb(40, 35, 31) 2px solid;


	
	
}

nav ul li
	{
	list-style-type: none;
	display: inline;
}

nav ul li a
	{
	font-size: 1.2em;
	color: #eee;
	text-decoration: none;
	padding-bottom: 0.4em;
	padding-top: 0.5em;
	padding-right: 1em;
	border-right: 1px solid rgb(212, 200, 193);
	padding-left: 1em;
	text-shadow: 1px 1px 2px #000;

	
}


/*
3.weblog
--------------------------------------------------
*/

.content
	{
	padding-left: 5%;
	padding-right: 5%;
	
	
}

.content:after
	{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;

}

.content
	{
	display: inline-block;
}

/*for ie windows*/
* html .content
	{
	height: 1%;
}

.content {
	display: block;
}

/*end for ie windows */


img
	{
	max-width: 95%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background-color: #201D19;
	padding: 12px;
	border: 1px solid #333;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 3px 2px 2px #333;
	-webkit-box-shadow: 2px 1px 2px #333;

}

article
	{
}


#homepage #primary
	{
	
}

#homepage .secondary
	{
	
}

article section
	{
	font-family: sans-serif;
}

article section a
	{
	color: rgb(190, 79, 0);
	
}

article section h4
	{
	font-size: 1.3em;
	border-left: solid 0.3em rgb(63, 51, 47);
	padding-left: 0.5em;
	border-bottom: 1px dotted #ccc;
}


/*
4.sidebar
--------------------------------------------------
*/

.secondary
	{
	padding-left: 5%;
}

.secondary section
	{
	float: right;
	width: 30%;
	margin-right: 3%;
}

.secondary h2
	{
	clear: both;
	visibility: hidden;
	
}



#flickr img
	{
	width: 60px;
	height: 60px;
	display: block;
	padding: 2px !important;
}

#flickr ul
	{
	margin: 0;
	padding: 0;
}

#flickr ul li
	{
	list-style-type: none;
	float: left;
	padding-right: 5px;
	padding-bottom: 5px;
}

#flickr pre
	{
	
	visibility: hidden;
	}

.secondary #twitter ul
	{
	margin: 0;
	padding: 0;
}

.secondary #twitter ul li
	{
	font-size: small;
	list-style-type: none;
	background-color: rgb(217, 200, 190);
	border: 2px solid rgb(147, 129, 119);
	padding: 0.6em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-top: 0.5em;
}


.secondary #deliciousfeed ul
	{
	margin: 0;
	padding: 0;
}

.secondary #deliciousfeed ul li
	{
	font-size: small;
	list-style-type: none;
	background-color: rgb(217, 200, 190);
	border: 2px solid rgb(147, 129, 119);
	padding: 0.6em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-top: 0.5em;
}


#homepage .published header h3
	{
	font-size: 1.5em;
	}

#homepage #primary article
	{
	display: inline;	
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
	border: 1px solid #ccc;
	float: left;
	width: 28%;
	margin-right: 1%;
	margin-bottom: 4em;
	background-color: rgb(217, 200, 190);
	border: 2px solid rgb(147, 129, 119);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	font-size: small;
	} 
	
#page-selector
	{
	clear: left;
	}

#homepage #primary article .entry-meta
	{
	}
	
#homepage #primary article header h3 a
	{
	text-decoration: none;
	color: rgb(59, 52, 47);
	font-size: 1em;
	font-weight: normal;
	text-shadow: 1px 1px 2px #333;
	}
	
#homepage #primary article section p
	{
	border-top: 1px solid rgb(147, 129, 119);
	padding-top: 0.5em;

}	

#page-selector
	{
	padding-top: 1em;
	padding-bottom: 2em;
}

#page-selector p a
	{
	padding: 0.5em;
	border: 2px solid rgb(147, 129, 119);
	background-color: rgb(40, 29, 22);
	color: #fff;
	font-size: 0.8em;
	font-family: sans-serif	;
	font-weight: bold;
	text-decoration: none;
}　		

footer
	{
	
}

footer  
	{
	display: block;
	color: rgb(209, 187, 175);
	clear: both;
	padding: 0.7em;
    background: -webkit-gradient(linear, left top, left bottom, from(#57463d), to(rgb(40, 29, 22)));
   	background-color: rgb(48, 39, 36);
	border-top: rgb(40, 35, 31) 1px solid;
	border-bottom: rgb(40, 35, 31) 2px solid;
	text-shadow: 1px 1px 1px rgb(63, 51, 47);
	padding-left: 5%;
	padding-right: 5%;
	}
	
footer  a
	{
	color: rgb(209, 187, 175);
} 
	
	
#searchform
	{
	position: fixed;
	top: 0px;
	left: 69%;
	width: 30%;
	
}	


/*
5.entry single
--------------------------------------------------
*/

.single #primary
	{
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	line-height: 1.7;
	
}

.single #primary nav
	{
	margin-top: 3em;
	opacity: 1.0;	
	-webkit-box-shadow: 0px 1px 3px #333;
	-moz-box-shadow: 0px 1px 3px #333;	
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(198, 188, 181)), to(rgb(166, 155, 147)));
	background-color: rgb(181, 169, 161);
	
	padding-left: 5%;
	padding-right: 5%;
}

.single #primary nav div
	{
	display: inline;
}

.single #primary nav a
	{
	font-size: 0.8em;
	font-weight: bold;
	color: rgb(60, 48, 42);
}

.single #primary article header h3
{	
	padding-bottom: 0.5em;
	border-bottom: 1px solid #ccc;	

}


.single #primary article header h3 a
	{
	font-size: 1.5em;
	background-image: url("./images/text-x-generic.png");
	background-repeat: no-repeat;
	background-position: left 50%;
	padding-left: 38px;
	text-decoration: none;
	color: rgb(86, 75, 68);
	text-shadow: 1px 1px 3px #333;
}

.single #primary article header .chronodata abbr
	{
	background-image: url("./images/date.png");
	background-repeat: no-repeat;
	background-position: left 50%;
	padding-left: 20px;
}

.single #primary article header .commentslink a
	{
	background-image: url("./images/comments.png");
	background-repeat: no-repeat;
	background-position: left 50%;
	padding-left: 20px;
}

.single #primary article header .entry-tags a

		{
	background-image: url("./images/tag_blue.png");
	background-repeat: no-repeat;
	background-position: left 50%;
	padding-left: 20px;
}

/*
6.entry-multiple
--------------------------------------------------
*/

#entry-multiple article header .entry-tags a
	{
	background-image: url("./images/tag_blue.png");
	background-repeat: no-repeat;
	background-position: left 50%;
	padding-left: 20px;
}

#entry-multiple article header .commentslink a
	{
	background-image: url("./images/comments.png");
	background-repeat: no-repeat;
	background-position: left 50%;
	padding-left: 20px;
}

#entry-multiple article header .chronodata abbr
	{
	background-image: url("./images/date.png");
	background-repeat: no-repeat;
	background-position: left 50%;
	padding-left: 20px;
}

#entry-multiple article header h3 a
	{
	font-size: 1.4em;
	background-image: url("./images/text-x-generic.png");
	background-repeat: no-repeat;
	background-position: left 50%;
	padding-left: 38px;
	text-decoration: none;
	color: rgb(86, 75, 68);
}

#entry-multiple article
	{
	border: 2px solid rgb(181, 171, 165);
	display: block;
	padding: 0.5em;
	margin-bottom: 0.5em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}