/*
Theme Name: Kismet - Business, Product, Portfolio
Theme URI: http://www.weborithm.com/previews/Kismet-HTML
Description: A HTML theme for businesses, product showcase or as a portfolio.
Version: 1.0
Author: Hyder Jaffari
Author URI: http://www.weborithm.com
Tags: business, product, portfolio
*/

/*====================================
	Table of Contents
	
	[1] - Body
	[2] - Font, Links
	[3] - Text
	[4] - Header
	[5] - Navigation
	[6] - Sections - Contents specified below
	[7] - Aside
	[8] - Footer
	
	[A] - Drop Down Navigation
	[B] - jQuery Specific Styles
====================================*/

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

	#body { margin: auto; }
	
/*=======================
	[2] - Font, Links
=======================*/

	body { font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; }
	h1, h2, h3, h4, h5, h6 { font-family: Calibri, Trebuchet MS, sans-serif; }

	a, .text a { text-decoration: none; }
	a:hover, .text a:hover { text-decoration: underline; }
	
/*=======================
	[3] - Text, Images
=======================*/

	/* All Text Styling */
	
	.text a { text-decoration: underline; }
	
	.text p { }
		
	.text h1 { font-size: 1.559em; line-height: 1em; padding-bottom: 0.401em; }
		.four h1, .four-alt h1 { background: none; }
		.four h1 a, .four-alt h1 a { text-decoration: none; }
	
	.text h2 { font-size: 1.359em; }
	.text h3 { font-size: 1.259em; padding-bottom: 0.496em; }
	
	.text ul { margin-left: 2.187em; }
	.text ul li { }

	.text strong, .aside strong { font: normal 1.259em Calibri, "Trebuchet MS", sans-serif; }

	.text blockquote { font-size: 1.4em; margin: 15px 30px 30px; padding: 5px 15px 0 0; }
	.text blockquote p { padding: 0 0 15px 65px; }
	
	/* Image Alignment */

	.aligncenter, div.aligncenter { padding: 9px; display: block; margin: 0 auto 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	.alignleft { float: left; margin: 5px 10px 0 0; padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	.alignright { float: right; margin: 5px 0 0 10px; padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	.aligncenter:hover, .alignleft:hover, .alignright:hover { }
	
	.tab-tabber .alignleft, .tab-tabber .alignright, .tab-tabber .aligncenter { background: none; border: 0; }
	
/*=================
	[4] - Header
=================*/

	.header { font-family: Calibri, Trebuchet MS, sans-serif; padding: 0 0 0.625em; }
	.header h1 { line-height: 1em; font-size: 2.2em; padding: 0.568em; text-align: center; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; }
	.header p.title { float: none; font-size: 2.2em; line-height: 1em; padding: 0.568em; text-align: center; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; }
	.header a { text-decoration: none; text-shadow: none; }
	.header a:hover { text-decoration: none; }
	.header p { float: left; font-size: 1em; padding: 0.695em 0 0; }

	.logo { float: left; }
		
/*=====================
	[5] - Navigation
=====================*/
	
	.nav { width: 960px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

/*===================
	[6] - Sections
	
	Contents
	--------
	
	- Search
		- Subscribe RSS etc..
		- Subscribe Email

	- Home Page Four Boxes

	- About & Page Template
		- Right Box
		- Left & Right Equal Boxes
	
	- Products Template
	- Blog Template
		
	- Text Widget
	- Breadcrumbs
	- Custom Link Styling
	
===================*/
	
	/* Search */
	
		.search { float: right; padding: 0.625em 0; margin: auto; }
		.search #searchform { text-align: right; }
		.search #s { font: normal 0.8em Arial, 'Helvetica Neue', Helvetica, sans-serif; height: 19px; padding: 5px 5px 2px; width: 146px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
		.search #searchsubmit { border: 0; color: transparent; height: 25px; text-indent: -999px; width: 25px; }
		.search #searchsubmit:hover { cursor: pointer; }

		/* Subscribe */
		
			.subscribe { padding: 0.625em 0; text-align: right; }
			.subscribe a { display: inline; padding: 0 0 0 17px; }
			.subscribe img { background: none; opacity: 0.5; }
			.subscribe img:hover { opacity: 1; }

		/* Subscribe Email */
		
			#subscribeform { font: normal 1em Arial, 'Helvetica Neue', Helvetica, sans-serif; padding: 0 0 10px; }
			#subscribe { height: 19px; padding: 5px 5px 2px; width: 146px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
			#subscribesubmit { padding: 4px 10px 4px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
			#subscribesubmit:hover { cursor: pointer; }

	/* Home Page 1 Four Boxes */
	
		.top { margin: 0.937em 0 1.250em; padding: 0; width: 100%; }
		
		.four { margin: 0 1.250em 1.875em 0; min-height: 270px; padding-bottom: 0.625em; width: 205px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
		.four-four { background: none; margin: 0; padding: 0; width: 225px; -moz-border-radius: 0; -webkit-border-radius: 0;  }
			.theme-gallery .four-four { background: #fff; margin: 0 0 1.875em 0; min-height: 270px; padding: 0.625em; width: 205px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
			
		.four h2, .four-alt h2 { font-size: 1.3em; }
		
		.four ul { font-size: 0.9em; margin: 0 1.389em; }
		.four li { padding: 0.434em; }
		.four li:hover { }
		
		.four blockquote { font: italic 1.259em Calibri, Trebuchet MS, sans-serif; margin: 0; padding: 10px 0 0 30px; }
		.four blockquote p { line-height: 1.4em; padding: 0 0 15px; }
	
	/* About & Page Template */
		
		.top-left, .top-right { margin: 0.937em 0 1.875em; padding: 0; }
		.top-left { padding-right: 1.250em; width: 620px; }
		
		.left-equal, .right-equal { margin: 0 0 1.250em; padding: 0; }
	
		/* Right Box Used as an Aside in About & Page Template */
		
			.top-right { padding-left: 0.625em; }
			.top-right ul { margin: 0 1.250em  0.937em; }
			.top-right li { }
			.top-right li a { text-decoration: none; }
			.top-right li:hover { }
		
		/* Left & Right Equal Boxes used in Page Template */
			
			.left-equal { padding-right: 1.250em; }
		
	/* Products Template */
		
		.four-alt { margin: 0 0 1.875em; }
			.inner-products .four-alt, .theme-gallery .four-alt { /* Use the inner-products class in the body */ margin: 1.250em 0 0; }
			.index3 .four-alt { /* Use the index3 class in Index3 */ margin: 0.250em 0; }
			
		.four-alt h2 a { text-decoration: none; }
		.four-alt h2 { font-size: 1.3em; }
		
		.four-alt ul { margin: 0 0 0 1.250em; }
		
		.four-alt blockquote { font: italic 1.259em Calibri, Trebuchet MS, sans-serif; margin: 0; padding: 10px 0 0 30px; }
		.four-alt blockquote p { line-height: 1.4em; padding: 0 0 15px; }
		
		.four-one-small-alt, .inner-products .four-one-small-alt, .theme-gallery .four-one-small-alt, .index3 .four-one-small-alt { margin-right: 1.250em; padding-bottom: 0.625em; width: 380px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

	/* Blog Template */
		
		.left { margin: 0.937em 0 1.875em; padding: 0 1.250em 0 0; width: 612px; }

		ul.meta { font: italic 1em Calibri, "Trebuchet MS", sans-serif; margin: 0 0 1.250em; }
		ul.meta li { padding: 0 0 0.781em; }

		ul.post-nav { margin: 0; }
		ul.post-nav li { display: inline; float: left; font: normal 1em Calibri, "Trebuchet MS", sans-serif; list-style: none; padding: 0; }
		ul.post-nav li a { display: block; margin: 0 2px; padding: 4px 8px; text-decoration: none; }
		ul.post-nav li a.current-nav { }

		ul.team { margin: 0 0 15px; overflow: auto; }
		ul.team li { float: left; font-size: 0.9em; margin: 5px 5px; width: 280px; }
		ul.team li .alignleft { margin: 0 10px 0 0; }
		ul.team li p { padding: 0; }

	/* Text Widget For use anywhere. Style as you need. */
	
		.textwidget { }

	/* Breadcrumbs */
	
		ul.breadcrumbs { margin: 0; padding: 0 0 15px; }
			.products ul.breadcrumbs { padding: 0 0 20px; }
			.inner-products ul.breadcrumbs { padding: 15px 0 0; }
	
		ul.breadcrumbs li { display: inline; font: normal 0.8em Calibri, "Trebuchet MS", sans-serif; list-style: none; padding: 0; }
		ul.breadcrumbs li a { text-decoration: underline; }
		ul.breadcrumbs li a:hover { }
		
	/* Custom Link Styling */
	
		.four h2 a, .four-alt h2 a, .left h2 a, ul.meta li a { text-decoration: none; }
			
/*=================
	[7] - Aside
=================*/		
	
	.aside { margin: 1.172em 0 0; }

	.aside h3 { padding: 0 0 0.601em; }
	.aside ul ul { margin: 0 1.406em; }
	.aside li li { }
	.aside li li:hover { }

	/* 125px Advertisement */
	
	.aside ul.aside-ads { margin: 0; overflow: auto; }
	.aside ul.aside-ads li { float: left; list-style: none; width: 150px; }
	.aside ul.aside-ads li img { display: block; margin: auto; }
	.aside ul.aside-ads li:hover { list-style: none; }

/*=================
	[8] - Footer
=================*/
	
	.footer { margin: auto; padding-top: 0; width: 960px; }

	.foot-one ul, .foot-three ul { padding-top: 2px; }
	.foot-three ul ul { margin: 0; padding: 0 0 1.628em; width: auto; }

	.foot-three li { padding-top: 20px; }
		.foot-three li li { padding-left: 18px; }
		.foot-three li li:hover { }
		
	.foot-one ul { padding: 1.563em 0 3.125em; text-align: center; }
	.foot-one li { font: normal 0.9em Calibri, Trebuchet MS, sans-serif; padding: 0; width: 100%; }
	.foot-one p { float: left; padding: 0 0 10px; }
	.foot-one p.credit { float: right; }

	/* Twitter Specific Footer Styling */
	
	li.twitter { padding: 20px 0; width: 320px; }
	.foot-three li.twitter #twitter_update_list { padding: 0; }
	li.twitter #twitter_div { padding: 0 10px 0; }
	li.twitter h3 { padding: 0 0 10px 65px; }
	.foot-three li.twitter li { font: normal 0.9em Calibri, "Trebuchet MS", sans-serif; margin: 0 0 10px; padding: 10px; width: auto; webkit-border-radius: 5px; -moz-border-radius: 5px; }
	.foot-three li.twitter li:last-child { margin: 0; }
	.foot-three li.twitter li:hover { }
	li.twitter p { padding: 0 10px 10px; }

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

	#nav ul { padding: 0; z-index: 999; }
	#nav ul ul { }
	#nav li { padding: 0; }
	#nav li:last-child a { }

	#nav li a { padding: 10px; }
	#nav li li a, #nav li:hover li a { line-height: 1.2em; padding: 5px 9px; text-shadow: #fff 0 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	#nav li:hover a { }
	#nav a:hover, #nav li li a:hover { text-decoration: none; }
	#nav li li { float: left; margin: 0 5px 5px 0; padding: 0; width: 135px; }
	#nav li li:hover { }
	#nav li:first-child a:hover, #nav li:first-child:hover a { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
	
	/* Mega Menu Styles */
	
	#nav ul ul.mega-menu { margin: 0 0 0 -1px; padding: 0 10px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	#nav ul ul.mega-menu, #nav ul ul.mega-menu li.mega-menu-heading { width: 280px; /* Set mega menu width here */ }
	#nav ul ul.mega-menu li.mega-menu-heading { float: left; font-weight: bold; padding: 10px 0 10px 18px; width: 260px; }

	/* Blog Menu Specific Styles */
	
	#nav ul ul.blog-menu a { font-weight: bold; padding: 0; }
	#nav ul ul.blog-menu li { line-height: 1.2em; padding: 9px 9px; width: 260px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	#nav ul ul.blog-menu li.mega-menu-heading { }
	#nav ul ul.blog-menu .alignleft { margin: 0 10px 0 0; }
	#nav ul ul.blog-menu .alignleft:hover { }
	#nav ul ul.blog-menu p { line-height: 1.5em; padding: 5px 0 0; }
	
	#nav li ul ul, #nav li ul ul ul, #nav li ul ul ul ul { margin: -2.929em 0 0 10em; }

	/* 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] - jQuery Specific Styles
====================================*/

/* Tabs */
	
	.tabs-wrap { margin-bottom: 15px; }
	.tab-tabber { 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; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
	.tab-tabber p { padding: 0; }
	
	/* Tabs List */
	ul.tabbed-tabs { height: 30px; margin: 0; padding: 0; }
	
	/* Single Tab */
	ul.tabbed-tabs li { float: left; margin: 0 2px 0 0; padding: 0; }
	ul.tabbed-tabs li:hover { list-style: none; }
	
	/* Tabs Link */
	ul.tabbed-tabs a { display: block; line-height: 30px; padding: 0 20px; position: relative; text-align: center; text-decoration: none; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; }
	ul.tabbed-tabs a:active, ul.tabbed-tabs a.current { outline: none !important; top: 1px; }
	ul.tabbed-tabs a:hover { }

	/* 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 { cursor: default; outline: none !important; }
	
/* Fade Tabs */

	.pane { cursor: pointer; float: left; height: 250px; position: relative; width: 960px; z-index: 1; }
	
	/* Single Slide */
	.pane-content { display: none; left: 0; position: absolute; top: 0; z-index: 1; }
	.pane-content ul, .scroll-item ul { bottom: 2px; list-style: none; margin: 0; position: absolute; width: 50%; }
	.pane-content li, .scroll-item li { list-style: none !important; margin: 0 0 10px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
	.pane-content li:hover, .scroll-item li:hover { list-style: none; }
	.pane-content h2, .pane-content p, .scroll-item h2, .scroll-item p { margin: 0; padding: 0 0 0 17px; }
	.pane-content h2, .scroll-item h2 { font-size: 1.659em; }
	.pane-content p, .scroll-item p { font-size: 0.9em; }
	.pane-content a, .scroll-item a { text-decoration: none; }
	.pane-content a:hover, .scroll-item a:hover { }
	
		.left-pane, .right-pane, .bottom-pane { bottom: 3px; left: 0; padding: 0.625em 0; position: absolute; top: 0; width: 25%; }
			.right-pane { left: auto; right: 0; }
			.bottom-pane { top: auto; width: 100%; }
			
		.pane-content .left-pane h2, .pane-content .right-pane h2, .pane-content .top-pane h2, .pane-content .bottom-pane h2 { background: none; font-size: 1.4em; padding-bottom: 5px; }
		.pane-content .left-pane p, .pane-content .right-pane p, .pane-content .top-pane p, .pane-content .bottom-pane p { font-size: 0.8em; }

		/* Fade Tabs for Gallery Templates */
		
		.index2 .pane, .theme-gallery .pane { height: 500px; /* Adjust height according to the height of your images */ }
		
		/* Faded Tabs for Index3 */
		
		.four-one-small-alt .pane { width: 380px; height: 196px; }
		.four-one-small-alt .tabs { padding: 0 0 0.937em; }
	
	/* Tabs (those little circles below slides) */
	.tabs { clear: both; }
	
	/* Single Tab */
	.tabs a { display: block; height: 10px; float: left; font-size: 1px; margin: 20px 10px 0 0; width: 10px; }
	
	/* Mouseover State */
	.tabs a:hover { background-position: 0 -10px; }
	
	/* Active State (current page state) */
	.tabs a.current { background-position: 0 -20px; outline: none; }
	
	/* Disabled Navigational Button. It is not needed when tabs are configured with rotate: true */
	.disabled { visibility: hidden !important; }
	
	/* Hide on Initialize */ 
	div.panes div.pane { display: none; }
	
/* Scrollable Styles */
	
	/* Root element for the scrollable. When scrolling occurs this element stays still. */
	.scrollable { /* required settings */ height: 410px; margin: 0 0 15px; overflow: hidden; position: relative; width: 880px; }
	
	/* 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 { cursor: pointer; float: left; height: 400px; margin: 5px 15px 0 5px; padding: 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	.scroll-item ul { width: 460px; }
	
	/* Active Item */
	.active { z-index: 9999; position: relative; }
	
	/* This makes it possible to add next button beside scrollable */
	.scrollable { float: left; }
	
	/* disabled navigational button */
	a.disabled { visibility: hidden !important; }
	
/* Overlay */
	
	/* some styling for triggers */
	#triggers { text-align: center; }
	#triggers img { cursor: pointer; }
	
	/* the overlayed element */
	.simple_overlay  { display: none; min-height: 200px; padding: 15px; width: auto; z-index: 10000; }
	.simple_overlay p, .simple_overlay h2, .simple_overlay h3, .simple_overlay h4, .simple_overlay h5, .simple_overlay h6 { margin: 0; padding: 10px 0 0; }
	
	/* close button positioned on upper right corner */
	.simple_overlay .close { cursor: pointer; height: 35px; position: absolute; right: -15px; top: -15px; width: 35px; z-index: 999; }

/* Email Form */
	
	ul#response { margin: 0; }
	ul#response li { list-style: none; }

	#main label { display: block; font: normal 1.259em Calibri, "Trebuchet MS", sans-serif; padding: 0 0 18px; }
	#main input { font: normal 1.359em Arial, 'Helvetica Neue', Helvetica, sans-serif; padding: 5px; width: 200px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	#main textarea { font: normal 1.359em Arial, 'Helvetica Neue', Helvetica, sans-serif; padding: 5px; width: 400px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	#main input[type="text"]:focus, #main textarea:focus { }
	#main #submit { font: normal 1.659em Calibri, "Trebuchet MS", sans-serif; width: 100px; }
	#main #submit:hover { cursor: pointer; }