/*
Theme Name: GEN20XX
Description: GEN20XX is a slim fit magazine cut layout, best suited for personal, portfolio or Business website.
Version: 1.0
Author: Saurabh Sharma
Author URI: http://saurabhsharma.net
Tags: slim fit
*/

/**************************************************
General Rules
***************************************************/

body { 
	margin:10px auto; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	line-height:1.6em; 
	text-align:center; 
	color:#000; 
	background:url(images/body_bg.gif);
}	

h1, h2, h3, h4, h5, h6 { 
	font-weight:normal; 
	color:#000;
}	

h1 { 
	font-size: 32px; 
	margin-bottom:0.4em; 
	color:#000; 
	background-image:url(images/orange_pattern.gif); 
	display:inline; 
	padding:15px 40px; 
	line-height:2em;
}

h2 { 
	font-size:24px; 
	margin-bottom:-12px;
	line-height:1em;
}	

h3 {
	font-size:18px;
	margin-bottom:-12px;
	line-height:1.2em;
	padding-top: 25px;
	font-weight: bold;
}

h4 { 
	font-size:14px; 
	margin-bottom:-10px;
	line-height:1.2em;
}

h5, h6 { 
	font-size:12px; 
	margin-bottom:-10px;
	line-height:1.2em; 
	font-weight:bold;
}			

p {	
	margin:0px 0px 1em;
}	

a {	
	color:#f49330;
	text-decoration:underline;
	border:none; 
	outline:none;
}

a:hover {
	color:#000;
	text-decoration:none;
}	

em, i {
	font-style:italic;
}

.container {
	width:780px; 
	margin:0 auto;
	overflow:hidden; 
	position:relative;
	text-align:left; 
	background:url(images/container_bg.gif);
	border-top:1px solid #fff;
}

.header { 
	padding:40px 0px 40px 35px; 
	overflow:hidden; 
	position:relative;
}	

.primary_nav {
	width: 160px;
	float:left;
	position:relative;
	overflow:hidden;
}	

.featuredArea {	
	width:590px;
	height:250px;
	float:right;
	margin-bottom:40px;
	position:relative;
	overflow:hidden;
}

.primaryContent{ 
	width:510px;
	float:left; 
	overflow:hidden; 
	position:relative;
}



/**************************************************
"Click" Word on Home Page Middle Bars
***************************************************/

.click-css {
	font-size: 11px;
	letter-spacing: .1em;
	font-weight: bold;
}



/**************************************************
Basic Location of Sidebar & 3 Boxes at Bottom
***************************************************/
		
.sideBar { 
	float:right; 
	width:248px;
}

.secondaryContent {
	position:relative;
	overflow:hidden;
	margin:50px 0px 30px 0px;
}

.leftBox {
	float:left;
	width:208px;
	padding-left:40px;
	text-align: justify;
}

.middleBox {
	float:left;
	width:208px;
	margin-left:38px;
	text-align: justify;
}

.rightBox {
	float:right;
	width:208px;
	padding-left:38px;
	padding-right:40px;
	text-align: justify;
}

/*.rightBox h3 {
	float:right;
	width:150px;
	padding-right:40px;
	font-weight: normal;
	font-variant: normal;
} */

.footer {
	width: 780px; 
	position:relative; 
	overflow:hidden; 
	padding:15px 0px; 
	margin:0 auto;
}



/**************************************************
Header Section
***************************************************/

.blogName {
	float:left; 
	width:auto; 
	position:relative; 
	overflow:hidden;
}

.blogName h1 {
	line-height:1.2em; 
	font-size:36px; 
	margin:0px; 
	padding:0px; 
	background-image:none; 
	margin-right:10px; 
	padding-right:10px; 
	border-right:1px solid #e6e6e6;
}

.blogName h1 a {
	color:#000; 
	text-decoration:none;
}	

.blogName h1 a:hover {
	color:#f49330;
}

.blogDesc {
	width:auto; 
	float:left; 
	margin:15px 0px 0px 0px;
	padding:0px;
}

.logo {
	float:left; 
	margin:6px 0px 0px; 
	padding:0px;
}	

.search_container {
	float:right; 
	width:220px; 
	text-align:left; 
	padding:0px; 
	position:relative; 
	overflow:hidden; 
	font-size:0px;
}

