@charset "utf-8";

/* ...................................................... Reseting CSS ...................................................... */

body, h1, h2, h3, h4, h5, h6, p, ul, li, ol, form, small, label, cite, td {
padding: 0;
margin: 0;
font-size: 12px;
font-weight: normal;
font-family:Arial, Helvetica, sans-serif;
}

ul {
list-style:none;
}

a {
text-decoration:none;
color:#007DC5;
outline:none;
}

a:hover {
text-decoration:underline;
}

img {
	border:none;
}

/* ...................................................... Layout Starts ...................................................... */

#header {
background:#000000;
}

#headercontainer {
background:#000000 url(../images/topbg.jpg) top center;
height:96px;
margin:auto;
padding:0 10px;
width:960px;
}

#logo {
float:left;
margin:10px 0 0;
}

#logo a {
background:transparent url(../images/logo.png) repeat scroll 0 0;
padding:32px 71px;
display:block;
}

#banner {
background:#000 url(../images/bannerbg.jpg) center;
height:535px;
}

.headerright {
float:right;
width:700px;
text-align:right;
}

#topnav {
float:right;
height:32px;
margin:10px 0;
}

#subnav {
float:right;
margin:7px 0 0;
text-align:right;
}

/* SEARCH Starts */

#search2 {
background:#FFFFFF none repeat scroll 0 0;
color:#CCCCCC;
float:right;
padding:0 2px 0 0;
}

#search2 input {
border:none;
}

#search2 #s {
color:#4D4D4D;
font-size:12px;
margin:2px 0 0 2px;
padding:4px 5px 5px;
width:178px;
}

/* Home Page Banner Starts */

ul.gallery {
margin:0 auto;
width:960px;
}

ul.gallery li {
display:inline;
float:left;
padding:0;
}

ul.gallery li a.thumb {
cursor:pointer;
height:179px;
width:240px;
}

ul.gallery li span {
display:block;
height:179px;
overflow:hidden;
width:241px;
}

ul.gallery li a.thumb:hover {
background: #333;
}

ul.gallery li h2 {
font-size: 1em;
font-weight: normal;
text-transform: uppercase;
margin: 0; padding: 10px;
background: #f0f0f0;
border-top: 1px solid #fff;
}

ul.gallery li a {text-decoration: none; color: #777; display: block;}


/* ...................................................... Facebox Starts ...................................................... */

.bannerhead {
height:175px;
width:750px;
background:#000;
}

#facebox h3 {
color:#FFF;
}

#facebox p {
color:#b0b0b0;
font-size:16px;
}

.bannercontent {
background:transparent url(../images/comas.png) no-repeat scroll left top;
margin:20px 0;
padding:10px 55px 20px 125px;
min-height:200px;
}

/* ...................................................... Banners Starts ...................................................... */

.banners {
border-bottom:3px solid #000000;
height:250px;
}

.barticles { background:url(../images/bgarticles.jpg) no-repeat;}
.bsupporters { background:url(../images/bgsupporter.jpg) no-repeat;}
.bevents { background:url(../images/bgevent.jpg) no-repeat;}
.bdownloads { background:url(../images/bgdownloads.jpg) no-repeat;}
.bnews { background:url(../images/bgnews.jpg) no-repeat;}
.bsurvey { background:url(../images/bgsurvey.jpg) no-repeat;}
.babout { background:url(../images/bgabout.jpg) no-repeat;}
.bsign { background:url(../images/bgsign.jpg) no-repeat center;}
.bfacts { background:url(../images/bgfacts.jpg) no-repeat center;}

.petbanner {
background:transparent url(../images/petbanner.jpg) no-repeat scroll center top;
height:488px;
padding:92px 0 0;
}

.petbanner .posts {
background:#000000 none repeat scroll 0 0;
border:medium none;
height:412px;
margin:auto;
width:720px;
}
	

/* Content Starts */

.urdutypo {
background:url(../images/urdu.jpg) top center no-repeat #000;
height:210px;
}

.facts {
float:left;
margin:0 20px 0 0;
width:300px;
}

/* Footer Starts */

