/*  
Theme Name: KC-TAGRe
Theme URI: http://knowledgeconstructs.com/
Description: TAGRe theme is based on the KC-SEOv2 Theme which, in turn, is based on the default WordPress theme which is based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> version.
Version: v0.1
Author: Zain Bador
Author URI: http://knowledgeconstructs.com/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/.
	It's now been upgraded simply by having the CSS tweaked.

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	Have to leave this bit in.
*/
@media screen {
	* { /* reset margins and paddings to zero */
		margin:0px;
		padding:0px;
	}
	body {
		color: #000;
		font:normal 0.80em arial, helvetica, sans-serif;
		background : #7C3469 url('images/bg-purple-lines.png') repeat-x top;
		margin:0px;
		padding:0px;
	} 
	#blogHeading,
	h1,h2,h3 {
		font-family:Verdana;
		text-align:center;
	}
	h1,
	#blogHeading {
		font-size:1.2em; font-weight:bold;
	}
	h2 {
		font-size:1.0em; font-weight:bold;
	}
	h2, h3 {margin:10px 0px;}
	#page {
		position:relative;
		width:790px;
		margin: 0px auto;
		padding:0px;
	}
	#main, #footer {
		padding:0px;
		
	}
	/* HEADER */
	#headstrip, #footstrip, #header, #footer, #main {
		position:relative;
		width:100%;
		float:left;
	}
	#headstrip {
		width:100%;
		height:24px;
		margin:30px 0px;
		/*margin-top:20px;*/
		background-color:#000;
		border-top:#9C0C51 solid 3px;
		border-bottom:#8A0A45 solid 3px;
		color:#fff;
	}
	#header {
		position:relative;
		width:790px;
		height:160px;
		background: transparent url(images/TAGRe-header2b.jpg) 0% 0% no-repeat;	
		border:#000 solid 1px;
		border-bottom:none;
	}
	#headerLinks {
		width:790;
		height:20px;
		margin-top:5px;
		margin-left:25px;
		color:#fff;
		font-size:0.85em;
	}
	#headerLinks a {
		height:14px;
		float:left;
		display:block;
		border-right:#fff solid 1px;
		padding-right:10px;
		padding-left:10px;
		text-decoration:none;
		color:#fff;
	}
	#headerLinks a.left {
		padding-left:0px;
	}
	#headerLinks a:hover {
		text-decoration:underline;
	}
	#header, #main {
		padding:0px;
	}
	#headerimg h2 {
		margin:0px;
		padding:0px;
	}
	#header .description {
		position:absolute;
		left:0px;
		top:110px;
		color:#fff;
		width:790px;
		text-align:center;
	}
	#header .description h2 {
		margin:0px;
		margin-bottom:10px;
		font:bold italic 0.9em Arial;
		letter-spacing:2px;
	}
	#header a span {
		display:none;
	}
	#headerimg a { /* logo click area */
		display:block;
		width:550px;
		height:100px;
		margin:0;
		padding:0;
		margin:0px auto;
	}
	#main {
		width:790px;
		border: 1px solid #000;
		border-top:none;
		background-color:#fff;
	}
	#footstrip {
		background-color: #000;	
		height:15px;
		padding: 5px 0;
		border-top: 2px solid #9C0C51;
		border-bottom: 2px solid #9C0C51;
		color:#FFF;
		text-align:center;
		font-size:11px;
		letter-spacing:0.1em;
		margin-top:10px;
	}

	#footer {
		padding-bottom:10px;
	}
	#footstripInner {
		width:505px;
		height:20px;
		margin:0px auto;
		text-align:center;
	}
	#footstrip a {
		text-decoration:none;
		color:#FFF;
		display:block;
		float:left;
		height:20px;
		margin-left:10px;
		margin-right:10px;
	}
	#footstrip a:hover {text-decoration:underline;}
	#footerExtra a {color:#c9f; text-decoration:none;}
	#footerExtra a:hover {color:#c69; text-decoration:underline;}
	#footerExtra {
		position:relative;
		margin:10px;
		top:10px;
		text-align:center;
		font-size:0.85em;
		color:#669;
	}
	
	#outerContent {
		position:relative;
		float:left;
		width:790px;
		padding:0px;
		margin:20px 0px;
	}
	#homepage { /* Sniplets Homepage CSS */
		margin-top:10px;
		margin-bottom:10px;
	}
	#content {
		position:relative;
		float:right;
		width:570px;
		margin:10px 20px 0px 0px;
		padding:0px;
		color:#000;
		line-height:140%;
	}
	#content.blogLayout {
		float:left;
		width:570px;
		margin:10px 10px 30px 20px;
	}
	#content.blogLayout .post {
		margin-left:10px;
	}
	#content.blogLayout .entrytext {
		margin-top:10px;
	}
	#content h1 {
		margin-top:0px;
		margin-bottom:10px;
	}
	#content p {
		margin-bottom:8px;
		margin-right:10px;
		text-indent:20px;
		text-align:justify;
	}
	#content p.center {
		text-align:center;
		text-indent:0px;
		margin:20px 0px;
	}
	#commentform {
		margin-top:10px;
	}
	#content.blogLayout .more-link {
		display:block;
		margin-bottom:10px;
	}#content.blogLayout .navigation {
		margin-bottom:10px;
		font-size:0.85em;
	}
	#sidebarBlog h3,
	#commentSection h3,
	#commentSectionBlog h3 {
		background-color:#333;
		color:#FEcd00;
		padding:2px 5px;
		font-size:1.1em;
	}
	#commentSection input {
		margin-bottom:5px;
	}
	#content .commentlist {
		width:560px;
		margin:5px 20px;
	}
	#content .commentlist li {
		margin-bottom:10px;
		padding:2px;
	}
	#content .ngg-right {
		margin-left:0px;
		float:right;
		border:none;
	}
	.commentlist li.alt2 {
		background-color:#ffedde;
	}
	#comment {
		width:550px; height:80px;
		margin:10px;
		margin-left:0px;
		padding:2px;
	}

	#blogHeading {
		margin-bottom:10px;
		background-color:#333;
		color:#FEBC00;
		padding:2px 5px 3px 5px;
	}
	.post {
		font-size:0.95em;
		padding:0;
	}
	.post a {
		color:#00f;
	}
	.post a:hover {color:#006;}
	.post small {
		color:#666;
		font-size: 0.9em;
		padding:0;
		margin:0 !important;
		margin:0 0 0 2px;
	}
	.postmetadata {
		margin:10px 0;
		border:#464646 dashed 1px;
		padding:5px;
	}
	
	.entry p{
		padding:0;
		margin:10px 0;
	}
	
	/* SIDEBARS AND NAVIGATION */
	#sidebar {
		margin-top:10px;
		width:190px;
	}
	#sidebarBlog {
		float:right;
		margin-top:0px;
		width:180px;
		margin-right:10px;
	}
	#sidebar ul,
	#sidebar ul ul,
	#sidebarBlog ul,
	#sidebarBlog ul ul {
		margin:0px;
		padding:0px;
		list-style-type:none;
	}
	#sidebar ul {
		padding-left:25px;
	}
	#sidebarBlog ul {
		padding-left:0px;
	}
	#sidebar ul a,
	#sidebarBlog ul a {
		text-decoration:none;
		display:block;
		margin-bottom:5px;
		color:#903;
		font-size:0.9em;
		padding:1px;
	}
	#sidebarBlog ul a {
		margin-left:5px;
	}
	#sidebar ul a:hover,
	#sidebarBlog ul a:hover {
		text-decoration:underline;
		background-color:#131313;
		color:#FEBC00;
	}
	#sidebarBlog h3 {
		margin-bottom:5px;
	}
	#sidebarBlog #categories {
		margin-top:20px;
	}
	#pagenav h3 {display:none;}
	#pagenav ul ul {
		padding-left:10px;
	}
	ul#eBook {
		margin-left:5px;
		margin-top:20px;
		padding:0px;
	}
	ul#eBook a {text-align:center;}
	ul#eBook a img {
		border:none;
	}
	ul#eBook a:hover {
		background-color:transparent;
	}
	
	p.foot {
	font-size:11px;
	text-align:center;
	color:#000066;
	padding:0;
	margin:10px 0 10px 0;
	}
	
	/* sitemap tweak */
	.ddsg-wrapper ul {margin-bottom:10px}
	.ddsg-wrapper ul ul {margin-left:15px}
	.ddsg-wrapper ul li {margin-left:15px}
	.ddsg-wrapper ul li li {margin-left:0px}
	.ddsg-wrapper ul li strong {display:none;}
	.ddsg-wrapper ul li a {margin:5px 0; display:block;}
	
	#disclaimer {
		background-color:#fcc; 
		padding:10px;
		margin-top:50px;
	}
	#post-12 #disclaimer {
		background-color:#fff;
		margin-top:0px;
	}
	#content ul li{
		margin:0 35px 10px;
	}
	#democracy.widget {
		font-size:0.85em;
		border:#F7E0FF solid 1px;
		padding:5px;
	}
	#democracy.widget h2.widgettitle {
		margin:0px;
		padding:2px;
		background-color:#F7E0FF;
	}
	#aweberForm {
		width:200px;
		margin:10px auto;
		padding:10px;
		display:block;
		border:#8A0A45 solid 1px;
	}
	div.notes small,
	div.xspfplayer, div.player,
	#mediaplayer {
		display:block;
		text-align:center;
	}
	#content div.player h3 {
		color:#933;
		font-weight:bold;
		text-align:left;
		font-size:0.9em;
		margin:0 0 0 18px;
	}
	#mediaplayer { margin-left:18px; }
	div.notice {
		border:#c00 solid 1px;
		padding:5px;
	}
 }
@media print {
	body, input, textarea { font-family: arial, sans-serif; }
	a img { border: 0px; }
	#footer { padding-left: 0px; }
	#sidebar { display: none; }
}