a#search_handle {
	cursor:pointer;
}

#s {
	margin:10px 0px 10px 1px; 
	padding:5px 10px 6px; 
	width:179px; 
	background:0; 
	border:none; 
	border-top:1px solid #e6e6e6; 
	border-bottom:1px solid #e6e6e6; 
	color:#666;
	font-style:italic;
}

#searchsubmit {
	display:none;
}



/**************************************************
Navigation & Featured Area
***************************************************/

.primary_nav ul {
	text-transform:uppercase;
}

.primary_nav ul li {
}		

.primary_nav ul li a {
	text-decoration: none; 
	color: #555; 
	outline: none; 
	text-transform: uppercase; 
	display: block; 
	position: relative; 
	overflow: hidden; 
	font-size:16px;
	padding: 11px 30px 11px 40px;
	line-height:.85em;
}

.primary_nav ul li a span {
	font-size:10px; 
	text-transform:uppercase; 
	color:#a3a3a3;
}	

.primary_nav ul li a.current {
	color:#f49330;
}	

.primary_nav ul li a:hover {
	text-decoration:none; 
	background:url(images/orange_pattern.gif); 
	color:#000;
}

.primary_nav ul li a:hover span {
	color:#fff;
}

.min {
	margin:1px;
}

#taglines {
	position:absolute;
	width:180px;
	height:210px;
	left:370px;
	padding:20px;
	color:#fff;
	overflow:hidden;
	z-index:999;
}

#taglines p {
	font-size:11px; 
	margin-top:15px;
	line-height:1.35em;
}

#taglines h2 {
	color:white;
}

#taglines2 {
	position:absolute;
	width:550px;
	height:40px;
	top:180px;
	padding:15px 20px;
	color:#fff;
	overflow:hidden;
	z-index:10;
}

#taglines2 p {
	font-size:11px; 
	margin-top:15px;
	line-height:1.35em;
}

#taglines2 h3 {
	color:#fff;
}

#taglines2 a {
	color:#fff;
	text-decoration:none;
}

#taglines2 a:hover {
	color:#fff;
	text-decoration:none;
}

#fader {
	width:590px;
	height:250px;
	overflow:hidden;
}



/**************************************************
Primary Content
***************************************************/

ul.accordion li a.orange, ul.accordion li a.black, ul.accordion li a.gray {
	font-size:32px; 
	line-height:2em; 
	display:inline-block;
	padding:0px 40px; 
	cursor:pointer; 
	text-decoration:none;
}

ul.accordion li a.orange {
	background-image:url(images/orange_pattern.gif); 
	color:#000;
}

ul.accordion li a.black {
	background-image:url(images/black_pattern.gif); 
	color:#fff;
}

ul.accordion li a.gray {
	background-image:url(images/gray_pattern.gif); 
	color:#000;
}

.main_content {
	padding:0px 13px 10px 40px;
	font-size:13px;
}

.main_content p {
	margin-top:15px;
} 

.main_content p.preview {
	margin-top:5px; 
	font-size:11px;
	font-style:italic; 
	color:#333;
}

.main_content ol {
	list-style-position: inside;
}

.main_content h2, .main_content h3, .main_content h4, .main_content h5, .main_content h6 {
	margin-top:15px;
}

.main_content h3 a {
	color:#000;
	text-decoration:none;
}

.main_content h3 a:hover {
	color:#000; 
	text-decoration:underline;
}



/**************************************************
NEW Primary Content H3 and Bullets
***************************************************/

.primaryContent h2, .primaryContent h3, .primaryContent h4, .primaryContent h5, .primaryContent h6 {
	margin-top:15px;
	margin-left: 0px;
	margin-bottom: 10px;
}

.primaryContent h3 a {
	color:#000; 
	text-decoration:none;
}

.primaryContent h3 a:hover {
	color:#000; 
	text-decoration:underline;
}

ul.vertical {
	margin-bottom:15px;
}

ul.vertical li {
	margin-left:15px;
	padding-left:15px;
	background:url(images/orange_bullet.png) no-repeat left top;
	position:relative;
	font-size:12px;
}

.white {
	color:#ffffff;
}

.orang {
	color:#f49330;
}

.entry {
	margin:0; 
	padding:0; 
	position:relative; 
	overflow:hidden;
	zoom:1;
}