#footer {
background:transparent url(../images/footerbg.jpg) no-repeat scroll center top;
height:279px;
padding:15px 30px;
}

#copyright {
background:#000000 none repeat scroll 0 0;
padding:35px 30px;
}

#copyright a {
color:#FFFFFF;
text-transform:capitalize;
}

#copyright p {
color:#666;}

.cleft {
float:left;
}

.cright {
float:right;
width:285px;
text-align:right;
}

.footercontainer {
width:930px;
margin:auto;
padding:0 10px;
}

.f1 {
float:left;
margin:0 15px 0 0;
width:220px;
}

.f2 {
width:220px;
float:left;
}

.twitter  {
background:transparent url(../images/twitter.png) no-repeat scroll center top;
color:#FFFFFF;
height:178px;
margin:15px 0 0;
padding:15px 20px 0;
}

.surveyf {
background:transparent url(../images/surveyfbg.png) no-repeat scroll left center;
height:167px;
padding:5px 20px 0 70px;
}

.quotef  { 
background:transparent url(../images/quotef.png) no-repeat scroll 0 0;
height:227px;
padding:1px 20px 0 60px;
}

#footer h4 {
color:#fbad17;
}

#footer p {
color:#FFFFFF;
font-size:14px;
margin:15px 0;
}

#footer a {
color:#AFCAE2;

text-transform:uppercase;
}

.nudge {
	background:transparent url(../images/arrow.png) no-repeat scroll left center;
	padding:0 0 0 15px;
}

.twitter a {
background:none !important ;
padding:0 !important ;
text-transform:none !important ;
}

#footer a:hover {
color:#00aeef;
}

#footer ul li {
float:left;
margin:0 15px 0 0;
font-weight:bold;
text-transform:uppercase;
}

/* Events Starts */
.counter {
width:300px;
float:right;
margin:52px 0 0 0;
}

.upcoming {
border-bottom:2px solid #CECECE;
float:left;
margin:0 20px 20px 0;
width:624px;
}

.futureevents {
float:left;
margin:0 20px 20px 0;
width:624px;
}

.futureevents .posts {
float:left;
margin:0 8px 0 0;
width:300px;
border:none;
}

.eventdate {
background:#f4a712 none repeat scroll 0 0;
float:left;
height:120px;
padding:10px 0 0 10px;
width:80px;
}

.eventdetail {
background:#00AEEF none repeat scroll 0 0;
float:left;
height:110px;
padding:10px;
width:190px;
}

.eventdetail a, #supporters h4 {
color:#FFF;
}

div.eventdetail:hover {
background:#0aa2da;
cursor:pointer;}

.day {
font-size:35px !important;
}

.eventdate ul li {
color:#FFF;
font-size:16px;
}

.eventdetail p {
color:#FFF !important;
line-height:normal !important;
font-size:14px !important;
}

.upcoming .posts {
border:none;
}

#map {
width:951px;
height:534px;
background:url(../images/map.jpg) no-repeat;
}

/* ...................................................... Typography Starts ...................................................... */

/* Paragraph Starts */

p {
color:#333333;
}

small {
font-size:11px;
color:#999999;
}

/* Headings Starts */

h2 {
border-bottom:2px solid #CECECE;
color:#666666;
font-family:Arial,Helvetica,sans-serif;
font-size:48px;
font-weight:bold;
margin:0 0 10px;
padding:0 0 5px;
text-transform:uppercase;
}

h3 {
font-weight:bold;
font-family:Arial,Helvetica,sans-serif;
font-size:24px;
margin:0 0 5px;
text-transform:uppercase;
color:#666666;
}

h4 {
font-size:16px;
margin:0 0 5px;
text-transform:uppercase;
color:#6a6a6a;
font-weight:bold;
}

h5 {
font-size:14px;
margin:0 0 5px;
text-transform:capitalize;
color:#6a6a6a;
font-weight:bold;
}

/* Sidebat Starts */

.news h2, .sidenews h2 {
background:#00aeef;
font-size:18px;
padding:5px 10px;
color:#FFF;
border:none;
}

