/*
Theme Name: Weborithm Theme Framework
Theme URI: http://www.weborithm.com/framework/
Description: A WordPress theme framework by Weborithm.
Version: 0.6.2 - Updated March 9th, 2010
Author: Hyder Jaffari
Author URI: http://www.weborithm.com
Tags: theme framework, wordpress framework, basic theme
*/

/*====================================
	Enter your custom styles here.
	Table of Contents
	
	[1] - Body
	[2] - Font, Links
	[3] - Text
	[4] - Header
	[5] - Navigation
	[6] - Sections
	[7] - Aside
	[8] - Footer
	[9] - Comments
	
	[A] - Drop Down Navigation
	[B] - WordPress Specific Styles
	[C] - jQuery Specific Styles
	
====================================*/

/*===============
	[1] - Body
===============*/

	body, #body { background: #fff; }

/*=======================
	[2] - Font, Links
=======================*/

	body { font-family: Verdana, Geneva, Tahoma, sans-serif; }
	h1, h2, h3, h4, h5, h6 { font-family: Verdana, Tahoma, Geneva, sans-serif; }
	
/*=======================
	[3] - Text, Images
=======================*/

	.text h2 { background: #fff url(icon.png) no-repeat 802px 10px; margin: 0 0 10px; padding: 20px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; }
	.text p { color: #1a1818; font-size: 1em; padding: 0 0 15px; text-shadow: #fafafa 0 1px; }
	.text ul { margin: 0 40px 25px; }
	.text  li { color: #800808; font-size: 0.9em; text-shadow: #fff 0 1px; }
	
	/* Image Alignment */

	.aligncenter, div.aligncenter { display: block; margin: 0 auto 10px; }
	.alignleft { background: #F9F9F9; border: 1px solid #eee; float: left; margin: 6px 10px 10px 0; padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	.alignright { background: #F9F9F9; border: 1px solid #eee; float: right; margin: 6px 0 10px 10px; padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	
/*=================
	[4] - Header
=================*/

	.header { border-bottom: 1px solid #c9c1c1; padding: 20px 0; width: 960px; }
		
/*=====================
	[5] - Navigation
=====================*/
	
/*===================
	[6] - Sections
===================*/

	.top { background: #E9E7E7; border-bottom: 1px solid #c9c1c1; border-top: 1px solid #fff; padding: 0; width: 960px;  }

	.left { background: #e9e7e7; float: left; margin: 20px 0 0; padding: 20px; width: 598px; border-right: 1px solid #c9c1c1; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; }
	.left p { font-size: 0.759em; padding: 0 0 20px; }
	.left h3 { background: #fff; color: #1a1818; font-size: 1.059em; margin: 0 0 20px; padding: 5px; text-align: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	.left h6 { border-bottom: 1px dashed #777; color: #777; font-size: 0.759em; font-weight: bold; }
	.left ul { margin: 0 20px 20px; }
	.left li { font-size: 0.8em; }

	.right { float: right; width: 619px; border-left: 1px solid #eee; } /* For Right Aside Template */
		
	.left-equal { background: #E0E0E0; border-right: 1px solid #c9c1c1; border-top: 1px solid #fff; float: left; font-size: 1.159em; padding: 20px 20px 10px; text-align: center; width: 439px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; }
	.right-equal { background: #E0E0E0; border-left: 1px solid #fff; border-top: 1px solid #fff; float: right; font-size: 1.159em; padding: 20px 20px 10px; text-align: center; width: 439px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; }

	.left-equal img, .right-equal img { display: block; margin: auto; }

	p.login-text, p.joinus-text { padding: 20px 0 0; } 
	.top-login { background: #e9e7e7; font: normal 1.3em Verdana, Tahoma, Geneva, sans-serif; margin: 20px auto 0; padding: 20px 0; width: 960px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
	.top-login .left-equal { background: none; border: 0; margin: 0 0 0 -1px; padding: 20px 0 0; text-align: left; width: 500px; -moz-border-radius: 0; -webkit-border-radius: 0; }
	.top-login .right-equal { background: none; display: none; padding: 0; }
	.top-login form { border: 1px solid #c9c1c1; margin: auto; width: 500px; }

	.vedit { border: 0; font-size: 1em; width: 100%; }
	.vedit td { border: 0; padding: 10px !important; }
	.vedit th { background: none; border: 0; text-align: center; }
	.vedit input { border: 1px solid #c9c1c1; color: #800808; font: normal 1.059em Arial, sans-serif; margin: 10px 0 0; padding: 10px 5px; width: 468px; }
	.top-login input[type="submit"] { background: #fff; border: 1px solid #c9c1c1; font: normal 0.8em Verdana, Tahoma, Geneva, sans-serif; padding: 5px 20px; text-shadow: #E9E7E7 0 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	.top-login input:focus, .top-login input:hover { border: 1px solid #800808; }
	.top-login input[type="submit"]:hover { color: #800808; cursor: pointer; }
	.top-login .rememberme { float: left; width: auto; }
	.top-login span.small { display: block; font-size: 0.659em; margin: 10px 0 0 20px; }
	
	.top-password { text-align: center; }
	.top-password p { font-size: 1.2em; margin: auto; padding: 20px 0 40px; text-align: right; width: 500px; }
	.top-password p a { background: #E9E7E7; border: 1px solid #c9c1c1; color: #800808; padding: 5px 10px; text-decoration: none; text-shadow: #E9E7E7 0 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	.top-password p a:hover { color: #1A1818; }
	
	.top-password h6 { color: #999; font-size: 0.9em; margin: auto; padding: 0; text-align: left; width: 500px; }
	.top-password .vedit { margin: auto; width: 500px; }
	.top-password .vedit td { padding: 0 !important; }
	.top-password .vedit input { border: 1px solid #c9c1c1; color: #800808; font: normal 1.059em Arial, sans-serif; margin: 10px 0; padding: 10px 5px; width: 490px; }
	.top-password input[type="submit"] { background: #E9E7E7; border: 1px solid #c9c1c1; color: #777; font-size: 0.7em; padding: 5px; text-decoration: none; text-shadow: #fff 0 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	.top-password input[type="submit"]:hover { color: #800808; cursor: pointer; }
	
	.top-password p.login-button { padding: 10px 0 0; }

	.top-signup { background: #e9e7e7; margin: 20px auto; padding: 20px 20px 0; width: 920px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
	.top-signup h2 { background-image: none; font-size: 1.2em; margin: 0 0 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	.top-signup .vedit input { border: 1px solid #c9c1c1; color: #800808; font: normal 1.159em Arial, sans-serif; margin: 5px 0 !important; padding: 5px; width: 200px; }
	.top-signup .vedit th { border: 1px solid #c9c1c1; font-size: 1.159em; font-weight: normal; padding: 5px 10px; text-align: left; vertical-align: top; }
	.top-signup .vedit td .small { color: #444; font-size: 0.659em; line-height: 1.6em; padding: 5px 0; }
	.top-signup .vedit td { border: 1px solid #c9c1c1; font-size: 1.159em; padding: 5px 10px !important; }
	.top-signup .vedit span { display: block; padding: 10px 0 0; }
	.top-signup .vedit ul { font-size: 1.2em; font-weight: bold; margin: 10px 20px 0; }
	.top-signup .vedit li { padding: 0; }

	.top-signup .signup-continue { background: #fff; border: 1px solid #800808; color: #800808; font: normal 1.2em Verdana, Tahoma, Geneva, sans-serif; margin: 0 0 0 230px; padding: 5px 20px; text-shadow: #E9E7E7 0 1px; width: 220px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	.top-signup .signup-continue:hover { border: 1px solid #1a1818; color: #1a1818; cursor: pointer; }

	#agreement { background: #e9e7e7; margin: 20px 0; padding: 20px; width: 920px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
	.agreementform { font-size: 1em; margin: auto; text-align: center; width: 500px; }
	.agreementform input[type="submit"] { background: #fff; border: 1px solid #c9c1c1; color: #000; font: normal 1.2em Verdana, Tahoma, Geneva, sans-serif; margin: 0 10px; padding: 5px 10px; text-shadow: #e0e0e0 0 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	.agreementform input[type="submit"]:hover { color: #800808; cursor: pointer; }

	.errmsg { background: #fb1a1a !important; font-size: 1.3em !important; margin: auto !important; text-align: center; width: 50%; }
	.errmsg li { font-weight: normal !important; list-style: none !important; }
	
	.top-member { background: #e9e7e7; margin: 20px auto 0; padding: 20px; width: 920px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
	.top-member a { color: #800808; }
	.top-member table td { padding: 10px; width: 50% !important; }
	
	.top-member h3 { background: #fff; color: #1a1818; font-size: 1.3em; padding: 5px; text-align: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	
	.top-member .centered { text-align: left; }
	
	.top-add td, .top-add th { border: 1px solid #c9c1c1; padding: 10px !important; text-align: left; vertical-align: top; }
	.top-add th { background: #e0e0e0; color: #333; font-size: 1.1em; }
	.top-add td label span { color: #999; display: block; height: 0; line-height: 1.6em; padding: 5px 0; }
	
	.top-add input { width: auto; }
	
	.top-subscriptions ul { margin: 0 20px; }
	.top-subscriptions li { padding: 5px; }
	
	.newsletters { color: #555; width: auto; }
	
	.top-useful a { display: block; }
	
	#payment div { text-align: right !important; }
	#payment input, .newsletters input { background: #fff; border: 1px solid #800808; color: #800808; font: normal 1.4em Arial, sans-serif; padding: 3px 68px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	#payment input:hover { border-color: #1a1818; color: #1a1818; cursor: pointer; }
	
	.hedit th { background: #e0e0e0; border: 1px solid #c9c1c1; }
	.hedit td { background: #fff; border: 1px solid #c9c1c1; }
	
	.newsletters h3 { background: #e0e0e0; border: 1px solid #c9c1c1; color: #555; font-size: 0.8em; }
	.newsletters input { border: 1px solid #555; color: #555; font-size: 1em; padding: 5px 10px; }

.free-products { font-size: 0.8em; padding-bottom: 20px; width: 900px; }
.free-products h2 { background: #fff; font-size: 1.4em; padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.free-products strong { display: block; padding: 10px 0; }
.free-products p { padding: 0 0 10px; }

/*=================
	[7] - Aside
=================*/		

.aside-right { background: #e9e7e7; border-left: 1px solid #fff; margin: 20px 0 0; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; }

.aside-right a { color: #800808; }
.aside-right ul ul { list-style: disc; margin: 0 18px; }
	
/*=================
	[8] - Footer
=================*/

	.footer { padding: 0; }
	
	.foot-one li { border-top: 1px solid #fff; padding: 10px 0; width: 960px; }

/*===================
	[9] - Comments
===================*/

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

	/* Superfish Arrows */

	.sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ }
	.sf-sub-indicator { display: block; height: 0; overflow: hidden; right: .75em; text-indent: -999em; top: 1.05em; /* IE6 */ width: 0; }

/*====================================
	[B] - WordPress Specific Styles
====================================*/
	
	/* Captions */
	
	.wp-caption { background-color: #f3f3f3; border: 1px solid #eee; padding-top: 4px; margin: 0 15px 15px; text-align: center;
	/* rounded corners */ -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	.wp-caption img { border: 0 none; margin: 0; padding: 0; }
	.wp-caption p.wp-caption-text { font-size: 0.9em;  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 { }
	
/*====================================
	[B] - jQuery Specific Styles
====================================*/

	/* Tabs */
	.tabs-wrap { margin-bottom: 15px; }
	.pane { background: #fff; border: 1px solid #eee; border-top: 0; display: none; padding: 10px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
	.pane p { padding: 0; }
	
	/* Tabs List */
	ul.tabs { border-bottom: 1px solid #eee; height: 30px; list-style: none; margin: 0; padding: 0; }
	
	/* Single Tab */
	ul.tabs li { float: left; margin: 0 1px 0 0; padding: 0; }
	
	/* Tabs Link */
	ul.tabs a { background: #eee; display: block; line-height: 30px; padding: 0 20px; position: relative; text-align: center; text-decoration: none; top: 1px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-radius: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; }
	ul.tabs a:active { outline: none !important; }
	ul.tabs a:hover { background: #ddd; }

	/* Tabs Aside */
	li .tabs-wrap { padding: 5px 0; }
	ul.tabs-aside a { padding: 0 10px; width: auto; }

	/* Current Tab */
	ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a { background: #ccc; color: #000; cursor: default; outline: none !important; }
	
	/* Optional - Different Styles for Tabs */
	/* Example Style */
	ul.tabs a.s { background: #3399FF; color: #333; }
	ul.tabs a.s:hover { background: #777; color: #FFFF00; }
	ul.tabs a.s.current { background: #0099FF; color: #fff; }
	
	/* Hide on Initialize */ 
	div.panes div.pane { display: none; }
	
	/* Scrollable */
	
	/* Root element for the scrollable. When scrolling occurs this element stays still. */
	.scrollable { /* required settings */ height: 92px; margin: 0 0 15px; overflow: hidden; position: relative; width: 527px; }
	
	/* Root element for scrollable items. Must be absolutely positioned and it should have a extremely large width to accomodate scrollable items. It's enough that you set the width and height for the root element and not for this element. */
	.items { /* this cannot be too large */ clear: both; position: absolute; width: 20000em; }
	
	/* Single Scrollable Item */
	.scroll-item { background-color: #fff; border: 1px solid #eee; cursor: pointer; float: left; margin: 0 11px; padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	
	/* Active Item */
	.active { border: 2px solid #ccc; z-index: 9999; position: relative; }
	
	/* This makes it possible to add next button beside scrollable */
	.scrollable { float: left; }
	
	/* prev, next, prevPage and nextPage buttons */
	a.browse { background: url(images/hori_large.png) no-repeat; cursor: pointer; display: block; float: left; font-size: 1px; height: 30px; margin: 30px 10px 0; width: 30px;  }
	
	/* right */
	a.right { background-position: 0 -30px; border: 0; clear: right; margin-right: 0px;}
	a.right:hover { background-position: -30px -30px; }
	a.right:active { background-position: -60px -30px; } 
	
	/* left */
	a.left { border: 0; margin-left: 0px; } 
	a.left:hover { background-position: -30px 0; }
	a.left:active { background-position: -60px 0; }
	
	/* disabled navigational button */
	a.disabled { visibility: hidden !important; }