/*******************************************************
Primary Content (Portfolio) --- NOT BEING USED
********************************************************/

.gallery {
	position:relative; 
	overflow:hidden; 
	padding-top:10px;
}

.gallery_row {
	position:relative; 
	overflow:hidden; 
	margin-bottom:30px;
}

.gallery_row a {
	border:none;
	outline:none;
}

.leftThumbnail, .middleThumbnail, .rightThumbnail {
	position:relative; 
	overflow:hidden; 
	width:128px; 
	border:1px solid #e6e6e6; 
	font-size:0px; 
	margin-bottom:30px;
}

.leftThumbnail {
	float:left;
}

.middleThumbnail {
	float:left; 
	margin-left:40px;
}

.rightThumbnail {
	float:right;
}

.projectTitle {
	text-align:center; 
	padding:5px 10px; 
	background:url(images/grad_bg.gif) top repeat-x; 
	font-size:10px; 
	text-transform:uppercase; 
	border-top:1px solid #ffffff;
}



/**************************************************
Primary Content (Blog / Single)
***************************************************/

.meta_data {
	font-size:10px; 
	color:#777; 
	margin:13px 0px 3px 0px; 
	padding:0px 0px 5px 0px; 
	display:block;
}

.meta_data a {
	color:#000000; 
	text-decoration:none; 
	font-style:italic;
}

.meta_data a:hover {
	text-decoration:underline;
}

.entry p {
	margin-top:0px;
}

.entry img {
	margin-bottom:8px;
}

.navigation {
	position:relative; 
	overflow:hidden; 
	margin-top:10px;
}

.alignleft {
	float:left;
	padding-right: 10px;
}

.alignright {
	float:right;
	padding-left: 10px;
}

ul.pagination {
	list-style:none; 
	padding:0px; 
	margin:0px;
}	

.pagination li {
	float:left; 
	margin-right:5px; 
	display:block;
}		

.pagination li a, .alignleft a, .alignright a { 
	padding:4px 10px; 
	background-color:#fbfbfb; 
	border:1px solid #ebebeb; 
	text-decoration:none; 
	color:#999; 
	display:block; 
	outline:none;
}	

.pagination li a:hover, .alignleft a:hover, .alignright a:hover {
	background-color:#000000;
	color:#fff; 
	border:1px solid #000;
	text-decoration:none; 
	display:block;
}	

.pagination li.currentPage {
	padding:4px 10px; 
	background-color:#000; 
	border:1px solid #000; 
	text-decoration:none; 
	color:#fff; 
	display:block;
}	

.commentWrapper {
	overflow:hidden; 
	position:relative; 
	margin-bottom:15px;
}

.avatar {
	float:left; 
	width:64px;
	 height:64px;
}

.comment_bg {
	float:right; 
	padding:0px; 
	width:359px;
	color:#333;
	font-size:11px;
}

ol.commentlist {
	list-style:none;
}

ol.commentlist li {
	background-color:#f8f8f8; 
	padding:15px; 
	margin-top:15px; 
	border:1px solid #e6e6e6;
}

ol.commentlist li li {
	background-color:#fcfcfc; 
	height:1%;
	font-size:0px;
}

ol.commentlist li li .comment_bg {
	width:329px;
}

ol.commentlist li li li {
	background-color:#ffffff;
}

ol.commentlist li li li .comment_bg {
	width:299px;
}

.cancel-comment-reply {
	margin-top:10px;
}

.cancel-comment-reply a {
	color:#666; 
	font-size:10px; 
	text-decoration:none;
}

.cancel-comment-reply a:hover {
	text-decoration:underline; 
	color:#000000;
}

.userName {
	color:#f49330;
}

.userName a {
	color:#f49330; 
	text-decoration:none;
}

.userName a:hover {
	color:#000; 
	text-decoration:underline;
}

.commentMeta {
	font-size:10px; 
	margin-left:10px; 
	padding-left:10px; 
	border-left: 1px solid #999; 
	text-transform:uppercase;
}

.commentMeta a {
	color:#999; 
	text-decoration:none;
}

.commentMeta a:hover {
	color:#000;
	text-decoration:none;
}

.reply a {
	font-size:10px; 
	text-transform:uppercase; 
	color:#999; 
	font-style:normal; 
	text-decoration:none;
}

.reply a:hover {
	color:#000; 
	text-decoration:underline;
}

