/*  
Theme Name: The HART Shaped Box
Theme URI: http://www.tdhedengren.com/wordpress-themes/
Description: Network theme for HART. <a href="http://www.tdhedengren.com/">Made by TDH</a>
Version: 1.0
Author: Thord Daniel Hedengren
Author URI: http://www.tdhedengren.com/
*/

body {
	margin: 0;
	padding: 0;
	color: #111;
	background: #555 url(img/body-bg.gif) repeat-x;
	}

img { border:0; }
img.left { float:left; margin: 0 15px 15px 0; }
img.right { float:right; margin: 0 0 15px 15px; }
img.frame { border: 1px solid #ddd; padding: 5px; }

blockquote  
{
  border: 1px solid #bfbfbf;
  background-color: #efefef;
  padding: 15px;  
  margin:15px 20px;
  color:#666; 
}


a {
	color: #0000FF;
	text-decoration: underline;
	}

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

form { margin:0; padding:0; overflow:hidden; }

.clear { clear:both; height: 1px; width: 100%; }

#site {
	width: 100%;
	text-align:center;
	}

#wrap {
	width: 970px;
	margin: 0 auto;
	text-align: left;
	background: #e3e3e3 url(img/wrap-bg.gif) repeat-x;
	}

#header {
	width: 970px;
	height: 235px;
	clear:both;
	background: #5e3458 url(img/header-bg-orangeyellow.gif) repeat-x bottom;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	line-height: 100%;
	}

#header .network { width: 970px; height: 30px; overflow:hidden; background:#222; }
#header .network p { line-height: 30px; color: #bbb; font-size: 12px; margin:0; padding: 0 10px; }
#header .network p a { color: #fff; text-decoration: none; text-transform: uppercase; font-weight: bold; }
#header .network p a:hover { color: #ff0; text-decoration: underline; }
#header .hartempire { float:left; width: 169px; text-align:right; }
#header .mainheader { float:right; width:795px; }
#header .mainheader .ad { margin: 10px 10px 0 0; float:right; width: 728px; height: 90px; background: #000; }
#header .mainheader .blogheading { width: 790px; float: right; }
#header .mainheader .blogheading h1 { margin:0; padding: 25px 20px 5px 20px; text-align:right; font-size: 36px; line-height: 36px; letter-spacing: -2px; color: #333; }
#header .mainheader .blogheading h1 a { color: #333; text-decoration: none; }
#header .mainheader .blogheading p { font-size: 14px; text-transform: uppercase; letter-spacing: -1px; margin: 0; padding: 0 20px 0 0; text-align:right; color: #aaa: }
#header .mainheader .blogheading .subscribe { float:left; margin: 20px 0 0 0; }

#content {
	width: 630px;
	float:right;
	font-family: Georgia, Times, Times New Roman, serif;
	color: #333;
	}

#content .post, #content .evenmore { margin: 0 20px 10px 0; padding: 20px; background: #fff url(img/post-bg.gif) no-repeat top right; }
#content ul li { margin-bottom: 5px; }
#content .evenmore { margin-bottom: 20px; }
#content .evenmore .entry ul li h3 { font-family: Georgia, Times, Times New Roman, serif; font-size: 20px; margin: 0; padding: 0 0 3px 0; }
#content .evenmore .entry .archives { font-size: 20px; text-align:right; font-weight:bold; margin: 0; padding: 0; }
#content .evenmore .entry .archives a { text-decoration: none; }
#content h2 { letter-spacing: -1px; margin: 0 0 5px 0; padding: 0; font-size: 30px; color: #222; }
#content h2 a { color: #222; text-decoration: none; }
#content h2 a:hover { text-decoration: underline; }
#content h3, #comments h3 { font-size: 18px; font-family: Arial, Geneva, Helvetica, sans-serif; margin: 30px 0 5px 0; }
#content p { font-size: 16px; line-height: 140%; margin: 0 0 15px 0; padding: 0; }
#content p.postmeta { font-size: 11px; font-family: Arial, Geneva, Helvetica, sans-serif; margin: 0; color: #444; }
#content .entry { margin-top: 15px; }
#content .navigation { height: 40px; margin: 10px 0 0 0; font-family: Arial, Geneva, Helvetica, sans-serif; font-size: 18px; letter-spacing: -1px; font-weight:bold; }
#content .navigation .alignleft { float:left; width:280px; }
#content .navigation .alignright { float:right; width:280px; text-align:right; padding-right: 20px; }
#content #categorytitle { margin: 0 20px 10px 0; font-variant: small-caps; padding: 5px 0; border: 3px double #aaa; border-width: 3px 0; }

#comments {
	color: #444;
	}

