@charset "utf-8";

/*

Theme Name: Photo-Biyori DK

Theme URI: http://everydays.hassii.com/photo-biyori

Description: The photolog theme designed for WordPress 2.7+

Version: 2.0.1

Author: tomo

Author URI: http://photomo.hassii.com

Tags: photoblog, fixed width, single entry, widgets, black

*/



/*========== INT ========== */



/* Set all elements to zero padding and zero margins */

* { margin: 0; padding: 0;}



body {

	margin: 0;

	padding: 0;

	text-align: center;

	font-family: Lucida Console, Monaco, monospace;

	font-size: 10px;

	color: #A4A7B3;

	background-color: #0c0c0c;

	line-height: 16px;	

	}

	

h1 {font-size: 12px; font-weight: bold;	}

h2 {font-size: 11px; font-weight: bold;	}

h2 {font-size: 10px; font-weight: bold;	}

p { margin-top: 7px; margin-bottom: 5px; }



a, a:link, a:visited, a:active { color: #6380ac; text-decoration: none; }

a:hover { color: #6380ac; text-decoration: underline; }



input, textarea, option, select, radio { color: #000000; font-size: 10px; padding: 3px; border:1px solid #0c0c0c; }

	

option, select { color: #000000; font-size: 10px; padding: 1px; border:1px solid #0c0c0c; }	



.clear {

	clear: both;

	visibility: hidden;

	height:0;

	content: ".";

	}



/* used only in 404.php */

.center { text-align: center; }



ul { list-style: none; }

	

/* ========== IMAGES ========= */

/* from default theme css */

img {margin:0; padding:0;}

a img {border: none; }



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; }

.none {	}



/*========== STRUCTURES ========== */

/* wrapper */

div#wrap {

	margin: 5px auto;

	padding: 0;

	width: 680px; /* image width + 80px */

	background-color: #0c0c0c;

	}

	

/* blog title */	

div#header {

	background-color: #0c0c0c;
	padding: 12px 0px 20px 5px; 
	margin: 0;
	text-align: left;
	border: none; 
	color: #6380ac;

	/* the round corner background image is set in header.php */

	}



/* blog title text color */	

#header a, #header a:link, #header a:visited, #header a:active { color: #6380ac; text-decoration: none; }

#header a:hover { color: #6380ac; text-decoration: none; }



/* content area */

div#content {

	background-color: #2b2b2b;

	margin: 0;

	padding: 0;

	border: none; /* do not delete this line */

	}



/* site navigation */

div#mainNav {

	text-align: right;

	font-size: 10px;

	margin: 0px 40px 0px 40px;

	padding: 0;

	}



/* site navigation text color */

#mainNav a, #mainNav a:link, #mainNav a:visited, #mainNav a:active { color: #ffffff; text-decoration: none; }

#mainNav a:hover { color: #ffffff; text-decoration: none; }	



.menu ul li {	display: inline; margin-left: 8px; margin-bottom: 0px; }



/* entry navigation */

div#nav {		

  text-align:right;

  font-size: 10px;

  margin:0 40px 0px 40px;

  padding: 0;



	} 



/* entry navigation text color */

#nav a, #nav a:link, #nav a:visited, #nav a:active { color: #c2cad5; text-decoration: none; }

#nav a:hover { color: #ffffff; text-decoration: underline; }	



/* title + photo + text area */

div#entry {

	margin:0px 40px 0px 40px;

	padding: 0;

	text-align: left;

	}



#entry p { font-size: 10px;	}

#entry img {display: block;	margin-left: auto; margin-right: auto; }



/* post title */

