/*
Theme Name: Techtrim
Theme URI: http://techtrim.net
Description: Techtrim theme
Version: 0.1
Author: techtrim
Author URI: http://techtrim.net
*/
/*
Theme Name: Galaxy Simple White
Theme URI: http://galacticlabs.net/
Description: Galactic Labs.
Version: 0.2
Author: Galactic Labs.
Author URI: http://galacticlabs.net
*/
* {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding: 0;
  background: #fff;
  text-align: center;
  font: 90%/175% Osaka, Verdana, sans-serif;
}

a {
  color: #333;
  text-decoration: dashed;
  /*  text-decoration: none;*/
}

a:hover {
  background: #330099;
  color: #fff;
  text-decoration: none;
}

a img{
  border: none;
}

a:hover img{
  border: none;
  background: #fff;
}

p {
  margin: 3px;
}

#container {
  width: 960px;
  height: 100%;
  margin: 0 auto;
  background: url("./images/bk960.png") top center repeat-y;
  text-align: left;
}

#header {
  width: 100%;
  margin: 0;
}

.headerimg {
  float: left;
  width: 120px;
  margin: 5px 50px 0 30px;
}

*html .headerimg {
  float: left;
  width: 120px;
  margin: 5px 50px 0 15px;
}

.headerbanner {
  float: left;
  width: 750px;
  margin: 20px 0 10px 0;
}

.headerbanner a:hover {
  background-color: #fff;
}

.description {
  /*    position: relative;
  top: 0px;
  left: 15px;
  font-size: 13px;
  background: transparent;
  padding: 5px;
  margin: 0 0 30px 0;
  color: #330099;
  text-decoration: none;
  */
}

#tabs {
  clear: both;
  float: left;
  width:100%;
  border-bottom: 1px solid #333333;
  font-size: 80%;
  line-height: normal;
}

#tabs ul {
  margin: -10px 0 0 0;
  padding:10px 10px 0 50px;
  list-style:none;
}

#tabs li {
  display:inline;
  margin: 0;
  padding: 0;
}

#tabs a {
  float: left;
  margin: 0 5px 0 0;
  padding: 0 0 0 4px;
  background: url("images/tableft.gif") no-repeat left top;
  text-decoration:none;
}

#tabs a span {
  float:left;
  display:block;
  padding:5px 15px 4px 6px;
  color: #fff;
  background:url("images/tabright.gif") no-repeat right top;
}

/* Commented Backslash Hack hides rule from IE5-Mac ¥*/
#tabs a span {
  float:none;
}
/* End IE5-Mac hack */

#tabs a:hover {
  background-position:0% -42px !important;
}

#tabs a:hover span {
  background-position:100% -42px;
}
#tabs #current a {
  background-position:0% -42px;
}
#tabs #current a span {
  background-position:100% -42px;
}

.luad {
  float: left;
  width: 950px;
  height: 20px;
  margin: 5px 0 0 5px;
  /*    padding: 10px 0 0 25px;*/
  background-color: #aebdcc;
}

*html .luad {
  float: left;
  width: 950px;
  height: 20px;
  margin: 5px 0 0 2px;
  background-color: #aebdcc;
}

.luad * {
  margin: 3px 0 0 15px;
}

.footmargin{
  height: 10px;
}

.pagemargin{
  width: 480px;
  height: 10px;
}

.footmenu {
  width: 950px;
  height: 20px;
  margin: 5px 0 0 5px;
  background-color: #aebdcc;
  text-align: center;
}

*html .footmenu {
  width: 950px;
  height: 30px;
  margin: 5px 0 0 2px;
  background-color: #aebdcc;
  text-align: center;
}

.footmenu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: inline;
  text-align:center;
}

.footmenu li {
  margin: 20px;
  padding: 0;
  list-style-type: none;
  display: inline;
  text-align:center;
}

#content {
  position: relative;
  float: left;
  width: 480px;
  margin: 0 0 0 20px;
  padding: 0;
  color: #333333;
}

