/*  
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: 130%; color:#fff; }
h3 {font-size: 120%; }
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%; }


/*********************************************************/
.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: 75%; 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; font-size:1em;}
#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.2em; 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: 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: 1px 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%;}