.title { text-align:left; color: #6380ac; margin-bottom: 5px; }



/* post meta data *//* comment link */

.postdata, .sh_comment { line-height: 1.4; text-align: right; font-size: 9px;	}



/* post meta data */

.postdata, .sh_comment { padding: 3px 0px 0px 0px; }



.postdata a, .postdata a:link, .postdata a:visited, .postdata a:active { color: #A4A7B3; text-decoration: none; }

.postdata a:hover { color: #A4A7B3; text-decoration: underline; }



/* show/hide comment link */

.sh_comment {padding: 3px 0px 5px 0px; border-bottom: 1px solid #0c0c0c; } 



.sh_comment a, .sh_comment a:link, .sh_comment a:visited, .sh_comment a:active,  { color: #333; text-decoration: none; }

.sh_comment a:hover { color: #A4A7B3; text-decoration: underline; }	



/*========== footer ==========*/

#footer {

	margin:0px 0px 0px 0px;

	padding:20px 0px 0px 0px;

	font-family: 'Lucida Grande', 'Trebuchet MS', verdana, geneva, tahoma, sans-serif;

	font-size: 9px;

	text-align: left;

	color: #424242;

	background-color: #0c0c0c;

	/* the round corner background image is set in header.php */

	}



#footer a, #footer a:link, #footer a:visited, #footer a:active { color: #424242; text-decoration: none; }

#footer a:hover { color: #424242; text-decoration: underline; }



/*========== thumbnails ==========*/

#th_container { padding:7px 0px 5px 39px;}



.thumbnails { /* defined in pb-function.php */

	float:left;

  padding-right:12px; /* adjust this when you change the thumbnail size */

	border: 0px;

  display: inline;

  color: #A4A7B3;

	}

    

.current-thumbnail { /* defined in pb-function.php */

	float:left;

 	padding-right:12px;	/* adjust this when you change the thumbnail size */

  border:0px;

	display: inline;

	color: #A4A7B3;

	}

	

.thumbnails a img, .thumbnails a:link img, .thumbnails a:visited img, .thumbnails a:active img { border: 1px solid #2b2b2b; padding: 1px; } 

.thumbnails a:hover img { border: 1px solid #a4a7b3; padding: 1px; }



.current-thumbnail a img, .current-thumbnail a:link img, .current-thumbnail a:visited img, .current-thumbnail a:active img { border: 1px solid #2b2b2b; padding: 1px; } 

.current-thumbnail a:hover img { border: 1px solid #a4a7b3; padding: 1px; }



#arcth_container { /* archive page */

	padding:5px 0px 5px 39px;

	margin: 0;

	min-height: 450px;

	/* IE Hack */

	height:auto !important;

  height:450px;

  }

 

#arcth_container .thumbnails {padding-bottom: 10px; }



/*========== Comment Template ==========*/



#pb_comments { text-align: left;	padding-top: 10px;}

.commentlist { list-style: none; padding: 0; }



.children {

	margin: 10px 0px 10px 10px;

	list-style: none;

	border-top: 1px solid #0c0c0c;

	}	



.comment { padding: 0px 0px 0px 10px;}



.vcard img { padding: 0px 3px 5px 10px; margin: 0; display: inline; float: right; }



.children {padding: 0; margin: 5px 0px 0px 0px; border-top: 1px solid #0c0c0c; border-left: 1px solid #0c0c0c;}



.reply {font-size: 9px; padding:0px 0px 5px 0px; margin: 0;}



.depth-1 { margin: 10px 0px 10px 0px; border-top: 1px solid #0c0c0c; border-left: 1px solid #0c0c0c; }



.commentmetadata { font-size: 9px; }



#respond {padding-top: 10px; }

#respond textarea { width: 90%; }



#commentform p {font-size: 9px;	}



#commentform #author, #commentform #email ,#commentform #url, #commentform #comment { padding:3px; border:1px solid #0c0c0c; font-size:10px; font-family: 'Lucida Grande', Helvetica, Verdana, Arial, Sans-Serif;}	



#commentlist {list-style: none; }

	

.comment_meta {margin-top: 0px;	font-size: 9px; }



.nor {border-bottom: 1px dotted #0c0c0c; border-top: 1px dotted #0c0c0c; }



/*========== Comment Pop Up ==========*/

#commentspopup {

	margin: 10px;

	padding:10px 15px 20px 15px;

	text-align: left;

	line-height: 16px;

	font-size: 10px;

	background-color: #2b2b2b;

	}



#commentspopup img {

	border: 1px solid #7b7b7b;

	padding: 3px;

	margin-right: 7px;

	float:left;

	}



#commentspopup  h2  { 

	margin-top: 5px; 

	padding-top: 2px;

	border-top: 1px solid #7b7b7b;

	} 



.post_info a, .post_info a:link, .post_info a:visited, .post_info a:active { color: #A4A7B3; text-decoration: none; }

.post_info a:hover { color: #A4A7B3; text-decoration: none; }	



#trackback {

	text-align: center; 

	border: 1px solid #2b2b2b; 

	font-size: 10px; 

	color: #6380ac; 

	width:100%; 

	margin-top: 7px; 

	margin-bottom: 4px;

	}



/*========== Pages ==========*/



#page_entry {

	height: 350px;

	padding:20px 40px 20px 40px;

	min-height: 450px;

	/* IE Hack */

	height:auto !important;

  height:450px;

  text-align: left;

	}



.page_title { color: #6380ac; font-weight: bold; margin-bottom: 7px; border-bottom: 1px dotted #0c0c0c;  }



#page_entry ul li { margin-left: 10px; }



#arc_entry { /* archive page */

	padding:20px 40px 0px 40px;

  text-align: left;

	}

	

.arc_dropdown { text-align: right; }	



/* two column page style */

div.left_column {

	float: left;

	width: 48%;

	margin: 0;

	padding: 0;

	text-align: left;

	}



div.right_column {

	float: right;

	margin: 0;

	padding: 0;

	text-align: left;

	width: 48%;

	}



.right_column a, .right_column a:link, .right_column a:visited, .right_column a:active { color: #A4A7B3; text-decoration: none; }

.right_column a:hover { color: #A4A7B3; text-decoration: underline; }	



.left_column a, .left_column a:link, .left_column a:visited, .left_column a:active { color: #A4A7B3; text-decoration: none; }

.left_column a:hover { color: #A4A7B3; text-decoration: underline; }	



/* ========== SEARCH ========= */

#searchform {	margin-top: 5px;	padding: 5px 0px;	text-align: left;	}



/*========== widget ==========*/

.widget { padding-bottom: 15px;}

.widget ul li a, .widget ul li a:link, .widget ul li a:visited, .widget ul li a:active { color: #A4A7B3; text-decoration: none; }

.widget ul li a:hover { color: #A4A7B3; text-decoration: underline; }



.linkcat ul li a, .linkcat ul li a:link, .linkcat ul li a:visited, .linkcat ul li a:active { color: #A4A7B3; text-decoration: none; }

.linkcat ul li a:hover { color: #A4A7B3; text-decoration: underline; }

.linkcat h2 {margin-top: 5px; margin-bottom: 3px;}



/*========== tag cloud ==========*/

#tag_cloud a, #tag_cloud a:link, #tag_cloud a:visited, #tag_cloud a:active { color: #A4A7B3; text-decoration: none; }

#tag_cloud a:hover { color: #6380ac; text-decoration: none; }




/* Badge 

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

.badge-popup {
margin-left: 660px;
padding-bottom:20px;
width: 13px;
position: relative;
}
 
div.badge-popup em {
background: url(images/hazen-projects-badge-pop-up.gif) no-repeat;
width: 196px;
height: 18px;
position: absolute;
top: -2px;
left: -240px;
text-align: center;
text-indent: -9999px;
z-index: 2;
display: none;
}
 
#badge-icon {
width: 13px;
height: 16px;
background: url(images/badge-futureness.gif) no-repeat 0 0;
text-indent: -9999px;
margin: 0 auto;
display: block;
}