*html #content {
  position: relative;
  float: left;
  width: 480px;
  margin: 0 0 0 10px;
  padding: 0;
  color: #333333;
}

#content h3 #comments a {
  color: #333399;
  font-size: 13px;
}

#content h2 img {
  border: 0;
}

#content div.post {
  margin: 20px 0 30px 0;
  padding: 0 0 10px 0;
}

#content div.post p, #content div.post li {
  line-height: 170%;
}

#content div.post {
  border-bottom: 2px solid #aebdcc;
}

#content div.post div.storycontent p {
  width: 100%;
}

#content div.post div.storycontent ul, #content div.post div.storycontent ol {
  margin: 3px 0 0 10px;
}

#content div.post div.storycontent li {
  width: 85%;
  margin: 8px 0 0 20px;
}

#content div.post div.storycontent blockquote {
  width: 85%;
  margin: 0 0 0 20px;
  padding: 4px 4px 4px 7px;
  background: #DDDDFF;
}
/*here*/
#content div.post h1 {
  width: 460px;
  font-size: 120%;
  line-height: 180%;
  color: #333;
  border: 1px solid #DFDFDF;
  border-left: 5px solid #aebdcc;
  background-color: #f3f5f7;
  margin: 8px 0 5px 0;
  padding: 0 0 0 10px;

}

#content div.post h1 a{
  color:#000000;
}


#content div.post h1 a:hover {
  background: #330099;
  color: #FFFFFF;
}

#content div.post .headmeta {
  font-size: 80%;
  text-align: right;
}

#content div.post .headmeta p{
  vertical-align: top;
    display: inline;

}

#content h3 {
  margin: 0 0 5px 0;
  padding: 0;
}


#content h1.storytitle a {
  text-decoration: none;
}

#content h3.storytitle a:hover {
  text-decoration: none;
}

#content div.post p {
  width: 95%;
}

#content div.post div.meta, #content div.post div.meta a {
  font-family: Osaka, Verdana, sans-serif;
  font-size: 11px;
}

#content div.post div.meta ul, #content div.post div.meta li {
  display: inline;
  margin: 0;
  padding: 0;
}


#content div.post div.feedback {
  font-size: 100%;
}

#content #commentlist {
  margin: 20px 20px 20px 23px;
  padding: 0;
}

#content #commentlist li {
  margin-bottom: 10px;
}

#content #commentform input, #content #commentform textarea {
  font-size: 12px;
  padding: 2px;
}

#content #commentform textarea {
  height: 150px;
  width: 90%;
}

#content code {
  color: #800000
}

#content ul {
  display: inline;
  margin: 0;
  padding: 0;
  list-style-type: circle;
}

#navcontainer ul {
  padding: 0;
  margin: 0;
  background: #5F707A;
  border-top: 1px solid #aebdcc;
  border-bottom: 1px solid #aebdcc;
  float: left;
  width: 500px;
  font: 13px Osaka, Verdana, sans-serif;
}

#navcontainer ul li {
  display: inline;
}

#navcontainer ul li.page_item a {
  padding: 5px 14px 5px 14px;
  text-decoration: none;
  font-weight: bold;
  float: left;
  border-right: 1px solid #FFFFFF;
}

#navcontainer ul li.current_page_item a {
  padding: 5px 14px 5px 14px;
  text-decoration: none;
  float: left;
  border-right: 1px solid #aebdcc;
}

#menu1 {
  float: left;
  position: relative;
  margin: 40px 0 0 20px;
  width: 180px;
}

*html #menu1 {
  float: left;
  position: relative;
  margin: 40px 0 0 10px;
  width: 200px;
}

#menu1 ul {
  list-style-type: none;
  margin: 2px 10px;
  padding: 0;
}

#menu1 ul li {
  color: #333333;
  margin: 10px 0;
  padding: 0;
}

