/*  
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: 200%;
}
h2 {
font-size: 160%;
}
h3 {
font-size: 120%;
}
h4 {
font-size: 110%;
}
h5 {
font-size: 70%;
}
h6 {
font-size: 50%;
}

.entry {
	border: solid 1px #678b3f;
	padding: 10px; 
}

.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: 14px;
}
/*********************************************************/
.clear-columns {
clear: both;
}
#outer-column-container {
border-left: solid 200px #fff;
border-right: solid 200px #fff;
}
#inner-column-container {
width: 100%;
}
#source-order-container {
float: left;
width: 100%;
margin-right: -1px;
}
#left-column {
float: left;
margin-left: -200px;
width: 200px;
margin-right: 1px;
}
#middle-column {
float: right;
width: 100%;
margin-left: -1px;
}
#right-column {
float: right;
margin-right: -200px;
width: 200px;
margin-left: 1px;
}
/*****BASE THEME**************************************/
body {
color: #000;
border: solid 10px #969696;
padding: 10px;
margin:10px 15px 15px 15px;
}

#page-container {
background-color: #fff;
border: solid 2px #000;
min-width: 600px;
margin: 0 14px;
}
#masthead {
padding-top: 1px;
border-bottom: solid 1px #000;
background-color: #678B3F;
}
/**************** 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: 100%;
font-family: Tahoma, Verdana, "Lucida Grande", Lucida, Helvetica, 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: ##678B3F;
height: 140px;
}
#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: #405627;
}
#ddcolortabs a:hover span {
background-color: #405627;
}
#ddcolortabs #current a:link, #ddcolortabs #current a:active, #ddcolortabs #current a:visited, 
#ddcolortabs #current a:hover, #ddcolortabs #current span 
{/*currently selected tab*/ background-color: #405627;
}
#ddcolortabsline {
clear: both;
padding: 0;
width: 100%;
height: 8px;
line-height: 8px;
background: #405627; /*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: Tahoma, Verdana, "Lucida Grande", Lucida, 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: Tahoma, Verdana, "Lucida Grande", Lucida, Helvetica, 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: 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%;
}
