/*  
Theme Name: KC-AdamSprackling
Theme URI: http://knowledgeconstructs.com/
Description: KC-AdamSprackling Theme designed and created by KnowledgeConstructs.com
Version: v0.1
Author: Zain Bador
Author URI: http://knowledgeconstructs.com/
*/
@media screen {
/* MAIN STYLES */
	* { /* reset margins and paddings to zero */
		margin:0px;
		padding:0px;
	}
	body {
		color: #efefff;
		font:normal 0.85em arial, helvetica, sans-serif;
		background : #ddf url('images/bg-side.png') repeat-y -80px;
		margin:10px auto;
		padding:0px;
	} 
	#page {
		width:990px;
		margin:0px;
		background-color:transparent;
	}
	#header, #footer, #main, #sidebar, #headstrip, #footstrip {
		position:relative;
		width:100%;
		float:left;
	}
	#header, #footer {
		text-align:center;
		font-size:0.85em;
	}
	#header {
		border-top:#fff solid 1px;
		border-bottom:#fff solid 1px;
		margin:30px 0 40px;
		height:130px;
	}
	#footer {
		border-top:#fff solid 1px;
		margin-top:10px;
		height:100px;
	}
	#content {
		margin-top:20px;
		width:740px;
		float:right;
		margin-bottom:30px;
		text-align:justify;
	}
	#content.blogLayout {
		margin-top:0px;
		float:left;
		margin-left:20px;
		width:725px;
	}
	#sidebar,
	#sidebarBlog {
		width:230px;
		font-size:1.0em;
	}
	a {
		color:#9c9cfe;
		text-decoration:none;
	}
	a:hover {
		color:#c60;
		text-decoration:underline;
	}
	hr {
		height:1px;
		border:none;
		background-color:#fff;
		margin:30px 20px;
	}
	ol, ul {
		list-style-type:none;
		margin-bottom:10px;
	}
/* HEADER STYLES */
	#sitename {
		position:relative;
		top:-15px;
		background-image:url('images/trans.png');
		/* background-color:#013;  */
		width:250px;
		height:30px;
		margin:0px auto;
		display:none;
	}
	#sitename h2 {
		margin-top:5px;
		font-size:1.7em;
	}
	#description {
		width:990px;
	}
	#description h2 {
		position:absolute;
		float:left;
		font-size:1.6em;
		font-weight:normal;
		font-style: italic;
		bottom:2px; left:215px;
	}
	#headstrip {
		position:absolute;
		height:26px;
		bottom:0px;
		left:0px;
		border-top:#fff solid 1px;
	}
	#headerimg a {
		position:absolute;
		top:-30px;
		left:55px;
		display:block;
		background-image:url('images/logo-design-v7.jpg');
		width:145px;
		height:200px;
		z-index:10;
		border:#fff solid 1px;
		margin:0px auto;
	}
	#headerLinks {
		position:relative;
		margin-top:4px;
		float:right;
		left:15px;
		display:none;
	}
	#headerLinks a,
	#footerLinks a {
		font-size:1.1em;
		margin-right:30px;
	}