#menu1 ul li h2 {
  position: relative;
  font-size: 110%;
  font-weight: bold;
  border: 1px solid #DFDFDF;
  border-left: 5px solid #aebdcc;
  background-color: #f3f5f7;
  padding: 5px 0 5px 10px;
  margin: 0 0 10px 0;
}

#menu1 ul li ul {
  margin: 0px 0px 0px 0px;
}

#menu1 ul li ul li {
  margin: 0;
  padding 0;
  list-style-position: inside;
  /*	list-style-image: url(images/page.png);*/
  list-style-type : disc;
}
/*
#menu1 ul li ul li {
  font-weight: normal;
  line-height: 18px
  border-bottom: 1px dashed #aebdcc;
  margin: 0 0 10px 0;
  padding: 0;
}
*/
#menu1 ul li ul li a:hover {
  text-decoration: none;
}

#menu3 {
  float: left;
  position: relative;
  margin: 10px 0 0 20px;
  width: 180px;
}

*html #menu3 {
  float: left;
  position: relative;
  margin: 10px 0 0 10px;
  width: 200px;
}

#menu3 ul {
  list-style-type: none;
  margin: 2px 10px;
  padding: 0;
}

#menu3 ul li {
  color: #333333;
  margin: 10px 0;
  padding: 0;
}

#menu3 ul li h2 {
  position: relative;
  font-size: 110%;
  font-weight: bold;
  border: 1px solid #DFDFDF;
  border-left: 5px solid #aebdcc;
  background-color: #f3f5f7;
  padding: 5px 0 5px 10px;
  margin: 0 0 10px 0;
}

#menu3 ul li ul {
  margin: 0px 0px 0px 0px;
}

#menu3 ul li ul li {
  margin: 0;
  padding 0;
  list-style-position: inside;
  /*	list-style-image: url(images/page.png);*/
  list-style-type : disc;
}
/*
#menu3 ul li ul li {
  font-weight: normal;
  line-height: 18px
  border-bottom: 1px dashed #aebdcc;
  margin: 0 0 10px 0;
  padding: 0;
}
*/
#menu3 ul li ul li a:hover {
  text-decoration: none;
}

#menu2 {
  /*  clear: right;*/
  float: left;
  position: relative;
  margin: 40px 30px 0 20px;
  width: 210px;
}

*html #menu2 {
  clear: right;
  float: left;
  position: relative;
  margin: 40px 15px 0 10px;
  width: 200px;
}

#menu2 ul {
  list-style-type: none;
  margin: 2px 10px;
  padding: 0;
}

#menu2 ul li {
  color: #333;
  margin: 10px 0;
  padding: 0;
}

#menu2 ul li p {
  font-weight: bold;
}

#menu2 ul li h2 {
  position: relative;
  font-size: 110%;
  font-weight: bold;
  border: 1px solid #DFDFDF;
  border-left: 5px solid #aebdcc;
  background-color: #f3f5f7;
  padding: 5px 0 5px 10px;
  margin: 0 0 10px 0;
}

#menu2 ul li a {
  line-height: 110%;
}
#menu2 ul li ul {
  margin: 0;
}

#menu2 ul li ul li {
  margin: 0;
  padding 0;
  list-style-position: inside;
  /*	list-style-image: url(images/page.png);*/
  list-style-type : disc; 
}
/*
#menu2 ul li ul li {
  font-weight: normal;
  line-height: 18px
  border-bottom: 1px dashed #aebdcc;
  margin: 0 0 10px 0;
  padding: 0;
}
*/
#menu2 ul li ul li a:hover {
  text-decoration: none;
}

#menu4 {
  /*  clear: right;*/
  float: left;
  position: relative;
  margin: 10px 30px 0 20px;
  width: 210px;
}

*html #menu4 {
  clear: right;
  float: left;
  position: relative;
  margin: 10px 15px 0 10px;
  width: 200px;
}

#menu4 ul {
  list-style-type: none;
  margin: 2px 10px;
  padding: 0;
}

