/*  
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".
*/

/* MAIN CSS SETTINGS */
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: 220%; }
h2 {font-size: 150%;color:#c06234; }
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.entry:link,a.entry:visited,a.entry:hover {font-weight:normal;}
a, a:link, a:visited, a:active {text-decoration: underline; }

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%; }

}

/*********************************************************/
a.post:link,a.post:visited,a.post:hover,a.post:active {
   color:#3F140F; 
   border-bottom: 1px solid #ddd;
   text-decoration:none;
}
a.post:hover {
   color:#0072C4; 
   text-decoration:none;
}

/*********************************************************/

/*********************************************************/
.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; max-width:1280px;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; }

.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;}

/**** 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;  }
#right-column .inside li a{font-weight:normal;}
#subpages ul li {list-style-image: url(http://www.library108.com/wp-images/raquo.gif);}

h3.widgettitle {color: #c06234; 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: 0; padding-top: 0; width: 100%; /*border-bottom: solid 1px #ddd; height: 15px;*/ } 

blockquote{
height: 0.5%; 
color: #555; 
/*margin-left: 20px*/; 
border-left: solid 10px #D6F0FF; 
padding: 0.5em 0.5em; 
background: #EAF7FF; 
border-bottom: solid 1px #EAF7FF;  /* hack for IE6 and older*/ }
blockquote blockquote{height: 0.5%; color: #444; /*margin-left: 20px*/; border-left: solid 10px #D6F0FF; padding: 0.5em 0.5em; background: #EAF7FF; border-bottom: solid 1px #EAF7FF;  /* 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 #ffe2a9; 
padding: 0 0 0 10px; 
margin: 10px 0 25px 0; 
color: #666;
background:#FCF7E3; }



/* 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;border: 1px solid #999; }
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%;}


/* IMAGE ALIGNMENT */
.alignleft {
float:left;
padding: 4px;
}

.alignright {
float:right;
padding: 4px;
}
.aligncenter {
float:center;
padding: 4px;
}

/* Search box layout */
div.searchform {
background:#dddddd;
}

/* CUSTOM SHOP BUTTONS */
#shopbricks ul{font: bold 11px Arial; margin:0; margin-left: 10px; padding: 0; list-style: none;}
#shopbricks li{display: inline; margin: 0 2px 0 0; padding: 0; text-transform:uppercase; }

#shopbricks a{
float: left; 
display: block; 
color: ; 
margin: 0 10px 0 0; 
padding: 3px 8px; 
text-decoration: none; 
letter-spacing: 1px;
background-color:#0072C4;
border-right: 1px solid #81A7C1;
border-bottom: 1px solid #81A7C1;
color:#ffffff; 
}
#shopbricks a:hover{color:#ffffff;background-color:#598840 ; }

.entry ul, .entry ol {clear:both}
.entry ul li, .entry ol li {clear: both}
.entry p {clear:both}

#sidebar li.collapsArchPost {
             text-indent:-1em;
              list-style-image: url(http://www.library108.com/wp-images/raquo.gif);
             margin:0 0 0 1em;}

@media print {

body {
	font-size: 11pt;
}
	
a {
	color: black;
	background: none;
}
	
	
#left-column, #right-column, #masthead, #bloglog, #modernbricksmenu, #footer {
      display: none;
}
#entry {display:block;}

}

