/*
Theme Name: Suguru 2clumn
Theme URI:
Description: スピード重視のシンプルなテーマ
Version: 1.0.0
Author: フジカワ　スグル
Author URI: http://blog.sugulab.com
Tags: white, simple
*/

* {
margin: 0;
padding: 0;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); }

body {
font: 65% "Trebuchet MS", Tahoma, Arial, sans-serif;
line-height: 1.6em;
color: #444;
}

a {
color: #cc0066;
text-decoration: none;
}

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

p {margin: 0; padding: 5px 0;}

h1 {
margin: 20px 0 0;
}

img {border: 0}

input {vertical-align: middle}

h2 {
}

blockquote {
background:url(i/blockquote1.gif) no-repeat 5px 10px #f5f5f5 ;
margin:5px;
border-top: 1px solid #CCC;  
border-bottom: 1px solid #CCC;
padding: 10px;
font-size: 1.1em;
}

blockquote a{
display:block;
padding-top:10px;
text-align: right;
color: #cc0066;
}

* html blockquote {height: 1%;}
blockquote p {
font-size: 1em !important;
margin: 0;
}

.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

img.aligncenter {margin: 7px margin}

.alignleft {float: left}

img.alignleft {margin: 5px 10px 3px 0}

.alignright {float: right}

img.alignright {margin: 5px 0 3px 10px}

a img{
border:none;
}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
/* optional rounded corners for browsers that support it */
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}

#wrapper {
width: 900px;
margin: 0 auto;
padding: 1px 0 0 0;
border-top: 5px solid #cccccc;
}


/* Header
-----------------------------------------------------------------------------*/
#header {
height:110px;
border-bottom: 3px solid #EAEAEA;
margin-bottom: 28px;
}

#top{
float: right;
text-align: right;
}

#top li {
display: inline;
}

#top a {
color: #808080;
margin: 0 0 0 13px;
background: url(i/toparrow.gif) center left no-repeat;
padding: 0 0 0 12px;
font-size: 1.2em;
}

#top a:hover{
color: #FF0080;
}

#top .current_page_item a {
background-image: url(i/toparrow2.gif);
}

#searchform {
margin: 20px 0 0;
}

#searchform input {
font: 1.1em "Trebuchet MS", Arial, Sans-Serif;
float: left;
}

#s {
width: 175px;
padding: 2px 6px;
border: 1px solid #aaaaaa;
background:#f9f9f9;
margin-right: 5px;
}

#searchsubmit {
background: #cc0066;
border: 0;
padding: 2px 7px;
color: #fff;
font-weight: bold !important;
overflow: visible;
height: 24px;
cursor: pointer;
}

#logo {
float: left;
color: #808080;
font-size: 3.3em;
margin: 0;
}

#logo span {
display: block;
padding-top:1em;
font-size: 0.38em;
font-weight: normal;
text-transform: uppercase;
}

#menu {
height: 24px;
padding: 7px 0 0 0;
clear: both;
background: url(i/smalldot.gif) repeat-x;
border-bottom: 1px solid #CCC;
position: relative;
}

#menu li {
font-size: 1.1em;
display: inline;
text-transform: uppercase;
}

#menu li a {
margin: 0 25px 0 10px;
color: #808080;
font-size: 1.2em;
}

#menu li a:hover {color: #FF0080;}

#menu li.current_page_item {
background: url(i/arrow.gif) no-repeat center left;
}


/* Content
-----------------------------------------------------------------------------*/
#container {
width: 100%;
/*background: url(i/dots.gif) 550px 0 repeat-y;*/
margin-bottom: 10px;
}

* html #container {height: 1%;}

#container:after {
content: '.';
display: block;
clear: both;
visibility: hidden;
height: 0;
}

#content {
width: 620px;
float: left;
padding: 0 30px 20px 0;
overflow: hidden;
}

#content h2 {
}

/*
#content h2.pagetitle {
padding-top:1px;
padding-left: 3px;
padding-bottom:2px;
border-top:#cccccc 1px solid;
border-left:#cccccc 4px solid;
border-bottom:#cccccc 1px solid;
background:#fefefe;
}
*/

#content h3 {
font: normal 1.7em "Trebuchet MS", Arial, Sans-Serif;
padding: 1px 0 4px;
margin-bottom: 0.2em;
}

#content p,
#content li {
font-size: 1.2em;
line-height: 1.6em;
}

#content li li {
font-size: 1em;
}

#content .post {
margin-bottom:20px;
}

#content .post h2 a{
font-weight:bold;
font-size:1.1em;
display:block;
padding:7px;
}

#content .post h2 a:hover{
color:#ffffff;
background: url(i/title_bg.jpg) repeat-x center center;
display:block;
}


.post ul,
.post ol {
margin: 7px 0 7px 35px;
}

.post li {
padding: 2px 0;
}

.post .postmetadata {
font-size: 1.1em;
padding:3px;
color: #333333;
border:#cccccc 1px solid;
background:#f9f9f9;
}

#content .postmetadata a {
color: #333333;
text-decoration: none;
border-bottom:none;
background:#f9f9f9;
}

#content .postmetadata a:hover {
color:#FF0080;
text-decoration: none;
border-bottom:none;
display:inline;
background:#f9f9f9;
border:none;
}

.post .readmore{
text-align:right;
}

