/*
Theme Name: InVogue
Theme URI: http://www.weborithm.com
Description: A theme good enough for whatever you have in mind. <a href="../wp-admin/themes.php?page=theme-settings.php">Click here for theme settings</a>.
Version: 1.0
Author: Weborithm
Author URI: http://www.weborithm.com
Tags: Blogging, Magazine, E-Store, Portfolio
*/

/*====================================
	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 { background: none; margin: 0 auto 20px; padding: 20px 0 0; width: 960px; }
	.wrap { margin: 0 0 20px;  width: 960px; }

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

	body, h1, h2, h3, h4, h5, h6 { font-family: Verdana, Helvetica, sans-serif; }
	a:hover { text-decoration: none; }
		
/*===============
	[3] - Text
===============*/

	.text ul { margin: 0; list-style: none; }
	
/*=================
	[4] - Header
=================*/

	.header { margin: 0 0 1px; padding: 0; width: 960px; }
	.blogtitle { float: left; width: 618px; }	
	.blogtitle h1 { font-size: 2.8em; line-height: 1.3em; padding: 15px 20px 2px; }
	.blogtitle p { font-size: 0.859em; font-style: normal; line-height: normal; padding: 5px 20px; }
	.blogtitle p.the-title { font-size: 2.8em; font-style: normal; line-height: 1.1em; padding: 15px 20px 0; }
	.blogtitle h1 a:hover, blogtitle p.blogtitle-inner a:hover { color: #000; }
	
	.search { float: right; padding: 10px; position: relative; }
	.search div { height: 46px; width: 305px; }
	.search #s { border: 0; font: normal 0.8em Verdana; margin: 5px; padding: 10px; position: relative; width: 275px; }
	.search #searchsubmit { border: none; color: transparent; height: 44px; position: relative; right: -260px; top: -40px; text-indent: -999px; width: 43px; }
	.search #searchsubmit:hover { cursor: pointer; }
	.search #s:hover { opacity: 1; }
	.search .screen-reader-text { display: none; }

	.subscribe { float: right; padding: 5px 10px 0 0; position: absolute; top: 70px; right: 0px; width: 305px; }
	.subscribe ul { overflow: auto; }
	.subscribe li { float: left; font-size: 0.9em; font-weight: bold; padding: 0 15px 5px 0; position: relative; }
	.subscribe li img { position: relative; top: 5px; }

/*=====================
	[5] - Navigation
=====================*/
	
/*===================
	[6] - Sections
===================*/
			
	.section { }
		.home-nav { margin: 1px 1px 0 0; padding: 0 0 1px; position: relative; width: 959px; z-index: 100; }
		.home-top { margin: 0 0 0 1px; padding: 0; width: 958px; }
		.home-navi { margin: 0 1px 1px; padding: 0; width: 958px; }
		.home-index { border-top: none; }
		.home-bottom { margin: 1px 0 0; padding: 0; width: 960px; }
		.home-blog-posts { padding: 0 0px; width: 960px; }
		.home-single { margin: 0; padding: 0; width: 959px; }
		.home-single-full { background: none; }

		/* Home Top Divs */
		
		.heading { overflow: auto; margin: 0 0 15px; }

		/* Homepage Widget Area */
		
		.left-equal { padding: 0; width: 340px; }
			.left-equal .heading, .right-equal .heading { margin: 0; }
			.left-equal .heading p, .right-equal .heading p { font-size: 0.9em; padding: 10px 20px 9px; text-align: left; }
			.left-equal .heading p { border-right: 1px solid #c7c7b9; }
			.left-equal ul ul { padding: 10px 20px 18px; } 
			.left-equal li { list-style: none; padding: 0; }
			.left-equal li li { font-size: 0.8em; padding: 8px 0; }
			.left-equal li li.ex-img { padding: 10px 0 2px; }
			.left-equal li li img { display: block; margin: auto; }
			.left-equal div.widget_ad_rotator, .left-equal .textwidget { padding: 20px 20px 18px; }			

		/* Hot Items Area */
		
		.right-equal { padding: 0 0 1px; width: 618px; }
			.right-equal .heading p { padding: 10px 20px 8px 15px; }
			.right-equal ul { overflow: auto; padding: 24px 4px 20px; }
			.right-equal li { float: left; margin: 0 11px 8px;  padding: 0; width: 280px; }
			.right-equal li p { height: 111px; line-height: 20px; padding: 0; }
			.right-equal li img { float: left; margin: 0 10px 0 0; padding: 4px; }
			.right-equal li p:hover, .right-equal li:hover p { height: 111px;  }

	/* Post */
	
	.post { float: left; padding: 20px 20px; width: 639px; }
	.page { padding-bottom: 30px; }
	
		.post a { text-decoration: underline; }
		.post a:hover { text-decoration: none; }
		.post p { font-size: 0.8em; line-height: 1.8em; padding: 0 0 20px; }
		.post h1 { font-size: 1.6em; line-height: 1em; margin: 0 0 20px; padding: 0 0 3px 0; }
		.post h1 a, .post h2 a, .post h3 a, .post h4 a, .post h5 a, .post h6 a { text-decoration: none; }
		.post h2, .post h3, .post h4, .post h5, .post h6 { margin: 0 0 20px; }
		
		.post h2 { font-size: 1.3em; padding: 0 0 5px; }
			.home-index h2 { font-size: 1.6em; margin: 0; padding: 10px 20px; }
				.home-index .post-content h2 { font-size: 1.3em; margin: 0 0 15px; padding: 0 0 5px; }

		.post h3 { font-size: 1.1em; }
		.post h4 { font-size: 1.1em; }
		.post h5 { font-size: 1em; }
		.post h6 { font-size: 0.9em; }
		.post ul { list-style: disc; margin: 0 0 20px 35px; }
		.post li { font-size: 0.8em; padding: 5px 0; }
		.post ol { margin: 0 0 20px 0; }
	
		.post blockquote { margin: 0 20px 20px; padding: 15px 20px 0 20px; }
		.post .attachment-150x150 { float: left; margin: 7px 10px 0 0; padding: 10px; }

		p.readmore { padding: 0; }
		
	/* Page */
	
		.page h2 { padding: 0 0 5px; }
		.page h2 a { text-decoration: none; }
		.page .featured { border: 0; padding: 0; }

	/* Post Content */

		.post-inner { padding: 0; }
		.post-inner h1 { margin: 0; padding: 12px 20px 10px; }
		.post-content { padding: 0 20px; }
		.page .post-content, .post-archives .post-content { padding-top: 15px; }
		
		.home-index .post-inner { width: 638px; }
	
	/* Post Display for Archive and Search */
	
		.post-display { border-bottom: 1px solid #e7e7de; min-height: 172px; padding: 15px 20px 15px; }		
		.post-display p { padding: 0 0 10px; }
		.post-display h3 { margin: 0 0 15px; }
		.post-display .attachment-thumbnail { float: left; margin: 0 10px 10px 0; padding: 10px; }
		
	/* Post Archives */
		
		.post-archives li { font-size: 13px; }
		.post-archives li ul { list-style: circle; margin: 0 20px; }
		.post-archives li ul.children { margin: 10px 20px 0; }
	
	/* No Sidebar and Image Template */
	
		.post-full { border: 0; float: none; padding: 20px 0; width: auto; }
		.post-full h1 { padding: 0 20px 15px; margin: 0; }
		.post-full .post-image { margin: 0 0 20px; text-align: center; }
		.post-full p { padding: 0 10px 20px; }
		.post-full h6 { padding: 15px 0 0; text-align: center; }
		
		.no-sidebar h2 { border: 0; }

	/* Featured Template */
	
		.featured { padding: 20px 10px; }
			.featured-single { border-bottom: 0; padding: 20px 20px 0; }
		
		.featured img { display: block; margin: 0 auto 10px; padding: 10px; }
		.featured h2 { margin: 0; padding: 10px 11px 0; }
		.featured h2 a { text-decoration: none; }
		.featured p { padding: 10px 11px; }
		.featured p.readmore { margin: 0 11px; padding: 0; width: 105px; }
		.featured p.readmore a { display: block; padding: 2px 11px; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
		
		a.portfolio-button { display: block; float: left; margin: 0 0 15px; padding: 5px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	
	/* Breadcrumbs */
		
		p.breadcrumb { font-size: 0.759em; margin: 0 20px; padding: 10px 0 0; }
		p.breadcrumb a { text-decoration: none; }
		
	/* Post Meta */
	
	.meta { padding: 0 0 10px; }
		.meta ul { list-style: none; margin: 0; }
		.meta li { padding: 0; }
		.meta a { text-decoration: none; }
		.meta h3, .meta h3 a, .meta h3 a:hover { font-size: 1em; font-weight: bold; margin: 0 0 10px; }
		.meta li.meta-share h3 { padding: 0 20px; }
		.meta li.meta-share ul { margin: 0 0 10px; padding: 5px 20px; }
		.meta li.meta-share li { display: inline; padding: 0 20px 0 0; }
		.meta li.meta-related { float: left; margin: 0 0 10px; padding: 0 0 0 20px; width: 269px; }
		.meta li.meta-related-2 { float: none; width: 588px; }
		.meta li.meta-related li { font-size: 0.9em; padding: 10px; }
		.meta li.meta-advertise { float: right; padding: 0 20px 0 0; width: 310px; }
		.meta li.meta-advertise li, .meta .textwidget, .meta div.widget_ad_rotator { list-style: none; padding: 5px; }
		.meta .textwidget, .meta div.widget_ad_rotator { margin: 0 0 10px; }
		.meta li.meta-related li:last-child, .meta li.meta-advertise li:last-child { border-bottom: none; }
		.meta li.meta-advertise ul { margin: 0 0 10px; }
		.meta li.meta-advertise ul li { border: none; }
		
		.index-meta { padding: 15px 0 0; }
		.index-meta ul { list-style: none; margin: 0 0 15px; }
		.index-meta li { display: inline; font-size: 0.759em; padding: 2px 0 0 20px; }
		.index-meta li.meta-t { background: url(images/calendar.png) no-repeat left center; padding: 2px 10px 0 19px; }
		.index-meta li.meta-c { background: url(images/comments.png) no-repeat left center; padding: 2px 0 0 19px; }
		
		.index-meta-bottom { padding: 0; }
		.index-meta-bottom ul { list-style: none; margin: 0 0 40px; }
		.index-meta-bottom ul li { padding: 0 20px 0 0; }
	
/*=================
	[7] - Aside
=================*/	

	.aside-right-image { float: right; margin: 0; padding: 0 5px 0 4px; width: 309px; }
		.aside-right-image h3 { background: none; font-size: 0.9em; font-weight: bold; padding: 10px 10px 0; text-transform: uppercase; }
		.aside-right-image img { display: block; margin: 10px auto 0; padding: 5px; }
		.aside-right-image ul { padding: 0 0 5px; }
		.aside-right-image li { font-size: 0.759em; margin: 0 0 1px; padding: 5px 10px; }
		.aside-right-image li a { font-weight: bold; }
	
	.aside-right { padding: 20px 9px 10px; width: 300px; }
		.aside-right h3 { font-size: 1em; font-weight: bold; margin: 0; padding: 0 0 5px; text-transform: uppercase; }
		.aside-right li { padding: 0 0 20px; }
		.aside-right li ul { padding: 10px 0 0; }
		.aside-right li li { font-size: 12px; padding: 10px 0; }
		.aside-right li li:first-child { border-top: 0; }
		.aside-right li li:last-child, .aside-right li li:last-child:hover { border-bottom: 0; }
		.aside-right li img { display: block; margin: auto; }
		
		.aside-right .textwidget { padding: 15px 0 0; }
		.aside-right .textwidget p { font-size: 0.9em; line-height: 1.6em; padding: 0 0 10px; }

	/* Aside Children */
	
	.aside ul ul ul { border-top: 0; list-style: disc; margin: 5px 0 0 25px; }
	.aside ul ul ul ul { list-style: circle; margin: 5px 0 0 15px; }

	/* WP Widgets */
	
	#cat, .widget_archive select { margin: 10px; padding: 5px; width: 90%; }
	
	#calendar_wrap table { width: 100%; }
	#calendar_wrap caption { font: italic 1.4em Georgia; padding: 0 0 10px; text-align: right; }
	#calendar_wrap table th { padding: 5px; text-align: center; }
	#calendar_wrap table td { padding: 5px; text-align: center; }
	#calendar_wrap table td#prev, #calendar_wrap table td.pad, #calendar_wrap table td#next { background: none; border: none; padding: 5px; text-align: center; }
	#calendar_wrap table td#prev { text-align: left; }
	#calendar_wrap table td#next { text-align: right; }
	
	.widget_tag_cloud a { padding: 0 0 0 5px; }

/*=================
	[8] - Footer
=================*/

	/* Footer Widget Area */

    .footer { margin: 0; padding: 0; }

	.footer .heading { margin: 0; }
	.footer .heading p { font-size: 1.1em; padding: 10px; text-align: left; }
			
	ul.foot-three-first .heading p { border-left: 0; }
	ul.foot-three-end .heading p { border-right: 0; }
	
	.foot-three ul { float: left; margin: 0; padding: 0 0 20px; }
	
		/*
		 ul.foot-three-first, ul.foot-three-first li {  width: 338px; }
		ul.foot-three-first li li {  width: 318px;  }
		*/
		ul.foot-three-first, ul.foot-three-first li {  width: 940px; }
		ul.foot-three-first li li {  width: 930px;  }
		
		ul.foot-three-mid, ul.foot-three-mid li { width: 310px; }
		ul.foot-three-mid li li { width: 290px; }
		
		ul.foot-three-end, ul.foot-three-end li { width: 310px; }
		ul.foot-three-end li li { width: 290px; }
		
	.foot-three li { padding: 0; }
	.foot-three li li { font-size: 0.959em; line-height: 18px; margin: 0 10px; padding: 10px 0; }
	.foot-three li li:first-child { border-top: 0; }
	.foot-three li li:last-child { border-bottom: 0; }
	
	.foot-three ul ul { float: none; padding: 0; width: auto; }

	.foot-three p { padding: 0 0 10px; }
	.foot-three .textwidget { padding: 20px 20px 5px; }
	.foot-three .textwidget img { display: block; margin: auto; }

	.foot-three .rsswidget img { height: 11px; width: 11px; /* Required to keep height uniform */ }
		
	/* Credit Footer */

	.foot-one { margin: 0 auto 80px; padding: 0; width: 960px;  }
		.foot-one ul { overflow: auto; padding: 10px; position: static; }
		.foot-one ul ul { border: 0; padding: 0; }
		.foot-one li { float: right; width: auto; }
		.foot-one li li { border: none;  font-size: 0.9em; display: inline; padding: 0; }
		.foot-one a:hover { border: none; }
		
/*===================
	[9] - Comments
===================*/

	.comments { padding: 20px 20px 10px !important; }
		.post-featured .comments { border: 0; padding: 0; }

	ol.commentlist { list-style: none; margin: 10px 0 0px; padding: 0; }
	ol.commentlist li { font-size: 14px; margin: 1px 0 0; padding: 10px; }
	ol.commentlist li p { padding: 0 0 10px; }
	ol.commentlist li blockquote { margin: 0 20px 10px; padding: 10px 10px 0; }

	ol.commentlist ul { margin: 20px 0 0; }
	ol.commentlist ul li { padding: 0 0 0 10px; }
	
	ol.commentlist .avatar { float: left; margin: 0 10px 0 0; padding: 3px; }
	ol.commentlist .comment-author { height: 56px; }

	ol.commentlist .fn { font-size: 17px; }
	ol.commentlist .says { font-style: italic; }
	ol.commentlist .fn, ol.commentlist .says { line-height: 56px; }
	
	ol.commentlist .reply { font-size: 11px; }
	ol.commentlist .comment-meta { font-size: 11px; text-align: right; }
	ol.commentlist .comment-meta a, ol.commentlist .reply a, ol.commentlist .fn a, #respond .cancel-comment-reply a { text-decoration: none; }
	
	/* Comment Children */
	
	ol.commentlist li ul { list-style: none; }

	/* Comment Form */

	#respond { padding: 0; }
	.comments h3, #respond h3 { font-size: 19px; line-height: 22px; margin: 0; padding: 5px; text-shadow: #fff 0 1px; }
	#respond h3 { margin: 0 0 20px; }

	.home-image .comments { margin: 0 0 34px; padding: 0 10px 10px; }
	.thread-odd #respond, .thread-even #respond { margin: 10px 0 0; padding: 7px 10px 0; }
	
	#commentform p { font-size: 14px; line-height: normal; padding: 0 0 10px; }
	#commentform p label { font: italic 20px Georgia; padding: 5px 0 0; }
	#commentform input , #commentform textarea { font: normal 17px Georgia; padding: 5px; width: 98%; }
	#commentform input { width: 225px; }
	#commentform #submit { font: italic 1.4em Georgia, "Times New Roman", Times, serif; letter-spacing: 1px; margin-top: 10px; width: 100%; }
	#commentform #submit:hover { cursor: pointer; }
	#respond .cancel-comment-reply a { display: block; padding: 0 0 20px; }

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

	#nav, #nav ul { border: none; list-style: none; line-height: 1; overflow: auto; margin: 0; padding: 0; }
	#nav ul { float: left; }
	
	#nav li a { display: block; font-size: 0.859em; height: 100%; outline: none; padding: 11px 10px; }
	#nav li { /* all list items */ float: left; margin: 0; padding: 0; }
	#nav li li { border-left: 0; border-right: 0; width: 10em; }
	#nav li li a { display: block; font-size: 0.859em; height: 100%; padding: 8px 10px 8px 10px; text-shadow: none; }
	
	#nav li ul { /* second-level lists */ left: -9999em; padding: 0 10px 0 0; overflow: visible; position: absolute; width: 19.3em; }
	#nav li ul ul, #nav li ul ul ul, #nav li ul ul ul ul { /* third-and-above-level lists */ border-top: none; font-size: 1em; margin: -1.959em 0 0 10em; }

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

	.navigation p { font-size: 0.6em; padding: 5px 0 0; text-transform: uppercase; }
	.navigation a { display: block; font-size: 0.9em; padding: 15px 20px 0; text-decoration: none; }
	.navigation .alignleft, .navigation .alignright { margin: 0; }
	.navigation .alignleft p { text-align: left; }
	.navigation .alignright p { text-align: right; }

	.post-full .navigation a { padding: 0; }
	.navigation .attachment-thumbnail { margin: 10px; }

	.post-nav { margin: 0; padding: 0; }
	.post-nav .alignleft, .post-nav .alignright { padding: 5px 20px; }
	.post-nav a { display: inline; margin: 0; padding: 5px 0; }
	
	.home-index .navigation { margin: 0 0 40px; }
	
	.archive-nav a { padding: 15px 20px; }

	.comment-nav a { padding: 5px 0 15px; }

	.caption, .gallery-caption { font: normal 0.8em Georgia; text-align: center; }
	.gallery-caption { padding: 5px 0 0; }
	.gallery-item .attachment-thumbnail { background: none; border: none; float: none; margin: 0; padding: 0; }
	img.aligncenter { padding: 10px; }
	img.alignleft { margin: 6px 10px 5px 0; padding: 10px; }
	img.alignright { margin: 6px 0 5px 10px; padding: 10px; }

	.wp-caption { padding: 10px 5px; -moz-border-radius: 0; -khtml-border-radius: 0; -webkit-border-radius: 0; }
	.wp-caption p.wp-caption-text { font-size: 11px; padding: 10px 0 0; margin: 0; }
	
/*====================================
	[C] - jQuery Specific Styles
====================================*/
	
	#flowpanes { height: 398px; }
	#flowpanes div { display: none; float: left; font-size: 0.9em; margin: 0; }
	.front-posts { padding: 19px; }
	#flowpanes .featured-image { float: left; height: 340px; padding: 9px; width: 600px; }
	#flowpanes .featured-post { float: right; height: 318px; padding: 20px; width: 259px; }
	#flowpanes .featured-post p { padding: 0; }
	#flowpanes .featured-post p.snippet { padding: 0 0 10px; }
	#flowpanes .featured-post p.featured-post-title, #flowpanes .featured-post h2 { font: normal 2.2em Arial; margin: 0 0 10px; padding: 0 0 10px; }
	#flowpanes div p { line-height: 2em; padding: 0 0 10px; }
	#flowpanes div { display: block; width: 920px; }
	#flowpanes { position: relative; overflow: hidden; clear: both; }
	#flowpanes .items { width: 20000em; position: absolute; clear: both; margin: 0; padding: 0; }
	.navi { height: 32px; margin: -3px 0 0 20px; width: auto; }
	.navi a { cursor: pointer; display: block; float: left; font-size: 1px; height: 10px; margin: 4px 3px 0; width: 10px; }
	.home-navi p { float: left; font-size: 1.1em; padding: 0 5px 0 20px; }

    /* Tabs */
	
	.featured-image { float: left; cursor: pointer; height: 300px; position: relative; }
	.featured-image img { display: block; margin: auto; }
	.featured-image div { display: none; left: 0; height: 340px; padding: 9px; position: absolute; top: 0; width: 600px !important; }
	.tabs-container { padding: 5px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: auto !important; }
	.tabs-container p { float: left !important; font-size: 1.2em; padding: 0 10px 0 0 !important; }
	.tabs { margin: auto !important; padding: 8px 0 0; width: auto !important; }
	.tabs a { float: left; display: block; font-size: 1px; height: 10px; margin: 0 5px; width: 10px; }
	.disabled { visibility: hidden !important; }