.events h2, .sideevents h2 {
background:#faad19;
font-size:18px;
padding:5px 10px;
color:#FFF;
border:none;
}

.events p, .news p, .sidenews p, .sideevents p {
font-size:14px;
}

.sidenews, .sideevents {
margin:15px 0 0 0;
}

.events a:hover, .news a:hover, .sidenews a:hover, .sideevents a:hover {
text-decoration:underline;
}

.postsevents a {
color:#fbad17;
}

.more-blue {
background:#00aeef;
color:#FFF;
padding:5px 10px;
text-transform:uppercase;
font-weight:bold;
}

.more-green {
background:#faad19;
color:#FFF;
padding:5px 10px;
text-transform:uppercase;
font-weight:bold;
}

/* Extra Starts */

.orange {
color:#cc9900;
}

.about h4 {
font-size:18px;
margin:0 0 5px;
text-transform:none !important;
color:#6a6a6a;
font-weight:bold;
line-height:25px;
}

.about h3 {
color:#FBAD17 ;
font-family:Arial,Helvetica,sans-serif;
font-size:16px;
margin:0 0 5px;
text-transform:capitalize;
font-weight:bold;
}

.about p {
color:#333333;
line-height:normal !important;
margin:0 0 10px;
}

#map h2 {
color:#66952E;
font-family:Arial,Helvetica,sans-serif;
font-size:24px;
margin:0 0 10px;
text-transform:uppercase;
}

#map address {
font-size:11px;
font-style:normal;
color:#999999;
}

/* ...................................................... Content Starts ...................................................... */

#content {
margin:0 auto 20px;
min-height:270px;
padding:20px 0 20px 0;
width:960px;
}

#container {
background:url(../images/contentbg.jpg) repeat-x top;
}

.hometext {
float:left;
margin:0 20px 0 0;
width:300px;
}

#maincontent {
float:left;
margin:0 20px 0 0;
}

.wide {
width:100%;
}

.narrow {
width:628px;
}

.eventnarrow {
width:619px;
float:left;
margin:0 20px 0 0;
}

.articles {
margin:0 0 30px 0;
}

.articles2 .posts {
border:none;
clear:both;
}

.eventpic {
margin:0 0 20px -3px;
}

#maincontent p {
line-height:20px;
margin:0 0 15px;
color:#333333;
}

.articles .posts {
border-bottom:2px solid #CECECE;
margin:0 0 15px;
padding:0 0 5px;
}

.date {
color:#f4a712;
}

#sidebar {
width:312px;
float:left;
}

#sidebar li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 10px;
}

#eventsidebar {
width:312px;
float:left;
}

.posts {
border-bottom:1px solid #ccc;
padding:4px 2px;
}

.postsevents {
border-bottom:1px solid #ccc;
padding:15px 2px;
}

.postsnews {
border-bottom:1px solid #ccc;
padding:15px 2px;
}

.postright {
float:left;
text-align:left;
width:225px;
}

.date2 {
background-color:#faad19;
float:left;
height:52px;
margin-right:10px;
padding:5px;
text-align:center;
width:50px;
}

.date2 p {
color:#FFF;
margin:0;
}

p.month, p.year {
font-size:11px;
margin:0;
}

p.number {
color:#FFFFFF;
font-size:18px;
margin:0;}

/* Breadcrumbs */

.breadcrumbs {
color:#666666;
display:inline-block;
font-size:11px;
margin:0 0 5px 0;
}

.breadcrumbs a {
text-decoration:underline;
}

.breadcrumbs p {
margin:0 !important;
}

.surveyqc {
width:300px;
height:160px;
margin:0 0 20px 0;
background:#00aeef;
float:left;
}

.question {
padding:20px;
text-transform:none;
height:80px;
}

.question p {
color:#fff !important;
font-size:16px;
margin:0 !important;
font-weight:bold;
}

.surveyqc ul li {
float:left;
}

.surveyqc ul li a {
background:#BABABA none repeat scroll 0 0;
color:#FFFFFF;
display:block;
font-size:30px;
font-weight:bold;
padding:2px 51px;
}

