/*
Theme Name: Megumi Zen
Theme URI: http://megumithemes.com
Description: A child theme of Twenty Ten
Author: the Megumi team (original by the WordPress team. http://wordpress.org/)
Author URI: http://megumithemes.com/
Version:  1.0
Template: twentyten
Tags: black, blue, white, two-columns, fixed-width, custom-header, theme-options, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style
*/
@import url("../twentyten/style.css");
body {
    color:#000;
    background:#FFF;
    word-wrap:break-word;
}
img {
	height: auto;
}

/*-- link settings --*/
a:link,
a:visited {
    color: #336699;
    text-decoration: none;
}
a:hover,
a:active {
    color: #0077CC;
    text-decoration: underline;
}

hr.clear {
	width:1px;
	height:1px;
	color:#FFFFFF;
	border:none;
	clear:both;
}

* {
	text-align: justify;
}

.widget_search {
	margin-top: 2em;
}
.widget_search #s {
	width: calc( 100% - 20px - 40px );
}

/* =Fonts
-------------------------------------------------------------- */
body,
input,
textarea,
.page-title span,
.pingback a.url {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

/* Layout
-------------------------------------------------------------- */
#header ,
#breadcrumbs ul ,
#wrapper {
    width:970px;
    margin:0 auto;
    padding:0;
}
#header ,
#wrapper {
    background:#FFF;
}
#wrapper {
    padding-top:20px;
}

/* Header
-------------------------------------------------------------- */
    #masthead {
        text-align:right;
        position:relative;
    }
        #masthead p#site-description {
            width:auto;
            font-size:12px;
            margin:0;
            padding:0;
            position:absolute;
            top:5.9em;
            right:10px;
        }
        #site-title {
            width:auto;
            font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
            font-size:24px;
            font-weight:900;
            padding:0.5em 0;
            /*/ reset /*/
            margin:0;
            line-height:normal;
        }
        /*-- Nav --*/
        .nav {
            font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
            font-weight:900;
            background-color:#0000FF;
            float:right;
            /*/ reset /*/
            margin: 0;
        }
            .nav li {
                width:auto;
                text-align:center;
                float:left;
                /*/ reset /*/
                list-style:none;
            }
            .nav li:hover {
                position:relative;
            }
            .nav li:hover a {
                background:#900505;
                position:relative;
            }
            .nav li a {
                width:auto;
                color:#FFF;
                text-decoration:none;
                border-right:1px solid #7D0303;
                padding:20px 20px 20px 20px;
                display:block;
            }
            .nav li:first-child a {
                border-left:1px solid #7D0303;
            }
            body.home .nav li.home a ,
            .nav li:hover ,
            .nav li a:hover ,
            .nav li.current-menu-item a ,
            .nav li.current_page_item {
                color:#330000;
                background:#FF9933;
            }

                /*-- Nav child --*/
                .nav li ul {
                    display:none;
                }
                .nav li:hover > ul {
                    width:120%;
                    display:block;
                    position:absolute;
                    top:100%;
                    left:0px;
                    z-index:10;
                    /*/ reset /*/
                    margin: 0;
                }
                .nav li ul li {
                    width:120%;
                }
                .nav li ul li a {
                    color:#FFF;
                    border-left:1px solid #7D0303;
                    border-bottom:1px solid #7D0303;
                    display:block;
                }
                .nav li ul li a:hover {
                    color:#330000;
                    background:#FF9933;
                }
                    .nav li ul li ul {
                        display:none;
                    }
                    .nav li ul li:hover > ul {
                        top:0;
                        left:-143%;
                        z-index:10;
                    }
				
    /*-- Breadcrumbs list --*/
    #breadcrumbs {
        font-size:12px;
        background:#F5F5F5;
        padding:1em 0px 10px 0px;
        clear:both;
    }
        #breadcrumbs li {
            display:inline;
        }

/*-- Header image --*/
#head_img {
    margin: 0 auto;
	float: left;
	width: 770px;
	margin-right: 20px;
}
#head_img img {
	width: 100%;
}

ul.outside_bnr {
	margin: 0;
	padding: 0;
}
ul.outside_bnr li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.outside_bnr li:nth-of-type(odd) {
/*	margin: 10px 0;*/
}


/* Main
-------------------------------------------------------------- */
#main {
    width:970px;
    padding: 0;
}

    /*-- Container --*/
    #container {
        width: 640px;
        float: left;
    }

