/*  
WordPress Theme Name: WeHateGringos - WHG5-WP 1.0
Copyright: wehategringos.com
Theme URL: http://wehategringos.com/whg
Version: WHG5-WP 1.0
Author: Linda Muller
Author URL: http://forthecause.us

WHG5-WP is based on several original themes. The basic layout came from the 3c-Black-LetterHead by Hakan Aydin, www.aydin.net. I used parts of themes developed by www.layoutstudios.com [Wordpress4 and 88 themes], and the Jakarta theme by www.scarletblaze.com. 

This WHG5-WP theme altered the colors, layout, and page styles from the originals.  Artwork for the background, headers and footers are our designs. Developed by Linda Muller  for WeHateGringos.com - a project of ForTheCause.us

*/

/* ==================  Begin LAYOUT  ================== */


body {
	font-size: 67%;
	font-family: Verdana, Arial, Sans-Serif;
	color: #BBBBBB;
	background-image: url(images/background.gif);
	scrollbar-face-color: #000000;
	scrollbar-highlight-color: #CD853F;
	scrollbar-shadow-color: #A9A9A9;
	scrollbar-3dlight-color: #CCCCCC;
	scrollbar-arrow-color: #A0522D;
	scrollbar-track-color: #000000;
	scrollbar-darkshadow-color: #666666;
	margin: 0px;
	padding: 0px;
}
	
#contenttop{
	padding: 0px;
	background-image: url(images/top-board.jpg);
	background-repeat: no-repeat;
	background-position: left;
	height: 150px;
	margin-bottom: 10px;
	margin-top: 0px;
		
}

#content {
	font-size: 1.2em;
	color: #BBBBBB;
}

#page {
/*  background-image: url(images/background.gif);  */
	background-color: #000000;
	margin: 10px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0;
	width: 100%;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	color: #BBBBBB;
	}
	
#header {
	padding: 0px 0px 0px;
	margin: 0 auto;
	width: 100%;
	text-align: center;
	background-image: url(images/background.gif);
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	letter-spacing: 2px;
	color: #772502;
	font-weight: bold;
	}
		
.narrowcolumn {
	float: left;
	padding: 0px 30px 20px 30px;
	margin: 0px 0 0;
	width: 425px;
	background-color: #000000;
	color: #BBBBBB;
	}
	
.narrowcolumn .entry {
	line-height: 1.4em;
	}	
	
.narrowcolumn .postmetadata {
	text-align: center;
	padding-top: 5px;
	}	

.widecolumn {
	float: left;
	padding: 0px 30px 20px 30px;
	margin: 0px 0 0;
	width: 425px;
	background-color: #000000;
	line-height: 1.6em;
	color: #BBBBBB;
	}
	
.widecolumn .entry {
	line-height: 1.4em;
	}	

.widecolumn .entry p {
	font-size: 1.05em;
	}

.widecolumn .post {
	margin: 0;
	color: #BBBBBB;
	}
	
.widecolumn .postmetadata {
	margin: 30px 0;
	}

.post {
	margin: 0 0 0px;
	border-top: 1px solid grey;
	font-size: 1.0em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 15px;
	color: #BBBBBB;
	}

.pagepost {
	margin: 0 0 0px;
	border-top: 1px solid grey;
	padding-bottom: 15px;
	color: #BBBBBB;
	}		

.alt {
	background-color: black;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	color: #BBBBBB;
	}

#footer {
	background-color: black;
	background-image: url(images/background.gif);
	padding: 0 0 0 1px;
	margin: 0 auto;
	width: auto;
	clear: both;
	color: #BBBBBB;
	}
	
#footer p {
	margin: 0;
	padding: 0px 0;
	text-align: center;
	color: #BBBBBB;
	}	
	
	
	
/*   Begin FONT SPECS  */

h1 {
	font-family: Garamond, 'Copperplate Gothic Light', Georgia, 'Times New Roman', Serif;
	font-weight: bold;
	font-size: 2.0em;
	color: #E4D3A6;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: .5em;
	padding-top: 40px;
	margin: 0;
	}
	
