/*
Theme Name: WikidLabs
Theme URI: http://elliotjaystocks.com
Description: The totally nude Wordpress theme. Phwoar! (Based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> by <a href="http://binarybonsai.com/">Michael Heilemann</a>)
Version: V 3.0
Author: Greg Laws
Author URI: http://www.wikidlabs.com
Tags: starkers, naked, clean, basic
*/

/*
COLOR SCHEME

	DarkGrey:	#33484B
	BlueGreen: 	#56797F
	BlueGrey:	#87A0A4
	Ivory:		#FCFBDC
	Tan:		#F2DDB6
	Brown:		#A6937C
	Lime Green:	#64AF1B

*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

*						{ margin: 0; padding: 0; }
html					{ overflow-y: scroll; }
html, body				{ height: 100%; }
body					{ background: url(style/images/header-top-bg.png) top center repeat-x #c3c3c3; font-family: Helvetica;
						 font-size:	62.5%; }
ul						{ list-style: square inside; }
ol						{ list-style: decimal inside; }
a						{ color: #000000; }
h1						{ font-size: 4em; }
h2						{ color: #64AF1B; font-size: 3em; display: inline; }
h3						{ color: #64AF1B; font-size: 2em; }
hr						{ color: #BBBBBB; width: 100%; }
button					{ font-weight: bold; }
button:hover			{ background-color: #64AF1B; }
p						{ color: #222222; display: block; }


/*

UTILITY

*/

.clear					{ clear:both; }


/*

DOC STRUCTURE

*/

#page-wrap				{ width: 1001px; margin: 139px auto -150px; min-height: 100%; height: auto !important; height: 100%; margin-bottom: 40px; }	

#push					{ height: 50px; }

#main-col-outer			{ width: 1001px; min-height: 100%; height: auto !important; height: 100%; margin-bottom: 40px;
						 background: url(style/images/pagewrap-main-bg.jpg) repeat-y; }

div.homecustom #main-col-inner			{ width: 750px; float: left; background: white; border: #c3c3c3 solid 1px; padding: 20px 75px 20px 75px; margin: 0 0 0 50px; -moz-border-radius: 5px; -webkit-border-radius: 5px; min-height: 500px; top: -30px; }
						 
#main-col-inner			{ width: 540px; float: left; background: white; border: #c3c3c3 solid 1px; padding: 20px 20px 20px 20px; margin: 0 0 0 100px;
						  -moz-border-radius: 5px; -webkit-border-radius: 5px; min-height: 500px; }

#pagewrap-bottom		{ min-height: 65px;
						  background: url(style/images/pagewrap-bottom-bg.jpg) no-repeat;
						}

#back-button			{ width: 150px; margin: 0 0 0px 50px; float: left; background: #c3c3c3; -moz-border-radius: 5px; -webkit-border-radius: 5px;
						  border: #c3c3c3 solid 1px; font-family: Arial; font-size: 1.3em; font-weight: bold; padding: 10px 10px 10px 10px; }
#main-nav li			{ display: inline; margin-right: 40px; }
#main-nav li a			{ text-decoration: none; font-family: Helvetica; font-size: 1.5em; font-weight: bold; color: white; }
#main-nav li a:hover	{ color: #64AF1B; }
#linksidebar			{ width: 220px; float: left; margin: 10px 0 0 50px; }
#commentbox				{ margin: 10px 0 0 0; background: #EEEEEE; border: 1px #64AF1B solid; width: 275px; }
#commentbox p			{ text-align: center; }
#commentpost			{ margin: 10px 0 0 0; background: #EEEEEE; border: 1px #64AF1B solid; }
.quotation				{ padding: 5px 5px 5px 5px; margin: 0 0 0 20px ;background: #EEEEEE; }
#arch-cat-heading		{ margin: 20px 0 10px 0; display: block; font-family: Helvetica; font-size: .9em; letter-spacing: -1px; }



/*
	HEADER AREA
*/

#top-bar				{ height: 16px; margin: 0 0 0 19px; background: url(style/images/main-content-top.png) top left no-repeat; }

h1#logo					{ width: 153px; height: 51px; background: url(style/images/wikidlabs-logo.png) top left no-repeat; text-indent: -9999px; 
						  float: left; position: relative; top: -90px; left: 130px; display: block; }	  
						  
