@charset "utf-8";

/*  

Version: 1.0
Author: Intuitive Reason http://www.intuitivereason.com
Author URI: http://www.brutelock.com
Copyright © 2008 Brutelock. All Rights Reserved. Brutelock is an Intuituve Reason Company.

*/

@media screen, projection {

/* BODY, FONTS AND LINKS: =body
--------------------------------------------------------- */
	*			{ margin: 0; padding: 0; }
	body		{ background-color: #000000; behavior: url("../js/cssHover.htc"); }

/* CONTAINERS: =container
----------------------------------------------- */
	.container		{ width: 900px; margin: 0 auto; }
	
	#header-wrapper	{ background: #FFFFFF; }
	
	#containerHeader	{ height: 95px; background: #FFFFFF; }
	#containerLeader	{ height: 240px; background: #000000 url(../images/leader_texture.jpg) repeat-x; border-top: 5px solid #F2F2F2; border-bottom: 5px solid #F2F2F2; }
	#containerBody		{ background: #FFFFFF url(../images/content_texture.jpg) repeat-x; }
	#containerFooter	{}
	
	#containerForm		{ background: #99C1DA; padding: 20px 0 10px 0; }
	#containerAddress	{ background: #FAFAFA; }
	
/* LOGIN: =login
----------------------------------------------- */
	.login-wrapper			{ background: #99C1DA; margin-bottom: 8px; }
	#login_form			{ background: #99C1DA; }
	
	/* Login Form Fields */
	#login_form fieldset	{ width: 800px; text-align: right; padding: 10px 0 5px 0; }

	#login_form fieldset input.textfield {
		font-family: Helvetica, Arial, sans-serif;
		height: 18px;
		padding: 2px 3px 0 3px;
		margin: 0 20px 0 0;
		width: 314px;
		background: #F2F2F2;
		background-color: #FFFFFF;
		border: 5px solid #B3D1E3; 
		float: left; 
	}
	
	#login_link		{ margin: 0 auto; float: right; }
	a#login_link		{ font-family: Helvetica, Arial, sans-serif; font-size: 14px; text-decoration: none; color: #000000; }
	a#login_link:hover	{ text-decoration: underline; }
	
	#welcome			{ position: relative; height: 34px; }

	#welcome ul		{ list-style-type: none; position: absolute; top: 6px; right: 0px; }
	#welcome ul li		{ display: inline; font-family: Helvetica, Arial, sans-serif; }
	
	#welcome p		{ font-family: Helvetica, Arial, sans-serif; font-size: 15px; font-weight: 15px; color: #FFFFFF; position: absolute; left: 10px; top: 8px; }
	
	#welcome ul li.divider	{ color: #404F58; font-size: 13px; }
	
	#welcome ul li			{}
	#welcome ul li a		{ color: #000000; text-decoration: none; padding: 5px; font-size: 13px; }
	#welcome ul li a:hover	{ color: #99C1DA; background: #000000; }
	
	#locationAccount #welcome ul li.account a	{ color: #99C1DA; background: #000000; }
	
/* HEADER: =contentHeader
----------------------------------------------- */
	#contentHeader		{ position: relative; margin-top: 30px; }
	
	/* Logo */
	#contentHeader h1		{ position: absolute; left: 10px; top: 22px; display: block; text-indent: -9999px; }
	#contentHeader h1,
	#contentHeader h1 span	{ background: url(../images/brutelock.gif) no-repeat; width: 180px; height: 32px; }
	
	/* Beta Logo *//*
	#contentHeader h1.beta	{  position: absolute; left: 10px; top: 19px; display: block; text-indent: -9999px; }
	#contentHeader h1.beta,
	#contentHeader h1.beta span
	{ background: url(../images/brutelock_beta.gif) no-repeat; width: 180px; height: 37px; }
	*/
	/* Navigation */
	ul#navigation			{ list-style-type: none; float: right; margin: 15px 0 15px 0; }
	
	ul#navigation li		{ font-family: Helvetica, Arial, sans-serif; font-size: 17px; display: inline; padding: 16px 10px 16px 10px; float: left; }
	ul#navigation li a		{ color: #7F7F7F; text-decoration: none; }
	ul#navigation li a:hover	{ color: #99C1DA; }
	
	/* Current Link */
	#locationHome ul#navigation li#navHome					{ background: #000000; }
	#locationHome ul#navigation li#navHome a				{ color: #99C1DA; }
	
	#locationDownload ul#navigation li#navDownload			{ background: #000000; }
	#locationDownload ul#navigation li#navDownload a		{ color: #99C1DA; }
	
	#locationService ul#navigation li#navService			{ background: #000000; }
	#locationService ul#navigation li#navService a			{ color: #99C1DA; }
	
	#locationSubscribe ul#navigation li#navSubscribe		{ background: #000000; }
	#locationSubscribe ul#navigation li#navSubscribe a		{ color: #99C1DA; }
	
	#locationDevelopers ul#navigation li#navDevelopers		{ background: #000000; }
	#locationDevelopers ul#navigation li#navDevelopers a	{ color: #99C1DA; }
	
	#locationPartners ul#navigation li#navPartners			{ background: #000000; }
	#locationPartners ul#navigation li#navPartners a		{ color: #99C1DA; }
	
	#locationBlog ul#navigation li#navBlog					{ background: #000000; }
	#locationBlog ul#navigation li#navBlog a				{ color: #99C1DA; }

	#locationContact ul#navigation li#navContact			{ background: #000000; }
	#locationContact ul#navigation li#navContact a			{ color: #99C1DA; }
	
/* LEADER: =contentLeader
----------------------------------------------- */

	/* Home */
	#contentLeader p.home	{ font-family: Helvetica, Arial, sans-serif; color: #CCCCCC; font-size: 24px; line-height: 27px; display: block; width: 525px; margin: 0 0 0 20px; }

	/* Sub Pages */
	#contentLeader			{ position: relative; }
	
	#contentLeader img		{ position: absolute; right: 60px; top: 25px; z-index: 2000; behavior: url("../js/iepngfix.htc"); border: none; }
	
	#contentLeader h2	{ font-family: Helvetica, Arial, sans-serif; color: #FFFFFF; font-size: 2.1em; font-weight: bold; display: block; width: 650px; padding: 40px 0 14px 0; margin: 0 0 0 20px; }
	#contentLeader p	{ font-family: Helvetica, Arial, sans-serif; color: #CCCCCC; font-size: 24px; line-height: 27px; display: block; width: 650px; margin: 0 0 0 20px; }
	
/* BODY: =contentBody
----------------------------------------------- */
	#contentBody		{ padding: 60px 0 60px 0; }

	#contentBody h3			{ font-family: Helvetica, Arial, sans-serif; font-size: 1.8em; color: #595959; font-weight: normal; padding: 0 40px 10px 20px; }
	#contentBody h4			{ font-family: Helvetica, Arial, sans-serif; font-size: 1.2em; color: #99C1DA; font-weight: normal; padding: 10px 40px 0 20px; }
	#contentBody h5			{ font-family: Helvetica, Arial, sans-serif; font-size: 1.0em; color: #C36868; font-weight: normal; padding: 10px 40px 0 20px; }
	
	#contentBody p				{ font-family: Helvetica, Arial, sans-serif; font-size: 16px; color: #818181; padding: 4px 40px 10px 20px; line-height: 23px; }
	#contentBody p.bold			{ color: #333333; padding-top: 10px !important; }
	#contentBody p span.highlight	{ background: #EBF3F8; padding: 4px; }
	#contentBody p.padding		{ margin-top: 20px; }
	
	#contentBody p a		{ color: #990000; padding: 3px 2px 3px 2px; text-decoration: none; }
	#contentBody p a:hover	{ color: #FFFFFF; background: #990000; }
	
	#contentBody .divider	{ background: url(../images/divider.gif) no-repeat; height: 2px; width: 900px; margin: 30px 0 30px 0; }
	
	#contentBody ol		{ padding: 10px 40px 4px 60px; }
	#contentBody ol li		{ font-family: Helvetica, Arial, sans-serif; font-size: 15px; color: #818181; line-height: 23px; }
	
	#contentBody ul		{ padding: 10px 40px 4px 60px; list-style-type: square; }
	#contentBody ul li		{ font-family: Helvetica, Arial, sans-serif; font-size: 15px; color: #818181; line-height: 23px; }
	
	#contentBody img#chart	{ margin: 25px 0 0 0; }
	
	#contentBody img.download	{ margin: 15px 0 0 20px; }
	
	#contentBody pre		{ font-family: "Courier New", Courier, monospace; font-size: 15px; color: #818181; }
	#contentBody pre.indent	{ margin: 0 0 0 20px; }
	#contentBody pre.group	{ text-align: left; margin-left: -123px; margin-top: 4px; }
	
	/* Download */
	ul.download			{ list-style-type: none; font-family: Helvetica, Arial, sans-serif; font-size: 16px; color: #818181; margin-left: 20px !important; padding-left: 0 !important; }
	ul.download span		{ margin-right: 10px; }
	ul.download li			{ display: inline; }
	
	ul.content li a		{ color: #990000; padding: 3px 2px 3px 2px; text-decoration: none; font-size: 16px !important; }
	ul.content li a:hover	{ color: #FFFFFF; background: #990000; }
	
	/* Terms */
	#locationTerms ol		{ margin-left: -10px !important; padding-right: 40px !important; }
	#locationTerms ol li	{ padding-left: 0 !important; }
	
/* BLOG: =locationBlog
----------------------------------------------- */
	#locationBlog #contentBody h2	{ font-family: Helvetica, Arial, sans-serif; font-size: 1.8em; color: #595959; font-weight: normal; padding: 0 40px 10px 20px; clear: left; }

	#locationBlog #contentBody .post h3 a		{ color: #99C1DA; text-decoration: none; }
	#locationBlog #contentBody .post h3 a:hover	{ text-decoration: underline; }
	#locationBlog #contentBody h3.post			{ color: #99C1DA; }
	
	#locationBlog small				{ font-family: Helvetica, Arial, sans-serif; font-size: 12px; padding: 0 0 0 20px; color: #999999; }
	
	#locationBlog #contentBody p		{ padding-top: 10px; }
	
	#locationBlog p.postmetadata			{ font-size: 13px !important; }
	
	#locationBlog div.navigation			{ font-family: Helvetica, Arial, sans-serif; font-size: 14px; margin: 0 0 30px 20px; clear: both; }
	#locationBlog div.navigation a		{ color: #990000; padding: 3px 2px 3px 2px; text-decoration: none; }
	#locationBlog div.navigation a:hover	{ color: #FFFFFF; background: #990000; }
	
	#locationBlog div.navigation div.alignleft		{ float: left; }
	#locationBlog div.navigation div.alignright		{ float: right; }
	
	#locationBlog #sidebar			{ margin: 0 0 0 20px; }
	#locationBlog #sidebar ul		{ list-style-type: none; padding: 0 0 0 0 !important; }
	#locationBlog #sidebar ul li		{ margin: 0 !important; padding: 0 0 0 0 !important; }
	#locationBlog #sidebar ul li h2	{ padding: 0 0 10px 0 !important; margin: 20px 0 0 0 !important; }
	
	#locationBlog #sidebar ul li p	{ margin: 0 !important; padding: 10px 0 0 0 !important; }
	
	#locationBlog #sidebar ul li a		{ color: #990000; padding: 3px 2px 3px 2px; text-decoration: none; }
	#locationBlog #sidebar ul li a:hover	{ color: #FFFFFF; background: #990000; }
	
	
/* ACCOUNT: =account
----------------------------------------------- */
	#contactEditLink				{ cursor: pointer; }
	
	#locationAccount ul				{ list-style-type: none; padding: 0 0 0 20px !important; }
	
	.accountView ul fieldset,
	.passwordView ul fieldset		{ margin-bottom: 4px; }
	.accountEdit ul fieldset			{ margin-bottom: 2px; }
	
	.accountEdit ul fieldset label	{ display: block; width: 175px; float: left; }
	
	.accountEdit ul fieldset input,
	.passwordView ul fieldset input		{ font-family: Helvetica, Arial, sans-serif; width: 300px; padding: 2px; float: left; }
	
	.accountEdit ul fieldset select		{ font-family: Helvetica, Arial, sans-serif; width: 308px; padding: 2px; float: left; }
	.accountEdit ul fieldset select.dates	{ font-family: Helvetica, Arial, sans-serif; width: 70px; padding: 2px; margin-right: 5px; float: left; }
	
	fieldset.accountButtons			{ margin: 20px 0 0 20px; cursor: pointer; }
	fieldset.accountButtons input
	{ font-family: Helvetica, Arial, sans-serif; font-size: 14px; display: inline; padding: 5px 10px 5px 10px; float: left; border: none; cursor: pointer; }
	
	fieldset.accountButtons input.edit			{ background: #000000; color: #B2D1E3; }
	fieldset.accountButtons input.edit:hover	{ background: #B2D1E3; color: #000000; }
	
	fieldset.accountButtons input.cancel		{ background: #CCCCCC; color: #595959; margin-right: 10px; }
	fieldset.accountButtons input.cancel:hover	{ background: #595959; color: #FFFFFF; }
	
	fieldset.accountButtons input.save			{ background: #000000; color: #B2D1E3; }
	fieldset.accountButtons input.save:hover	{ background: #B2D1E3; color: #000000; }
	
	fieldset.accountButtons input.mar			{ margin-right: 10px; }
	
	label.error	{ color: #990000; float: left !important; margin-left: 10px; }
	
	img.paypal	{ margin: 10px 10px 10px 20px; }
	
	p.note		{ display: block; font-size: 13px !important; clear: both; float: none; margin: 0 0 0 -20px !important; padding-top: 20px !important; }
	
	/* Success */
	p.success	{ font-family: Helvetica, Arial, sans-serif; color: #990000 !important; font-size: 16px; font-weight: normal; padding: 0 0 30px 20px; }
	
/* FORM: =contentForm
----------------------------------------------- */
	#formLeft			{ width: 440px; float: left; }
	#formRight		{ width: 440px; float: right; }
	
	#containerForm fieldset			{ }
	
	#containerForm fieldset input.common,
	#containerForm fieldset textarea.common	{ font-family: Helvetica, Arial, sans-serif; border: 5px solid #B3D1E3; padding: 5px; margin: 0 0 10px 0; width: 420px; }
	
	#containerForm fieldset input.fieldFull	{ width: 880px; }
	
	#containerForm fieldset input		{ font-size: 15px; }
	#containerForm fieldset textarea	{ font-size: 13px; }
	
	#containerForm fieldset textarea.contribute	{ height: 66px; }
	#containerForm fieldset textarea.contact	{ height: 114px; }
	
	#containerForm fieldset input.button	{ float: right; border: none; padding: 0 !important; }
	
	/* IP Address Lookup */
	#containerAddress fieldset		{ padding: 20px 0 10px 0; }
	
	#containerAddress fieldset input {
		font-family: Helvetica, Arial, sans-serif;
		font-size: 15px;
		height: 27px; 
		padding: 7px 10px 0 10px;
		margin: 0 0 10px 0;
		width: 777px;
		background: #F2F2F2;
		background-color: #F2F2F2;
		border-top: 5px solid #CCCCCC;
		border-bottom: 5px solid #CCCCCC;
		border-left: 5px solid #CCCCCC;
		border-right: none; 
		float: left; 
	}
	
	#containerAddress fieldset input.button	{ float: right; width: 98px; height: 44px; border: none; padding: 0; margin: 0; background: none; background-color: none; }
	
	/* Errors */
	#errors		{ width: 880px; font-family: Helvetica, Arial, sans-serif; margin: 0 auto 10px auto; color: #990000; font-size: 15px; }
	#errors ul	{ list-style-type: none; padding-left: 0px !important; }
	#errors ul li	{ padding-bottom: 4px; margin: 0 !important; }
	
	/* Subscribe */
	p.subscribe		{ font-family: Helvetica, Arial, sans-serif; float: left; display: block; width: 700px; color: #FFFFFF; font-size: 15px; padding: 10px 0 0 5px; font-weight: normal; }
	p.subscribe a		{ color: #FFFFFF; text-decoration: underline; padding: 3px 2px 3px 2px; }
	p.subscribe a:hover	{ background: #FFFFFF; color: #990000; }
	
/* FOOTER: =contentFooter
----------------------------------------------- */
	#contentFooter		{ text-align: center; padding: 20px 0 40px 0; }
	
	#contentFooter p	{ color: #696969; font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: normal; }
	
	ul#social				{ margin-bottom: 0 !important; }
	ul#social	li			{ text-indent: -9999px; padding: 0 !important; }
	li#facebook a			{ background: url(../images/facebook_icon.jpg) no-repeat !important; width: 16px !important; height: 16px !important; display: inline-block !important; }
	li#twitter a			{ background: url(../images/twitter_icon.jpg) no-repeat !important; width: 16px !important; height: 16px !important; display: inline-block !important; }
	li#rss a				{ background: url(../images/rss_icon.jpg) no-repeat !important; width: 16px !important; height: 16px !important; display: inline-block !important; }
	
	#contentFooter ul		{ list-style-type: none; margin: 0 0 12px 0; padding-left: 0px !important; }
	#contentFooter ul li	{ display: inline; font-family: Helvetica, Arial, sans-serif; font-size: 13px; }
	
	#contentFooter ul li.divider	{ color: #404F58; font-size: 15px; }
	
	#contentFooter ul li a		{ color: #99C1DA; text-decoration: none; padding: 8px; }
	#contentFooter ul li a:hover	{ color: #000000; background: #99C1DA; }

/* MISC: =misc
----------------------------------------------- */
	hr 			{ display: none; }
	input:focus	{ outline: none; }
	fieldset		{ border: none; }
	
	a			{ outline: none; }
	a img		{ border: none; }

	/* 
	* Image replacement using the Gilder/Levin IR technique 
	* http://www.ryznardesign.com/pages/web_page_coding/gilder_levin_ir_mac/gilder_levin_ir_mac_2.html
	*/		
	.replace { 
	position: relative;
	/* hide overflow: hidden from mac ie5 \*/
	overflow: hidden;
	font-size: 1.2em; /* reset to desired font size for good browsers for CSS on/images off situations*/
	/* end hide from mac ie5 */
	}
	.replace span { display: block; position: absolute; top: 0px; left: 0px; z-index:1; /*for Opera 5 and 6*/ }

	.replace a { display:block; cursor: pointer; }
	a.replace { cursor: pointer; }

	/*
	* "How To Clear Floats Without Structural Markup" -
	* http://www.positioniseverything.net/easyclearing.html
	*/
	.clearfix:after 	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.clearfix 		{ display: inline-block; }  

	/* Holly Hack Targets IE Win only \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End Holly Hack */
	
}