h1 a:link, h1 a:hover, h1 a:visited, .description {
	font-family: Garamond, 'Copperplate Gothic Light', Georgia, 'Times New Roman', Serif;
	text-decoration: none;
	color: #DAA520;
	}

	
h2 {
	font-size: 1.3em;
	font-family: Garamond, 'Copperplate Gothic Light', Georgia, 'Times New Roman', Serif;
	font-weight: bold;
	color: #E4D3A6;
	margin: 30px 0 0;
	}	

h2.pagetitle {
	font-size: 1.3em;
	font-family: Garamond, 'Copperplate Gothic Light', Georgia, 'Times New Roman', Serif;
	font-weight: bold;
	color: #E4D3A6;
	margin-top: 30px;
	text-align: center;
	}

	
h2 a:link {
	font-size: 1.3em;
	font-family: Garamond, 'Copperplate Gothic Light', Georgia, 'Times New Roman', Serif;
	font-weight: bold;
	color: #E4D3A6;
	text-decoration: none;
	}
	
h2 a:visited {
	font-size: 1.3em;
	font-family: Garamond, 'Copperplate Gothic Light', Georgia, 'Times New Roman', Serif;
	font-weight: bold;
	color: #E4D3A6;
	text-decoration: none;
	}
	
h2 a:hover {
	font-size: 1.3em;
	font-family: Garamond, 'Copperplate Gothic Light', Georgia, 'Times New Roman', Serif;
	font-weight: bold;
	color: #cd853f;
	text-decoration: underline;
	}	
	
		
h3 {
	font-family: Garamond, 'Copperplate Gothic Light', Georgia, 'Times New Roman', Serif;
	font-weight: bold;
	font-size: 1.1em;
	padding: 0;
	margin: 30px 0 0;
	color: #A4510C;
}		
	
h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}		
	
h3 a:link {
	font-size: 1.0em;
	font-family: Garamond, 'Copperplate Gothic Light', Georgia, 'Times New Roman', Serif;
	font-weight: bold;
	color: #E4D3A6;
	text-decoration: none;
	}
	
h3 a:visited {
	font-size: 1.0em;
	font-family: Garamond, 'Copperplate Gothic Light', Georgia, 'Times New Roman', Serif;
	font-weight: bold;
	color: #E4D3A6;
	text-decoration: none;
	}
	
h3 a:hover {
	font-size: 1.0em;
	font-family: Garamond, 'Copperplate Gothic Light', Georgia, 'Times New Roman', Serif;
	font-weight: bold;
	color: #cd853f;
	text-decoration: underline;
	}	
	
	
a:hover {
	color: #707070;
	text-decoration: underline;
	}	
	

small {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	
	}	
	
	
.entry p a, a:visited {
	color: #cd853f;
	}
	

	

/*   top-right-bottom-left  */


/* ==================  Begin Form Elements ================== */


textarea{
	background-color: #000000;
	color: #8C7E6A;
	margin-bottom: 3px;
	width: 98%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

input{
	background-color: #000000;
	color: #8C7E6A;
	margin-bottom: 3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

select{
	background-color: #000000;
	color: #8C7E6A;
	margin-bottom: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 2px 0px 2px 2px;
	
}


.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

#commentform input {
	background-color: #000000;
	color: #8C7E6A;
	margin-bottom: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 2px 0px 2px 2px;
	}
	
#commentform textarea {
	background-color: #000000;
	color: #8C7E6A;
	margin-bottom: 3px;
	width: 98%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}		
	
#commentform p {
	font-family: Verdana, Arial, Sans-Serif;
	margin: 5px 0;
	}	
	
/* ==================  End Form Elements ================== */


/*   top-right-bottom-left  */


/* ==================  Begin Comments  ==================  */


.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	font: 0.9em Verdana, Arial, Sans-Serif;
	font-weight: bold;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	color: #999966;
	}

.commentmetadata {
	margin: 0;
	display: block;
	font-weight: normal;
	}
	

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

