/*  
Theme Name: Bytesforall
Theme URI: http://www.bytesforall.com
Description: Fluid, highly customizable 3 column theme, widget-ready with options page. Valid and browser-safe. This Theme is optimized for Wordpress 2.3.1+ but works also in 2.2.x and 2.1.x. 
Version: 1.20
Author: Bytesforall
Author URI: http://www.bytesforall.com/
*/
/*
******************************************************************************
***************         YOUR OWN HEADER IMAGE :       ************************
******************************************************************************
To replace the header image, simply upload an image named "bgimage.jpg" to the "images" subfolder in your theme directory on the server, should be "/wp-content/themes/bytesforall/images/". Delete the current "bgimage.jpg" first, if your FTP program won't let you upload the new image. The new image should be at least 1200+ pixels wide and 150+ pixel tall. This is a fluid theme so the header image will be cut off left and bottom if it doesn't fit in a visitor's browser window. See detailed header image instructions in the README.txt file".
*/
/*
*
*
Credits:
Layout and browser compatibility hacks based on Ruthsarian's Skidoo Redux 
http://webhost.bridgew.edu/etribou/layouts/ - ruthsarian@gmail.com
*/
ul, ol, dl, p, h1, h2, h3, h4, h5, h6 {margin-top: 10px; margin-bottom: 10px; padding-top: 0; padding-bottom: 0; }
ul ul, ul ol, ol ul, ol ol {margin-top: 0; margin-bottom: 0; }
h1 {font-size: 240%; }
h2 {font-size: 150%; }
h3 {font-size: 140%; }
h4 {font-size: 100%; }
h5 {font-size: 70%; }
h6 {font-size: 50%; }
.entry h1, .entry h2, .entry h3, .entry h4, .entry ul, .entry ol, .entry ul li, .entry ol li {clear:both;}
.entry p {clear:both} 
.postmetadata {clear:both}
a, a:link, a:visited, a:active {text-decoration: underline; }
a:hover {text-decoration: none; }
code, pre {font-family: "Courier New", Courier, monospace; }
label {cursor: pointer; }
table {font-size: 100%; }
td, th {vertical-align: top; }
body {font-size: 100.1%; }
/*********************************************************/
.clear-columns {clear: both; }
#outer-column-container {border-left: solid 12em transparent; }
#inner-column-container {width: 100%; position: relative; border-right: solid 1px transparent; }
#source-order-container {float: left; width: 100%; margin-right: -156px; }
/**********test2010************/
#left-column2 {display: none;}
#left-column { width: 12em; margin-right: 1px; position: fixed; top:135px; left: 0; }
#left-column .inside { margin: 2px;}
#middle-column {float: left; margin-right: 156px; }
#right-column {float: right; width: 154px; margin: 0 1px; padding-bottom: 180px; }
/*****BASE THEME**************************************/
body {background-color: #ccc; color: #000; padding: 0; margin: 0px 0; }
#page-container { background: #8cb85c url("./logo_gen_s2.gif") fixed no-repeat top left; border: solid 1px #000; min-width: 600px; margin: 0 0px; font-family: Tahoma, sans-serif; height: 100%; }
#masthead {padding-top: 1px; border-bottom: solid 1px #000; background: #ffffff url(./bgimage.jpg) top right no-repeat; }
/**************** change middle column left and right borders *****************/
#inner-column-container
{border: solid 0px #000; border-width: 0 0px; margin: 0 -0px; }
#middle-column div.rMenu-center {border-bottom: solid 1px #000; }
#footer {display: none;}
#footer2 {border: 0px; padding: 5px; }
.inside {margin: 8px; }
/******HACKS***************************************************/
.clear-columns
{ /* hide from IE/Mac \*/ padding-bottom: 1px; margin-bottom: -1px;	}
/* html #page-container { /* \*/ height: 0.1%; position: relative; }
* html #middle-column, * html #left-column, * html #right-column, * html #source-order-container {	/* hide from IE/Mac \*/ overflow: visible; /* hide from IE/Mac \*/ position: relative; }
/* html #middle-column {margin-right: -4px; margin-right/* */: 0; }
* html #middle-column .inside
{ margin-right: 14px; margin-right/* */: 10px;}
* html #masthead, * html #footer2 { /* hide from IE/Mac \*/ height: 0.1%; height/**/: auto;	 }
* html #masthead .inside, * html #footer2 .inside {	margin-top: 0; margin-bottom: 0; margin/* */: 10px; }
* html .inside {margin: 10px 0.75em; margin/* */: 10px; }
* html #inner-column-container {display: block; }
/* html #source-order-container {margin-right: -100%; /* \*/ margin-right: -1px; }
/*#left-column, #right-column {position: relative; }*/
/*#left-column div.inside {position: fixed; width: 12em; }*/
#page-container {font-size: 80%; font-family: tahoma, candara, helvetica, verdana, arial, sans-serif; }
#page-container, #inner-column-container, #masthead, #footer2 {border-color: #99a;}
#masthead {background-color: #f6f6f6;}
#footer2 {background-color: #8CB85C;}
#footer2 p {text-align: right; font-size: 50%; margin: 0px; }
#inner-column-container {background-color: #fcfcfc; }
#left-column h3, #right-column h3 {margin-bottom: 0; }
#right-column p, #right-column ul {margin-top: 0; }
p.fontsize-set {text-align: center;}
p.fontsize-set input {margin: 0 2px;}
/**********Credits: Dynamic Drive CSS Library *********************/
/*URL: http://www.dynamicdrive.com/style/ */
#ddcolortabs{ margin-left: 10px; padding: 0; width: auto; background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}
#ddcolortabs ul{font: bold 11px Arial, Verdana, sans-serif; margin:0; padding:0; list-style:none; }
#ddcolortabs li{display:inline; margin:0 4px 0 0; padding:0; text-transform:uppercase; }
#ddcolortabs li:first-child {margin-left: 1px; }
#ddcolortabs a span{float:none;}
#ddcolortabs a:hover{background-color: #678b3f;}
#ddcolortabs a:hover span{background-color: #678b3f;}
#ddcolortabs #current a:link, #ddcolortabs #current a:active, #ddcolortabs #current a:visited, #ddcolortabs #current a:hover, #ddcolortabs #current span{ /*currently selected tab*/ background-color: #678b3f;}
#ddcolortabsline{clear: both; padding: 0; width: 100%; height: 8px; line-height: 8px; background: #678b3f; /*border-top: 1px solid #fff;*/ /*Remove this to remove border between bar and tabs*/}
/**** Highlight current subpage *******/
li.current_page_item a:link, li.current_page_item a:active, li.current_page_item a:visited, li.current_page_item a:hover { color: 678b3f;/* font-weight: bold;*/ }
/***********************************/
#left-column .inside ul, #right-column .inside ul {list-style-type: none; margin: 0; padding: 0; }
#left-column .inside ul li, #right-column .inside ul li {margin: 2px 0 2px 5px; }
a:link, a:visited, a:active {color: #004b9f; text-decoration: none; }
a:hover {text-decoration: underline; }
h3.widgettitle {color: #777; width: 100%; font-size: 1.3em; margin-bottom: 0px; padding-bottom: 0px; font-family: candara, tahoma, helvetica, arial, sans-serif; border-bottom: 1px solid #ccc; }
p.header {/* clear:left; float:left;*/ text-align: center; /*width: 49%*/; font-size:1.2em; font-weight: bold; line-height:1.0em; margin:10 0; padding:0; color: #fff; }
.inside h1{ font-family: verdana, tahoma, arial, sans-serif; letter-spacing:-3px; line-height: 1.0em; font-size:3em;  margin: 30px 5px; }
a.header:link, a.header:visited, a.header:active, a.header:hover {color: #ccc; text-decoration: none; }
div#search {float: right; width: 15em; text-align: right; padding: 0.6em 0 0.2em 0; margin: 0 1em; }
#modernbricksmenu{padding: 0; width: auto; background: transparent; display: none;
voice-family: "\"}\"";
voice-family: inherit;}
#modernbricksmenu ul{font: bold 11px Arial; margin:0; margin-left: 10px;  padding: 0; list-style: none;}
#modernbricksmenu li{display: inline; margin: 0 2px 0 0; padding: 0; text-transform:uppercase; }
#modernbricksmenu li:first-child {margin-left: 1px; }
#modernbricksmenu a{float: left; display: block; color: #ffffff; margin: 0 10px 0 0;  padding: 5px 10px; text-decoration: none; letter-spacing: 1px;background-color: #678b3f; /*border-bottom: 1px solid white; */ }
#modernbricksmenu a:hover{background-color: #8cb85c; }
#modernbricksmenu #current a{ background-color: #8cb85c; border-color: #8cb85c; }
#modernbricksmenuline{ clear: both; padding: 0; width: 100%; height: 15px;  background: #8cb85c; }
/***************** wordpress defaults *****************/
.navigation {display: block; margin-top: 0px; margin-bottom: 0; padding-top: 0; width: 100%; /*border-bottom: solid 1px #ddd; height: 15px;*/ } 
blockquote{height: 1%; color: #555; /*margin-left: 20px*/; border-left: solid 10px #ccc; padding: 1em 1em; background: #f4f4f4; border-bottom: solid 1px #f4f4f4;  /* hack for IE6 and older*/ }
blockquote blockquote{height: 1%; color: #444; /*margin-left: 20px*/; border-left: solid 10px #ccc; padding: 1em 1em; background: #ddd; border-bottom: solid 1px #ddd;  /* hack for IE6 and older*/ }
.older{float: left; width: 49%; text-align: left; }
.newer{float:right; width: 49%; text-align: right; }
.postmetadata{clear: both; border-left: 15px solid #ddd; padding: 0 0 0 10px; margin: 10px 0 25px 0; color: #666; }
/* CSS for forms -------------------------------------- */
form {margin: 0; padding: 0; }
form p {margin: 5px 0 0 0; padding: 0; }
label {margin-right: 0.5em; /*display: block; */ font-family: arial;}
.submit input {margin-left: 4.5em; }
form input {color: #000; background: #fff; border: 1px solid #999; }
.submit input {color: #000; background: #fff; border: 2px outset #999; }
fieldset {border: 1px solid #781351; width: 45em; }
legend { color: #000; background: #FFB0B3; border: 1px solid #781351; padding: 2px 6px; margin-bottom: 15px; }
.comment-textarea{width: 96%; padding: 0; margin: 0; }
#s{width: 75%;}
/******************clearfix********************/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {min-width: 0; display: inline-block; /* \*/	display: block; }
* html .clearfix {/* \*/  height: 1%;}
/******************for gensuikin-site********************/
.postmetadata { display: none; }
dl.menu dd {
 	display: none;
 }
dl.menu:hover dd {
 	display: block;
 }
dl.menu dt {
 	margin: 0;
 }
dl.menu dd ul li a{
 	display: block;
	 background: url(../../title/half_t_y.png) top left;
	 width: 100%;
 }
dl.menu dd ul li a:hover {
	 background-position: 100% -40px;
	 background-repeat: no-repeat;
	 background-color: #fff;
 }
#left-column .inside ul li {
margin:2px 0px;
}
#left-column .inside ul.menu {
	padding: 0;
	margin: 0px 2px;
 }
#left-column .inside ul.menu img {
	vertical-align: middle;
	margin: 0px 2px;
 }
#rksh a { display: block; 
			background: transparent url(../../rokkasho/mm_rl_.gif) no-repeat left top;
}
#rksh a:hover {background: #fff url(../../rokkasho/mm_rl_.gif) no-repeat left bottom;}

a{
	color: blue;
	text-decoration: none;
    border-bottom : 1px dotted  blue;
}

a:link{
	color: #006699;
	text-decoration: none;
}

a:visited{
	color: #006699;
	text-decoration: none;
}

a:hover{
	color: #ff6600;
    background-color : #fee;
    border-bottom:1px solid #ff6600;
}

blockquote { 
	border: 1px solid #cccccc;
	padding: 10px;
	line-height: 145%;
}

/******************for ie********************/
/* for (win) IE only */
/* \*//*/
body { overflow: auto; }
/**/
/* Mac版 IE 5.x にのみ適用させないスタイル \*/
* html body {
//	 overflow: hidden; height: 100%;
	 overflow-y: visible; height: 100%;
	 background-color:#8CB85C;
	}
* html #left-column { margin-right: 1px; position:absolute; left: 0; }
* html #footer2 { margin-right:256px; margin-bottom:256px; background-color: transparent; }
* html #page-container { position: relative; height: 100%; background-position: -8px -7px; }
* html #outer-column-container {position: relative; border: 1px solid green; margin-left: 12em; width: 84%; background-color:#fff;}
* html #inner-column-container { width: 99%;}
* html #middle-column {float: left; margin-right: 7em; }
* html #source-order-container { width: 90%;}
* html #right-column { width: 12em; position:absolute; right: 0; }
* html .inside { display: block; overflow-y: visible; }