.cancel-comment-reply, h3#comments {
	border-bottom:1px solid #e6e6e6; 
	padding-bottom:10px; 
	margin-bottom:10px;
}



/**************************************************
Sidebar
***************************************************/

ul.sidebar_acc li a.main {
	font-size:18px;
	display:block;
	border-bottom:1px solid #ccc;
	cursor:pointer;
	padding:15px 40px 15px 0px;
	color:#000;
	text-decoration:none;
}

/*
ul.sidebar_acc li a.main {
	font-size:18px; 
	display:block; 
	border-bottom:1px solid #ccc; 
	cursor:pointer; 
	padding:15px 40px 15px 0px; 
	color:#000; 
	text-decoration:none;
}
*/

ul.sidebar_acc li p {
	padding-top:10px;
}

.sidebar_cnt, .textwidget {
	padding:0px 40px 10px 20px;
	font-size:13px;
}

ul.listOrange li a, ul.sidebar_acc ul li a {
	padding:8px 40px 8px 20px;
	color:#000;
	display:block;
	text-decoration:none;
	font-size:12px;
	line-height:1.3em;
	border-bottom:1px solid #e6e6e6;
}

ul.sidebar_acc ul li a:hover {
	color:#000000;
	background-color:#f49330;
	text-decoration:none;
	background-image: url(images/orange_pattern.gif);
}

ul.sidebar_acc ul.listOrange li a:hover {
	color:#000000; 
	background-color:#f49330; 
	text-decoration:none;
}

ul.sidebar_acc ul li ul li a {
	padding-left:40px; 
	background:url(images/level.gif) 21px 7px no-repeat;
}

ul.sidebar_acc ul li ul li ul li a {
	padding-left:60px; 
	background:url(images/level.gif) 41px 7px no-repeat;
}



/**************************************************
Secondary Content
***************************************************/

.secondaryContent p {
	font-size:11px; 
	line-height:1.4em; 
	color:#666;
}

.bigTitles {
	font-size:16px;
	color:#000;
	margin:0px;
	padding:0px;
	font-weight: normal;
}

.secTitles {
	font-size:16px; 
	text-transform:uppercase; 
	color:#000; 
	margin:0px 0px 5px; 
	padding:0px 0px 10px; 
	border-bottom:1px solid #ccc;
} 

.captions {
	font-size:10px; 
	color:#a3a3a3; 
	margin:0px 0px 5px 0px; 
	padding:0px 0px 5px 0px; 
	border-bottom:1px solid #ccc; 
	display:block;
}

.leftBox, .middleBox, .rightBox {
	font-size:12px;
	color:#666
}

.leftBox ul li a, .middleBox ul li a, .rightBox ul li a {
	color:#333; 
	text-decoration:none; 
	font-size:11px; 
	line-height:1.3em;
}

.leftBox ul li a:hover, .middleBox ul li a:hover, .rightBox ul li a:hover {
	color:#f49330;
}

.leftBox ul li ul li a, .middleBox ul li ul li a , .rightBox ul li ul li a  {
	padding-left:15px; 
	background:url(images/level.gif) 0px 0px no-repeat;
}

.leftBox ul li ul li ul li a, .middleBox ul li ul li ul li a, .rightBox ul li ul li ul li a {
	padding-left:30px; 
	background:url(images/level.gif) 15px 0px no-repeat;
}



/*********************************************************
 Secondary Content (Soc Network Icons) --- NOT BEING USED
**********************************************************/

ul.socialIcons li {
	float:left;
}

ul.socialIcons li a {
	width:18px; height:18px; 
	display:block; 
	padding:0px; 
	margin-right:2px;
}

ul.socialIcons li.twitter a {
	background:url(images/twitterB.png) no-repeat;
}

ul.socialIcons li.twitter a:hover {
	background:url(
	images/twitter.png) no-repeat;
}

ul.socialIcons li.facebook a {
	background:url(images/facebookB.png) no-repeat;
}

ul.socialIcons li.facebook a:hover {
	background:url(images/facebook.png) no-repeat;
}

ul.socialIcons li.technorati a {
	background:url(images/technoratiB.png) no-repeat;
}

ul.socialIcons li.technorati a:hover {
	background:url(images/technorati.png) no-repeat;
}