/* ==================  Begin SIDEBARS  ================== */

/* divTitle = sidebar titles  */
	
.divTitle{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #A0522D;
	text-decoration: none;
	width: 100%;
	border-bottom: 1px solid #626262;
	margin-bottom: 15px;
	margin-top: 15px;
}

/* ==========  Begin Sidebar - RIGHT  ========== */

#sidebar{
	padding: 5px 20px 5px 0;
	margin-left: 660px;
	width: 200px;
	background-image: url(images/background.gif);
   border-right: 1px solid #959596;
	}
	

	
/* h2 = subtitles in sidebar  */
#sidebar h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #7A7537;
	text-decoration: none;
	padding-bottom: 0px;
	margin: 5px 0 0;
	padding: 0;
}	

	
/* h4 = dates under comments in sidebar  */
#sidebar h4{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #B22222;
	text-decoration: none;
	padding-bottom: 0px;
	margin-bottom: 0px;
}	
	
	
#sidebar ul li {
	list-style-type: none;
	list-style-image: url(images/ul.gif);
	margin: 3px 0px 5px 0px;
	padding: 0;
	
}
	
#sidebar ul ul, #sidebar ul ol {
	list-style-type: none;
	list-style-image: none;
	margin: 5px 0px 5px 0px;
	padding: 0;
	
}

#sidebar form {
	margin: 0;
	}
	

/*Add Code below to change RIGHT sidebar link sizes*/

#sidebar a:visited, a:link {	font-size: 1.0em;	color: #ffffff;	font-family: Verdana, Arial, Helvetica, sans-serif;	text-decoration: none;	font-weight: bold;}
#sidebar a:hover {	font-size: 1.0em;	color: #cc9933;	font-family: Verdana, Arial, Helvetica, sans-serif;	text-decoration: underline;	font-weight: bold;}
#sidebar a:active {	font-size: 1.0em; 	color: #FFCC33; 	font-family: Verdana, Arial, Helvetica, sans-serif;	text-decoration: none;	font-weight: bold;}
	
	
/* ==================  End Sidebar RIGHT  ================== */

/* ==================  Begin Sidebar2 - LEFT  ================== */

#sidebar2{
	padding: 5px 0 5px 5px;
	margin-left: 10px;
	width: 200px;
   float: left;
	background-image: url(images/background.gif);
	border-left: 1px solid #959596;
	}


	
/* h2 = subtitles in sidebar  */	
#sidebar2 h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #7A7537;
	text-decoration: none;
	padding-bottom: 0px;
	margin: 5px 0 0;
	padding: 0;
}
	
/* h4 = dates under comments in sidebar2  */
#sidebar2 h4{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #B22222;
	text-decoration: none;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
	
		
#sidebar2 ul li {
	list-style-type: none;
	list-style-image:url(images/ul.gif);
	margin: 3px 0px 5px 0px;
	padding: 0;
	color: #999966;
	}
	
#sidebar2 ul ul, #sidebar2 ul ol {
	list-style-type: none;
	list-style-image: none;
	margin: 5px 0px 5px 0px;
	padding: 0;
	color: #999966;
	}
	
#sidebar2 form {
	margin: 0;
	}
	
/*Add Code below to change LEFT sidebar2 link sizes*/

#sidebar2 a:visited, a:link {	font-size: 1.0em;	color: #ffffff;	font-family: Verdana, Arial, Helvetica, sans-serif;	text-decoration: none;	font-weight: bold;}
#sidebar2 a:hover {	font-size: 1.0em;	color: #cc9933;	font-family: Verdana, Arial, Helvetica, sans-serif;	text-decoration: underline;	font-weight: bold;}
#sidebar2 a:active {	font-size: 1.0em; 	color: #FFCC33; 	font-family: Verdana, Arial, Helvetica, sans-serif;	text-decoration: none;	font-weight: bold;}
	
	
/* ==================  End Sidebar2 - LEFT  ================== */


/*  top-right-bottom-left  */


/* ==================  BEGIN CALENDAR  ================== */

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

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

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

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

