/*
Theme Name: JGArldt WordPress
Theme URI: http://www.jgarldt.com
Description: The JGArldt.com theme.
Version: 1.0
Author: JGArldt
Author URI: http://www.jgarldt.com
Tags: jgarldt

	JGArldt Wordpress 1.0
	 http://www.jgarldt.com

	This theme was designed and built by JGArldt,
	whose blog you will find at http://www.jgarldt.com

*/
/* ==== TAGS ==== */
body { color:#70788C; line-height:150%; margin:0; padding:0; background:url(images/bg.jpg) repeat-x #173161; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
hr { display:none; }
input, textarea { background:#5574ae; border:1px solid #839fd4; color:#FFF; }

h1{font-size:20px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{font-size:14px;}

/* ==== IDS ==== */
#sidebar { float:right; width:288px; color:#434d60; padding-right:12px; font-size:10px; }
#sidebar ul { margin:0 0 0 12px; padding:0; list-style:none; }
#sidebar ul li { margin:0; padding:0; }
#sidebar ul li ul { list-style-image:url(images/bullet.gif); }
#sidebar a { color:#355287; text-decoration:none; }
#sidebar a:hover { color:#173161; }

#footer { clear:both; color:#FFF; font-size:9px; text-align:center; }
#footer a { color:#FFF; }

/* ==== CLASSES ==== */
.wrapper { width:950px; margin:auto; }

.body { background-color:#F3F3F3; }

.header { background:url(images/hdbg.jpg) top center no-repeat; }

.content { background:url(images/shine.jpg) top center no-repeat; padding:12px; float:left; width:626px; }
.content a { color:#5574ae; text-decoration:none; }
.content a:hover { color:#000; }

.post, .colbox { margin-bottom:12px; padding:6px; border:1px solid #DDD; background:url(images/bev.jpg) repeat-x #FFF; }
.postdata, .postmetadata { color:#173161; font-size:9px; }

.colbox ul { margin:0; padding:0; list-style:none; }
.colbox li { margin:0; padding:4px; }
.colbox .coltitle { font-size:14px; font-weight:bold; }
.colboxleft { float:left; width:49%; }
.colboxright { float:left; width:49%; }

.headtitle { padding:12px; }
.headtitle h1 { margin:0; padding:0; }
.headtitle h1 a { color:#FFF; text-decoration:none; }
.headtitle .description { color:#d0e0ff; font-size:10px; }

.topsearch { list-style:none; margin:0; padding:18px 32px 4px 0; float:right; }

.topmenu { list-style:none; margin:0; padding:8px 0 4px 32px; float:right; }
.topmenu li { display:inline; float:left; margin-left:16px; }
.topmenu a { color:#FFF; font-weight:bold; text-decoration:none; }
.topmenu a:hover { color:#5574ae; }

.topcats { clear:both; padding:0; margin:0; list-style:none; height:40px; background:url(images/menubg.jpg) repeat-x; border-left:1px solid #839fd4; border-right:1px solid #839fd4; }
.topcats li { display:inline; float:left; }
.topcats a { color:#FFF; text-decoration:none; display:block; height:24px; padding:12px 12px 0 13px; }
.topcats a:hover { border-left:1px solid #40579a; background:url(images/menubg_hover.jpg); height:22px; padding:14px 12px 0 12px; }

.center { text-align:center; }
.clear { clear:both; }

.more-link { margin:12px; padding-left:12px; background:url(images/bullet.gif) no-repeat; }



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

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

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

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

.commentmetadata {
	margin: 0;
	display: block;
	}
/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
	
	/* 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
	}