.surveyqc ul li a:hover {
background:#669933;
}

.yes {
background:#BABABA none repeat scroll 0 0;
float:left;
margin:0 1px 0;
padding:2px 0;
width:148px;
}

div.yes:hover {
background:#FBAD17;	
}

.survey-form label {
color:#FFFFFF;
display:block;
float:none;
font-size:30px;
font-weight:bold;
margin:0;
text-align:right;
width:103px;
}

#survey-action-button {
width:300px;
height:160px;
background:#FBAD17 ;
border:none;
float:left;
color:#FFF;
font-size:48px;
text-transform:uppercase;
font-weight:bold;
cursor:pointer;
}

.survey-question, #action-button {
background:#FBAD17 none repeat scroll 0 0;
border:medium none;
color:#FFFFFF;
font-family:arial;
font-size:14px;
font-weight:bold;
margin:10px 0 0;
text-transform:uppercase;
width:150px;
}

form.survey-form {
text-align:left;
}

.multi-question .survey-question {
background:#00AEEF none repeat scroll 0 0;
color:#FFFFFF;
float:left;
font-size:16px;
font-weight:bold;
margin:0 13px 14px 0;
width:300px;
}

.survey-question input {
float:left;
}

.question-content {
margin-top:20px;
}

.survey-form-info label {
color:#666666;
font-size:18px;
font-weight:bold;
line-height:25px;
}

.survey-form-info input {
background:#EEEEEE none repeat scroll 0 0;
border-top:2px solid #AAAAAA;
padding:5px 10px;
width:30%;
}


/* ...................................................... General Starts ...................................................... */

.clear {
clear:both;
}

/* ...................................................... Navigation Starts ...................................................... */

#topnav li {
color:#FFFFFF;
display:block;
float:left;
font-family:Arial;
font-size:17px;
padding:10px 5px;
text-transform:uppercase;
}

#subnav li {
color:#FFFFFF;
display:inline;
font-family:Arial;
font-size:12px;
font-weight:bold;
padding:10px;
text-transform:uppercase;
}

#topnav p {
color:#9e9898;
font-size:11px;
text-transform:none;
padding:6px 0 0 0;
}

#topnav ul li a, #subnav ul li a {
color:#FFFFFF;
padding:5px 0;
text-decoration:none;
}

#topnav a:hover, #subnav a:hover {
color:#00aeef;
}

#topnav li.disable {
color:#9c9c9c;
}

#footer li.disable {
color:#242424;
}

/* ...................................................... Slider Starts ...................................................... */


/* ...................................................... Mail Press Starts ...................................................... */

.newsletterheading, .widgettitle {
background:transparent url(../images/headingnewsletter.jpg) no-repeat scroll 0 0;
height:48px;
text-indent:-99999px;
}

.newsletter {
background:#A3001F none repeat scroll 0 0;
height:184px;
padding:10px;
}

.mp-form p {
margin:0 0 10px;
padding:3px 15px 3px 4px;
}

.mp-form label {
font-size: 12px;
width: 264px;
float: left;
font-weight: bold;
padding: 2px;
}
.mp-form input {
margin: 0 0 15px 6px;
}

li.widget_mailpress {
background:#A3001F none repeat scroll 0 0;
padding:10px !important;
margin:15px 0;
}

.MailPressFormEmail, .MailPressFormName, .MailPressFormSubmit  { margin: 3px 0; }

.MailPressFormSubmit {
background:#fff;
border:none;
margin: 3px 0;
padding:3px 10px;
color:#005ca5;
font-size:16px;
text-transform:capitalize;
}

div.MailPress div.mp-loading, div.MailPress div.mp-message {
color:#FFF;
}

div.MailPress div.mp-loading img {
margin:5px 10px 0 0;
}

/* ...................................................... Downloads Facebox Starts ...................................................... */

.termsfbsmall p {
font-size:10px;
margin:0 0 5px 0;
}

.wallpaperfb {
color:#FFF;
}

.wallpaperfb h3 {
font-size:20px;
color:#FFF;
margin:0 0 20px 0;
padding:0 0 0 10px;
}

