/*  
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.11
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: 180%; }
h3 {font-size: 140%; }
h4 {font-size: 100%; }
h5 {font-size: 70%; }
h6 {font-size: 50%; }
.entry h1, .entry h2, .entry h3, .entry h4 {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 13em #fff; border-right: solid 13em #fff; }
#inner-column-container {width: 100%; }
#source-order-container {float: left; width: 100%; margin-right: -1px; }
#left-column {float: left; margin-left: -13em; width: 13em; margin-right: 1px; }
#middle-column {float: right; width: 100%; margin-left: -1px; }
#right-column {float: right; margin-right: -13em; width: 13em; margin-left: 1px; }
/*****BASE THEME**************************************/
body {background-color: #ccc; color: #000; padding: 0; margin: 14px 0; }
#page-container { background-color: #fff; border: solid 1px #000; min-width: 600px; margin: 0 14px; }
#masthead {padding-top: 1px; border-bottom: solid 1px #000; }
/**************** 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 {border-top: solid 1px #000; padding-bottom: 1px;}
.inside {margin: 10px; }
/******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 #footer { /* hide from IE/Mac \*/ height: 0.1%; height/**/: auto;	 }
* html #masthead .inside, * html #footer .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; }
/******************************************************************************/
#page-container {font-size: 80%; font-family: tahoma, candara, helvetica, verdana, arial, sans-serif; }
#page-container, #inner-column-container, #masthead, #footer {border-color: #99a;}
#outer-column-container {border-left-color: #f6f6f6; border-right-color: #e6e6e6;	}
#masthead {background-color: #f6f6f6;	}
#footer {background-color: #e6e6e6;}
#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: black; 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:0; padding:0; color: #666666; }
.inside h1{ font-family: verdana, tahoma, arial, sans-serif; letter-spacing:-3px; line-height: 1.0em; font-size:2.5em; float:left; /*width: 49%;*/ margin: 10px 5px 0 0; }
a.header:link, a.header:visited, a.header:active, a.header:hover {color: #999; text-decoration: none; }
div#search {float: right; width: 15em; text-align: right; padding: 0.6em 0 0.2em 0; margin: 0 1em; }
/***************** wordpress defaults *****************/
.navigation {display: block; margin-top: 0px; margin-bottom: 10px; padding-bottom: 2px; padding-top: 0px; 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: 45%; text-align: left; }
.newer{float:right; width: 45%; text-align: right; }
.postmetadata{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%;}

/* X hacks */

div.post h2{
font-size:130%;	
}

div.zen-show-image {
/*background:#F3F6ED url(img/sidenav_bottom.jpg) no-repeat scroll center bottom;
border:1px solid #E1D6C6;*/
margin:auto;
padding:3px 3px 0em;
text-align:center;
}




/* CSS for forms from phpFormGenerator (xman)*/

#mainForm 
{
	position: relative;
	border: 1px;
	border-style: solid;
	margin: 0 auto;
	text-align: left;
	width: 70%;
	background-color: #ffffff;
}

ul.mainForm
{
	list-style-type: none;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size:15px;	
}

li.mainForm
{
	padding-bottom: 10px;
}


#mainFormError
{
	position: relative;
	border: 1px;
	border-style: solid;
	margin: 0 auto;
	text-align: left;
	width: 70%;
}



input.mainFormError
{
	background-color: #FADADD;
}


textarea.mainFormError
{
	background-color: #FADADD;
}


select.mainFormError
{
	background-color: #FADADD;
}


#formHeader
{
	position: relative;
	width: 100%;
	background-color: #8bbcd8; /* #8cb85c; */
	margin:0 0 0 0;
	padding-bottom: 10px;
}

p.formHeader
{
	text-align: right;
	margin:0 0 0 0;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-weight:normal;
	color: #ffffff;
	font-size:25px;
	position:relative;
	left:-5px;
	top:4px;
	letter-spacing: 2px;
}



#formInfo
{
	position: relative;
	width: 100%;
	background-color: #ffffff;
	margin:0 0 0 0;
}

h2.formInfo
{
	text-align: left;
	margin:0 0 0 0;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-weight:normal;
	font-size:20px;
	position:relative;
	left:20px;
	top:0px;
	letter-spacing: 1px;
	line-height:150%;
	color: #ffffff;
}


p.formInfo
{
	text-align: left;
	margin:0 0 0 0;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-weight:normal;
	color: #000000;
	font-size:12px;
	position:relative;
	left:20px;
	top:0px;
	color: #ffffff;
}

#formFields
{
	position: relative;
	width: 100%;
	background-color: #ffffff;
	margin:0 0 0 0;

}

label.formFieldQuestion
{
	line-height:125%;
	padding:0 4px 1px 0;
	border:none;	
	display:block;
	font-size:95%;
	font-weight:bold;
}

label.formFieldOption
{
	font-size:90%;
	display:block;
	line-height:1.0em;
	margin:-19px 0 0 25px;
	padding:4px 0 5px 0;
	width:90%;
}



input.formFieldStyle
{
	display:block;
	line-height:1.4em;
	margin:8px 0 0 3px;
	width:13px;
	height:13px;
}


/* tooltip */
a.info {
	font-family: Tahoma, Arial, Sans-Serif;
	text-decoration:none; 
	position: relative;
}

a.info span {
	position: relative;
	display:none;
}

a.info:hover {
	position: relative;
	cursor:default;
}

a.info:hover .infobox {
	font-weight: normal; 
	display:block; 
	position:absolute; 
	top:20px;;
	left:25px;
	width:205px; 
	height:70px; 
	border: 1px solid #ccc; 
	background:#f4f4f4 url(question.gif) no-repeat bottom right; 
	color:#000; 
	text-align:left; 
	font-size:0.7em; 
	padding-left:10px; 
	padding-top:10px;
}