#menu4 ul li {
  color: #333;
  margin: 10px 0;
  padding: 0;
}

#menu4 ul li p {
  font-weight: bold;
}

#menu4 ul li h2 {
  position: relative;
  font-size: 110%;
  font-weight: bold;
  border: 1px solid #DFDFDF;
  border-left: 5px solid #aebdcc;
  background-color: #f3f5f7;
  padding: 5px 0 5px 10px;
  margin: 0 0 10px 0;
}

#menu4 ul li a {
  line-height: 110%;
}

#menu4 ul li ul {
  margin: 0;
}

#menu4 ul li ul li {
  margin: 0;
  padding 0;
  list-style-position: inside;
  /*	list-style-image: url(images/page.png);*/
  list-style-type : disc; 
}
/*
#menu4 ul li ul li {
  font-weight: normal;
  line-height: 18px
  border-bottom: 1px dashed #aebdcc;
  margin: 0 0 10px 0;
  padding: 0;
}
*/
#menu4 ul li ul li a:hover {
  text-decoration: none;
}

#searchform {
  margin: 2px 0 15px 0;
}

p.credit {
  clear: both;
  width: 100%;
  margin: 0 auto 0 auto;
  padding: 16px 0 17px 0;
  color: #333333;
  font-size: 12px;
  text-align: center;
}

p.credit a {
  text-decoration: none;
}

p.credit a:hover {
  text-decoration: underline;
}

.navigation {
  display: block;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 60px;
}

.alignright {
  float: right;
}

.alignleft {
  float: left
}

#commentlist p.meta, #commentlist p.meta a {
  font-family: Osaka, Verdana, sans-serif;
  font-size: 11px;
}

#trackbacklist p.meta, #trackbacklist p.meta a {
  font-family: Osaka, Verdana, sans-serif;
  font-size: 11px;
}

/* Begin Calendar */
#wp-calendar {
  width: 155px;
}

#wp-calendar #next a {
  padding-right: 10px;
  text-align: right;
}

#wp-calendar #prev a {
  padding-left: 10px;
  text-align: left;
}

#wp-calendar a {
  display: block;
}

#wp-calendar caption {
  text-align: center;
  width: 100%;
}

#wp-calendar td {
  padding: 3px 0;
  text-align: center;
}

#wp-calendar th {
  padding: 3px 0;
  text-align: center;
}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
background-color: #fff; }
/* End Calendar */

.comment-number {
  font: italic 28px 'Times New Roman', Times, serif;
  color: #73a0c5;
}

.alt {
  background-color: #f8f8f8;
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  margin: 0;
  padding: 10px;
}

.none {
  margin: 0;
  padding: 10px;
}

#ed_toolbar input {
  border: 1px solid #dcdcdc;
  background-color: #e6eadb;
  margin: 0 1px 0 0;
}

.hl-surround{
  -moz-border-radius: 5px;
  background-color: #F9FBFC;
  border: 1px solid #C3CED9;
  padding: 8px;
  margin-bottom: 5px;
  width: 400px;
  overflow: auto;
  text-align: left;
}

.hl-surround, .hl-surround pre, .hl-surround span{
  font: normal 9pt 'Courier New', monospace;
}

.hl-default{
  color: Black;
}
.hl-code{
  color: Gray;
}
.hl-brackets{
  color: Olive;
}
.hl-comment{
  color: #ffa500;
}
.hl-quotes{
  color: #8b0000;
}
.hl-string{
  color: Red;
}
.hl-identifier{
  color: Blue;
}
.hl-builtin{
  color: Teal;
}
.hl-reserved{
  color: Green;
}
.hl-inlinedoc{
  color: Blue;
}
.hl-var{
  color: #00008b;
}
.hl-url{
  color: Blue;
}
.hl-special{
  color: Navy;
}
.hl-number{
  color: Maroon;
}
.hl-inlinetags{
  color: Blue;
}
.hl-main{
  background-color: transparent;
}