/* SIDEBAR STYLES */
	#sidebar {
		margin-top:10px;
	}
	#sidebarBlog {
		float:left;
		margin-top:20px;
		margin-left:15px;
	}
	#sidebar #pages h3 {display:none;}
	#sidebar ul,
	#sidebarBlog ul {
		margin-left:10px;
	}
	#sidebar ul ul,
	#sidebarBlog ul ul {
		margin-top:15px;
	}
	#sidebar ul li ul li,
	#sidebarBlog ul li ul li {
		margin-bottom:15px;
	}
	#sidebar ul li a,
	#sidebarBlog ul li a {
		color:#cdcdde;
	}
	#sidebar ul li a:hover,
	#sidebarBlog ul li a:hover {
		color:#efefff;
	}
	#searchform {
		top:-75px !important;
		top:-76px;
		right:-750px;
		position:absolute;
		width:300px;
		text-align:center;
		margin:0px auto;
	}
	#searchform div {
		float:right;
	}
	#searchform #s {
		width:200px;
		border:#def solid 2px;
		right:0px;
	}
	#sidebar .headerAd,
	#sidebarBlog .headerAd,
	#sidebar .contact {
		position:absolute;
		top:-145px;
		right:-765px;
		width:190px;
		margin:0px auto;
		text-align:center;
	}
	#sidebarBlog .headerAd {
		top:-160px;
		left:-350px;
		right:0px;
	}
	#sidebar .headerAd {
		top:-165px;
		left:245px;
		right:0px;
	}
	#sidebarBlog .contact {
		position:absolute;
		top:-145px;
	}
	#sidebarBlog li #searchform {
		right:25px;
		margin-top:10px;
	}
	#sidebarBlog #searchform #s {
		position:relative;
		top:-1px;
		height:18px;
	}
	
/* CONTENT STYLES */
	#content h1 {
		font-size:1.6em;
		margin-bottom:10px;
	}
	#content .post small {
		display:block;
		font-size:0.85em;
		margin-bottom:5px;
	}
	#content p {
		margin-bottom:20px;
		line-height:1.35em;
	}
	#content .entry .more-link {
		display:block;
		margin-top:10px;
		text-indent:20px;
	}
	#content .entrytext p small.info {
		text-align:center;
	}
	#content ol,
	#content ul {
		position:relative;
		left:15px;
		right:25px;
		padding:0 25px;
		margin:10px 50px 10px 0;
	}
	#content ol {
		list-style-type : decimal;
		margin-left:0px;
	}
	#content ul {
		list-style-type : circle;
		margin-left:0px;
	}
	#content li {
		margin:0 20px 5px 0;
	}
	#content .navigation div {
		width:50%;
	}
	#content.blogLayout h1,
	#content.searchLayout h3 {
		display:block;
		clear:left;
	}
	#content.blogLayout h1,
	#content.searchLayout .navigation div,
	#content.blogLayout .navigation div {
		margin-top:20px;
		margin-bottom:10px;
	}
	#content .navigation .alignleft {
		float:left;
	}
	#content .navigation .alignright {
		float:left;
		text-align:right;
	}
	#content img.alignleft,
	#content img.alignright {
		background-color:#fff;
		border:#9C9CFE solid 2px;
		padding:4px;
	}
	#content img.alignleft {
		float:left;
		margin:0 10px 10px 0;
	}
	#content img.alignright {
		float:right;
		margin:0 0 10px 10px;
	}
/* COMMENTS */
	ol.commentlist li {
		padding:5px;
	}
	ol.commentlist .alt2 {
		background-color:#122334;
	}
	#commentform #comment {
		width:690px;
		height:120px;
		margin:0px 20px;
		padding:5px;
		font:normal 1.1em arial, helvetica, sans-serif;
		border:#99c solid 2px;
	}
	#commentform #submit {
		margin-left:20px;
	}
/* FAQ STYLES */
	ol.faq h3 {
		margin-top:5px;
		margin-left:10px;
		color:#69e;
		font-size:1.2em;
	}
	ol.faq li p {
		margin-left:10px;
		padding:10px 20px;
	}
	ol.faq li.alt {
		background-color:transparent;
	}
/* MISCELLANEOUS STYLES */
	#content table {
		margin-bottom:20px;
	}
	#content table td {
		padding:2px;
	}
	#content .homeBox {
		float:left;
		margin-right:20px;
		width:220px;
		text-align:center;
	}
	img.ngg-right {
		margin-left:20px;
	} 
/* FOOTER STYLES */
	#footstrip {
		margin-top:15px;
	}
	#footerLinks {
		margin-bottom:10px;
	}
}
@media print {
	body, input, textarea { font-family: arial, sans-serif; }
	a img { border: 0px; }
	#footer { padding-left: 0px; }
	#sidebar { display: none; }
}