/************************************************

FILE:		  	navigation.css
DESCRIPTION:  	File Defines Navigation eleements (May be some cross over in layout for main and top nav)

************************************************/

/* @group 1.Generic navigation */
	a,
	a:link,
	a:visited 	{color: #ED1C24; text-decoration:none;}
	a:hover 	{}
	a:focus		{}
	a:active 	{}

/* @end */

	
/* @group 2.Layout */

	/* Tabbed Nav */
	
		.developers			{margin: 0;  border-bottom:none;}			
		.nav-tabbed li		{list-style-type:none; margin:0; padding:0 20px 0 0; float:left;}
		.nav-tabbed			{display:none;}		
		.tabbed-content		{display:block; clear:both; padding:0 0 20px 0;}		
		.tabbed-content dd	{margin:4px 0;}	
		
		#template #clm-one .nav-tabbed li	{background:none; padding-left: 0;}	
		
		/* Developer Info */		
			.avatar			{display: block; float:left; border:1px solid #dedede;}
			.avatar	img		{display: block; border:1px solid #fff;}
			
			.tabbed-content					{padding:20px; background:#fff; border:1px solid #dedede; border-top:none;}
			.tabbed-content	.summary 		{font-size:100%; margin-bottom:18px;}
			.tabbed-content	.summary dt 	{color:#3b3c3b;}
			.tabbed-content	.summary dd 	{color:#231f20; font-weight:bold;}
			.tabbed-content h3				{font-size:108%; padding-bottom:8px;}
			.tabbed-content p				{color:#3b3c3b;}
			
			/* Social Links */
				.social			{float: left; margin:14px 0 0 0; padding:0;}
				.social li		{list-style-type:none; margin:0 0 11px 0; padding:0;}
				.social li a 	{display:block; padding: 0 0 0 25px;}
				#template #clm-one .social li	{background:none; padding:0;}
				
				.social .email		{background-position:0 -1552px;}
				.social .linkedin	{background-position:0 -1612px;}
				.social .github		{background-position:0 -1672px;}
				.social .twitter	{background-position:0 -1732px;}
			
			
			
		/* Now with JS */
			.has-js .tabbed-box				{position:relative; height:410px; margin-bottom:20px;}
			.has-js .tabbed-box .white		{display:block; position:absolute; top: 0; left:157px; background:#fff; width:1px; height:114px;}
			.has-js	.tabbed-box .biography	{height:222px; overflow:auto;}
			
			/* The Navigation */		
				.has-js .nav-tabbed					{display: block; width:158px; margin:0; padding:0;}
				.has-js .nav-tabbed li				{margin:0; padding:0; border-bottom:1px solid #dbdbdb;}
				.has-js .nav-tabbed li a,
				.has-js .nav-tabbed li a:link,
				.has-js .nav-tabbed li a:visited,
				.has-js .nav-tabbed li a:hover,
				.has-js .nav-tabbed li a:active		{display: block; width:146px; color: #fff; line-height: 38px; padding-left: 12px; height:38px; background-position:-643px -290px; border-left:1px solid #f9f9f9;}
			
				.has-js .nav-tabbed .first a,
				.has-js .nav-tabbed .first a:link,
				.has-js .nav-tabbed .first a:visited,
				.has-js .nav-tabbed .first a:hover,
				.has-js .nav-tabbed .first a:active		{background-position:-643px -281px;}
			
			
				.has-js .nav-tabbed .active a,
				.has-js .nav-tabbed .active a:link,
				.has-js .nav-tabbed .active a:visited,
				.has-js .nav-tabbed .active a:hover,
				.has-js .nav-tabbed .active a:active	{background:#fff; color: #191e19; font-weight: normal; border-left:1px solid #dbdbdb; background:#fff;}	

			/* The Boxes */
				.has-js .tabbed-content		{position:absolute; top:0; right:0; width:420px; }
				
				/* The Boxes content */
					.has-js .tabbed-content	dt 	{width:76px;}
					.has-js .tabbed-content dd	{width:144px; padding:0;}
					
					
	/* Features Page */	
		.features #banner ul				{width: 920px; height: 287px; margin:0; padding: 0; position:relative;}
		.features #banner li				{float:left; margin:0; padding:0; list-style-type:none; position:absolute; text-align:center;}
		.features #banner .one				{top: 76px; left:0;}
		.features #banner .two				{top: 11px; left:244px;}
		.features #banner .three			{top: 76px; right:0;}
		
		.features #banner li a,
		.features #banner li a:link,
		.features #banner li a:visited,
		.features #banner li a:hover,
		.features #banner li a:focus,
		.features #banner li a:active		{color:#370608;}
		
		.features #banner .two				{font-size:123.1%; color:#fff;}
		.features #banner .two .previous,
		.features #banner .two .next		{float: left; display: block; width:20px; height:17px; text-indent:-9999px; overflow:hidden;}
				
		.features #banner .two .previous	{background-position:0 -1792px;}
		.features #banner .two .next		{background-position:0 -1848px;}
		.features #banner .two .title		{float: left; display: inline; padding:0 20px;}
		.features #banner .two .text		{float:left;}
		
		
		
	/* Thumbnails */
		.thumbnail-sma,
		.thumbnail-lrg		{background:url(../img/bg_content/bg-thumbnails.png) 0 0 no-repeat;}
		
		.thumbnail-sma 		{display:block; width:195px; height:113px; padding: 2px 4px 5px 2px;}
		.thumbnail-lrg 		{display:block; width:423px; height:243px; padding: 2px 6px 6px 3px; background-position:-201px 0;}
				
						
		
		
/* @end */
	





/* @group 3.Navigation within Content */		
	
	/* Messages Nav */
		div.error-msg a				{color:#6E070C;}
		div.error-msg a:link		{color:#6E070C;}
		div.error-msg a:visited		{color:#6E070C;}
		div.error-msg a:hover		{color:#333;}
		div.error-msg a:active		{color:#6E070C;}
		
		div.success-msg a			{color:#6D8906;}
		div.success-msg a:link		{color:#6D8906;}
		div.success-msg a:visited	{color:#6D8906;}
		div.success-msg a:hover		{color:#333;}
		div.success-msg a:active	{color:#6D8906;}
		
		div.warning-msg a			{color:#2D3137;}
		div.warning-msg a:link		{color:#2D3137;}
		div.warning-msg a:visited	{color:#2D3137;}
		div.warning-msg a:hover		{color:#000;}
		div.warning-msg a:active	{color:#2D3137;}		
	
	
	
	/* Icon Nav (Links with icons in the BG ) */
	
	.blog-list .title a 	{display:block; width:16px; height:16px; overflow:hidden; text-indent:-9999px;}
	.download-zip:link,
	.download-zip:visited,
	.download-zip:hover,
	.download-zip:active,
	.download-github:link,
	.download-github:visited,
	.download-github:hover,
	.download-github:active,
	.google-group:link,
	.google-group:visited,
	.google-group:hover,
	.google-group:active,
	.irc:link,
	.irc:visited,
	.irc:hover,
	.irc:focus,
	.irc:active				{display:block; padding-left:78px; color:#3b3c3b;}

	.download-zip em,
	.download-github em,
	.google-group em,
	.irc em					{font-style: normal; color: #ED1C24;}	
	
	.download-zip			{padding-bottom:12px; background-position:0 -624px}
	.download-github		{background-position: 0 -710px;}
	.google-group			{background-position: 0 -959px;}
	.irc					{background-position: 0 -1017px;}
		

	
	/* Buttons */
		.btn			{display:inline; padding:0; margin:0; font-weight:normal; background:none; border:none;}	
		.btn span		{float:left; width:auto; height:34px; line-height: 33px; padding:0 0 0 12px; font-size:100%; font-weight:bold; color:#fff; text-transform: uppercase; text-shadow: 1px 1px 1px #5d8229;}
		.btn i			{float:left; width:12px; height:34px; font-weight:normal; }
		
		.btn, 
		.btn:link, 
		.btn:visited, 
		.btn:hover, 
		.btn:active,
		.btn:hover, 
		button:hover				{cursor:pointer;}	
	
		button::-moz-focus-inner 	{padding:0; border:none}	
	
		.btn span,		
		.btn i						{background-image:url(../img/bg_content/bg-buttons.png);}
		
		.btn span					{background-position:0 -48px;}
		.btn i						{background-position:right -48px;}
		
		/* Large Buttons (would usually have more generic class names, but oh well)*/
			.btn-sign-up-try-out span	{height:46px; line-height: 44px; background-position: 0 0;}
			.btn-sign-up-try-out i		{height:46px; background-position: right 0;}