/*  
Theme Name: ChessTheme
*/

body {
background: #ebe9db url(images/bg.gif) repeat-x;
color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:90%;
line-height: 1.5;
margin: 15px 15px 0 30px;
padding: 0;
min-width:900px;
}


a:hover {
/*color: #FC0;*/
color: red;
}

img {
border: 0;
}

h1 {
font-size: 1.5em;
font-family: "Trebuchet MS", Georgia, Tahoma, serif;
font-weight: normal;
letter-spacing: -1px;
padding: 10px 0px 5px 0px;
}

h2, h3, h4 {
font-size: 1.2em;
}

h5 {
font-size: 1.1em;
}

h6 {
font-size: 1em;
}

/*-----------------------------------------*/
/*------General appearance styles ---------*/
/*-----------------------------------------*/

.strong {
	font-weight: bold;
}


/*------------------------------------------ */
/*---- General list styles ----------------- */
/*------------------------------------------ */

ul.nostyle {
	list-style-type: none;
}

/* ---------------------------------------- */
/* --------styles for header area --------- */
/* ---------------------------------------- */

#logobannercontainer {
	float:left;
	width:100%;
	/*position:relative;*/
	}
	
#logo {
	float:left;
	position: relative;
		 /* This positioning is strictly for the purpose of */
		 /* getting the z-index attribute to work */
		 /*see http://bytes.com/topic/html-css/answers/99104-z-index-not-working-expected */
	 /* also see http://www.smashingmagazine.com/2009/09/15/the-z-index-css-property-a-comprehensive-look/ */
		 /* Necessitated by my method for centering the #banner div and the #banner img element */
		 /* The (transparent) box generated by the #banner div partially obscured */
		 /* the #logo anchor element which, though it was visible, was not clickable. */
		 /* Raising the z-index of the #logo div fixed the problem.  In order to set */
		 /* a z-index, the div must be positioned.  Thus the position: relative. */
		 /* The layers are #banner 1, #banner img 2, #logo 3. */
	z-index: 3;
	}	
#logo h3 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 28px;
font-weight: bold;
letter-spacing: -3px;
margin: 1%;
padding-left: 10px;
z-index: 3;
}
#logo h3 a{ 
color: #063;
text-decoration: none;
}
#logo h3 a:hover {
text-decoration: none;
color: #FC0;
}
#logo h3 a.logoalt {
color: #4096EE;
}
#logo h3 a.logoalt:hover {
color: #FF7400;
}

#banner {  /* banner is contained in logo */
	float:right;
	position:relative;
	right:50%;
	z-index: 1;
	}
#banner img {
	position:relative;
	left:50%;
	z-index: 2;
	}
/* ------------------------------------------ */
/* --------end of header styles ------------- */
/* ------------------------------------------ */
	
	
/* -------------------------------------------------- */
/* boxtab-blue */
/* Header Navigation tabs from Matthew James Taylor---*/
/* ------http://matthewjamestaylor.com/ --------------*/
/* -------------------------------------------------- */
	#boxtab-blue {
		clear:left;
		float:left;
		padding:0;
		background:#fff url(boxtab-blue.gif) bottom repeat-x;
		width:100%;
		overflow:hidden;
		font-family:Verdana, Geneva, sans-serif;
		border-bottom: 1px solid #063;
	}
	#boxtab-blue ul {
		float:left;
		margin:0;
		padding:0;
		list-style:none;
		position:relative;
		left:50%;
		text-align:center;
	}
	#boxtab-blue ul li {
		display:block;
		float:left;
		list-style:none;
		margin:20px 0 0 0;
		padding:0;
		position:relative;
		right:50%;
	}
	#boxtab-blue ul li a {
		display:block;
		float:left;
		margin:0 1px;
		padding:5px 10px;
		background:#fff;
		text-decoration:none;
		color:#000;
		border-top:1px solid #063;
		border-left:1px solid #063;
		border-right:1px solid #063;
		position:relative;
		/* bottom:1px; */
	}
	#boxtab-blue img {
		margin-left:2px;
	}
	#boxtab-blue ul li a:hover {
		background:#36f;
		color:#fff;
	}
	#boxtab-blue ul li.active {
		margin-top:10px;
	}
	#boxtab-blue ul li.active a,
	#boxtab-blue ul li.active a:hover {
		position:relative;
		bottom:0;
		padding:10px;
		background:#fff;
		color:#000;
		font-weight:bold;
	}