#top-bar p				{ width: 500px; float:right; font-family: Arial; font-size: medium; margin: 2px 0 0 0; }

div#siteNavContainer	{	float: right;
							position: relative;
							top:-60px;
							right: 150px;
						}

ul#navList				{	margin-left: 0;
							padding-left: 0;
							white-space: nowrap;
						}
						
#navList li				{	display: inline;
							list-style-type:  none;
							margin-left: 20px;
							
						}
						
#navList a				{	padding: 8px 10px;
							-moz-border-radius: 5px;
						}
						
#navList a:link, #navList a:visited	{	color: white;
										font-size: 1.8em;
										font-weight: normal;
										text-decoration: none;
									}
									
#navList a:hover	{	background-color: #64AF1B;
					}



/*
	COMMENT AREA
*/

textarea#comment			{ width: 100%; height: 100px; }
.comment-areas p			{ font-size: 1.3em; margin: 8px 8px 8px 8px; }
.comment-areas li			{ margin-bottom: 20px; }
.h1-comments				{ color: #64AF1B; font-size: 2em; margin: 0 0 10px 0; }
div#post-comment-form		{ margin: 40px 0 0 0; }
div#post-comment-form li	{ margin: 5px 0 5px 0; }
div#post-comment-form label	{ font-size: 1.2em; }
span.comment-author			{ margin: 0 0 5px 0; font-size: 1.2em; font-family: Arial; font-weight: bold; }
span.comment-date			{ color: #BBBBBB; text-transform: uppercase; font-size: .8em; }
div.comment-areas			{ background-color: #EEEEEE; padding: 20px 10px 20px 10px; border: 1px #DDDDDD solid; font-family: Arial; }


/*

	SIDEBAR AREA
	
*/

.sidebar-feed 				{ margin-bottom: 20px; padding: 20px 0 20px 43px; background: url(style/images/feed-icon-med.png) no-repeat 0 50%; font-size: 1.3em; }
p#feed						{ padding: 20px 0 30px 0; font-size: 1.2em; }

/*

	FOOTER AREA
	
*/

#footer						{ height: 250px; background: #323232; border-top: 2px solid #555555; padding-top: 20px; }
#footer-wrap				{ width: 960px; margin: 0 auto; padding: 20px 50px 0 50px; line-height: 1.8em;  }
.feed 						{ margin-left: 3px; padding: 10px 0 10px 30px; background: url("/images/blog/feed-icon-small.png") no-repeat 0 50%; }
#footer div#column-one		{ width: 400px; float: left; display: inline; margin-right: 100px; padding: 0 75px 0 50px; }
#footer div#column-two		{ width: 200px; float: left; display: inline; }
#footer div#column-bottom	{ width: 100%;
							  float: left;
							  display: inline;
							  margin-top: 50px;
							  border-top: 1px #444444 solid;
							  text-align: center;
							  padding-top: 10px;
							}
#footer h3					{ font-family: Helvetica; font-size: 1.3em; font-weight: bold; color: #BBBBBB; }
#footer p					{ font-family: Helvetica; font-size: 1.2em; font-weight: normal; color: #AAAAAA; letter-spacing: .25px; }
#footer a					{ font-family: Helvetica; font-size: 1.2em; font-weight: normal; color: #AAAAAA; letter-spacing: .25px; }



/*

	TYPOGRAPHY
	
*/

p#blogDesc				{	width: 600px;
						font-family: Georgia, Times, serif;
						font-style: normal;
						font-weight: bold;
						font-size: 15px;
						color: #000000;
						line-height: 1.7em;
						display: block;
						padding: 10px 0 20px 0;
						text-align: center;
						margin: -35px 0 0 105px;
						}
						
p#blogDesc strong		{ font-size: 1.7em;
						  font-family: Helvetica;
						}
						
em#first-cap			{ color: #64AF1B;
						  font-size: 1.6em;
						  font-style: normal; }
.post					{ margin: 0 0 25px 0;
						  padding: 0 0 25px 0;
						  font-family: Helvetica, Arial, sans-serif;
						  border-bottom: 1px #c3c3c3 dashed;
						}
