/*

	Base Styles for Weborithm Theme Framework.

	

	Do not edit the styles in here, instead edit STYLE.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

	

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



/*~~~~~RESET~~~~~*/



/*~~~~~Global~~~~~*/



body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }

table { border-collapse:collapse; }

fieldset, img { border:0 }

address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }

ul { list-style:none }

caption, th { text-align:left }

h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }



/*~~~~~Basic~~~~~*/



strong { font-weight: bold }

em { font-style: italic }

a img { border:none }



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

	[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 { clear: both; height: 0; margin: 0; overflow: auto; padding: 0; }

	

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

	[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 0 0 1.4em; }

	

	/* 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 { }