#comments h3 { margin: 20px 0 0 0; padding:5px 0 0 0; border: 1px solid #aaa; border-width: 1px 0 0 0; }
#comments ol { margin: 0 6px 0 0; padding: 0; }
#comments .alt { margin: 0; padding: 10px; background-color: #efefef; }
#comments .commentlist { margin:0; padding: 0; }
#comments .commentlist li { margin: 15px 0 3px 0; padding: 5px 10px 3px 15px; list-style: none; }
#comments .commentlist p { margin: 10px 5px 10px 0; font-size: 14px; }
#comments p.commenter { margin: 15px 0 0 0; padding: 5px 0 10px 0; font-size: 10px; line-height: 100%; border: 1px solid #aaa; border-width: 1px 0 0 0; }
#comments .respond { margin: 20px 0 0 0; padding: 20px; background: #efefef; border:1px solid #aaa; }
#comments .respond h3 { margin-top: 0; padding: 0; border:0; }
#comments .nocomments { text-align: center; margin: 0; padding: 0; }
#comments .respondtable { margin: 5px 0 0 0; padding: 0; }
#comments .respondtable table tr td p { margin:0; padding: 0 0 0 10px; border: 5px solid #fff; border-width: 0 0 0 5px; }
#comments .commentmetadata { margin: 0; display: block; }
#comments input, #comments .commentarea { width: 250px; padding: 4px; background: #fff; border: 1px solid #aaa; font-size: 14px; }
#comments .commentarea { width: 516px; height: 140px; line-height:150%; }
#comments .submit { width:150px; }

#sidebar {
	width: 320px;
	float:left;
	color: #000;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	}

#sidebar ul { margin: 0 0 10px 20px; padding: 10px; background: #aaa url(img/sidebar-ul-bg.gif) no-repeat top right; }
#sidebar ul p { margin: 0; padding: 0; font-size: 14px; line-height: 140%; }
#sidebar h2 { font-size: 18px; color: #000000; margin: 0 0 5px 0; padding:0; }
#sidebar h3 { text-transform: uppercase; color: #000000; background-color: #aaa; padding: 2px; margin: 0 0 3px 0; letter-spacing: -1px; }
#sidebar a { color: #0000FF; }
#sidebar .googlecoop {}
#sidebar .googlecoop form { margin-top: 5px; }
#sidebar .ad { text-align:center; margin: 0 0 10px 20px; }
#sidebar .twocols { width: 300px; font-size: 12px; color: #E6E6E6; /* border: 5px solid #aaa; border-width: 5px 0 0 0; padding: 10px 0 0 0; */ margin: 0 0 0 20px; }
#sidebar .twocols h3 { font-size: 12px; line-height: 12px; margin-bottom: 5px; }
#sidebar .twocols .left { width: 145px; float:left; }
#sidebar .twocols .right { width: 145px; float: right; }
#sidebar .twocols .left ul, #sidebar .twocols .right ul { background: none; margin: 0 0 10px 0; padding: 0; }
/* #sidebar .twocols .left ul li, #sidebar .twocols .right ul li { color: #aaa; margin: 0 0 5px 3px; list-style-position: inside; } */
#sidebar .twocols .left ul li, #sidebar .twocols .right ul li { color: #aaa; margin: 0 0 6px 0; padding: 0 2px 4px 2px; border: 1px solid #bbb; border-width: 0 0 1px 0; list-style: none; }
#sidebar .twocols .left .ad, #sidebar .twocols .right .ad { margin: 5px 0 0 0; }

#footer {
	width: 100%;
	padding: 20px 0;
	background: #aaa url(img/footer-bg.gif) no-repeat top right;
	clear: both;
	color: #fff;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	}

#footer a { color: #222; }
#footer .leftcol { width: 320px; float:left; margin:0; }
#footer .rightcol { width: 630px; float:right; margin:0; }
#footer .leftcol .pos { padding: 0 0 0 20px; margin: 0; }
#footer .rightcol .pos { padding: 0 20px 0 0; margin: 0; }
#footer .leftcol .pos p, #footer .rightcol .pos p { margin: 0 0 10px 0; }
#footer .copy { clear:both; margin: 10px 20px 10px 20px; border: 3px double #888; background: #999; }
#footer .copy p { margin:0; padding: 10px; font-size: 16px; text-align:center; }
#footer .copy p a { font-weight:bold; }
#footer .smallbuttons { margin: 0; text-align:center; }

#wp-admin-bar {margin:0; padding:5px; background:#f9f9f9; border:1px solid #666; clear:both; text-align:center}
#wp-admin-bar ul {margin:0; padding:0}
#wp-admin-bar ul li {list-style-type:none; display:inline; margin:0 10px; padding:0}