ul.socialIcons li.delicious a {
	background:url(images/deliciousB.png) no-repeat;
}

ul.socialIcons li.delicious a:hover {
	background:url(images/delicious.png) no-repeat;
}

ul.socialIcons li.flickr a {
	background:url(images/flickrB.png) no-repeat;
}

ul.socialIcons li.flickr a:hover {
	background:url(images/flickr.png) no-repeat;
}

ul.socialIcons li.youtube a {
	background:url(images/youtubeB.png) no-repeat;
}

ul.socialIcons li.youtube a:hover{
	background:url(images/youtube.png) no-repeat;
}

ul.socialIcons li.rss a {
	background:url(images/rssB.png) no-repeat;
}

ul.socialIcons li.rss a:hover {
	background:url(images/rss.png) no-repeat;
}



/**************************************************
Footer
***************************************************/

.footerNavigation {
	width:400px; float:left;
}	

.footerNavigation ul {
	font-size:10px;
	text-transform:uppercase;
}	

.footerNavigation ul li {
	float:left;
}	

.footerNavigation ul li a { 
	color:#999; 
	text-decoration:none;
	display:block ;
	padding-right:5px;
	padding-left:5px;
}		

.footerNavigation ul li a:hover {
	color:#000; 
	text-decoration:none; 
	background-color:#f49330;
}

.footerNavigation ul li a.currentPage {
	color:#000;
	text-decoration:none;
	background-color:#f49330;
}		

.notes {
	float:right;
	 color:#fff;
}	



/**************************************************
Contact Form (Contact Form / Blog Pages)
***************************************************/

#formcontainer { 
	width:100%; overflow:hidden; 
	position:relative; 
	padding:0px; 
	margin:0px;
}	

#commentForm label {
}

#commentForm input {
}

#commentForm label.error , #blogCommentForm label.error{
	color:#000; 
	padding-left: 30px; 
	font-size:10px;
	text-transform:uppercase }

.item {
	float:left; }		

.nameLabels {
	font-size:10px;
	text-transform:uppercase;
}

.itemRow {
	position:relative; overflow:hidden; margin-bottom:10px; }	

.formElement, .text-area-element {
	background-image:url(images/gray_pattern.gif); 
	color:#fff; 
	padding:8px 8px 10px 8px; 
	margin-top:5px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; border:0}

.formElement { 
	width:250px }

.text-area-element { 
	width:100%}	



/**************************************************
Mail Acknowledgment
***************************************************/

#mail_success, #mail_fail {
	display:none;
}

#mail_success, #mail_success_no_JS {
	color:#000; 
	background:url(images/orange_pattern.gif); 
	padding:25px 30px;
}	

#mail_success h2, #mail_success_no_JS h2 { 
	color:#000; 
	margin-bottom:5px;
}	

#mail_fail, #mail_fail_no_JS {
	color:#fff; 
	background:url(images/body_bg.gif); 
	padding:25px 30px;
}	

#mail_fail h2, #mail_fail_no_JS h2 { 
	color:#f49330; 
	margin-bottom:5px;
}		

#mail_fail a, #mail_fail_no_JS a {
	color:#f49330; 
	text-decoration:none;
} 

#mail_fail a:hover, #mail_fail_no_JS a:hover {
	text-decoration:underline;
} 



/**************************************************
Miscellaneous
***************************************************/

.divider { border-bottom:1px solid #e6e6e6;
	margin0px 0px 0px 0px; }

.clearf { 
	clear:
	both; height:1%; 
	margin:0px; 
	padding:0px; 
	font-size:1px;
}	

.submitButton { 
	background-color:#000; 
	border:none; 
	border-style:none; 
	padding:6px; 
	font-family:Arial, Helvetica, sans-serif; 
	outline:none; 
	outline-style:none; 
	font-size:10px; 
	text-transform:uppercase; 
	color:#fff;
	 cursor:pointer;
}

.imgleft {
	float:left; 
	margin:0px;
}

hr {
	border:0; background-color:#e6e6e6; 
	height:1px; 
	color:#e6e6e6;
}

.info {
	background-color:#fafafa; 
	border-top:1px solid #e6e6e6; 
	border-bottom:1px solid #e6e6e6; 
	padding:4px 0px; 
	font-size:11px; 
	color:#333; 
	margin:20px 0px 10px;
}