/*
Theme Name: Blue-Bye-You
Theme URI: http://www.kohtao-idc.com/
Description: Scalable theme based on many previous trial and error versions.
Version: 1.1
Author: Brian Ellis
Author URI: http://www.dcwalkabout.com/

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php


Images are not released, and are generally usefult to the author only.
*/
/*----------Begin General Page Layout-----------*/
/*-------This section describes things in the order they appear on the page--------------*/

body {
margin:0; /*It is generally good practice to zero out your margins and padding on the page, since some agents don't do this*/
padding:0;
font-family: Arial, Helvetica, sans-serif;
font-size: 76%; /*Tips for scaling up the font ladder, start with 76% and then use mostly ems for the rest of the page*/
font-style: normal;
line-height: 1.6em;
color: #100aaa;
text-align:center;
background: #e7eefe url(../images/background.gif) ;
}

#wrapper {
background: url(../images/two_column.gif) repeat-y;
width: 790px;
margin: 0 auto;
border: solid #707C99;
border-width: 0 1px 1px 1px;
text-align: left;
color: #000070;
position: relative;
}

#wrapper a:link {
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-size:1em;
color: #000070;
}

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

#wrapper a:hover {
text-decoration:none;
color: #e60227;
}

#wrapper a:active {
text-decoration:none;
}

#header {
background: #FFFFFF;
background-position: 0 0;
height:300px;
width:100%;
}

#header h1 {
padding-top: 50px;
margin: 0;
font-size: 3em;
text-align: center;
}

.description {
font-size: 1.2em;
text-align: center;
}

h1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: oblique;
	line-height: 45px;
	font-weight: bolder;
	color: #FFFFFF;
	background-image: url(../images/KohTao-IDC.jpg);
	background-position: center;
	background-repeat: no-repeat;
}

h1 a, h1 a:hover, h1 a:visited, .description {
text-decoration: none;
color: #100aaa;
}

h1 {
font-size: 2em;
text-align: center;
}

h2 {
font-size: 1.6em;
text-align: center;
color: #e60227;
}

h3 {
font-size: 1.2em;
text-align: left;
color: #100aaa;
}

#left h1 {
font-size: 2em;
text-align: center;
}

td {background:#e7eefe;}

/* ---------- Begin mainnav ----------------------- */
#mainnav {
background:#1E5AE6 url(../images/navmenu_back.gif) top left repeat-x;
float:left;
width:100%;
border:solid #999999;
border-width:1px 0;
color: #ffffff;
}

#mainnav ul { padding: 0; }
#mainnav ul li { display: inline; }

#mainnav ul
{
margin: 0;
padding: 0;
color: #ffffff;
font-size: 1em;
letter-spacing: 2px;
font-weight: bold;
}

#mainnav ul li a
{
padding: 0.2em 12px;
color: #ffffff;
text-decoration: none;
float: left;
border-right: 1px solid #A8BAE6;
}

#mainnav ul li a:hover
{
background-color: #95B2F4;
color: #ffffff;
}

#staticnavlist li a:hover, #staticnavlist li a:active
{
color: #ffffff;
text-decoration: none;
background: #95B2F4;
text-align: left;
}

#staticnavlist a {color:#fff;}
#staticnavlist a:hover {color:#fff;}
/* ---------- End mainnav ----------------------- */

#content_container {
float:right;
width: 580px;
background: transparent; 
position-top: 0;
margin:0;
padding:0;
}

#left {
float:left;
padding-left: 20px;
width: 180px;
position-top: 0;
position-left: 0;
}

.content {
margin: 0px;
padding:10px;
}

#right {
float:right;
width: 580px;
padding:5px;
/* position-top: 0;
position-right: 0; */
}

.menu_links {
margin: 0px;
padding:5px;
font-size:1em;
line-height: 1.2em;
color:#000;
}

.menu_links img {
margin: 0px;
padding: 0;
}