.wallpaperfb ul li {
border:1px solid #EEEEEE;
float:left;
height:70px;
margin:5px 2px;
padding:10px;
width:98px;
}

#press p, #wallpapers p {
margin:0 !important;
}

.mediaclips {
margin:0 0 0 0;
}

.documents {
margin:30px 0;
}

.documents ul li {
border-bottom:#cccccc 1px solid;
padding:10px 0 10px 40px;
}

.word {
background:url(../images/word.jpg) no-repeat 0 17px;
}

.pdf {
background:url(../images/pdf.jpg) no-repeat 0 17px;
}

.fileicon { 
width:31px;
float:left;
margin:0 10px 0 0 !important;
height:45px;
}

.doc1 {
border-bottom:#cccccc 1px solid;
padding:10px 0 10px 0;
}

.wallpaperfb ul li:hover {
border:1px solid #00aeef;
}

.wallpaperfb ul li a {
background:transparent url(../images/press.png) no-repeat scroll left center;
color:#18A3EC;
font-size:10px;
padding:5px 0 5px 25px;
}

.wallpaperfb ul li a:hover {
font-size:10px;
color:#007dc5;
}
.wallpaperfb table {
margin:4px 0 0 0;
}
.wallpaperfb p {
margin:0 0 3px 0;
color:#000;
}

/* ...................................................... Petition Starts ...................................................... */

#wrapper2 {
width: 960px;
text-align: left;
}

#navigation ul {
height:34px;
list-style: none;
margin: 0px;
padding: 0px;
}

#navigation li {
float: left;
margin:0 10px 0 0;
font-size:18px;
background:#999999;
}

#navigation ul li a {
color:#FFFFFF;
float:left;
padding:6px 8px;
text-decoration:none;
}

#navigation ul li.selected a, #navigation ul li a:hover {
background:#00aeef url(http://www.ipetitions.com/assets/themes/pen_blue/css/images/active-bg.gif) no-repeat scroll 50% 0pt;
}

#content_wrapper {
background:transparent url(http://www.ipetitions.com/assets/themes/pen_blue/css/images/content-shadow.gif) repeat-x scroll center top;
border:1px solid #E7E7E7;
float:left;
margin:6px 0pt;
padding:20px;
width:587px;
}

#sidebar2 {
float:right;
overflow-x:hidden;
padding:10px;
width:300px;
}

#content2 {
float:left;
overflow-x:hidden;
width:630px;
}

#content_wrapper h2 {
color:#224477;
font-family:Verdana,Tahoma,sans-serif;
font-size:1.2em;
text-transform:uppercase;
margin-bottom: 10px;
}

#content_wrapper p {
font-family:Georgia,Times,serif;
font-size: 13px;
line-height:1.5em;
margin:1px 0px;
text-align:left !important;
}

#questionsForm {
margin: 15px 0;
}

select {
width: 255px;
}

.ctrlHolder {
padding:0px 0px 15px;
clear: both;
}

label {
font-size: 14px;
color:#666666;
}

.questionControl {
float:left;
margin:4px 0 0;
}

label em {
font-weight: bold;
color: red;
}

.questionControl label {
display: block;
float:none !important;
padding:0pt;
width:95% !important;
margin-bottom: 8px;
text-align: left !important;
}

.inlineLabel {
float: none;
width: auto;
text-align: left
}

.inlineLabel em {
color: #333;
font-weight: normal;
}

.inlineLabel input {
margin-left: 0px;
width: auto;
border: 0px !important;
background: none !important;
width: auto !important;
padding: 0px;
}

.checkbox,
.radio {
border: 0px !important;
background: none !important;
width: 20px !important;
display: inline;
}

.submitButton {
background:#223366 url(http://www.ipetitions.com/assets/themes/pen_blue/css/images/content-shadow.gif) repeat-x scroll center bottom;
border:0pt none;
color:#FFFFFF;
cursor:pointer;
font-weight:bold;
padding:2px 2px 8px;
width:140px;
float: right;
}

#success {
padding: 5px;
background: yellow;
}