/* -------------------------------------------------- */
/* --- end of boxtab-blue nav tab styles ------------ */
/* -------------------------------------------------- */
	

/* ------------------------------------------------------------------------------- */
/* ----- 3-column liquid layout 2, 1, 3 column order ----------------------------- */
/* ------ These styles are for the columns --------------------------------------- */
/* ----------- different background colors could be added ------------------------ */
/* ------------------------------------------------------------------------------- */

#wrap {
position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width: 99%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	background-color: #ffffff; /* left column background color */
	border: 1px solid #ccc;
	border-right: 2px solid #bbb;
	border-bottom: 2px solid #bbb;
}

#colmid {
	float:left;
	width:200%;
	position:relative;
	left:200px;
	background:#fff;    	/* Center column background color */
}

#colright {
	float:left;
	width:100%;
	position:relative;
	left:50%;
	margin-left:-400px;
	background:#fff;    	/* Right column background color */
}



/* -------------------------------------------------- */
/* --------------------- Posts ---------------------- */
/* ------------- Posts are in column 1 -------------- */
/* --------- (which is the center column) ----------- */
/* -------------------------------------------------- */

#contentwrapper {
float: right;
width: 50%;
position: relative;
right: 100%;
}

#contentpad {
margin: 0 15px 0 415px;
overflow: hidden;
}

#content { /* This is the actual content of column 1 */
width: 100%;
overflow: hidden;
}

/* The following styles set appearance for fonts and whatnot */
.entrytitle h1 {
clear: both;
font-size: 2.2em;
line-height: 1em;
margin:0 0 5px 0;
color: #B4C24B;
}

.entrytitle h1 a {
color: #B4C24B;
text-decoration: none;
}

.entrytitle h1 a:hover {
color: #FC0;
text-decoration: underline;
}

.entrytitle h3, #date {
color: #999;
font-size:.8em;
font-weight:bolder;
line-height: 1em;
margin:0;
}

.post {
margin-bottom: 3em;
}

.post blockquote {
color: #666;
margin: 0 30px 20px 30px;
padding: 0 0 0 10px;
border: 2px solid #fff;
border-left: 2px solid #C3D9FF;
}

.entrymeta {
clear: both;
margin-top: 1em;
}

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

.commentrss {
background: url(images/rss.gif) no-repeat;
margin-left: 30px;
padding-left: 20px;
}

.navigation {
padding-bottom: 20px;
}

.alignright, .floatright {
float: right;
}

.clearright {
clear: right;
}

.alignleft, .floatleft {
float: left;
}



.clearleft {
clear: left;
}
.centered {
display: block;
margin: 0 auto;
}

.sticky {
background: #fffff0;
}

/* ------------------------------------------- */
/* --------------- Sidebars ------------------ */
/* ------ This is columns 2 and 3 ------------ */
/* ------------------------------------------- */

/* ---------- This is column 2, -------------- */
/* -------- which is the left column --------- */
/* ------------------------------------------- */

#sidebar_left {
float: left;
width: 170px;
position: relative;
margin-left: -50%;
left: 215px;
overflow: hidden;
}


/* ------------ This is column 3 ------------- */
/* ------- which is the right column --------- */
/* ------------------------------------------- */

#sidebar_right {
float: left;
width: 170px;
position: relative;
left: 15px;
overflow:hidden;
}


/* ------------------------------------------- */
/* ----- Generic styles for the -------------- */
/* --------- "sidebar" class ----------------- */

.sidebar {
font-size: 0.75em;
}

.sidebar h2 {
color: #FC0;
font-size: 1.6em;
margin: 1em 0 0 0;
}

.sidebar a {
color: #063;
font-weight: bold;
text-decoration: none;
}

.sidebar a:hover {
color:#FC0;
text-decoration: underline;
}

.sidebar ul {
list-style-type: none;
margin: 0;
padding: 0;
}

.sidebar ul li {
background-color: #fafafa;
border-bottom: 1px dotted #ddd;
margin-bottom: 0.3em;
padding: 0.3em;
}