#footer {
clear:both;
margin:0;
padding:0;
width:100%;
border-top: 5px solid #666666;
background-color:#707C99;
font-size:.9em;
line-height: 1.8em;
color: #FFF;
}

.disclaimers {
margin:0;
padding: 5px;
text-align:center;
}

/*----------End General Page Layout-----------*/

/*---This next segment goes through and adds elements per template page, such as the tags needed for the index page, or header page, etc ---*/

/*--------Start of Possible Header Template CSS elements---------------*/
h1 {
font-size: 1,4em;
text-align: center;
}

.description {
font-size: 1.2em;
text-align: center;
}


/*--------Start of Main Index CSS elements---------------*/

#left a:link {
text-decoration: underline;
color: #000070;
font-family: Arial, Helvetica, sans-serif;
font-size:1.1em;
line-height:1.6em;
}

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

#left a:hover {
text-decoration:underline;
color: #e60227;
}

#left a:active {
text-decoration:none;
}

acronym {
cursor: help;
}

h1, h2, h3 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}

#left h2 {
font-size: 1.2em;
color: #5988F8;
line-height: 1.2em;
}

.post {
margin:20px 0 0 0;
padding:0;
text-align: left;
}

.small {
font-family: Arial, Helvetica, sans-serif;
text-indent: 5px;
font-size: .8em;
margin: 0;
padding:0;
line-height: 1em;
}

.entry {
text-indent: 10px;
font-size: 1em;
margin: 0 5px;
padding:0;
line-height: 1.3em;
}

.entrytext {
text-indent: 10px;
font-size: 1em;
margin: 0 5px;
padding:0;
line-height: 1.3em;
}

.related-links ul {
list-style: none;
}

.related-links ul li {
background: url(../images/bullet.gif) no-repeat 0 50%;
padding-left: 15px;
}

.post blockquote {
margin: 0 20px;
padding: 5px;
background: #F6F8FC url(../images/top_quote.gif) top left no-repeat;
border: 1px solid #A9BBE5;
text-indent: 30px;
}

.post ul {
list-style: none;
}

.post ul li {
background: url(../images/bullet.gif) no-repeat 0 50%;
padding-left: 12px;
}

.post ol {
margin: 0 0 0 20px;
list-style: upper-roman;
}

.post ol li {
color: #917961;
}


.postmetadata {
text-align: right;
font-size: .9em;
margin: 0;
padding:0;
line-height: 1.6em;
}

.comment_class {
background: url(../images/comment.gif) no-repeat;
padding-left: 18px;
}

.postmetadata a:hover, .entry a:hover {
background-color: #CEDCFD;
}
/*------still figuring out what these last three do-----------*/
.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 30px;
}


/*-------------------------------------------------*/
.center {
text-align: center;
}

/*-------Next up, the Sidebar Template elements------------*/

#right ol, #right ul {
list-style: none;
}

#right a:link {
text-decoration: underline;
color: #073AB0;
}

#right a:visited {
text-decoration:none;
color: #4077F7;
}

#right a:hover {
text-decoration:underline;
color: #000000;
background-color: #D0DAF1;
margin: 0;
padding: 0;
}

#right a:active {
text-decoration:none;
}

/*--------specific list items for the dailey wanderings------*/
#wanderings {
border-bottom: 1px dashed #000;
}


#wanderings h3 {
font: 1.6em Arial, Helvetica, sans-serif;
text-align:center;
}

#wanderings dt {
font: bold 1em Arial, Helvetica, sans-serif;
}

#wanderings dd {
text-align: right;
margin: 0 0 20px 0;
}


/*----------------Begin Calendar------------*/
#right table {
width: 220px;
color: #100aaa;
font-size: 100%;
}

#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
}

#wp-calendar #prev a {
font-size: .90%;
padding-left: 10px;
text-align: left;
}

#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}

#wp-calendar a {
text-decoration: none;
display: block;
color: #073AB0;
}

