/*
Theme Name: pakalabo
Theme URI: http://www.paka3.net/
Description: The 2010 default theme for WordPress.
Author: wordpressdotorg
Author URI: http://wordpress.org/
Version: 1.0

*/


body{
    font-size: 1em!important;
    position: relative;
    padding:0; height: 100%;
    font-family:Verdana,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
   
}
    
a{
    text-decoration: none;
}



p{
    padding-bottom: 14px;
    margin: 0;
    line-height: 1.6;
}

td.gutter,
td.code div.container{
      font-size:0.875em!important;
}

.container {
      margin-left:auto;
      margin-right:auto;
      }
.container > hr {
        margin: 60px 0;
      }
/* wrap */
#wrap {
        min-height: 100%;
        height: auto !important;
        height: 100%;
        /* Negative indent footer by it's height */
        margin: 0 auto;
      }
  
/* heaer */
#header{
    /*background:url('./img/logo.png') no-repeat -5px -15px;*/
    
}
   #header-logo{
      float:left;width:20%;
      max-width:140px;
      padding-bottom:2px;
   }
   #header-text{
     padding-top:35px;
     
   }
     h1#header-title{
        padding:0px 0;
     }
        h1#header-title span{
           display:none
        }
        div#header-description{
           white-space:nowrap;
           font-size:0.875em;margin-left:10pt;
        }
   #header-contact{
        text-align:right;
        font-size:1.2em;
   }
   
/* navigation */

    div.navbar-inner ul.nav li{
      text-align:center;
    }
   div#navigation{
    margin-bottom:30px;
    
   }
    #prev{
        float: left;
        width:48%;
    }
    #next{
        float:right;
        width:48%;
        text-align:right;
    }
    .clearBoth{
        clear:both;
    }
    div#navigation a{
       display:block;
       margin:10pt 10pt
    }
/*wp もともとのあるCSS*/
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}/*
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; 
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}*/
/*posts*/
div#contentBody{
    /*background:#f3f3f3;*/
    background:#fff;
}
  div#main{
  background:#fff
  }
.posts.top{    padding:10px;}
.posts.single{padding:10px 20px;
              }
.single .post-meta{font-size:1em;}
    .post{
        margin-bottom: 40px;
    }
    
         .post-header{
             margin-bottom:5pt;
         }
           .post-header h3{
              margin:0 auto;
              font-weight:100;font-size:1.5em;
              padding:0;line-height:120%;
              
            }
         .post-meta{
            font-size: 0.75em;
            padding: 0px 0;
            color: #555;
         }
       .post-content{
            overflow:hidden;
       }
          a.post-link{
             display:block;width:100%;
             text-decoration:none;
             padding:5px 0;
             height:100%;
          }
            a.post-link h3{color:#333}
             a.post-link:hover{
                background:#f3f3f3;
             }
         .post-image{
            float: left;
            width:25%;margin-right:10pt;
         }
         .post-image img{
            width:100%;
            max-width:100%;
            
         }
         .post-body{
            
         }
         
/*post > single*/
h1.page-title{
  border-bottom-color:#CCCCCC;
  border-bottom-style:solid;
  border-bottom-width:1px;
  font-weight:300;font-size: 2.0em;
  line-height:1.1;
  padding-bottom:0.2em;
}
div.page-body{
  color:#666;
  font-size:1em;
  padding-bottom:50px;
}
   div.page-body h2,
   div.page-body h3{
       font-weight:300;clear:both;
       color:#333;
   }
   div.page-body h2{
       border-bottom:4px solid #fccc05;
       padding-bottom:5px;
       margin-top:30pt;
   }
   div.page-body ul,
   div.page-body ol{
      margin:5pt 0pt 5pt 10pt;
      padding:5pt 0pt 5pt 10pt;
   }
         div.page-body ul li,
         div.page-body ol li{
	    margin:15pt 0
	 }
   div.page-body img{
      border:1px solid #ccc;
      margin-top:10pt;
      margin-bottom:10pt;
   }
   
/*post > single >comment*/
h2.comments-title{
  border-bottom-color:#999999;
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-left:20pt solid #6699ff;
  text-indent: 10pt;
  font-size:1em;font-weight:300;
}
h3#reply-title{

  font-size:1em;font-weight:300;
  background:#ccc;color:#fff;
  padding:1pt 10pt;
   
}
div.socialwidget{ margin-bottom:20px;}
   div.socialwidget ul {
       padding:0;margin:0;
   }
   div.socialwidget ul li{
       display:inline;
   }
.comment-body{
    margin-bottom:10pt;
    padding-bottom:10pt;
    border-bottom:1px solid #ddd;
}


form#commentform  {
    padding:5pt 10pt;
}
.comment-notes input,
.comment-form-author input,
.comment-form-email input,
.comment-form-url input,
.comment-form-comment textarea{
    width:100%;
}
.comment-author.vcard{
    margin-bottom:30px;
}

.form-allowed-tags code{
    display:block;
    white-space: normal;
}

.form-submit{
}

.fb-comments.fb_iframe_widget,
.fb-comments.fb_iframe_widget span,
.fb-comments.fb_iframe_widget span iframe{
   width:100%!important;
   
}


/*sidebar*/
#sidebar{
    height:100%;
}
     .widget div{
        margin-bottom: 25px;

     }
       .widget h4{
             font-weight: 300;
             padding-bottom: 10px;
             margin-bottom:0;
             border-bottom:1px solid #ccc;
             -webkit-box-shadow:#FFFFFF 0 1px
        }
        .widget ul{
            list-style-type:none;
            margin-left:0;padding-left:0;
            font-size:1em;
        }
        .widget li{
             padding-top:5pt;
             padding-bottom:5pt;
             border-bottom:1px solid #ccc;
             -webkit-box-shadow:#FFFFFF 0 1px
        }
            .widget li a{color:#999;}
#footer {
    padding: 15px 0;
    font-size: 0.75em;
    color: #fff;
    width:100%;
    background:#6699ff;
}



 /* Lastly, apply responsive CSS fixes as necessary */
      @media (max-width: 780px) {
        .container{
           width:auto!important
        }
        .navbar{
          margin:0;padding:0
        }
      }
      @media (max-width: 660px) {
       /* #footer{
          margin-left: -20px;
          margin-right: -20px;
          padding-left: 20px;
          padding-right: 20px;
        }*/
        .navbar{
                margin:0;padding:0
                }
      }
      @media (max-width: 660px) {
        div.navbar-inner ul.nav li{
          text-align:left;
          border-bottom:1px dotted #99ccff;
        }
        div.navbar-inner ul.nav li br{
          display:none;
        }
      }
      
/*contact*/
.wpcf7-form-control-wrap.your-name input,
.wpcf7-form-control-wrap.your-email input{
    width:60%;}
.wpcf7-form-control-wrap.your-subject input,
.wpcf7-form-control-wrap.your-message textarea{
    width:80%;}
/*code*/
div.syntaxhighlighter{
   padding:10pt 0;
}
 div.syntaxhighlighter div.line{
    font-size:0.9em!important;
    line-height:1.5!important;
 }
 div.syntaxhighlighter div.line code.comments{
   font-weight:100!important;
 }

/*gist*/
div.gist{font-size:0.865em!important;}
/*ban*/
div.ban{
    text-align:center;
    overflow: hidden;
    margin-bottom:10px;
    padding:10px auto;
    }
div.ban span{
    font-size:1em;
    color:#999;
    display:block;padding-top:10pt;
    line-height:120%;
}
div#ban1{
    background:#fff;
    padding-bottom:20px!important;
}
div#ban4 {
    margin-top:20px;
}
    div#ban4 span{
        width:100%;
        display:block;
        text-align: left;
                 font-weight: 300;
                 padding-bottom: 10px;
                 font-size:1em;
        color:#333;
    }
    
/*
body {
  padding-top:60px;
}
*/
/*ブラウザの横幅が980px以下のとき*/
/*
@media (max-width: 680px) {
  body {
    padding-top: 0;
  }      
}
*/