/*
	Base Styles for Weborithm Theme Framework.
	
	Do not edit the styles in here, instead edit STYLE.CSS
		
	You DO NOT need to send me an email to ask for permission to use this, no license exists for this CSS..

	Theme Name: Weborithm Theme Framework
	Theme URI: http://www.weborithm.com/framework/
	Description: A theme framework by Weborithm.
	Version: 0.5 - Updated August 12th, 2009
	Author: Hyder Jaffari
*/

/*==============================================================

	Table of Contents
	
	[1] - Main Body, Clear Float
	[2] - Font, Links
	[3] - Basic text styling
	[4] - Header area
	[5] - Navigation area
	[6] - All content holders
	[7] - Aside
	[8] - Footer
	
	[A] - Drop Down Navigation
	[B] - WordPress Specific Styles
	
==============================================================*/

/*==================================
	[1] - Main Body, Clear Float
==================================*/
	
	/* Main Body ID */
	
	#body { background: #fff; margin: auto; width: 960px; }
	
	/* Clear */
	
	.clearfix:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; }
	.clearfix { display: inline-block; }  /* for IE/Mac */
	.clear { overflow: auto; }
	
/*=======================
	[2] - Font, Links
=======================*/
	
	/* Font */
	
	body { font-family: Verdana, Arial, Helvetica, sans-serif; }
	h1, h2, h3, h4, h5, h6 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; }
	
	/* Links */
	
	a { color: #0033FF; text-decoration: none; }
	a:hover { text-decoration: underline; }
	
/*==============================
	[3] - Basic text styling
==============================*/
	
	/* Text class - used for text styling only */
	
	.text p { font-size: 0.859em; line-height: 1.8em; padding: 0 0 1.4em; }
	.text h1 { font-size: 2em; margin-bottom: 1em; }
	.text h2 { font-size: 1.759em; margin-bottom: 1em; }
	.text h3 { font-size: 1.559em; margin-bottom: 1em; }
	.text h4 { font-size: 1.359em; margin-bottom: 1em; }
	.text h5 { font-size: 1.2em; margin-bottom: 1em; }
	.text h6 { font-size: 0.959em; margin-bottom: 1em; }
	.text pre { background: #f9f9f9; border: 1px dotted #e0e0e0; font: normal 0.9em 'Courier New', Courier, monospace; line-height: 1.8em; margin-bottom: 1.4em; padding: 1em; white-space: normal; }
	
	/* Lists */

	.text ul { margin: 0 2em 1.4em; font-size: 0.959em; list-style: disc; }
	.text ol { margin: 0 2em 1.4em 0; font-size: 0.959em; }
	.text li { padding: 0.5em; }
	
	/* Blockquotes */

	.text blockquote { background: #fff; font-size: 1.059em; padding: 1em 1em 0; margin: 0 2em 1.4em; }
	
/*=======================
	[4] - Header area
=======================*/
	
	.header { padding: 1.259em 0.6em; }
	.header h1 { font-size: 2.4em; margin: 0; }
	.header p { font-size: 0.959em; font-style: italic; padding: 0; }
		
/*===========================
	[5] - Navigation area
===========================*/
		
	.nav { background: #f9f9f9; overflow: auto; /* Open drop-down-nav.css for the rest of the drop down navigation */ }
	
/*===============================
	[6] - All content holders
===============================*/
			
	/* Outer Box */
		
	.wrap { /* Can be used as a container to add padding between stacked divs */ }
		
	/* Content - Used For Layout Purpose Only */
		
	.section { padding: 0.6em 0.6em 0; width: 940px; }	
		
		.left { float: left; width: 619px; border-right: 1px solid #e0e0e0; } /* For Left Aside Template */
		.right { float: right; width: 619px; border-left: 1px solid #e0e0e0; } /* For Right Aside Template */
		
		.center { float: left; width: 558px; border-right: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; } /* For Left/Right Aside Template */
		
		.left-alt { float: left; width: 569px; border-right: 1px solid #e0e0e0; } /* For Two Left Asides Template */
		.right-alt { float: right; width: 569px; border-left: 1px solid #e0e0e0; } /* For Two Right Asides Template */
		
		.left-equal { float: left; width: 459px; border-right: 1px solid #e0e0e0; } /* For Two Equal Boxes Template */
		.right-equal { float: right; width: 460px; } /* For Two Equal Boxes Template */

		.top-left { float: left; width: 619px; border-right: 1px solid #e0e0e0; } /* For Featured Left Template */
		.top-right { float: right; width: 300px; } /* For Featured Left Template */
		
		.top-left-alt { float: left; width: 300px; } /* For Featured Right Template */
		.top-right-alt { float: right; width: 619px; border-left: 1px solid #e0e0e0; } /* For Featured Right Template */

		.three-one { float: left; padding: 7px 7px 0; width: 300px; } /* For Three Equal Boxes */
		.three-two { float: left; padding: 7px 7px 0; width: 300px; margin: 0 0 0 0.6em; } /* For Three Equal Boxes */
		.three-three { float: right; padding: 7px 7px 0; width: 300px; } /* For Three Equal Boxes */

		.four-one { float: left; width: 220px; } /* For Four Equal Boxes */
		.four-two { float: left; width: 220px; } /* For Four Equal Boxes */
		.four-three { float: left; width: 220px; } /* For Four Equal Boxes */
		.four-four { float: right; width: 220px; } /* For Four Equal Boxes */
		
		.four-one-small { float: left; width: 160px; } /* For Four Unequal Boxes */
		.four-two-small { float: left; width: 160px; } /* For Four Unequal Boxes */
		.four-three-small { float: left; width: 160px; } /* For Four Unequal Boxes */
		.four-four-big { float: right; width: 400px; } /* For Four Unequal Boxes - Wider On The Left*/
		
		.four-one-small-alt { float: left; width: 400px; } /* For Four Unequal Boxes - Wider On The Right */
		.four-two-small-alt { float: left; width: 160px; } /* For Four Unequal Boxes */
		.four-three-small-alt { float: left; width: 160px; } /* For Four Unequal Boxes */
		.four-four-big-alt { float: right; width: 160px; } /* For Four Unequal Boxes */
		
		.five-one { float: left; width: 172px; } /* For Five Equal Boxes */
		.five-two { float: left; width: 172px; } /* For Five Equal Boxes */
		.five-three { float: left; width: 172px; } /* For Five Equal Boxes */
		.five-four { float: left; width: 172px; } /* For Five Equal Boxes */
		.five-five { float: right; width: 172px; } /* For Five Equal Boxes */
			
	/* You can use this class to place around any of the above containers, usually used in WordPress themes */
		
		.post { }
			
/*==============================================================
	[7] - Aside {or aside or whatever you want to call it}
==============================================================*/
	
	.aside h3 { font-size: 1.4em; margin: 0 0 0.5em; }
					
	.aside ul { margin: 0; list-style: none; }
	.aside li { padding: 0 0 1.519em; }
			
	.aside li li { padding: 0.3em 0; }
	.aside li p, aside li li p { padding: 0.9em 0 0; }
		
		/* For Left Aside Template */
		
		.aside-left { float: left; font-size: 0.859em; padding: 0.7em 0.7em 0; width: 300px; }
		
		/* For Right Aside Template */	
		
		.aside-right { float: right; font-size: 0.859em; padding: 0.7em 0.7em 0; width: 300px; }
		
		/* For Left and Right Aside Template */

		.aside-one { float: left; font-size: 0.859em; padding: 0.7em 0.7em 0; width: 160px; margin: 0 0.7em 0 0; }
		.aside-two { float: right; font-size: 0.859em; padding: 0.7em 0.7em 0; width: 160px; }
			
		/* For Two Left Asides Template */	
			
		.aside-one-left { float: left; font-size: 0.859em; padding: 0.7em 0.7em 0; width: 160px; margin-right: 0.7em; }
		.aside-two-left { float: left; font-size: 0.859em; padding: 0.7em 0.7em 0; width: 160px; }
			
		/* For Two Right Asides Template */
		
		.aside-one-right { float: right; font-size: 0.859em; padding: 0.7em 0.7em 0; width: 160px; margin-left: 0.7em; }
		.aside-two-right { float: right; font-size: 0.859em; padding: 0.7em 0.7em 0; width: 160px; }
		
		/* Bottom-Left/Bottom-Right */
		
		.bottom-left { float: left; font-size: 0.859em; padding: 0.7em 0.7em 0; width: 455px; margin-right: 0.6em; }
		.bottom-right { float: right; font-size: 0.859em; padding: 0.7em 0.7em 0; width: 455px; }
		
/*==================
	[8] - Footer
==================*/

	/* Footer */
	
	.footer h3 { font-size: 1.4em; margin: 0 0 0.5em; }	
	.footer p { font-size: 0.9em; padding: 0.7em 0; }
	
	.footer ul { margin: 0; list-style: none; }
	.footer ul ul { /* Second Level Widgets */ }
	.footer li li { padding: 0.4em 0; float: none; }	
		
		/* One Footer */
		
		.foot-one { font-size: 0.859em; padding: 0.759em 0; }
		.foot-one li { float: left; width: 940px; padding: 0 0.759em; }
		
		/* Two Footers */
		
		.foot-two { font-size: 0.859em; padding: 0.759em 0; }
		.foot-two li { float: left; width: 450px; padding: 0 1.1359em; }
		
		/* Three Footers */
		
		.foot-three { font-size: 0.859em; padding: 0.759em 0; }
		.foot-three li { float: left; width: 300px; padding: 0 0.759em; }

/*===============================
	[A] - Drop Down Navigation
===============================*/

	#nav, #nav ul { padding: 0; margin: 0; list-style: none; line-height: 1; }
	#nav a { display: block; font-size: 0.9em; height: 100%; padding: 10px 20px; }
	#nav li { /* all list items */ float: left; margin: 0; padding: 0; }
	#nav li li { background: #f0f0f0; border-bottom: 1px solid #fff; width: 12em; }
	#nav li li:hover { background: #f9f9f9; }
		
	#nav li ul { /* second-level lists */ border-top: 1px solid #e0e0e0; left: -9999em; padding: 0 10px 0 0; position: absolute; width: 11.3em; }
	#nav li ul ul { /* third-and-above-level lists */ border-top: none; font-size: 1em; margin: -2.259em 0 0 12em; }
	#nav li ul ul ul { /* fourth-and-above-level lists */ border-top: none; font-size: 1em; margin: -2.259em 0 0 12em; }
	#nav li ul ul ul ul { /* fifth-and-above-level lists */ border-top: none; font-size: 1em; margin: -2.259em 0 0 12em; }
	
	#nav li:hover ul ul,
	#nav li:hover ul ul ul,
	#nav li:hover ul ul ul ul,
	#nav li.sfhover ul ul,
	#nav li.sfhover ul ul ul,
	#nav li.sfhover ul ul ul ul
	{ left: -9999em; }
	
	#nav li:hover ul,
	#nav li li:hover ul,
	#nav li li li:hover ul,
	#nav li li li li:hover ul,
	#nav li.sfhover ul,
	#nav li li.sfhover ul,
	#nav li li li.sfhover ul,
	#nav li li li li.sfhover ul
	{ left: auto; }

/*====================================
	[B] - WordPress Specific Styles
====================================*/

	/* Alignment */

	.aligncenter, div.aligncenter { display: block; margin: 0 auto 10px; }
	.alignleft { float: left; margin: 0 10px 10px 0; }
	.alignright { float: right; margin: 0 0 10px 10px; }
	
	/* Captions */
	
	.wp-caption { background-color: #f3f3f3; border: 1px solid #ddd; padding-top: 4px; margin: 10px; text-align: center;
	/* optional rounded corners for browsers that support it */
		-moz-border-radius: 3px;
   		-khtml-border-radius: 3px;
	   -webkit-border-radius: 3px; }
	.wp-caption img { border: 0 none; margin: 0; padding: 0; }
	.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
	
	/* Other WordPress Classes */
	
	.categories { }
	.cat-item { }
	.current-cat { }
	.current-cat-parent { }
	.pagenav { }
	.page_item { }
	.current_page_item { }
	.current_page_parent { }
	.widget { }
	.widget_text { }
	.blogroll { }
	.linkcat { }