.entry {
text-align: justify;
}

.entry a{
text-decoration:underline;
}

.entry h1 {
font-size: 1.9em;
margin: 15px 0 10px;
}

.entry h2 {
font-size: 1.5em !important;
font-weight: bold !important;
margin: 20px 0 5px !important;
padding: 2px !important;
color: #333333;
border-bottom: 1px #cccccc solid !important;
}

.entry h3 {
font-size: 1.35em !important;
font-weight: bold !important;
margin: 10px 0 0 !important;
padding: 1px 5px !important;
color: #333333;
border-left:5px #eeeeee solid;
}

.entry h4 {
font-size: 1.3em;
margin: 10px 0 5px;
font-weight: bold !important;
}

.entry img{
padding:8px;
border:#cccccc solid 1px;
margin:1em 0;
text-decoration:none;
}

.entry a:hover img{
border:#CC0066 solid 1px;
}

.entry table{
width:530px;
margin:0.5em auto;
border:#999999 1px solid;
font-size:1.1em;
border-collapse:collapse;
}

.entry th{
background:#ededed;
padding:1px;
text-align:center;
}

.entry td{
border:#999999 1px solid;
padding:1px;
}


.line {
clear: both;
padding: 3px;
margin: 0 0 15px;
background: url(i/smalldot.gif) repeat-x;
}

.nav {
font-size: 1.3em;
padding: 0 0 22px;
}

.navigation {
font-size: 1.3em;
margin: 20px 0;
height: 1.3em;
}

.alignleft {float: left;}

.alignright {float: right;}

h3#comments,
h3#respond {
font-size:1.3em;
padding: 1px 0 2px;
border-bottom: 1px solid #cccccc;
}

.commentlist {
margin: 20px 0 30px 25px;
}

.commentlist li {
padding: 8px 0 2px;
}

.cdata {
background: #F5F5F5;
border-bottom: 1px solid #DDD;
padding: 3px 3px 3px 7px;
height: 1%;
}

.cdata strong {
display: block;
}

#content img.avatar {
float: right;
display: inline;
border: 0;
margin: 1px 1px 0;
}

.ctext {
padding: 0 7px;
}

.commentlist li p {
font-size: 1em !important;
}

.commentmetadata {
font-size: 0.85em;
}

.commentmetadata a {
color: #A5A5A5;
}

#author, #email, #url, #comment, #submit {
font: 1em "Trebuchet MS", Arial, Sans-Serif;
padding: 2px 4px;
width: 200px;
border: 1px solid #CCC;
}

#comment {
width: 470px;
height: 170px;
}

#submit {
width: 115px;
height: 22px;
padding: 0;
background: #F4F4F4;
cursor: pointer;
overflow: visible;
}


/* Sidebars
-----------------------------------------------------------------------------*/
#sidebars {
float: left;
width: 250px;
font-size: 1.2em;
line-height: 1.4em;
}

* html #sidebars {height: 1%;}

#sidebars:after {
content: '.';
display: block;
clear: both;
visibility: hidden;
height: 0;
}

#sidebars select{
width:100%;
padding:2px;
background:#f9f9f9;
border:#aaaaaa 1px solid ;
}

#sidebars ul {
margin: 0 0 15px;
}

#sidebars li {
list-style: none;
border-bottom: 1px dotted #cccccc;
padding: 1px 4px;
margin: 0;
}

#sidebars li ul {
margin: 0 0 3px 12px;
}

#sidebars li li {
padding: 3px 0 0;
border: none;
}

#sidebars li a {
background: url(i/arrow.gif) no-repeat center left;
padding: 0 0 0 12px;
color: #808080;
}

#sidebars li a:hover {
color:#ff0080;
}

#sidebars h2 {
font: normal 1.7em "Trebuchet MS", Arial, Sans-Serif;
padding: 10px 0 3px 3px;
margin-bottom:10px;
border-bottom: 1px solid #cccccc;
}

#sidebars h3 {
font: normal 1.4em/1.1em "Trebuchet MS", Arial, Sans-Serif;
padding: 0 0 3px;
}

.tags,
#tag_cloud {
margin: 0 0 15px;
}

.tags {
text-align: center;
}

.tags a,
#tag_cloud a {
color: #808080;
margin: 0 2px;
}

.tags a:hover,
#tag_cloud a:hover {
color: #ff0080;
}

#wp-calendar {
width: 100%;
margin: 0 0 12px;
}

#wp-calendar td {
text-align: center;
}


/* Footer
-----------------------------------------------------------------------------*/
#footer {
clear: both;
padding: 7px 10px;
margin: 0 0 15px;
font-size: 1.1em;
color: #808080;
background: #cccccc;
}


/* Syntax_hiliter部分上書きCSS（元設定は/wp-content/plugins/ig_syntax_hilite/css/syntax_hilite_css.css）
-----------------------------------------------------------------------------*/
/* ソース内のフォントサイズ・罫線を変更*/
div.syntax_hilite{
font-size:1.2em;
border:1px #dedede dotted;
background:#F5F5F5;
padding:10px;
margin-bottom:10px;
}


/*「PLAIN TEXT」記述部分のデザイン変更*/
.igBar, li .igBar {
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
background-color:#dedede;
border:1px solid #dedede;
margin-top:10px;
}