/*  CALENDAR COLORS    */

#wp-calendar caption {
	font: bold 11px Verdana, Arial, Sans-Serif;
	text-align: center;
	letter-spacing: 2px;
	text-decoration: none;
	}

#wp-calendar th {
	font-style: normal;
	font-size: 10px;
	text-transform: capitalize;
	letter-spacing: 2px;
	}
	
#wp-calendar td {
	font-style: normal;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
/*  CALENDAR LINKS    */
	
#wp-calendar a:visited {
	font-size: 10px; 
	color: #990000; 
	font-weight: bold;
	}

#wp-calendar a:hover {
	font-size: 10px; 
	color: #990000; 
	font-weight: bold;
	}

#wp-calendar a:active {
	font-size: 10px; 
	color: #990000; 
	font-weight: bold;
	}

#wp-calendar a:link {
	font-size: 10px; 
	color: #990000; 
	font-weight: bold;
	}

/* =======   END CALENDAR  ===========  */

/*   top-right-bottom-left */


/* ============ BEGIN TOOLBAR JAKARTA ========

- Note Must add sb.js file to server 
- Also note that most of this toolbar is from the Jakarta Theme. An additional javascript - textsizer - was added so it would work in MSIE   */

/* toolbar-right is PAGE TOOLS in LEFT column */

#toolbar-right {
	font-family: Verdana, Arial, Sans-Serif;
	FONT-SIZE: .8em;
	text-align: left;
	color: #FFFFCC;
	padding-left: 0px;
}

/* ZZZZ  Toolbar Tooltip ZZZZ */

a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active  {
  position: relative;
  text-decoration: none; 
  }
  
a.tooltip:hover {
  background: transparent;
  }

a.tooltip span {
  display: none;  
  text-decoration: none; 
}

a.tooltip:hover span {
	display: block;
	position: absolute;
	z-index: 100;
	color: #A0522D;
	border:1px solid #626262;
	background: #000000;
	font: .8em Verdana, Arial, Sans-Serif;
	top: 20px;
	padding: 5px;
  }

/* End Toolbar Tooltip */

/* ===== END TOOLBAR JAKARTA =======  */

/*   top-right-bottom-left  */

/* ======== BEGIN MISC TAGS AND CLASSES ======= */

a img {
	border: none;
	}

abbr {
	font-size: 0.9em;
	letter-spacing: normal;
	border-bottom: 1px dashed #999;
	cursor: help;
}	
	
acronym {
	font-size: 0.9em;
	letter-spacing: normal;
	cursor: help;
	border-bottom: 1px dashed #999;
}	

.alt {
	margin: 0;
	padding: 10px;
	}	
	
blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 2px groove #ddd;
	color: #999966;
}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}		
	
.center {
	text-align: center;
	}	
	
cite {
	text-decoration: none;
	}	
	
code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}
	
.description {
	font-size: 1.2em;
	text-align: center;
	letter-spacing: .6em;
	}	
	
hr {
 	display: none;
 }	
	
.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}	
	
.postmetadata {
	color: #999966;
	}	
	
span.caps {
	font-size: 0.9em;
	letter-spacing: normal;
	cursor: help;
}
	
strike {
	color: #999966;
	}	
	
/*Add Code below to add copyrightnotice to pages*/

#copyrightnotice{
	width: 90%;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffcc99;
	margin-bottom: 5px;
	margin-top: 5px;
	padding: 10px;
		
}

/*Add Code below to change copyrightnotice link sizes*/

#copyrightnotice a,
#copyrightnotice a:visited {font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
#copyrightnotice a:hover {font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
#copyrightnotice a:active {font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
#copyrightnotice a:link {font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}

	
/* ========= END MISC TAGS AND CLASSES ===== */

#contentbottom{
	padding: 0px;
	background-image: url(images/bottom-board.jpg);
	background-repeat: no-repeat;
	background-position: left;
	height: 150px;
	margin-bottom: 10px;
	margin-top: 0px;
		
}

/* ========= END CSS ===== */