/*
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 }	
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:#ff9900; text-decoration:underline; border:none; outline:none }
a:hover {color:#000;text-decoration:none}		
.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;}		
.sideBar { float:right; width:220px}
.secondaryContent {position:relative; overflow:hidden; margin:50px 0px 30px 0px}
.leftBox {float:left; width:210px; padding-left:40px}
.middleBox {float:left; width:210px; margin-left:50px}
.rightBox { float:right; width:180px; padding-right:40px}
.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:#ff9900;}
.blogDesc {width:auto; float:left; margin:15px 0px 0px 0px; padding:0px}
.logo { float:left; margin:6px 0px 0px; margin-top: -35px; 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 AND 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:#ff9900}	
.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; background:url(images/black_trans.png); 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; background:url(images/black_trans.png); 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 0px 10px 40px; font-size:12px}
.main_content p {margin-top:15px} 
.main_content p.preview {margin-top:5px; font-size:11px; font-style:italic; color:#333}
.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}
ul.vertical {margin-bottom:15px; }
ul.vertical li {margin-left:15px; padding-left:15px; background:url(images/orange_bullet.gif) left center no-repeat;position:relative; font-size:12px}
.white {color:#fff;}
.orang {color:#ff9900}
.entry {margin:0; padding:0; position:relative; overflow:hidden; zoom:1}

/*-------------------- PRIMARY CONTENT (PORTFOLIO) --------------------*/
.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 #fff}

/*-------------------- PRIMARY CONTENT (PORTFOLIO / 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:#000; 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}
.alignright {float:right}
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:#000; 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:#fff}
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:#000}
.userName {color:#ff9900}
.userName a {color:#ff9900; 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 p {padding-top:10px}
.sidebar_cnt, .textwidget {padding:0px 40px 10px 20px; font-size:11px}

ul.listOrange li a, ul.sidebar_acc ul li a {padding:8px 40px 8px 20px;color:#000; display:block; text-decoration:none; font-size:11px; line-height:1.3em; border-bottom:1px solid #e6e6e6}
ul.sidebar_acc ul li a:hover {color:#fff; background-color:#000; text-decoration:none}
ul.sidebar_acc ul.listOrange li a:hover {color:#000; background-color:#ff9900; 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}
.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:11px; 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:#ff9900}
.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 (SOCIAL NETWORKING ICONS) --------------------*/
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.vimeo a {background:url(images/vimeoB.png) no-repeat}
ul.socialIcons li.vimeo a:hover{background:url(images/vimeo.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 SECTION --------------------*/
.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:#ff9900; }
.footerNavigation ul li a.currentPage { color:#000; text-decoration:none;background-color:#ff9900; }		
.notes { float:right; color:#fff }	

/*-------------------- CONTACT FORM (For contact and 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:#ff9900; margin-bottom:5px; }		

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

/*-------------------- MISC --------------------*/		
.divider { border-bottom:1px solid #e6e6e6; margin:0px 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}