/*
Theme Name: SonyBand
Theme URI: http://www.sonyband.jp/
Description: Based on "Silver Lexus" by  Highlands by Design (http://www.highlandsbydesign.com/theme/silver-lexus-theme/). XHTML 1.0 Strict and optimised for Search Engines.
Version: 1.0a
Author: Wendow
Author URI: http://www.wendow.com/
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/

/* Begin Base Elements */
@import url(./custom.css);

* {margin: 0; padding: 0; border: 0; list-style-type: none; }

body {font-size: 100%; color: #333; background: url('images/shadow_left.png') top right repeat-y #fff; padding: 0 350px; /*text-align: center*/;}

#sizer {margin: 0 auto; width: 100%; text-align: left; max-width: 100%; }
#expander {margin: 0 -350px; min-width: 650px; position: relative; background: url('/image/tenshi-bg-l.gif') 250px 150px no-repeat fixed;; }

/*\*/
* html #expander {height: 0;}
/* */


a {text-decoration: none; color: #369; font-weight: bold; background: transparent;}
a:hover {text-decoration: underline; color: #c36;}

small {text-align: right; margin: 1em 0;}

h1 {font-size: 1.5em;}
h2, h3 {font-size: 1.2em; border-bottom: 1px dashed #ddd; margin: 0 5px; }
h4, h5 {font-size: 1.0em; border-bottom: 1px dashed #ddd; margin: 0 5px; }

hr {margin: 5px 0; clear: both; border-top: 1px solid #99d; border-bottom: 1px solid #eef}

.date { color: #369; padding: 0em 1em; margin-top: 0.25em; float: right; }
.date1 {font-size: 0.9em; display: block; text-align: center; margin-top: 2px; }
.date2 {font-size: 1.0em; display: block; text-align: center; margin-top: -2px; }
.date3 {font-size: 0.8em; display: block; text-align: right; margin-top: 0px; }

.post { margin-top: 20px; border-bottom: 2px dotted #69c; clear: both; }

.more-link {display: block; text-align: right;}
.pageInfo {font-size: 0.8em; color: #333; text-align: left; margin-top: 0; padding: 3px /*3px 3px 60px*/; /*border-color: #036; border-style: none solid solid; border-width: 0px 2px 2px; background-color: #fff;*/ clear: both; }
.bookmark { font-size: 0.8em; color: #333; text-align: right; /*border-top: 2px dotted #036*/; margin: 0; padding: 0.5ex 0 0.5ex 1em; clear: both;}
.tagInfo { font-size: 0.8em; color: #333; text-align: left; /*border-top: 2px dotted #036;*/ margin: 0; padding: 0 0 0 3em; clear: both;}

hr.st { margin: 0.75em 0.75em; clear: both; border-top: 0px dotted #036; border-bottom: 2px dotted #69c; }
.scdl-event hr.st, scdl-event .st-related-posts li, scdl-event h5.st-related-post-head  { display: none; }

.st-related-posts {font-size: 0.8em; color: #333; text-align: left; margin: 0 !important; padding: 0 0 0 3em !important; }
.st-related-posts li { list-style: none !important; margin: 0 !important; padding: 0 !important; }
/*.st-related-post-head { font-size: 0.8em; color: #333 !important;  margin: 0 !important;  padding: 0 0 0 1em !important;  border: none !important; } */
h5.st-related-post-head { font-size: 0.9em; border-bottom: 1px dotted #036!important; border-left: 3px solid #036!important; margin-top:0.5em!important; margin-left: 0.5em!important; text-align: left;}

.fifty {width: 40%; text-align: center;}

.boxedup {background: #fff url('images/gradient.png') top repeat-x; border: 1px solid #eee; padding: 0.5em; margin: 1.5em;}
.boxedin {background: #fff url('images/gradient.png') 0 -20px repeat-x; border-top: 1px solid #eee; padding: 0 1em; margin: 0 120px 0 0.5em; text-align: right;}
.boxedup li { list-style-type: none !important;}

/* End Base Elements */

/* Begin Layout Elements */
#newheader { text-align: left; padding-top: 20px; padding-left: 20px; padding-bottom: 5px; background-color: #fff; z-index: 1;  }
#headerimage { background: url('images/title.png') right  top no-repeat; list-style: none; z-index: 0; height: 60px;}
#newheader h1 { padding: 5px 0 0; border: 0;  font-size: 1.8em; text-align: left;  }
#newheader h1 a { color: #036; }
#newheader h1 a:hover { color: #036; text-decoration: none; border-top: 2px #036 solid; border-bottom: 2px #036 solid; }
#newheader h2 { font-size: 1em; font-weight: normal; border: 0; padding: 5px 0; margin: 0;  text-align: left; }

#wrapper1 { background: url('images/shadow_left.png') top left repeat-y; padding: 1px;}

.outer {margin-left: 225px; margin-right: 235px;}
.float-wrap {float: left; width: 100%; margin: 0 -1px 0 0; }

#column1 {float: right; width: 99%; position: relative; /*background: url('/image/tenshi-bg-l.gif') 250px 150px no-repeat fixed;*/ }
#column1 p {margin: 0.5em 1em; line-height: 1.5em; text-align: justify;}
/*#column1 h1, #column1 h2, #column1 h3 { padding: 5px ; border: 1px solid #036; margin: 0.5em 0; text-align: left; background: #ff9; }*/
#column1 h1, #column1 h2, #column1 h3 { color: #036;  padding: 5px ; border-bottom: 1px dashed #036; border-left: 5px solid #036; margin: 0.5em; text-align: left;}
#column1 h4, #column1 h5 { color: #036;  padding: 3px ; border-bottom: 1px dashed #036; border-left: 5px solid #036; margin: 3px 1.0em; text-align: left;}
#column1 h1:hover, #column1 h2:hover, #column1 h3:hover { border-left: 5px solid #f33; }
#column1 h2 {font-size: 1.5em;}

#column1 h2.firstheading { color: #036; background: url('icons/tenshi-l.gif') 5px 5px no-repeat #fff; padding: 5px 0px 5px 60px; margin: 0; border-color: #036; border-style: solid /*solid none*/; border-width: 2px /*2px 0px*/;}
#column1 h2.firstheading4page { color: #036; background: url('icons/tenshi-l.gif') 5px 5px no-repeat #fff; padding: 5px 0px 5px 60px; margin: 0; border-color: #036; border-style: solid; border-width: 2px;}
#column1 h2.archive { font-size: 1em; margin: 1px 0 1px 5px !important ; background:  url('icons/tenshi_lihead.png') 4px 5px no-repeat !important; border: 1px solid #036; padding-left: 25px;  }
#column1 h2 a {color: #036;}
#column1 h2 a:hover {color: #c66;}
#column1 ul, #column1 ol {margin: 0.5em; padding: 0.5em;}
#column1 ul li { margin: 0 1em; padding: 0.2ex 0; list-style: square outside;}
#column1 ol li { margin: 0 1em; padding: 0.2ex 0; list-style: decimal outside;}
#column1 blockquote {margin: 15px; padding: 10px 0 10px 30px; background: url('images/blockquote.png') 5px 5px no-repeat;
	border: 2px solid #ddd;
	-moz-border-radius: 15px;
	-khtml-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}
#column1 blockquote p {margin: 1em 2em 0 0;}
#column1 h3.respond { color: #f66;  padding: 5px ; border: 1px dashed #ccc; margin: 0.5em; text-align: left; background: #eee; }
#column1 h2.pagetitle { font-size: 1em; color: #666;  padding: 5px ; border: 1px dashed #036;  text-align: left; background: #fec; margin-top: 10px; }
#column1 h2 em { font-size: 1.2em; color: #f66; }
#column1 li.archive { margin: 10px 0 0 !important ; list-style: inside url('icons/tenshi_lihead.png') !important; border: 1px solid #036;   }
#column1 dt {margin: 5px 0 0 0; text-align: left; }
#column1 dd {margin: 0 0 5px 5em;  text-align: left; }

#column2 {float: left; position: relative; width: 220px; margin-left: -225px; font-size: 0.8em; }
.container-left  { margin-left: 20px; margin-right: 2px; color: #333;}

#column3 {float: right; position: relative; width: 220px; margin-right: -225px; font-size: 0.8em; }
.container-right { margin-left: 20px; margin-right: 2px; color: #333; }

#footer {background: url('images/shadow_footer.png') top left repeat-x; font-size: 0.8em; clear: both; padding: 10px; margin: 0 230px 0 230px;  }
#footer p {text-align: center; margin: 0; padding: 0;}

#back {clear: both; font-size: 0.8em; text-align: right; padding: 10px; clear: both; margin-top: 20px;}
#back a {font-weight: normal;}
#back span {float: left;}
#back strong {color: #006;}

/* End Layout Elements */

/* Begin Navigation Elements */

#nav { background: url('images/page_nav.png') repeat transparent; text-align: center; height: 2em; padding: 2px 17px 2px 22px; border-top: 1px solid #fff; border-bottom: 2px solid #ccc; /*margin-right: 12px; margin-left: 22px;*/}

#nav ul { /*リスト全体*/ list-style: none; margin: 0; padding: 0; text-align: left; font-size: 1.1em; font-weight: normal; }
#nav li { /*リストの1段目*/ float: left; min-width: 75px; white-space: nowrap; }
#nav a { color: #667; text-decoration: none; font-weight: bold; display: block; line-height: 2em; padding: 0 15px; margin:0; border-left: 5px solid #eee; border-right: 1px solid #ccc; }
#nav a:hover { border-left: 5px solid #f90; background: #99a;  color: #fff; }

#nav ul ul { /*2段目以降*/ display: none; position: absolute; z-index: 10; width: auto; padding-top: 2px;}
#nav li li { /*2段目以降のリスト項目*/ clear: left; position:relative; width: 100%; }
#nav ul ul ul { /*3段目以降*/ top: 0; left: 100%; padding: 0; }
#nav li li a { border-top: 1px solid #fff; border-bottom: 2px solid #ccc; }

#nav ul li:hover > ul { display: block; text-align: left; font-size: 0.9em; background: url('images/page_nav.png') repeat #eee; }

*+html #nav ul ul a { /*IE用*/
width: 72px; /*（94-10-10-1-1）パディングとボーダーの分を引いた値*/
white-space: normal; /*幅に応じて改行*/
}

#page_nav_right {float: right;}
#page_nav_left {float: left;}

#page_nav_left, #page_nav_right {/*line-height: 3em;*/ margin: 5px 0; }
#page_nav_left a, #page_nav_right a { color: #669; padding: 2px; border: 1px #ddf solid; margin-bottom: 5px; background: #fff;}
#page_nav_left a:hover, #page_nav_right a:hover { color: #669; border: 1px #ddf solid; background: #eef;}

#navcontainer {line-height: 3em; }
/*#navcontainer a {color: #669; border: 1px solid #ccc ; padding: 5px;  margin-bottom: 10px; }
#navcontainer a:hover {color: #999; border: 1px solid #ddd; background: #eee;}
*/

#breadcrumbs { position: absolute; font-size: 0.9em; top: 6px; left: 20px; text-align: left;  }

/* End Navigation Elements */

/* Begin Form Elements */

#searchCSS { font-size: 0.9em; position: absolute; /*top: 2px;*/ right: 18px; float: right!important; }
#searchform { text-align: right; }
#searchform #s { width: 125px; font-size: 1.1em; padding: 3px; border: 1px solid #ccc; background: #f8f8f8; }
#searchform #s:focus { border: 1px solid #aaa; background: #fff; }
#searchsubmit { font-size: 1em; background: #fff url('icons/icon_search.gif') 1px 1px no-repeat; cursor: pointer; padding: 0 0 0 15px; border: 1px solid #aaa;}
#searchsubmit:hover {border: 1px solid #f00;}
#submit {cursor: pointer;}

.entry form {text-align: center;}

select {width: 140px;}
#respond h3, column1 h3.respond { color: #f66;  padding: 5px ; border: 1px dashed #ccc; margin: 0.5em; text-align: left; background: #eee; }

#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; border: 1px solid #ccc; background: #f9f9f9; }
#commentform textarea { width: 95%; padding: 2px; border: 1px solid #ccc; background: #f9f9f9; }
#commentform #submit { color: #666; background: #eee; vertical-align: top; }
#commentform #submit:hover { border: 1px solid #aaa; background: #ddd; }
#commentform input:focus, #commentform textarea:focus, #searchform #s:focus { background: #fff; }

input.trackback { width: 300px; padding: 2px;  border: 1px solid #ccc; background: #f9f9f9; }
input:focus.trackback { background: #fff; }

.comment_no { padding: 0px 20px 0 0 ; float: left; font-size: 2em; color: #ccc; }

.commentlist {padding: 20px; margin: 0;}
ol.commentlist {margin: 0 !important; padding: 0 !important;}
.commentlist li {clear: both;  list-style-type: none !important; padding: 10px !important; background: #fff url('images/gradient.png') 0 -10px repeat-x;  margin: 10px !important;}
.commentlist li:hover {background-position: 0 0;}
.commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; }

.commentmetadata {border-top: 1px dashed #ec5; clear: both; text-align: right; font-size: 0.8em; font-weight: normal; color: #ca5; margin-top: 20px !important;}

#respond {
	border-top: 1px solid #e7e7e7;
	margin: 24px 0;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
	clear: both;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
#respond .required {
	color: #ff4b33;
	font-weight: bold;
}
#respond label {
	color: #888;
	font-size: 12px;
	float: left; 
	width: 150px;
}
#respond input {
/*	margin: 0 0 9px;
	width: 98%; */
	float: left; width: 210px; padding: 2px; margin: 0px 0px 5px 10px; border: 1px solid #ccc; background: #f9f9f9; 
}
#respond textarea {
/*	width: 98%;*/
	float: left; width: 450px; padding: 2px; margin: 0px 0px 5px 10px; border: 1px solid #ccc; background: #f9f9f9; 

}


/*#column1 blockquote {margin: 15px; padding: 0 0 10px 30px; font-style: italic; background: url('images/blockquote.png') 0 0 no-repeat;} */

#column1 div.commented { padding: 5px 30px 10px 30px !important; }
#column1 div.commented blockquote, #column1 div.commented ul, #column1 div.commented ul li {background: none !important; margin: 0 !important; padding: 0 !important;}

.commentlist .gravatar {display: block; float:left; padding: 3px; margin: 0 20px 5px 0; border: 2px solid #ccc; background: #eee;}

.alt {clear: both;}

/* End Form Elements */

/* Begin Images */

p img {padding: 0;}
p img[alt="an image"] {float: left; margin: 0 7px 2px 0;}
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
img.aligncenter { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-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: 0.9em; margin: 0!important; text-align: center !important; }
/*.wp-caption img { margin-top: 10px !important; }*/

.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.alignright {float: right;}
.alignleft {float: left;}

.images {width: 95%; text-align: center;}
.images img {float: left; clear: both; margin: 0 auto;}

/* End Images */


/* Begin Portlets */

#wp-calendar {text-align: center; color: #333; margin: 0 5px 0 0 !important;}
#wp-calendar {width: 100%; /* background: #fff;*/}
#wp-calendar-caption { font-size: 1.2em !important ; font-weight: bold !important; margin: 0px !important; border-top: 2px #036 solid; border-bottom: 1px #036 dashed; color: #036; background: #eee; padding: 0.5ex 0 0.5ex 1.2em!important;}
#wp-calendar thead {background: #ccf;}
#wp-calendar #today { font-weight: bold !important; color: red; background: #ff9;}
#wp-calendar tbody a {text-decoration: underline; margin: 0 !important; background: none;}

#column2 h2, #column2 h3, #column3 h2, #column3 h3 { margin: 10px 0px 0 0px ; border-top: 2px #036 solid; border-bottom: 1px #036 dashed; color: #036; background: #eee; padding: 0.5ex 0 0.5ex 1.2em;}
#column2 ul, #column3 ul {margin-bottom: 1em; margin: 5px ; padding: 0; list-style-type: none;  }
#column2 li, #column3 li { margin: 0; padding: 0 0 0.1ex 20px; background: url(icons/tenshi_lihead.png) no-repeat left 2px; }
/*#column2 ul li a, #column3 ul li a {margin-left: 20px; }*/
#column2 ul li a:hover, #column3 ul li a:hover {border-color: #3ad;}
#column2 select, #column3 select { margin: 5px 0 10px 5px; padding: 2px 0; border: 1px #ccc solid; background-color: #f8f8f8; }
#column2 select:focus, #column3 select:focus { border: 1px solid #aaa; background-color: #fff; }

#column2 ul li li { float:left; min-width: 50px; white-space: nowrap; }
#column2 ul li ul { display: none; z-index: 10; position: absolute; padding: 5px; border: solid 1px #ccc; left: 25%; }
#column2 ul li li li { clear: left; position: relative; width: 100%; }
#column2 ul li ul ul { left: 40%; }
#column2 ul li:hover > ul { display: block; background-color: #fff; }
*+html #column ul li ul a { /*IE用*/
width: 72px; /*（94-10-10-1-1）パディングとボーダーの分を引いた値*/
white-space: normal; /*幅に応じて改行*/
}

#column3 ul li.calendar { padding: 5px; /*background: #f9f9f9;*/}
#column3 .tagcloud, #column3 .st-tag-cloud { padding: 10px; }

/* End Portlets */

/* Begin Icons and Stuff */

#column3 .icons {background: #f9f9f9; margin-bottom: 1em; padding-bottom: 5px;}
#column3 dl dd {border-bottom: 1px dashed #fc6; margin: 0 10px 5px 0; padding: 0.5em 1em;}

.icons dt {margin: 0; padding: 1em 0 0.5em 1.2em; font-size: 1.1em; font-weight: bold; color: #999; background: url('images/portlet_header.png') !important;}
.icons a {display: block; height: 16px; padding-left: 25px !important;}
.icons a:hover {background-position: left bottom ;}

.icons .s_delicious {background: url('icons/delicious.gif') no-repeat;}
.icons .s_digg {background: url('icons/digg.gif') no-repeat;}
.icons .s_technorati {background: url('icons/technorati.gif') no-repeat;}
.icons .s_reddit {background: url('icons/reddit.gif') no-repeat;}

.icons .s_magnolia {background: url('icons/magnolia.gif') no-repeat;}
.icons .s_stumbleupon {background: url('icons/stumbleupon.gif') no-repeat;}
.icons .s_yahoo {background: url('icons/yahoo.gif') no-repeat;}
.icons .s_google {background: url('icons/google.gif') no-repeat;}

.pageInfo .iconEdit { background: url('icons/icon_edit.gif') top left no-repeat; padding: 1px 0 5px 20px !important; }
li.iconEdit { font-size: 0.8em; background: url('icons/icon_edit.gif') top left no-repeat; padding: 1px 0 5px 20px !important; }

.rss {padding: 15px 0;}

a.iconrss {background: url('icons/icon_rss.png') top center no-repeat; text-indent: -999em; height: 104px !important; display: block;}
a.iconrss:hover {background-position: bottom;}

.iconComment, .iconTB, .iconFeed { font-size: 0.8em;}
.iconComment a { padding: 1px 0 5px 20px; background: url('icons/icon_comment.gif') top left no-repeat;}
.iconTB a { padding: 1px 0 5px 20px;  background: url('icons/arrow_refresh.png') top left no-repeat;}
.iconFeed a {padding: 1px 0 5px 20px; background: url('icons/icon_feed.gif') top left no-repeat;}
.iconFeed a:hover { background-position: left bottom;}

/* End Icons and Stuff */

/* Special Fixes */
img {max-width: 100%;}
br.spacer_ { line-height: 0; clear: both; }

/* \*/

* html #wrapper1, * html .outer a, * html .container-left, * html .container-right, * html .outer, * html h2 {height: 1%;}
* html .outer p {margin-right: -4px;}
#column2 {margin-right: -1px;}
#column3 {margin-left: -1px;}
* html #column2 {margin-right: -2px;}
/* Holly Hack */

#giraffe_calendar { margin-top: 5px; /*background: #f9f9f9;*/}

.wpcf7 select, .wpcf7 input, .wpcf7 textarea { font-size: 1.1em; width: 300px; border: 1px solid #ccc; background-color: #f8f8f8; margin-left: 2em; margin-bottom: 1ex; }
.wpcf7 .must { font-size: 1.1em; width: 300px; border: 1px solid #fcc; background-color: #fff8f8;}
.wpcf7 input:focus, .wpcf7 textarea:focus { border: 1px solid #999; background-color: #fff; }
.wpcf7 .send { font-size: 1.1em; width: 300px; border: 2px solid #ccc; }
.wpcf7 .send:hover { font-size: 1.1em; width: 300px; border: 2px solid #fcc; background-color: #fff8f8; font-weight: bold; color: red; }
.wpcf7 .captchac { margin-left: 2em; margin-bottom: 1ex; vertical-align: middle; border: solid 1px #036 }
.wpcf7 .captchar { font-size: 1.6em; width: auto!important; padding; 0.5ex; margin-left: 0!important;}

ul.qtrans_language_chooser { }
.qtrans_language_chooser li { list-style: none !important; float:left; background-image: none!important; }
.qtrans_flag {border:1px solid #666; margin-right:3px;} 
.qtrans_widget_end {clear: both;}
/*#column2 ul li, #column3 ul li { margin: 1px 0 1px 25px; padding:0 ; list-style: outside url('icons/tenshi_lihead.png') ;   } */ 

#column1 .linkcat h2 { font-size: 1em; color: #369;  padding: 5px ; border: 1px dashed #036;  text-align: left; background: #ecf; margin: 10px 0 0 0 ; }
#column1 .linkcat ul li { margin: 0; padding: 0 0 0.1em 20px; list-style-type: none; font-size: 0.9em;}
#column1 .linkcat ul li.cross-link { background: url(icons/arrow_refresh.png) no-repeat left 2px; }

ul.revise_list { margin: 0 0 5px 0px!important; padding-bottom: 1.5em!important; }
.revise_list li { list-style: none!important; float: left;  display: inline; margin: 2px 1px 0 0!important; width: auto; font-size: 90%; }
.revise_list a { padding: 2px!important; margin: 0; text-decoration: none; border: 1px solid #0066cc; color: #0066cc; /*background-color: #FFFFFF;*/ font-weight: normal!important;}
.revise_list a:hover { border: 1px solid #f66; color: #f66; }
.revise_list a:active { border: 1px solid #666; color: #666; }

ul.wp_social_bookmarking_light { float: right !important; list-style: none !important; border: 0; padding: 0!important; margin: 0!important; }
ul.wp_social_bookmarking_light li { border: 0; list-style: none!important; padding: 2px 4px 0 0 !important; margin:0 !important; }
br.wp_social_bookmarking_light_clear { clear: both; }