.errorField {
font-weight: normal;
text-align: right;
font-family:Tahoma,Verdana,sans-serif !important;
color: red;
font-size: 11px !important;
padding-right: 9px;
}

#signatures_list{ background: #efefef; border-top: 1px solid #dfdfdf; width: 565px; position: relative; }
#primary_main #signatures_list li{ margin: 0; padding: 10px; border-bottom: 2px solid #fff; list-style: none; position: relative; }
#signatures_list li:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; }

.sig_num{ position: absolute; top: 13px; right: 10px; display: block; text-align: right; line-height: 100%; display:none; }

.sig_num a:link, .sig_num a:visited, .sig_num a:hover{ color: #555; font-weight: bold; text-decoration: none; padding: 2px; }
.sig_info{}
.anonymous{ color: #777; font-weight: normal; }

.sig_item, .sig_comment{
margin:5px 0 0;
}

.sig_comment:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; }
#signatures_list h3{ float: left; width: 65px; margin: 0; }

#signatures h2{ width: 560px; font-size: 1.3em; margin: 1.3em 0; zoom: 1; background:none; }
#signatures h2:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; }

#signatures h2 .sig_title{ float: left; color: #999}
#signatures h2 .sig_total{ float: right; color: #999; font-weight: normal; font-variant: small-caps; }
#signatures h2 .sig_total strong{ padding: 2px 4px; background: #efefef; color: #777; }


/* Pagination */

p.pagination{padding-bottom:15px; padding-top:15px}
.pagination span.pagination_label{ padding: 0 13px 0 0; color: #999; }
.pagination a:link, .pagination a:visited, .pagination a:hover{ text-decoration: none; }
.pagination a:hover{ text-decoration: underline; }
.pagination a.pagin_first, .pagination span.pagin_first{}
.pagination a.pagin_previous, .pagination span.pagin_previous{}
.pagination a.pagin_next, .pagination span.pagin_next{}
.pagination a.pagin_last, .pagination span.pagin_last{}
.pagination strong{ background: #efefef; }
#blog p.pagination{ border-top: none; margin-top: 0; }

.pagination a, .pagination strong {
font-family:arial;
font-size:11px;
padding:2px 7px;
}

#total {
background:#FBAD17 none repeat scroll 0 0;
padding:10px;
margin:0 0 10px 0;
}

#total p {
margin:0;}

.total {
color:#FFFFFF;
font-size:40px;
margin:0 0 -8px !important;
}

.totalsmall {
font-size:16px;
color:#FFF;
}

.help {
clear:both;
margin:0 0 10px 0 !important;
}

.help a {
background:#FFFFFF none repeat scroll 0 0;
font-size:14px;
padding:5px 10px;
text-transform:uppercase;
font-weight:bold;
}

#sidebar2 h2, #sign h2 {
background:#00aeef none repeat scroll 0 0;
color:#FFFFFF;
font-size:18px;
font-weight:bold;
padding:5px 10px;
text-transform:capitalize;
margin:0 0 5px 0;
border:none;
}

#bookmarks {
border-top:1px solid #CCCCCC;
clear:both;
float:left;
margin:20px 0 0;
padding:10px 0 0;
text-align:left;
width:300px;
}

.petition {
font-size:14px;
color:#666666;
}

.primaryAction {
background:#FBAD17 none repeat scroll 0 0 !important;
border:medium none !important;
color:#FFFFFF !important;
cursor:pointer;
font-size:14px;
font-weight:bold;
margin-left:287px;
padding:5px !important;
text-transform:uppercase;
width:100px !important;
}

.petition input, .petition textarea  {
background:#EEEEEE none repeat scroll 0 0;
border-top:2px solid #AAAAAA;
color:#333333;
font-family:Tahoma;
font-size:1.1em;
margin:2px 0 10px;
padding:2px;
width:288px;
}

#error {
background:#ffece8 none repeat scroll 0 0;
font-size:14px;
padding:20px;
}

#success {
background:#FFFCDF none repeat scroll 0 0;
font-size:14px;
padding:20px;
}