.post h2				{ color: #64AF1B; font-size: 3em; text-decoration: none; letter-spacing: -1px; display: block; }
.post h2	a			{ color: #64AF1B; font-size: 1em; font-weight: bold; text-decoration: none; line-height: 1em; }
.post h2 a:hover		{ background: #FFFFFF; text-decoration: underline; }
.post span#the-date		{ color: #CFCFCF; font-size: 1.5em; text-transform: uppercase; letter-spacing: -1px; }
.post span#the-author 	{ color: #E78CAC; font-size: 1.5em; margin: 0 10px 20px 0; padding-left: 5px; text-transform: uppercase; letter-spacing: -1px; }
.post p					{ font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 1.4em; margin: 10px 0 10px 0; line-height: 1.5em; color: #222222; }
.post li				{ font-family: Verdana; list-style: decimal inside; margin-left: 0px; padding-left: 1.3em; text-indent: -1.3em; font-size: 1.4em; line-height: 1.5em; }
.post li li				{ list-style: disc inside; font-size: 1em; line-height: 1.5em; }
a.more-link				{ color: #E78CAC; }
#linksidebar ul			{ margin: 0 0 20px 0; }
#linksidebar li			{ font-size: 1.2em; line-height: 1.5em; font-family: Helvetica; margin: 5px 0 5px 0; text-decoration: none; }
#linksidebar h3			{	display: block;
					margin-bottom: 3px;	
				}
#linksidebar input[type=text]		{	padding: 5px;
					width: 150px;
					font-size: 1.1em;
					margin: 5px 0px 5px 0px;
				}

#linksidebar input[type=submit]		{	padding: 3px;
						width: 165px;
					}

#feed a					{ font-size: 1.2em; line-height: 1.5em; font-family: Helvetica; text-decoration: none; }
li.xhtmltags			{ color: #AAAAAA; font-size: 1em; }
a.photo-attribution		{ font-size: .7em; color: #AAAAAA; }
#back-button a			{ text-decoration: none; }
#back-button a:hover	{ text-decoration: underline; }
li.post-archive-li		{ font-family: Helvetica; font-size: 1.5em; margin: 5px 0 5px 0; }
li.post-archive-li a:hover	{ background: black; color: white; }

div.quote-container		{	font-family: Helvetica, Arial, sans-serif;
							padding: 20px 20px;
						}
div.quote-content
						{	font-size: 1.8em;
							color: #333333;
							line-height: 1.1em;
						}
						
div.quote-content a:link, div.quote-content a:visited
						{	color: #333333;
						}
						
div.quote-source		{	font-size: 1.5em;
							color: #666666;
							margin-top: 10px;
						}
						
div.quote-source a:link, div.quote-source a:visited
						{	color: #666666;
						}

/*
	Site Home Styles
*/

div.homecustom #introSection		{	padding: 20px;
										background-color: #64AF1B;
										-moz-border-radius: 10px;
										-webkit-border-radius: 10px;
										margin: -8px 0 0 -4px;
									}
									
div.homecustom #appsSection			{	padding: 20px;
										background-color: #e1e1e1;
										-moz-border-radius: 10px;
										-webkit-border-radius: 10px;
										margin: -8px 0 0 -8px;
									}
									
div.homecustom #appsLeft			{	width: 350px;
										float: left;
										margin-bottom: 40px;
									}
									
div.homecustom #appsRight			{	width: 350px;
										float: right;
										margin-top: 50px;
									}
									
div.homecustom .back				{	background: #737373;
										margin: 20px 0 50px 0;
										padding: 3px;
										-moz-border-radius: 10px;
										-webkit-border-radius: 10px;
									}

div.homecustom #socialConnection	{	padding: 20px;
										background-color: #e1e1e1;
										-moz-border-radius: 10px;
										-webkit-border-radius: 10px;
										margin: -8px 0 0 -8px;
									}
									
div.homecustom div.customerInterest	{	width: 350px;
										margin-left: auto;
										margin-right: auto;
										text-align: center;
										background-color: #d1d1d1;
										padding: 10px;
										border: solid #a1a1a1 1px;
									}

div.homecustom #socialRight		{	width: 325px;
									float: right;
									padding: 10px;
									border: solid #a1a1a1 1px;
									background-color: white;
								}
									
div.homecustom #socialLeft		{	width: 325px;
									float: left;
									padding: 10px;
									border: solid #a1a1a1 1px;
									background-color: white;
									min-height: 100px;
								}


