/******************************************************************
Theme Name: All Fujisawa
Theme URI: 
Description: This site was built using the Bones Development Theme. 
Author: Yusuke Kawato
Author URI: http://glocalism.co.jp/
Version: 1.00
Tags: 

******************************************************************/

/******************************************************************
GENERAL LAYOUT STYLES
******************************************************************/

body { background: #fefefe; }

/******************************************************************
GRID STYLES
******************************************************************/

/* 960 Grid System (http://960.gs/ ) */

#container, .wrap { 
	width: 940px;
	margin: 0 auto;
	padding: 0 10px;
}
	
	/* layout options ( all have margins right & left of 2.1276596%) */
	.col60  { width: 6.3829787%; } /* width 60px  / grid_1  */
	.col140 { width: 14.893617%; } /* width 140px / grid_2  */
	.col220 { width: 23.404255%; } /* width 220px / grid_3  */
	.col300 { width: 31.914894%; } /* width 300px / grid_4  */
	.col380 { width: 40.425532%; } /* width 380px / grid_5  */
	.col480 { width: 48.936170%;  } /* width 480px / grid_6  */
	.col540 { width: 57.446809%; } /* width 540px / grid_7  */
	.col620 { width: 65.957447%; } /* width 620px / grid_8  */
	.col700 { width: 74.468085%; } /* width 700px / grid_9  */
	.col780 { width: 82.978723%; } /* width 780px / grid_10 */
	.col860 { width: 91.489362%; } /* width 860px / grid_11 */
	.col940 { width: 100.0%;     } /* width 940px / grid_12 */
	
	/* layout & column defaults */
	.col60, .col140, .col220, .col300, .col380, .col480, .col540, .col620, .col700, .col780, .col860, .col940 { 
		display: inline; 
		float: left; 
		position: relative;
		margin-left: 1.0638298%;   /* 10px */ 
		margin-right: 1.0638298%;  /* 10px */
	}
	
	/* default styles & fixes */
	.first { margin-left: 0; } /* fixes alignment */
	.last { margin-right: 0; } /* fixes alignment */
	
/* To Use Another Grid System, simply visit:
http://themble.com/support/bones-grid/
There, you can check out how to replace this grid with other like:
960, Blueprint, and any other custom ones.
*/

/******************************************************************
COMMON & REUSABLE STYLES
******************************************************************/

/* floats */
.left { float: left; }
.right { float: right; }
	
/* text alignment */
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }

/* highlighting search term on search page */
mark, .search-term { background: #EBE16F; }

	
/******************************************************************
LINK STYLES
******************************************************************/

a, a:visited { color: #f01d4f; }
a:hover, a:focus { color: #f05e81; }
a:active {} /* on click */
a:link { -webkit-tap-highlight-color : rgba(0,0,0,0); /* this highlights links on Iphones / iPads */ }

/******************************************************************
TEXT SELECTION STYLES
******************************************************************/

/* Highlighted Text */
::selection { 
	background: #6fc2f6; 
	color:#fff; 
	text-shadow : none; 
}

/* Firefox */
::-moz-selection { 
	background: #6fc2f6; 
	color:#fff; 
	text-shadow : none; 
}

/******************************************************************
WORDPRESS BODY CLASSES
want to style a page via body class? go ahead
******************************************************************/

.rtl {}
.home {} /* home page */
.blog {} 
.archive {} /* archive page */
.date {} /* date archive page */
	.date-paged-1 {} /* replace the number to the corresponding page number */
.search {} /* search page */
	.search-results {} /* search result page */
	.search-no-results {} /* no results search page */
	.search-paged-1 {} /* individual paged search (i.e. body.search-paged-3) */
.error404 {} /* 404 page */
.single {} /* single post page */
	.postid-1 {} /* individual post page by id (i.e. body.postid-73) */
	.single-paged-1 {} /* individual paged single (i.e. body.single-paged-3) */
.attachment {} /* attatchment page */
	.attachmentid-1 {} /* individual attatchment page (i.e. body.attachmentid-763) */
	.attachment-mime-type {} /* style mime type pages */
.author {} /* author page */
	.author-nicename {} /* user nicename (i.e. body.author-samueladams) */
	.author-paged-1 {} /* paged author archives (i.e. body.author-paged-4) for page 4 */
.category {} /* category page */
	.category-1 {} /* individual category page (i.e. body.category-6) */
	.category-paged-1 {} /* replace the number to the corresponding page number */
.tag {} /* tag page */
	.tag-slug {} /* individual tag page (i.e. body.tag-news) */
	.tag-paged-1 {} /* replace the number to the corresponding page number */
.page-template {} /* custom page template page */
	.page-template-page-php {} /* individual page template (i.e. body.page-template-contact-php */
	.page-paged-1 {} /* replace the number to the corresponding page number */
	.page-parent {}
	.page-child {}
	.parent-pageid-1 {} /* replace the number to the corresponding page number */
.logged-in {} /* if user is logged in */
.paged {} /* paged items like search results or archives */
	.paged-1 {} /* individual paged (i.e. body.paged-3) */

/******************************************************************
HEADLINES & TITLES
******************************************************************/

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 { font-family: sans-serif; font-weight: 500; margin:0px; }
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a { text-decoration: none; }
h1, .h1 { font-size: 2.5em; line-height: 1.333em; }
h2, .h2 { font-size: 1.75em; line-height: 1.4em; margin-bottom: 0.375em; }
h3, .h3 { font-size: 1.125em; }
h4, .h4 { font-size: 1.1em; font-weight: 700; }
h5, .h5 { font-size: 0.846em; line-height: 2.09em; text-transform: uppercase; letter-spacing: 2px; }


/******************************************************************
HEADER SYTLES
******************************************************************/

header[role=banner] {}
	#logo { margin: 0.1em 0; }

/******************************************************************
NAVIGATION STYLES
(Main Navigation)
******************************************************************/
nav[role=navigation] {}

	nav[role=navigation] .menu {
		margin: 0.1em 0;
	}
	nav[role=navigation] .menu ul { 
		background: #4598bb;
	}
		nav[role=navigation] .menu ul li {
			float: left;
		}
			nav[role=navigation] .menu ul li a { 
				color: #fefefe;
				font-weight: 700;
				padding: 10px 20px;
				display: block; 
				text-decoration: none;
				text-shadow: 0 -1px 1px rgba(0,0,0,0.33); 
			}
				nav[role=navigation] .menu ul li a:hover { 
					background: #4eabd2; 
					color: #fff; 
				}
				
				nav[role=navigation] .menu ul li:first-child a {}
				
		nav[role=navigation] .menu ul li.current-menu-item a, 
		nav[role=navigation] .menu ul li.current_page_item a,
		nav[role=navigation] .menu ul li.current-page-ancestor a {}

		/* sub menus */
		nav[role=navigation] .menu ul li ul, nav[role=navigation] .menu ul li ul li ul { 
			background: #4598bb;
			position: absolute; 
			left: -9999em; 
			z-index: 9999; 
			width: 200px; 
		}
			nav[role=navigation] .menu ul li ul li ul { 
				margin-left: 200px; 
				top: auto; 
				margin-top: -30px; 
			}
			nav[role=navigation] .menu ul li ul li:hover ul, nav[role=navigation] .menu ul li:hover ul { 
				left: auto; 
			}
			nav[role=navigation] .menu ul li ul li a { 
				width: 160px; 
			}
			

/******************************************************************
POSTS & CONTENT STYLES
******************************************************************/

#content {}
	#main {}
	
		.hentry { padding: 0.2em 10px 0; }
		
	
		/* post meta */
		.meta { font-size:0.9em; letter-spacing:0.05em; line-height:1.75em; color: #999; margin: 0.875em 0; }
			.meta time {}
			
		/* post content */
		.post_content {}
			
				.post_content p { margin: 0 0 0 0; line-height: 1.5em; }
			.post_content ul, .post_content ol, .post_content table, .post_content dl { margin: 0; }
			.post_content ul, .post_content ol { list-style-position:outside; line-height:1.5; margin-left: 2.2em; margin-right: 2.2em; }
			.post_content li { margin-bottom: 0.75em; }
			.post_content ul li { list-style-type: disc; }
			.post_content ol li { list-style-type: decimal; }
			
			.post_content blockquote { font-style:italic; line-height:1.6em; margin: 1.5em 2.2em; }
			.post_content blockquote:before { font-family:Georgia, serif; content: "“"; font-size:2.75em; text-indent:-.8em; margin-top:.1em; float:left; opacity:.3; } /* this adds the quote before the blockquote */
			
			.post_content dl { margin:1.75em 0 1.75em; }
			.post_content dt { margin-top: 1.25em; font-weight:700; }
			.post_content dd { font-style: italic; margin-top:0.5em; line-height:1.6em; }
/*			
			.post_content img { margin: 0 0 1.5em 0; max-width: 100%; }
*/
			.alignleft, img.alignleft { margin-right: 1.5em; display: inline; float: left; }
			.alignright, img.alignright { margin-left: 1.5em; display: inline; float: right; }
			.aligncenter, img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; }
			
			.post_content video { margin: 1.5em 0; max-width: 100%; display: block; }
			.post_content object { display: block; margin: 1.5em 0; max-width: 100%; }
			.post_content pre, .post_content code { font-size: 0.9em; line-height: 1.7em; padding: 1em; background: #eee; border: 2px solid #cecece; }
			
			.wp-caption { margin-bottom: 1.5em; text-align: center; padding-top: 5px; }
			.wp-caption img { border: 0 none; padding: 0; margin: 0; }
			.wp-caption .wp-caption-text { font-size:0.8em; font-style:italic; margin:.6em 0 -.2em; }
			
			/* image gallery styles */
			.gallery dl {}
			.gallery dt {}
			.gallery dd {}
			.gallery dl a {}
			.gallery dl img {}
			.gallery-caption {}
			
			.size-full {}
			.size-large {}
			.size-medium {}
			.size-thumbnail {}
			
		.hentry footer { clear: both; margin: 1.5em 0 0; padding-bottom: 2.2em; }
	

/******************************************************************
SIDEBARS & ASIDES
******************************************************************/

#sidebar1 { margin-top: 0.2em; }

	.widget { padding: 0 0px; margin: 2.2em 0; }
		.widget li { margin-bottom: 0.75em; }
		.widget li ul { margin-top: 0.75em; padding-left: 1em; }
		
		.widgettitle { border-bottom: 2px solid #444; margin-bottom: 0.75em; }


/******************************************************************
FOOTER STYLES
******************************************************************/

footer[role=contentinfo] { border-top: 1px solid #cecece; padding: 1.1em 0 3.3em; margin-top: 2.2em; }

	/* footer menu */
	footer[role=contentinfo] nav {}
	.footer-links {}
		.footer-links ul { margin-top: 0; }
			.footer-links ul li { list-style-type: none; float: left; font-size: 0.9em; }
				.footer-links ul li a { margin-right: 10px; text-decoration: underline; }
					.footer-links ul li:last-child a { margin-right: 0; }
			.footer-links ul li a:hover, .nav ul li.current-menu-item a, .nav ul li.current_page_item a {}
			.footer-links ul li ul.sub-menu { display: none; } /* you shouldn't have that many links in the footer anyway so it's set to display none ;P */
			
	.attribution { margin: 1em 0; float: right; color: #999; font-size: 0.9em; }
	
/******************************************************************
MEDIA QUERIES & DEVICE STYLES
To use a responsive design, it's reccomended to use the responsive version of Bones. You can find it on github: https://github.com/eddiemachado/bones-responsive
******************************************************************/

@media only screen and (min-width: 480px) {
	/* insert styles here */
}

@media only screen and (min-width: 768px) {
/* insert styles here */
}

@media only screen and (min-width: 992px) {
/* insert styles here */
}

@media only screen and (min-width: 1382px) {
/* insert styles here */
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
/* insert styles here */
}

/******************************************************************
PRINT STYLES
(Handled by default, but if you want to edit it, feel free)
******************************************************************/

@media print { }

/******************************************************************
IE SPECIFIC FIXES
******************************************************************/


.profile_item {
    padding:5px;
}

.profile_item:hover{
    background-color:pink;
}

#category-select th:hover {
    background-color:orange;    
}

#category-select th.selected {
    background-color:orange;    
}


ul { margin-left:20px;
}

#comments { display: none; } 

.show-on-print {display: none; } 

.sidebar-profile {
    padding:10px;
    margin: 10px 0;
    background-color: #CCFFFF;
}

#profile_list {
    border:1px solid #333;
    height:700px;
    overflow-x:hidden;
    overflow-y:scroll;
}

.list-item {
    font-weight:bold;
    font-size:1.2em;
}


/* single-profile */
#profile-details {
    font-size:1.2em;
    height:550px;
    width:100%;
    overflow:hidden;
}

#profile-content {
    font-size:1.2em;
    margin:10px 0;
    padding:10px;
    border-top:2px dashed black;
    height:630px;
    overflow-y:hidden;
    width:100% !important;
/*    background-color:#e0e0e0; */
}

#profile-content table {
    width:100%;
}

img.icon-list {
    width:40px;
    vertical-align:middle;
}

/* footer menu */
.footer-links {
    width:100%;
    text-align:center;
}

.footer-links ul li {
    background-color:yellow;
    margin:0 1%;
    border:2px solid brown;
    padding:10px 10px;
    
     -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;

}

#legend {
    border:2px solid #ddd;
}

table .profile-table td {
	padding:0px;
	margin:0px;
}

/* ruby */
.no-ruby rt:before{
    content: '（';
}
.no-ruby rt:after{
    content: '）';
}
.no-ruby rp{
    display:none;
}

.button-print {
    border:none;
    width:600px;
    margin:20px;
    height:60px;
    background-image:url(http://minnadetsunagarou.com/wp-content/uploads/2013/02/print-button.jpg);
}