.hl-main pre{
  margin: 0; padding: 0;
}

/*-- postmeta --*/
.postmeta{
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 20px;
  background:#FFFFFF;
  font-size: 12px;
}

.postmeta dt{
  border-top: 1px solid #eeeeee;
  padding: 2px;
  width: 100px;
  float: left;
  display: block;
}
.postmeta dd{
  border-top: 1px solid #eeeeee;
  padding: 2px;
  margin-left: 100px;
}
.postmeta dd a{text-decoration: none;}
.postmeta img {vertical-align: middle;}
.postmeta input {font-size:11px; border: 1px solid #cccccc}
.bread {font-size:80%;}
.singleposttopad{margin-top:3px; margin-bottom:-1px;}

.breadcrumb {
  margin: 5px 0 0 0;
  font-size: 80%;
}

.intro {
  border: 1px solid #76797c;
  margin: 0 100px 0 0;
  padding: 5px 5px 5px 5px;
}


.intro h4 {
  font-size: 100%;
  line-height: 110%;
  border-bottom: 1px solid #76797c;
  margin: 0 0 0 0;
}

.ultab {
  margin: 0 0 0 0;
}

.ultab ul {
  margin: 0 0 0 20px;
}

table.cont{
  border-top:1px solid #000000;
  border-left:1px solid #000000;
  border-collapse:collapse;
  border-spacing:0;
  background-color:#ffffff;
  empty-cells:show;
}

.cont th{
  border-right:1px solid #000000;
  border-bottom:1px solid #000000;
  color:#000000;
  background-color:#CCCCCC;
  background-image:url(../img/table-back.gif);
  background-position:left top;
  padding:0.3em 1em;
  text-align:center;
}

.cont td{
  border-right:1px solid #000000;
  border-bottom:1px solid #000000;
  padding:0.3em 1em;
}

.related-entry {
  margin: 10px 0 0 0 !important;
}

.related-entry ul {
  list-style-type: none !important;
}

.related-entry li {
  margin: 0 0 0 10px !important;
}

.UTWPrimaryTags {
  margin: 20px 0 0 0 !important;
}

/*-- hatena bcomment --*/

.hatena-bcomment-view {
  background-color:#fff;
  border-top:1px solid #CCC;
  border-left:1px solid #CCC;
  border-right: solid 1px #999;
  border-bottom: solid 1px #999;
  position: absolute !important;
  display: none;
  word-break  : break-all ;
  word-wrap   : break-word ;
  width: 400px;
  text-align:left;
  margin:0 !important;
  padding:0 !important;
  font-weight:normal !important;
  font-size:90%;
  z-index:100;
  color:#000 !important;
}

.hatena-bcomment-title {
  margin:0 !important;
  padding:3px 5px  !important;
  text-indent:0 !important;
}

.hatena-bcomment-title img {
  vertical-align: middle !important;
  margin: 2px 2px 2px 4px !important;
}


.hatena-bcomment-view ul {
  width: auto;
  overflow: auto;
  overflow-y:auto;
  border-top: 1px solid #5279E7;
  background-color: #edf1fd;
  list-style-type: none;
  padding: 5px 8px !important;
  margin: 0px !important;
  line-height: 150%;
}
.hatena-bcomment-view ul li{
  text-indent:0 !important;
  margin:0 !important;
  padding:0 0 2px 0 !important;
  font-size:90%;
  background:trasparent !important;
}
.hatena-bcomment-view ul li span.hatena-bcomment-tag a{
  color:#6365CE; 
  font-family:"Arial",sans-serif;
  margin:0 3px;
}

.hatena-bcomment-view ul li img{
  vertical-align:middle !important;
  margin:0 2px !important;
}

.hatena-bcomment-view ul li span.hatena-bcomment-date {
}

.hatena-bcomment-view-icon {
  cursor: pointer;
}

.ama {
  font-size: 80%;
  text-align: center;
}

#comment p {
  margin: 3px 0;
}