/*
Theme Name: Trickster Training
Description: A custom WordPress theme for Coyote Network news by Cruxwire Web
Version: 1.0
Author: Kim Casault
Author URI: http://www.cruxwire.com
*/

/* STYLES FOR WWW.TRICKSTERTRAINING.COM */
/* COLORS: #49306a (dk purple), #151418 (text black)  */

/* ----------   IE HACKS  ----------

The following divs are applied just inside the body tag of each page
 in order to deliver special styling to non-compliant IE versions.

#lteIE8 (less than or equal to IE8) 
#lteIE7 (less than or equal to IE7)
#lteIE6 (less then or equal to IE6)

-------------  END IE HACKS ------- */

* {	margin: 0px; padding: 0px; }
p {	margin-bottom:12px; }
img { border:0px; }
ul { list-style-position:outside; margin-left:40px; }
ul li { margin-bottom:6px; }
ol { list-style-position:outside; }
h1 { font-size:22px; color:#49306a; font-weight:bold; margin-bottom:18px; }
h2 { font-size:16px; color:#49306a; font-weight:bold; border-bottom:1px solid #49306a; }

a { text-decoration:none; color:#533081; }
a:hover { color:#8731f9; border-bottom: 1px dashed #8731f9; }

body { 
	font-size:14px;	
	letter-spacing:.02em; 
	word-spacing:.02em; 
	line-height:1.25; 
	color:#151418; 
	text-align:center; 
	font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L", Georgia, serif;
	background-color: #ffffff;
	}

	
#container  { width:955px; position:relative; text-align:left; margin:0px auto 0px auto;  }

#header { width:955px; height:193px; background-image: url(images/header.jpg); }

#main { background: url(images/repeater.jpg) repeat-y; min-height:137px; padding:0px 60px 0px 52px; }

#content { width:613px; min-height:700px; border-bottom:1px solid #ded4ed; }

	.blogentry { margin-bottom:50px; border-bottom:1px solid #cfc4e0; padding-bottom:20px; }
	h1.blogtitle { font-size:18px; font-weight:bold; background-image: url(images/bolt.gif); background-repeat:no-repeat; padding-left:28px; }
	h2.bloginfo { font-size:12px; font-style:italic; padding-left:28px; }
	.blogcontent { margin:20px 0px 20px 0px; padding-left:28px; }
	.blogmetadata { font-size:12px; font-style:italic; }

#sidebar { float:right; width:200px; }
	#sidebar ul { list-style-type:none; margin-bottom:0px; padding-top:10px; }
		#sidebar ul h2 { font-size:16px; font-weight:bold; margin-bottom:6px; background-color:#624887; color:#ffffff; padding-left:7px; }
		#sidebar ul li { margin-left:10px; padding:14px 14px 14px 14px; font-size:14px; background-color:#cfc4e0; }
		#sidebar ul ul li { padding:0px; }

#footer { width:955px; height:153px; background: url(images/footer_back.jpg) no-repeat; clear:both; }

.pagetitle { font-size:18px; }
.navigation { padding: 0px 0px 40px 0px; display:block; text-align:center; }
#archive .blogtitle { background-image:none; padding:0px; }
#archive .bloginfo { padding:0px; }



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

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* 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;
	font-style:italic;
	-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 */