div.homecustom #siteTagLine {	font-family: Helvetica, Arial;
								color: white;
								font-size: 4.3em;
								font-weight: bold;
								padding-top: 20px;
								padding-bottom: 10px;
								display: block;
								letter-spacing: -2px;
							}
							
div.homecustom #missionstmt {	display: block;
								font-family: Georgia, serif;
								color: #F2FFDE;
								font-size: 1.8em;
								line-height: 1.4em;
								padding-right: 80px;
							}
							
div.homecustom h2.appHeader {	font-family: Helvetica;
								background-color: #b1b1b1;
								padding: 10px 10px 8px 10px;
								margin: -30px 0 30px 0;
								display: block;
								-moz-border-radius: 5px;
								-webkit-border-radius: 5px;
							}
							
div.homecustom h2.socialHeader	{	font-family: Helvetica;
										color: black;
										font-size: 2.5em;
										font-weight: bold;
										padding-bottom: 10px;
										padding-left: 5px;
										letter-spacing: -1px;
										display: block;
									}

							
div.homecustom h2.appHeader span	{	font-family: Helvetica;
										color: white;
										font-size: .9em;
										font-weight: bold;
										letter-spacing: -1px;
									}
							
div.homecustom .productName {	font-size: 1.8em;
								color: #64AF1B;
								font-family: Helvetica, Arial;
								font-size: 2.2em;
								font-weight: bold;
								padding-bottom: 15px;
								display: block;
								letter-spacing: -.5px;
							}
							
div.homecustom .productName a:link, div.homecustom .productName a:visited
							 {	
								color: #64AF1B;
								font-family: Helvetica, Arial;
								font-weight: bold;
							}
							
div.homecustom .productTagLine {	font-size: .6em;
									color: #a1a1a1;
									font-family: Helvetica, Arial;
									font-weight: normal; 
								}
								
div.homecustom .productDesc		{	font-family: Georgia, serif;
									font-size: 1.5em;
									line-height: 1.5em;
									padding-right: 20px;
								}
								
div.homecustom hr			{	size: 1px;
								color: #e1e1e1;
							}
							
/*div.homecustom .green		{	color: #64AF1B;
								background-color: #D2FCD4;
								font-weight: bold;
								font-size: 1.2em;
								letter-spacing: -3px;
								word-spacing: -1px;
								padding: 0px 4px 1px 1px;
							}

div.homecustom .red			{	color: #BC0000;
								background-color: #FFD0D0;
								font-weight: bold;
								letter-spacing: -7px;
								padding: 0px 8px 1px 2px;
								font-size: 1.2em;
						 	}

div.homecustom .gray		{	color: #737373;
								letter-spacing: -2px;
								font-size: 1em;
							}*/

div.homecustom div.customerInterest input	{	-moz-border-radius: 5px;
												-webkit-border-radius: 5px;
												border: medium none;
												text-align: center;
											}
							
div.homecustom .ciInput input	{	font-size: 1.5em;
									color: #737373;
									padding: 8px;
									height: 20px;
								}
												
div.homecustom .ciSubmitButton input	{	background: #64AF1B none repeat scroll 0 0;
											font-size: .8em;
																color: white;
																width: 160px;
																cursor: pointer;
																margin-left: 20px;
																padding: 2px;
															}
												
div.homecustom div.customerInterest span	{	font-family: Helvetica;
												font-size: 1.8em;
												font-weight: bold;
												letter-spacing: -1px;
												line-height: 1.5em;
												text-align: center;
											}

div.homecustom div.customerInterest span span	{
							font-size:	.7em;
							font-weight:	normal;
							display:	block;
							font-family:	Georgia, serif;
							letter-spacing:	-.2px;
							margin-bottom:	8px;
						}
											
div.homecustom div.wpcf7-response-output	{	font-family: Helvetica, Arial;
												font-size: 1em;
												letter-spacing: -1px;
											}
											

div.homecustom #recentPosts		{	font-family: Helvetica, Arial;
									font-size: 1.8em;
									padding-left: 10px;
									color: #64AF1B;
								}

div.homecustom #recentPosts a	{	
									color: #64AF1B;
									letter-spacing: 0px;
									font-weight: bold;
									font-size: .7em;
								}
								
div.homecustom #recentPosts li	{	list-style: none;
									list-style-position: inside;
									display: list-item;
								}