/* ...................................................... Events Starts ...................................................... */

.htabs{	overflow:hidden; }

.htabs h2 a{
font-size:0.917em;
font-weight:bold;
padding: 7px;
color:#d00;
font-family:"museo 700","goodpro-widelight";
}

.htabs h2 a:hover{
color: #000;
}

.htabs {
height:534px;}

.htabs li{
float:left;
margin-top:2px;
padding: 3px 2px 0 0;
overflow:hidden;
}

.htabs li a img {
cursor:pointer !important;
}

.tabs .bullet{
border-right:1px solid #e00;
color:#d00;
font: bold 1em Georgia,"Times New Roman",Times,serif;
margin: 0px 4px 4px 0;
padding-right:4px;
clear:right;
display:block;
float:left;
height:17px;
overflow:hidden;
text-align:right;
width:10px;
}

.bmod .bullet{
background-color:#fff;
margin:-9px 6px 0 -10px;
padding:8px;
}

.tabs{
margin-top:2px;
overflow:hidden;
height:500px;
overflow-y:scroll;
}

.tabs li {
clear:both;
color:#999999;
font-size:14px;
margin:0 0;
padding:5px;
text-transform:uppercase;
font-weight:bold;
}

.tabs li a:hover{
padding-left:1px;
}

.mapnav {
float:left;
width:620px;
}

.mapcontent {
float:right;
padding:20px;
width:290px;
}

.nwfp {
left:245px;
position:relative;
top:60px;
}

.gilgit {
left:280px;
position:relative;
top:70px;
}

.punjab {
left:-109px;
position:relative;
top:200px;
}

.bal {
position:relative;
right:300px;
top:175px;
}

.sindh {
left:230px;
position:relative;
top:207px;
}

.fata {
left:-158px;
position:relative;
top:125px;
}

#tshirts .posts {
border:none;
}

#posters .posts {
border:none;
}

.piclenselink {
display:none;
}

#wallpapers .posts {
float:left;
width:200px;
border:none;
}

#wallpapers ul {
margin:3px 0 0 0;
}

#wallpapers ul li a, #wallpapers ul li {
color:#999999;
font-size:11px;
}

.couterleft {
float:left;
margin:0 20px 0 0;
width:631px;
}

#counterdiv {
background:#01aef0;
height:110px;
}

#counterdiv h3 {
color:#fff;
margin:0 0 5px 10px;
font-size:20px;
padding:8px 0 0 0;
}

.timer {
float:left;
width:73px;
text-transform:uppercase;
text-align:center;
color:#FFF;
}

.colon {
float:left;
width:2px;
text-align:center;
}

.timer p, .colon p {
font-size:40px;
color:#FFF;
}


.ack {
background:#00AEEF url(../images/ackarrow.jpg) no-repeat scroll 260px top;
margin:0 0 10px;
padding:25px;
}

.ack p {
font-size:16px;
color:#FFF;
margin:0 0 10px 0;
}

/* ...................................................... Comments Starts ...................................................... */

#commentsdiv {
border-top:1px solid #EEEEEE;
margin:35px 0 0;
padding:10px 0 0;
width:600px;
}

#commentsdiv label {
	float:none;}

#commentsdiv ol {
background:#EEEEEE none repeat scroll 0 0;
margin:0 0 20px;
padding:5px 10px 5px 32px;
}

.commentlist li {
background:#FFFFFF none repeat scroll 0 0;
font-weight:bold;
margin:10px 0 20px;
padding:10px;
}

.logout {
font-size:11px;
}

#commentform input {
padding: 2px;
margin: 5px 5px 1px 0;
}

#commentform {
margin: 5px 10px 0 0;
width:540px;
}

#commentform textarea {
width: 100%;
padding: 2px;
}

#respond:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
	
#commentform #submit {
	cursor:pointer;
margin: 0 0 5px auto;
background:#00AEEF;
border:none;
padding:5px 10px;
color:#FFF;
}

.commentlist li, #commentform input, #commentform textarea {
margin:0;
}

.commentlist li .avatar { 
float: right;
border: 1px solid #eee;
padding: 2px;
background: #fff;
}