.sidebar ul li ul{
list-style-type: square;
margin-left: 1.5em;
padding: 0;
border: 0;
}

.sidebar ul li ul li {
border:0;
}

.searchinput {
border: 1px solid #C3D9FF;
padding: 3px;
width: 135px;
}

.searchbutton {
border: 1px solid #C3D9FF;
margin:0 ;
padding: 2px;
}

#aboutme {
margin-top: 15px;
min-height: 80px;
}

/* for Internet Explorer */
/*\*/
* html #aboutme {
height: 80px;
}
/**/

#aboutme ul li{
background-color: #fff;
border: 0;
}

#aboutme img{
border: 0;
float: left;
padding-right: 15px;
}

#navcontainer {
margin: 0 0 15px 0;
width: 200px;
border-top: 1px dotted #ddd;
}

#navcontainer ul {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
list-style-type: none;
margin-left: 0;
padding-left: 0;
letter-spacing: 1px;
}

#navcontainer ul li {
border-bottom: 0;
margin-bottom: 0;
padding: 0;
}

#navcontainer a {
/* background: url(images/menu.gif) no-repeat; */
border-bottom: 2px solid #eee;
display: block;
height: auto;
min-height: 20px;
padding: 7px 3px 3px 5px;
width: 160px;
}

/* for Internet Explorer */
/*\*/
* html #navcontainer a{
height: 20px;
}
/**/

/* ----------------------------------------- */
/* ----navcontainer is in the sidebar ------ */

#navlist a:link, #navlist a:visited {
color: #063;
text-decoration: none;
}

#navcontainer a:hover {
color: #fc0;
text-decoration: underline;
/* background: url(images/menu.gif) no-repeat -200px 0px; */
}
/* ------------------------------------------ */
/* ------------------------------------------ */

	
/* Comments */
.commentsblock textarea {
width: 35em;
}

.commentsblock input, .commentsblock textarea {
border: 1px solid #d1d1d1;
}

.commentsblock textarea:focus {
background: #eee;
border: 1px solid #a1a1a1;
}

.commentsblock textarea:focus, .commentsblock input:focus {
background: #eee;
border: 1px solid #a1a1a1;
}

ol.commentlist {
color: #666;
list-style-type: none;
margin: 0;
margin-top: 1.5em;
padding: 0;
}

.commentlist li {
margin-bottom: 2em;
padding: 0.5em 1em;
}

.commentlist li .avatar { 
float: right;
border: 1px solid #eee;
padding: 2px;
margin-left: 10px;
background: #fff;
}

.alt1, .thread-even {
background: #f9f7ed;
border: 1px solid #f9f7ee;
padding: 0.5em;
border-left: 10px solid #CDEB8B;
}

.alt2, .thread-odd {
background: #f9f7ed;
padding: 0.5em;
border: 1px solid #f9f7ee;
border-left: 10px solid #C3D9FF;
}

h3#comments {
font-size: 1.6em;
}

.commentsnavigation {
padding: 20px 0 30px 0;
}

.commentlist ul.children li {
background-color: #e3e3e3;
border: 1px solid #efefef;
list-style: none;
margin-top: 20px;
}

.commentlist ul li.depth-2 {
background-color: #f1f1f1;
}

.commentlist ul li.depth-3 {
background-color: #ececec;
}

.commentlist ul li.depth-4 {
background-color: #e8e8e8;
}

.commentlist ul li.depth-5 {
background-color: #e3e3e3;
}

/* Footer */

#footer {
color: #999;
float: right;
margin: 3px 0 0 0;
padding: 0 0 2px 0;
padding-right: 10px;
}

.footer-text {
	text-align: center;
	font-size: 75%;
}

/* Sitemap */
.ddsg-sitemap ul{
margin: 0;
padding: 0;
}

.ddsg-sitemap ul li {
font-weight: bold;
list-style-type: none;
margin: 0;
padding: 0;
}

.ddsg-sitemap ul li ul{
list-style-type: none;
margin: 15px;
padding-left: 20px;
}

.ddsg-sitemap ul li ul li{
font-weight: normal;
list-style-type: circle;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
/* End Images */

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	/* -moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; */
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */