/*
Theme Name: LCWH
Theme URI: http://www.LearnCivilWarHistory.com
Description: Custom WordPress theme for LearnCivilWarHistory.com.
Version: 1.0
Author: Jonathan R. Allen Copyright 2010 Jonathan R. Allen
Author URI: http://www.nellawarewebdesign.com/
Tags: NellaWare Web Design, 3 columns, fluid, DynamicDrive CSS Layout #3.1 Fx-Fl-Fx
*/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
/*CSS Liquid Layout #3.1 Fixed-Fluid-Fixed */
body{
margin:0;
padding:0;
font-family:  verdana, arial,  helvetica, sans-serif;
 /* Resets 1em to 10px */
font-size: 62.5%;
color: #000000;
/*background-color: White;*/
line-height: 1.5em;
background: #FFFFFF url(leftcolumn170.jpg) repeat-y left top;
}

b{font-size: 1em;}

em{color: #000000;}

#topsection{
/* background: #EAEAEA; */
 /*Height of top section 90px */
height: 129px;
background: #4D4381 url(gradient2.jpg)  repeat-x left top;
}

#topsection h1{
position: relative;
font-family:  verdana, arial, helvetica, sans-serif;
/* margin-left: 10px; */
margin: 0;
padding-top: 25px;
color: #FFFFFF;
font-size:2.8em;
z-index: 3;
text-decoration: none;
}

#topsection h1 a{
color: #FFFFFF;
text-decoration: none;
}

#topsection h2{
position: relative;
font-family:  verdana, arial, helvetica, sans-serif;
font-size: 1.2em;
padding-top: 15px;
color: #FFFFFF;
/*color:#d0e0f0;*/
font-weight: bold;
margin-left: 20px;
z-index: 2;
text-decoration: none;
}

#topsection img{
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1;
}

#topsection a:link{
color:#ffffff;
text-decoration:none;
}

#topsection a:visited{
color:#ffffff;
text-decoration:none;
}

#topsection a:hover{
color:red;
text-decoration:none;
}


#contentwrapper{
float: left;
width: 100%;
padding-top: 10px;

}

#contentcolumn{
/*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
margin: 0 150px 0 170px; 
font-size: 1.2em;
}

#leftcolumn{
float: left;
/*Width of left column*/
width: 170px; 
margin-left: -100%;
/* background: #C8FC98; */
border-right-color: #000000;
border-right-width: 1px;
border-right-style: solid;
padding-top: 10px;

}

#rightcolumn{
float: left;
/*Width of right column*/
width: 150px; 
/*Set left marginto -(RightColumnWidth)*/
margin-left: -150px; 
background: #F6F6F6;
background: url(rightcolumn150.jpg) repeat-y left top;
/* border-left-color: #524D87;
border-left-width: 1px;
border-left-style: solid;
border-left-style: none; */
/* border-top-color: #000000; */
/* border-top-width: 1px; */
/* border-top-style: solid; */
padding-top: 10px;
}

#footer{
clear: left;
width: 100%;
height: 220px;
color: #FFFFFF;
text-align: center;
padding: 4px 0;
background: #467AA7;
}

#footer a{
color: #95FEFF;
}

#footer a:hover {
/* red */
COLOR: #F8F8FF;
background: transparent;
/*text-decoration: none */
text-decoration: underline;
}

#footer p{
font-size: 1em;
/* color: #FFFFFF; */
color: #BDD2F7;
}

.innertube{
/*Margins for inner DIV inside each column (to provide padding)*/
/* The left and right marging for the content. */
margin-top: 0;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 15px;
}
 
#myform{
position: absolute;
top: 103px;
right: 0px;
z-index: 4;
float: right;
margin: 0;
padding: 0;
}

#myform .textinput{
width: 75px;
height: 17px;
background-color: #FFE4C4;
/*border: 1px solid black;*/
}

#myform .submit{
font: bold 1em Verdana;
height: 22px;
background-color: #D9F0FF;
border: 1px solid black;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
#vdividermenu ul{
position: absolute;
top: 105px;
left: 1px;
z-index: 7;
margin: 0;
padding: 3px;
margin-bottom: 1em;
float: left;
font: bold 1em Verdana;
/*width: 60%;*/
border: 1px solid #000000;
color: #FFFFFF;
background-color: #CC0000;
}

* html #vdividermenu ul{ 
/*IE only rule, reduce menu width*/
width: 99%;
}

#vdividermenu ul li{
display: inline;
}

#vdividermenu ul li a{
float: left;
color: #FFFFFF;
padding: 2px 12px;
text-decoration: none;
background: transparent url(vertical.gif) center right no-repeat;
}

#vdividermenu ul li a:visited{
color: #FFFFFF;
}

#vdividermenu ul li a:hover{
color: black;
background-color: #E4E4E4;
}
/* ============================================ */
/* ============================================ */
/* ============================================ */

/*======================================*/
/*HTML ELEMENTS*/
/*======================================*/
/*THE HYPER LINKS*/
A:link {
/* blue */
COLOR: blue;
background: transparent;
/*text-decoration: none;*/
text-decoration: underline;
}

A:visited {
/* purple */
COLOR: purple;
background: transparent;
/*text-decoration: none;*/
text-decoration: underline;
}

A:active {
/* red */
COLOR: red;
text-decoration: none;
background: transparent;
}

A:hover {
/* red */
COLOR: red;
background: transparent;
/*text-decoration: none */
text-decoration: underline;
}
/*======================================*/
/*======================================*/

h1 {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 2.2em;
/*color:#008e49;*/
/*color:#7b3e00;*/
/*color:#93004a;*/
/*color:#ce0024;*/
color:#6495ED;
background-color: transparent;
margin-top:0px;
margin-bottom:5px;
margin-left:0px;
padding-bottom: 3px;
/*text-decoration: underline;*/
}

h2 {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 1.8em;
color: #B22222;
background-color: transparent;
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
padding-bottom: 3px;
/*text-decoration: underline;*/
}

h3 {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 1.5em;
color:#888888;
background-color: transparent;
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
padding-bottom: 5px;
/*text-decoration: underline;*/
}


h5 {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 1em;
color:#000000;
/*text-decoration: underline;*/
border-bottom:1px solid #69c;
background-color: transparent;
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
padding-bottom: 5px;
}

h4 {
/* USED FOR THE POST TITLE - WILL BE A LINK */
/* USED FOR SIDEBAR WIDGET TITLES */
font-family: verdana, arial, helvetica, sans-serif;
font-size: 1.4em;
color: #88B12C;
/* background-color: transparent; */
/*background-color: #EDF3FC;*/
background: #FFFFFF url(gradient-post-title.jpg) repeat-y left top;
padding:8px;
padding-top:3px;
padding-bottom:7px;
padding-left:6px;
padding-right:2px;

margin-top:4px;
margin-bottom:4px;
margin-left:0px;

border-top: 1px dashed #000000;
border-bottom: 1px dashed #000000;
border-left: 4px solid #CC0000;
/*border-right: 1px dashed #CC0000;*/
/* border-right: 1px solid #000080; */

}

p {
font-size: 1.2em;
}

ul{
margin-left: 10px;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 1.2em;
line-height: 18px;
/*margin-top: .5em;
margin-left:3em;
margin-right:3em;*/

margin-top: 5px;
margin-left:25px;
margin-right:5px;
margin-bottom: 15px;

padding:0 0 0 15px;
padding-left: 3px;

/*If image cannot be found, then square will be used.*/
list-style-type: square;
/*list-style-image: url(amberlist1.gif);*/
/*list-style-image: url(square_list55.gif);*/
/*list-style-image: url(square_list.gif);*/
/*list-style-image: url(colt.jpg);*/
}

/*ul li{
list-style: none;
background-image: url(square_list.gif);
background-repeat: no-repeat;
background-position: 0px 4px;	
padding-left: 4px;
padding-right: 20px;
margin-bottom: 7px;
}*/

table p{
font-size: 1.2em;	
color: #000000;
}

table ul{
font-size: 1.1em;	
color: #000000;
}

table b, strong{
font-size: .9em;	
}

pre{
font-family: verdana, arial, helvetica, sans-serif;
font-size: 1.5em;
color: Black;
}

#rightcolumn p {
color: Black;
font-size: 1.1em;
}

#rightcolumn ul {
margin-top: 5px;
margin-left:20px;
/*margin-right:5px;*/
margin-bottom: 10px;

font-size: .9em;	
line-height: 16px;
}

#leftcolumn p {
color: Black;
font-size: 1.1em;
}

#leftcolumn ul {
margin-top: 5px;
margin-left:20px;
/*margin-right:5px;*/
margin-bottom: 10px;

font-size: .9em;	
line-height: 16px;
}

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

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.lcwhnote {
width: 500px;
font-size: 1.2em;
font-family: "Times New Roman", Times, serif;
color:#000000;
padding: 5px 10px 5px 5px;
/*margin: 10px 5px 10px 5px;*/
margin: 0 auto 10px auto;
border: 2px solid #CC3300;
background-color: #F9F0D5;
}

.newsleft{
	/* float: left;	*/
	/* width: 850px;*/
/*width: 28em;*/
	font-size: 1.2em;
	font-family: verdana, arial,  helvetica, sans-serif;
color:#000000;
padding: 5px 5px 5px 5px;
/*margin: 10px 5px 10px 5px;*/
margin: 0px 10px 10px 5px;
border: 1px solid #D53500;
background-color: #E0E5FF;
}

.newsright{
float: left;	
width: 300px;
font-size: 1.2em;
font-family: verdana, arial,  helvetica, sans-serif;
color:#000000;
padding: 5px 5px 5px 5px;
/*margin: 10px 5px 10px 5px;*/
margin: 0px 0px 10px 5px;
border: 1px solid #BA656C;
background-color: #F5F5F5;
}

span.squares {
display:block;
float:left;
width:18px;
height:18px;
/*margin:.1em .1em 0 0;*/
margin:0 5px 0 0;
background-image:url(squares.gif);
background-repeat:no-repeat;
}

span.squares span {
display:none;
}

/******* lists *******/
/*From DR. Office*/
/*oswd.org*/
/*I converted from ID to CLASS*/
.fancylist ul {
margin:0 0 0 0;
padding:0 0 0 0;
list-style:none;
}

.fancylist li {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 1.5em;
line-height: 16px;
margin-top: .5em;
margin-bottom: .5em;
margin-left:3em;
margin-right:3em;
/*padding:0 0 0 15px;*/
padding:0 0 0 3px;
background-position: 0 .3em;
/*If image cannot be found, then square will be used.*/
list-style-type: square;
/*list-style-image: url(amberlist1.gif);*/
list-style-image: url(square_list.gif);
}

.fancylist li.sub {
/* This font size means the sub list font will be equal to
the parent li font of .85em as set above. */
font-size: 1em;
margin-top: .5em;
margin-bottom: .5em;
margin-left:15px;
/*padding:0 0 0 15px;*/
padding:0 0 0 3px;
background-position: 0 .3em;
/*If image cannot be found, then square will be used.*/
list-style-type: square;
list-style-image: url(square_list2.gif);
}

/*-----------------------------*/

.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-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
	}
	
	
.translatediv{
padding-left: 10px;	
}

.cwquotesplugin{
font-size: 1.2em;
font-family: verdana, arial, helvetica, Georgia, sans-serif;
color: #8F8F8F;
/*font-style: italic;*/
}
	
#submit{margin-top:5px;border-width:0;padding:0}#commentform input,textarea{color:#0C3E69}

#commentform input{font-size:11px;color:#000}#commentform textarea{padding:2px 4px}

#respond,#comments{margin-bottom:15px;font-family:"Trebuchet MS",sans-serif} #commentsection{margin:25px 0 0}

#commentsection p{margin:0 0 6px}

.comment{
background-color:#f4f4f4;
border-left:4px solid #483D8B;
color:#606060;
margin:0 0 10px;
padding:8px 5px 0 8px
}

.comment p{
font-size: 1.1em;
line-height:1.3em;
margin:0 0 6px;
padding-bottom:5px
}

.gravatarside{float:right;width:48px;height:48px;margin:0 5px 5px 5px}h2.archives{margin-bottom:10px}

h3.entrytitle,h3{font-size:160%;font-weight:normal;line-height:100%;margin:0;padding:0px}

h3.entrytitle a,h3.entrytitle a:visited,h3 a{color:#fff;text-decoration:none}

h3.entrytitle a:hover,h3 a:hover{        text-decoration:underline}.entry{margin-top:0px}

.entrybody{margin-bottom:30px}.entrybody p{margin-bottom:15px}blockquote{background:#EEE url(images/blockquote.png) no-repeat bottom left;padding:10px;padding-bottom:40px}

#content code{background-color:#3F464A;display:block;padding:10px;margin-bottom:10px}

#commentblock code{display:block;padding:5px;margin-bottom:10px;color:#ccc}
div.footer{clear:both;padding:5px 0;margin:0 0px;font-size:0.9em;color:#06C;background:#DFEFFF;border-top:1px solid #06C}

.sticky {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 1em;
/* background-color: transparent; */
padding-top:25px;
padding-left:60px;
padding-right:60px;
padding-bottom:25px;

margin-top:4px;
margin-bottom:4px;
margin-left:0px;
margin: auto;

/*background: #F8F8FF;*/
background: #FAF0E6;
color: #000000;
/*border: 1px solid #ccc;*/

border-top: 2px solid #859CB6;
border-left: 2px solid #B22222;
border-right: 2px solid #B22222;
border-bottom: 2px solid #859CB6;
}		

.postantebellum{
	color: #BBBB5D;
	font-weight: bold;

}

.post1861{
	color: Green;
	font-weight: bold;	
}

.post1862{
	color: Navy;
	font-weight: bold;
}

.post1863{
	color: Purple;
	font-weight: bold;
}

.post1864{
	color: #FF9900;
	font-weight: bold;
}

.post1865{
	color: Red;
	font-weight: bold;
}

.postbellum{
	color: #A97E54
	font-weight: bold;
	}

.postother{
	color: #009999;
	font-weight: bold;
}