.navigation {
	font-size: 14px;
}

.paged .nav-previous {
    float: left;
    width: 48%;
}
.paged .nav-next {
    width: 48%;
	text-align: right;
}

    /*-- Primary, Secondary --*/
    #primary,
    #secondary {
        width: 310px;
        float: right;
    }

    /*-- Header image --*/
    #container div {
        margin: 0 0 1em;
    }
		#content h1,
        #content h2,
        #content h3,
        #content h4,
        #content h5,
        #content h6 {
            width:auto;
            color: #000;
            margin: 0 0 10px 0;
            line-height: 1.5em;
            border:1px solid #E8E8E8;
            border-bottom:none;
            padding:7px 10px 7px 10px;
            background:url(images/dot_border.gif) repeat-x left bottom #F7F7F7;
            float:none;
        }
        .entry-utility {
            margin:0px 0px 20px 0px;
        }

/* Front Page
-------------------------------------------------------------- */
#site_content_nav {
/*
    margin:0px 0px 20px 0px;
    padding:10px 10px 10px 10px;
    background:url(images/dot_back.gif);
*/
	display:none;
}
    #site_content_nav ul {
        width:100%;
        margin:0px 0px 0px 0px;
        background:#FFF;
        display:table;
    }
        #site_content_nav li {
           width:23%;
           *width:22%;
            margin:0px 1%;
            padding:10px 0;
            list-style:none;
            float:left;
        }
            #site_content_nav li h2 {
                margin:0px 0px 5px 0px;
                border:none;
                padding:0px 3px 8px 3px;
                background:url(images/dot_border.gif) repeat-x left bottom;
            }
            #site_content_nav li h2 a {
                padding:0px 0px 0px 25px;
                background:url(images/icon/icon_01.gif) no-repeat left center;
            }
            #site_content_nav li p {
                margin:0px 0px 0px 10px;
            }

.go_backnumber {
    text-align:right;
}

#content .member_of_the_diet {
	width: 100%;
	border: none;
	margin-bottom: 2em;
}
#content .member_of_the_diet td {
	padding: 0;
	border: none;
	text-align: center;
	width: 33%;
}
#content .member_of_the_diet td:nth-of-type(2) {
	width: 34%;
}
#content .member_of_the_diet:nth-of-type(2) td {
	width: 50%;
}

#container #sns-timeline {
	clear: both;
	width: 640px;
	margin-bottom: 0;
	margin-top: 4em;
	background: url(images/dot_border.gif) repeat-x left top;
	padding-top: 4em;
}
#sns-timeline .twitter {
	float: right;
	width: 310px;
	height: 600px;
	overflow-y: scroll;
}
#sns-timeline .facebook {
	width: 310px;
	float: left;
}
#sns-timeline .facebook #fb-root {
	margin-bottom: 0;
}

/* =Content
-------------------------------------------------------------- */
.home .sticky {
    /*/ reset /*/
    background:none;
    border-top:none;
    margin-left: -20px;
    margin-right: -20px;
    padding:0;
}

/* Side
-------------------------------------------------------------- */
#primary h3,
#secondary h3 {
    margin:0px 0px 7px 0px;
    padding:7px 3px 7px 3px;
    background:url(images/dot_border.gif) repeat-x left bottom;
}
	/*-- Header image --*/
	#searchform label {
        margin:0px 0px 7px 0px;
        padding:7px 3px 7px 3px;
        background:url(images/dot_border.gif) repeat-x left bottom;
    }

/* Footer
-------------------------------------------------------------- */
#footer {
    width:970px;
    padding:20px 0px 0px 0px;
    clear:both;
}
    #colophon {
        width:970px;
        border-top:4px solid #300000;
        padding:20px 0px 0px 0px;
    }
    #site-info {
        width: 550px;
    }
    #site-generator {
/*        width: 370px;  */
	display:none;
    }
    #site-generator a {
        float:left;
    }
    #site-generator a.megumi {
    margin-left:10px;
	background: url(images/megumi.gif) center left no-repeat;
    }

	#main .widget-area ul {
    	margin-left: 0;
    	padding: 0 0 0 20px;
	}

#tagline {
    clear: both;
    background-color: #9ABCE3;
}

#tagline p{
    width:970px;
    margin:0 auto;
    padding:10 0;
    color: #fff;
}

.post_list li .title {
	display: block;
	margin-bottom: 0.3em;
}