#wp-calendar a:visited {
text-decoration:none;
color: #4077F7;
}

#wp-calendar a:hover {
text-decoration:none;
color: #000000;
background-color: #D0DAF1;
}

#wp-calendar a:active {
text-decoration:none;
}

#wp-calendar caption {
font: bold 1em Arial, Helvetica, sans-serif;;
text-align: center;
width: 100%;
}

#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}

#wp-calendar td {
padding: 1px 0;
text-align: center;
}

/*------------End Calendar-----------*/

/*-------------Begin search form elements-------*/
#searchform {
margin: 0;
padding: 0;
text-align: center;
}

#right #searchform #s {
width: 150px;
padding: 0;
}

#right #searchsubmit {
padding: 1px;
font: 1em Arial, Helvetica, sans-serif;
}
/*--------End search form elements------------ */

/*--------List elements for the right side-------*/
#right ul li h2 {
font: 1.6em Arial, Helvetica, sans-serif;
}

#right ul {
margin: 0;
padding: 0;
}

#right ul li { list-style: none; line-height: 1.4em; 
}

#right ul li ul { list-style: none; margin: -15px 0 15px 20px; 
}

/*---If you want to make ordered lists on the right side, you'll need to make some as I didn't :) -------*/
/*--------Time for some Footer Template action--------------------------*/

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

#footer a:visited { text-decoration:none; 
					color: #000000; 
					background-color: none; 
					border-bottom: 1px dashed red; 
} 

#footer a:hover { text-decoration:none; color: #000000; 
				  background-color: #D0DAF1; 
				  border-bottom: 1px solid red; 
				  margin: 0; padding: 0; 
} 

#footer a:active { text-decoration:none; 
} 

/*-------------Comment Template Elements------------------*/
/* Begin Comments*/

#left h2.comment { margin: 0; padding: 0; 
				   color: #073AB0; font-size: .9em; 
} 

#left .commentlist { padding: 0; 
} 

#left .commentlist ol { list-style-type: upper-roman; 
} 

#left .commentlist li { margin: 5px 0 20px 20px; 
						padding: 5px; list-style-type: upper-roman; 
						line-height: 1.8em; background-color: #F6F8FC; 
						border: 1px solid #A9BBE5; 
} 

#left .commentlist p { margin: 0; text-indent: 20px; 
} 

#left .commentlist p.commenter { margin: 0; text-align: right; color: #917961; 
} 

.nocomments { text-align: center; margin: 0; padding: 0; 
} 
.commentmetadata { margin: 0; display: block; 
} 

#left h2.postcomment { margin: 0; padding: 0; 
					   color: #073AB0; 
					   font-size: .9em; 
					   text-align:center; 
} 

/* End Comments */ 

#commentform { background: #E7EEFE url(../images/comform_back.gif) repeat-x; 
			   margin-bottom: 20px; 
} 

#commentform p { margin: 5px; color: #073AB0; 
} 

#commentform input { width: 170px; padding: 2px; margin: 5px 5px 0px 0; 
} 

#commentform textarea { width: 95%; padding: 2px; 
} 

#commentform #submit { margin: 0; float: right; 

} /*---------------Misc------------------*/ 

img.centered { display: block; 
			   margin-left: auto; 
			   margin-right: auto; 
			   border: 0px; 
			   background-color: #e7eefe; 
} 

img.alignright { padding: 4px; 
				 margin: 0 0 2px 7px; 
				 display: inline; 
				 border: 0px; 
				 background-color: #e7eefe; 
} 

img.alignleft { padding: 4px; 
				margin: 0 7px 2px 0; 
				display: inline; 
				border: 0px; 
				background-color: #e7eefe; 
} 

.alignright { float: right; 
} 

.alignleft { float: left 
}
.floatright {
float: right;
margin: 1385px 20px 0 0;
background-color: #000070;
}