.commentlist cite, .commentlist cite a {
font-style: normal;
font-size: 1.04em;
}

.commentlist p {
font-weight: normal;
line-height: 1.5em;
text-transform: none;
}

#commentform p {
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
margin:0 0 5px 0;
}

.commentmetadata {
font-weight: normal;
font-size:11px;
}

.red {
color:#F00;
}

#wp-email-content {
	text-align:left !important;
}

#wp-email-content form {
	margin:10px 0 0 0;
}

#wp-email-content label {
	width:auto !important;
}

#wp-email-content textarea {
	margin:0 0 15px 0;
}


#wp-email-content em {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	margin:-10px 0 15px 0;
}

.urdu {
	text-align:right;
}

.lang {
	text-align:right;
	float:right;
}

/* ...................................................... Petition Facebox Starts ...................................................... */

.fleft {
width:420px;
float:left;
padding:20px 0 0 0;
}

.fright {
width:300px;
float:left;
}

.fright h4 {
border-bottom:1px solid #666666;
color:#FFFFFF;
font-size:18px;
font-weight:bold;
padding:5px 0;
text-transform:capitalize;
}

#facebox .petition input, #facebox .petition textarea  {
background:#EEEEEE;
border:medium none;
color:#333333;
font-family:Tahoma;
font-size:1.1em;
margin:5px 0 10px;
padding:5px;
width:288px;
}

#facebox .petition {
color:#FFF;
}

.footer a {
clear:both;
background:#343434;
display:block;
padding:15px;
}

/* ...................................................... Supporters Starts ...................................................... */

#supporters .posts {
float:left;
margin:0 8px 10px;
border:none;
}

.cover {
	margin:10px 0;
}

#supporters p {
color:#FFF;
margin:0 0 10px 0;
line-height:normal;
}

#supporters h3 {
text-transform:uppercase;
color:#FFF;
font-weight:bold;
margin:0;
}

.postthumb {
float:left;
margin:0 10px 0 0;
}

.supporterright {
margin:20px 0 0;
padding:15px 0 0;
text-align:right;
}

#banners .project {
background:#00AEEF url(../images/ackarrow.jpg) no-repeat scroll 260px top;
float:left;
overflow:hidden;
padding:0 10px 0;
position:relative;
width:280px;
}

#banners li .hover {
height: 150px;
width: 100%;
z-index: 3;
position: absolute;
top: 0;
left: 0;
}

#banners li .hover .hover-bg {
background:#000000 url(../images/ackarroworange.jpg) no-repeat scroll 260px top;
height:125px;
left:0;
padding:20px 10px 10px;
position:absolute;
top:0;
width:94%;
}

#banners li .hover .hover-bg p {
font-size:14px;
font-style:italic;
}


/* ********************************************************** Jquery tab ************************************************************* */

.tabnav {  
border-bottom:3px solid #b7b7b7;
}  

.tabnav li {  
display: inline;  
list-style: none;
}  
   
.tabnav li a {  
background:#e5e5e5 none repeat scroll 0 0;
color:#666666;
font-family:arial;
font-size:16px;
font-weight:bold;
padding:10px 35px;
text-transform:uppercase;
display:inline-block;
}  

.tabnav li a:hover {  
background:#000;
}  
  
.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a {  
background:#fff url(../images/active-bg.gif) top no-repeat;
text-decoration:none;
}  
  
.tabdiv {  
margin-top:6px;
padding:10px 0;
}  
   
.tabdiv li {
border-bottom:1px solid #C6C6C6;
padding:10px;
min-height:50px;
}  

.tabdiv li:hover {
background:url(../images/tabnavbg.png) repeat-x;
}  
      
.ui-tabs-hide {  
display: none;  
}  

.factcomments {
background:transparent url(../images/comment.png) no-repeat scroll 0 0;
color:#FFFFFF;
float:right;
height:20px;
padding:5px 0 0 10px;
text-align:center;
width:30px;
}

.factcomments a {
	color:#FFF;}

.factleft {
float:left;
width:235px;
}