/*
	Project			: Fakir S. Ayazuddin
	Description		: Political Analyst - Columnist - Articles.
	Author			: Zeeshan Yousuf
	Author email		: zee_yousuf@yahoo.com
	Version: b1.0
*/
@import url("reset.css");@import url("fakir86080.css");@import url("fa_search.css");
body {height:100%;width:100%;margin:0; padding:0;font-family:Palatino Linotype;font-size: 12px;overflow:hidden;}
h1,h2,h3,h4,h5{font-weight:normal;}
h1{font-size:30px;margin:0; padding:20px 30px;color:#343434; font-style:italic; background:url(../img/intro.png) repeat-x top;}
h2{font-size:40px;line-height:80%; margin-bottom:5px;;color:#666; font-style:italic;}
h3{font-size:20px;line-height:150%;}
h4{font-size:17px;line-height:150%;}
h5{color:#999;font-size:10px;letter-spacing:3px;text-transform:uppercase;padding-bottom:5px;margin-bottom:15px;border-bottom:1px dashed rgba(255,255,255,0.075);}
h6{color:#E83F05;font-size:12px;letter-spacing:3px;text-transform:uppercase;font-weight:normal;}
a, a:link {text-decoration: none; color: #006699;}	
a:hover {color: #192F3E;-moz-transition: color 0.3s ease-in-out;-webkit-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out;transition: color 0.3s ease-in-out;cursor: pointer;}
/*hr*/.hr {width: 100%;clear: both;height: 10px;background-image: url('../img/horizontal_ruler.png');background-position: top center;background-repeat: no-repeat;margin:0 auto 25px auto;}
/*Spacer Lines*/.space20h{width:100%; height:20px; clear:both; background:#eee url('../img/intro_trim.png') repeat;}
.space10h{width:100%; height:10px; clear:both; background:#eee url('../img/intro_trim.png') repeat;}
.space5h{width:100%; height:5px; margin:30px 0; clear:both; background:#192F3E url('../img/intro_trim.png') repeat;}
#bgimg {position:absolute;z-index: -1;}
/*Links-Buttons&Fonts*/.jfontsize-button {font-weight: bold;padding: 3px;color: #000;border: solid 1px #ccc;}
.jfontsize-button:hover {text-decoration: none;background: #333;color: #fff;border: solid 1px #333;}
.jfontsize-disabled, .jfontsize-disabled:hover {color: #aaa;border: solid 1px #eee;  background: #eee;}
.some-class-name {margin: 20px 0 0 0;}
.jfontsize img{margin:0; padding:0;}
/*custom*/#wrapper {width:940px; margin:50px auto; padding:0;}
#content{padding:0;font-size:12px;text-align:left;margin-left:230px;background: #fff;overflow:hidden;position:relative;clear:both;-webkit-border-radius:6px;-webkit-border-top-left-radius:0;-moz-border-radius:6px;-moz-border-radius-topleft:0;border-radius:6px;border-top-left-radius:0;}
#leftContent {width:230px; margin-bottom:30px;font-size: 13px; text-align: left; background:#007CC3 url('../img/bg_left_side.png') repeat; position:absolute; top:50px;border-bottom:10px solid #E83F05;-webkit-border-top-left-radius:6px;-webkit-border-bottom-left-radius:6px;-moz-border-radius-topleft: 6px;-moz-border-radius-bottomleft:6px;border-top-left-radius: 6px;border-bottom-left-radius:6px;}
#logo{width:200px; height:auto; text-align: center;margin:0 auto 0px auto;padding:30px 0 25px 0;background-image: url('../img/sidebar-hsep.png');background-repeat: no-repeat;background-position: bottom center;background-color: transparent;}
#search{width:208px; margin:25px auto 30px auto;}
/*** Menu ***/#menu {width:215px;float: right;font-family:Palatino Linotype; letter-spacing:1px;}
#menu li {line-height:30px;display: block;;text-decoration: none;color: #fff;}
#menu li a {margin-top:1px;padding:0 15px;font-size: 14px;font-weight: normal;display: block;color: #ffffff;}
#menu .current ul li a {font-size: 14px;font-weight: normal;display: block;color: #fff;background:#192F3E url('../img/bg_left_side.png') repeat;}
#menu li a:hover {background:#E83F05;color:#fff;-webkit-border-top-left-radius:6px;-webkit-border-bottom-left-radius:6px;-moz-border-radius-topleft:6px;-moz-border-radius-bottomleft:6px;border-top-left-radius:6px;border-bottom-left-radius:6px;}
#menu  .current a {background-color:#fff;color:#233B4C;-webkit-border-top-left-radius:6px;-webkit-border-bottom-left-radius:6px;-moz-border-radius-topleft:6px;-moz-border-radius-bottomleft:6px;border-top-left-radius:6px;border-bottom-left-radius:6px;} 
#menu li ul{display: none; background:transparent;}
#menu li ul li{padding-left:15px;  background:transparent;}
#menu li ul li a {font-size: 14px; background:#192F3E;-webkit-border-top-left-radius:6px;-webkit-border-bottom-left-radius:6px;-moz-border-radius-topleft:6px;-moz-border-radius-bottomleft:6px;border-top-left-radius:6px;border-bottom-left-radius:6px;}
#menu li ul li a:hover{color: #E83F05;background:#192F3E url('../img/bg_left_side.png') repeat;}
#menu li:hover{}
#menu li ul li .active a {background-color:#fff;color:#233B4C;-webkit-border-top-left-radius:6px;-webkit-border-bottom-left-radius:6px;-moz-border-radius-topleft:6px;-moz-border-radius-bottomleft:6px;border-top-left-radius:6px;border-bottom-left-radius:6px;}
/*** Social Links ***/#socialLinks{width:215px;min-width:215px;margin:10px 0px 30px 0;padding-top:10px;float:right;}					
#socialLinks span.title{color:#fff;font-size:13px;float:left;margin:1px 0px 0px 0;}
span.facebook, span.twitter, span.mail {width:24px;height:24px;margin:0 3px 0 0;display:block;float:right;}
span.facebook a, span.twitter a, span.mail a {width:24px;height:24px;display:block;background:#c44a14;}
span.facebook a {background:#343434 url(../img/facebook_icon.png)center no-repeat;-webkit-border-radius:6em; -moz-border-radius:6em;}
span.twitter a {background:#343434 url(../img/twitter_icon.png) center no-repeat;-webkit-border-radius:6em; -moz-border-radius:6em;}
span.mail a {background:#343434 url(../img/mail_icon.png) center no-repeat;-webkit-border-radius:6em; -moz-border-radius:6em;}
span.facebook a:hover{background-color:#3F5FA0;}
span.twitter a:hover{background-color:#35BBBE;}
span.mail a:hover {background-color:#C0447A;}
span.mail { margin-right: 15px;}
span.fbLike { float: left;} span a {} span a:hover {}
.slSp{width:200px; height:1px; margin:0 auto; padding-top:40px; clear:both; border-bottom:1px dotted #048FDF}
/*Beardcrumb*/.breadcrumb{width:100%;font-size:12px;clear:both;
margin:7px 30px 30px 20px;color:#555;}	
.breadcrumb a{padding:0; margin:0 5px; font-style:italic;color:#555;}
.breadcrumb a:hover{text-decoration:none;color:#24292D;}
/*Header*/#headerShell {width:710px; height:400px; float:right; margin:0; padding:0; background:#fff url(../img/header_img.jpg) no-repeat right;-webkit-border-top-right-radius:6px;-moz-border-radius-topright:6px;border-top-right-radius:6px;}
#headerShell span.textSec{width:400px; line-height:40px; float:left; margin:80px 0;}
#headerShell span.t1{font-size:48px;  margin:20px ; color:#E83F05;}
#headerShell span.t2{font-size:30px; margin-left:63px ; color:#007CC3;}
#headerShell span.t3{width:220px; font-size:16px; font-style:italic; float:left; margin-top:30px; color:#24292D;}
#headerShell span.t4{width:500px;line-height:1.4;font-size:16px; font-style:italic; float:left; margin:50px 0 10px 0; padding:10px 20px; color:#000;filter: alpha(opacity=8);-moz-opacity: 0.8;-khtml-opacity: 0.8;opacity: 0.8; background:#ADE0F9;-webkit-border-top-right-radius: 6px;-webkit-border-bottom-right-radius:6px;-moz-border-radius-topright:6px;-moz-border-radius-bottomright:6px;border-top-right-radius:6px;border-bottom-right-radius:6px;}
#headerShell .button a{padding:7px;font-size:10px; margin:15px; text-transform:uppercase; letter-spacing:1px; clear:both; background: #007CC3;color: #fff;cursor: pointer;text-decoration:none;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
#headerShell .button a:hover{background: #E83F05;}
/*homepage Global Setting*/#fa_post{margin:0; padding:0; text-align:justify;}
#fa_post_inner{padding:25px 30px;}
#fa_post .title{width:400px;font-size:20px;font-weight:bold; color:#007CC3; text-transform:uppercase;}
#fa_post .time {width:100%; color:#233B4C; height:15px; min-height:15px;text-align: left;font-size:12px;color:#E83F05;letter-spacing:1px;}
#fa_post p{font-size:15px; color:#192F3E;background:#EAF5FB; padding:10px 15px; margin:15px 0}
#fa_post .button a {padding:7px;font-size:10px; text-transform:uppercase; letter-spacing:1px;display: inline; float:right; clear:both; margin-bottom:15px;background: #007CC3;color: #fff;cursor: pointer;webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
#fa_post .button a:hover {background-color: #E83F05;}
/*Books*/.book{margin:0; padding:0;}
.book_inner{padding:25px 30px;}
.book img {width:150px; height:180px; padding:0;}
.book .left {width:190px; margin:0 0 30px 10px; float:left; backg round:#333;}
.book .right {margin-left:-190px;}
.book .name{font-size:24px; letter-spacing:1px;color:#9c0000; margin-bottom:10px;}
.book .text {font-size:15px;}
.book .price {font-size:20px; color:#000;float:left; margin:20px 10px; padding:3px 90px 2px 0px; border-right:2px solid #eee;}
.book .button a{padding:7px;font-size:10px; text-transform:uppercase; letter-spacing:1px;display: inline; float:right; margin:23px 0 0 70px;;background: #007CC3;color: #fff;cursor: pointer;webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
.book .button a:hover {background: #E83F05;}
/*Gallery*/#gallery{margin:0;padding:0;}
#gallery_inner{padding:25px 30px; }
#gallery ul{list-style-type:none;}
#gallery li{width: 179px;height: 129px;float: left;padding-left: 4px;padding-top: 4px;margin: 10px 15px 30px 15px;border:1px #ddd solid; background:#eee;
box-shadow: -1px 0px 14px rgba(0, 0, 0, 0.35);-moz-box-shadow: -1px 0px 14px rgba(0, 0, 0, 0.35);
-webkit-box-shadow: -1px 0px 14px rgba(0, 0, 0, 0.35)}
#gallery li img {float: left;width: 175px;height: 125px;}
/* Photo Gallery */#fa_gallery{margin:0;padding:25px 30px; text-align:justify;}
.galleries { margin:0 auto 0 25px; width: 640px;}
.galleries li  {width: 279px;height: 129px;float: left;padding-left: 4px;padding-top: 4px;margin-right: 30px;margin-bottom: 35px;border:1px #ddd solid; background:#eee;box-shadow: -1px 0px 14px rgba(0, 0, 0, 0.35);-moz-box-shadow: -1px 0px 14px rgba(0, 0, 0, 0.35);
-webkit-box-shadow: -1px 0px 14px rgba(0, 0, 0, 0.35)}
.galleries li img {float: left;width: 275px;height: 125px;}
/*Other Pages*/#otherPage{margin:0;padding-bottom:6px; text-align:justify;}
#otherPage_about, #otherPage_biography, #otherPage_books, #otherPage_contact, #otherPage_search{padding:25px 30px;}
#otherPage img{width:250px; height:300px;margin:10px 0 10px 20px;padding:5px;float:right; background:#E7EAEB}
#otherPage .title{ font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;font-size:24px;font-weight:bold;color:#13242F; text-transform:uppercase;}
#otherPage .date{font-size:12px;font-weight:normal; clear:both;}
#otherPage p{font-size:15px; color:#192F3E; padding:0; margin:0}
#otherPage .button {padding:5px 7px;font-size:10px; text-transform:uppercase; letter-spacing:1px;display: inline; float:left; clear:both; margin-bottom:15px;background: #192F3E;color: #fff;cursor: pointer;-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;}
#otherPage .button:hover {background: #24292D;}
/*Articles & Arc*/
#entire_articles_section{padding:25px 30px;}
#entire_articles_section .title{width:100%; font-family:Palatino Linotype;font-size:28px;font-weight:bold;color:#13242F; text-transform:uppercase;}
#entire_articles_section p{font-size:15px; color:#192F3E; padding:0; margin:0; text-align:justify;}
#entire_articles_section .time {width:100%; height:20px; min-height:20px; padding:0px;color:#E83F05;font-size:12px;letter-spacing:.1em; clear:both;}
/*Articles Tools*/#toolshell{ height:25px; margin:15px 0 20px 0; padding:0px 10px 0 0; bac kground:#fafafa;}
#toolshell .font{float:right; padding-left:5px;line-height:25px;}
#toolshell .socialMediaPlugin{width:400px;line-height:25px;float:left; padding:0;}
.list {width:595px; margin:0 auto; padding:0 20px;}
.article_list{counter-reset:my-badass-counter;}
.article_list dt{position:relative;background:#fcfcfc url('../img/pattern_008.png') repeat;font:bold 20px Palatino Linotype;padding:6px 15px 3px 65px;}
.article_list dt:before{content:counter(my-badass-counter);counter-increment:my-badass-counter;position:absolute;color:#ccc;left:15px;top:5px;font:italic 36px/1 Palatino Linotype;}
.article_list dd{letter-spacing:1px;margin:0 0 20px 0;background:#fcfcfc url('../img/pattern_008.png') repeat;}			.article_list dd{color:#E83F05;padding:0 0 0 65px;padding-bottom:10px;}
.article_list .time {width:100%; height:20px; min-height:20px; padding:0px;text-align: left;font-size:12px;letter-spacing:.1em;}
.article_list a{color:#24292D;}
.article_list a:hover{color:#007CC3;}
/*Articles list*/#articles-view{width:620px;list-style:none;font-family:arial;font-size:11px;margin:auto;padding:0;}
#articles-view li {margin:0 auto 30px auto;padding:6px 10px;position:relative;cursor:pointer;background:#f8f8f8;}
#articles-view h3 {margin:0;font-size:18px;border-bottom:1px solid #ccc;}
#articles-view span {position:absolute;right:15px; top:0;color:#ccc;font-size:13px;}
#articles-view .articles-list {margin:5px 0;display:none; border:none;}   
.articles {counter-reset: my-badass-counter; padding:0px 20px;}
.articles dt {position: relative; margin-top:20px;font: bold 16px Georgia;paddi ng: 0px 0 10px 0; color:#999}
.articles dt:before {content: counter(my-badass-counter);counter-increment: my-badass-counter;position: absolute;left: 0;top: 3px;font: bold 14px Sans-Serif;}
.articles dd {margin: 0 0 20px 0;float:right;}	
.articles dt, .articles dd {padding-left: 30px;}
/*Sitemap*/map#sitemap{display:block;margin:0 30px 10px 20px;padding:8px 12px;}
map#sitemap > dl{color:#000; margin:0;}
map#sitemap > dl > dt{ padding:2px 10px; margin:5px 0;font-size:14px;background:#f4fafe}
map#sitemap > dl > dd{padding:2px 10px; color:#555;font-size:13px; margin:0 0 5px 20px;background:#fafafa}
/*Footer*/#footer {width: 680px; height: 35px;background:#007CC3 url('../img/bg_left_side.png') repeat; float:right; clear: both; text-align:right;line-height:35px; padding:0 15px;color:#fff;-webkit-border-bottom-right-radius:6px;-webkit-border-bottom-left-radius:6px;-moz-border-radius-bottomright: 6px;-moz-border-radius-bottomleft:6px;border-bottom-right-radius: 6px;border-bottom-left-radius: 6px;}
#footer .copyright {width:230px; height:35px; float:left;line-height:35px; color:#fff; text-align:left; font-size:12px;}
#footer .nav{width:425px; float:right;font-size:12px;}
#footer .nav a{color:#FFFFFF; padding:0 3px;}
#footer .nav a:hover{color:#FF3300;}