/*
Theme Name: Ask Bahrain WP Theme
Theme URI: http://www.h2create.com/
Description: Questions & Answers Style Wordpress Theme
Version: 1.0
Author: Primex Team!
Author URI: http://www.polbd.com/
*/

/*------------------------------------------------------*/
/* Reset Styles */
/*------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, img, sub, sup, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, thead, tr, th, td, button {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1;color: #333;background: url(images/page-bg-pattern.png) repeat;padding:0;margin:0;font-family: Arial, Helvetica, sans-serif;font-size:13px;line-height:16px;height:100%;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}

/*------------------------------------------------------*/
/* Link Styles */
/*------------------------------------------------------*/
a {color:#b30909;text-decoration:none;}
a:hover {text-decoration:underline;cursor:pointer;}

/*------------------------------------------------------*/
/* General Styles */
/*------------------------------------------------------*/
.clear {clear: both;}
.right {float:right;overflow:hidden;}
.left {float:left;overflow:hidden;}
input, textarea {border:1px solid #ccc;padding:2px;font-size:14px;color:#777;}
.divider {height:1px;overflow:hidden;background:#ccc;margin:15px 0;}
.divider2 {height:1px;overflow:hidden;border-bottom:1px dashed #ccc;margin:5px 0 15px;}
.buttonDesText {line-height:32px;margin-right:5px;}
.normalText {font-weight:normal;}
.marTop10 {margin:10px 0 0 0;}
.marTop12 {margin-top:12px;}
.marTop15 {margin:15px 0 0 0;}
.asterixRequired {color:#ff0000;}
.cursorNon {cursor:text;}

/*------------------------------------------------------*/
/* Header Styles */
/*------------------------------------------------------*/
#header {background:none;height:121px;}
#headerContent {margin:0 auto;width:980px; }
.header-bg {margin:0 auto;width:990px;}
h1#logoImage {padding:0 0 0 10px;} /* Image Based Logo - Ideal height would be bout 60px */
h1#logoText { float:left; font-size:45px;font-weight:bold;padding:0px 0px 0 15px;line-height:40px;font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;}
h1#logoText a, h1#logoText a:hover {text-decoration:none;color:#3b4c63;text-shadow: 1px 1px #373a41;} /* Text Based Logo */

/* Top Nav */
#topNav {height:50px;margin:70px 0 0 0;display:inline;font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;}
#topNav ul li {display:inline;float:left;  padding:0px 3px 0px 0px;}
#topNav ul li a { display:block;padding:12px 15px 12px 14px;font-weight:bold;font-size:18px;display:block;line-height:18px;}

li#loginTab {background:none !important;}
#topNav ul li a:hover {background: white;
color: black;
border-radius: 5px;
border: 1px solid #CCC;}
#topNav li img {margin:0 7px 0 0;vertical-align:text-top;width:21px;height:21px;}
body#home li#homeTab a, body#login li#loginTab a, body#myaccount li#myaccountTab a, body#about li#aboutTab a, body#signup li#signupTab a {background: #CCC;
color: white;
border-radius: 7px;
border: 1px solid;}
body#home li#homeTab a, body#login li#loginTab a, body#myaccount li#myaccountTab a, body#about li#aboutTab a, body#signup li#signupTab a {color:#fff;text-shadow: 1px 1px #222;}
body li#homeTab {}
#topNav ul li a {color:#333;}
#topNav ul li a:hover {text-decoration:none;}
/*------------------------------------------------------*/
/* Main Styles */
/*------------------------------------------------------*/
#main {min-height:391px;padding-top:20px;}
#mainContent {margin:0 auto;width:980px;}

/*------------------------------------------------------*/
/* Content Styles */
/*------------------------------------------------------*/
#leftCol {width:215px;margin:0 1px 0 5px;}
#centerCol {width:565px;margin:0 7px 0 0;}
#rightCol {width:186px;}

/* Headings */
h2 {font-size:20px;font-weight:bold;color:#333;margin:0 0 8px 4px;border-bottom:1px solid #ccc;padding-bottom:15px;}
#leftCol h3 {font-size: 20px;
font-weight: bold;
color: #858585;
margin-bottom: 15px;}
h3 img {vertical-align:text-top;margin-right:5px;}
h4 {font-family: arial,helvetica,sans-serif;
font-size: 23px;
font-weight: bold;
line-height: 28px;
margin: 3px 0 8px 0;
border-bottom: 1px solid #CCC;
padding-bottom: 8px;
letter-spacing: -1px;}
h2.pageTitle {font-size:27px;color:#fff;margin:0 0 20px;text-shadow: 1px 1px #222;}
h5.answerText {font-size:14px;font-weight:bold;color:#999;border-bottom:1px solid #ccc;padding-bottom:5px;margin-bottom:5px;width:100%;text-align:left;}

/* Main Search */
.searchbox form {border: 1px solid #B9B8B8;
border-radius: 5px;}
.searchbox h2 {border-bottom:none;padding-bottom:0;}
.searchbox input {width:429px;height:22px;border:none;padding:2px 0 2px 8px;font-size:15px;margin:10px 0 10px 5px;}
.searchbox .submitBtn input {width:28px;height:28px;margin:8px 32px 0 0;}

/* Box Types */
.greyBox { margin-bottom:20px;}
.greyBox-top {}
.greyBox-bottom {}
.box-indent { padding: 0px 0px 0px 4px;}
.box-width {overflow:hidden; width:100%;}
.greyBoxInner {padding:11px;}
.greyBox-s1 { margin-bottom:20px;}
.greyBox-s1 .greyBox-top {}
.greyBox-s1 .greyBox-bottom {}
.greyBox-s1 .box-indent { padding:10px 10px 15px 5px;}
.greyBox-s1 .box-width {overflow:hidden; width:100%;}
.greyBox-s1 .greyBoxInner {background:#fff;padding:5px 0px;}

.yellowBox { margin-bottom:20px;}
.yellowBox-top {}
.yellowBox-bottom {}
.yellow-indent { padding:7px 14px 12px 6px;}
.yellow-width {overflow:hidden; width:100%;}

.yellowBoxInner {background:#fefef5;padding:10px;}
.greyBox2 { margin-bottom:10px;}
.greyBoxInner2 {background: #F8F8F8;
padding: 12px 15px;
border-radius: 5px;
border: 1px solid #EEE;}
.greyBox2-top {}
.greyBox2-bottom {}
.box2-indent { padding:7px 14px 12px 6px;}
.box2-width {overflow:hidden; width:100%;}

.greyBox3 { margin-bottom: 10px;
background: #F8F8F8;
border-radius: 5px;
border: 1px solid #EEE;}
.greyBox3-top {}
.greyBox3-bottom {}
.box3-indent { padding:7px 14px 12px 6px;}
.box3-width {overflow:hidden; width:100%;}
.greyBoxInner3 {padding:15px;}

.greenBox { margin-bottom:12px; }
.greenBox-left {}
.greenBox-right {  height:116px;}
.greenbox-indent { padding:12px 15px 12px 15px;}
.greenBox-width {overflow:hidden; width:100%;}
.greenBoxInner {padding:10px 8px 8px 10px;}

/* Left Column */
#leftCol ul {margin:-8px 0 0 0;}
#leftCol ul li {background: url(images/grey-nav-arrow.png) no-repeat 12px 10px;padding:7px 12px 7px 25px;font-size:14px;font-weight:bold;line-height:18px;border-bottom:1px solid #d2d1d2;}
#leftCol .children {padding-top:15px;margin-bottom:-7px;}
#leftCol .children  li {border-top:1px solid #ccc;border-bottom:none;}

/* Tabs */
#wTabs1, #wTabs2, #wTabs3 {height:46px;font-size:18px;margin:0 10px 0 3px;}
#wTabs1 ul, #wTabs2 ul, #wTabs3 ul {margin:0 0 0 0; padding:0; list-style:none;}
#wTabs1 li, #wTabs2 li, #wTabs3 li {float:left; display:inline;  margin:0 10px -1px 0; padding-left:10px;}
#wTabs1 li.on, #wTabs2 li.on, #wTabs3 li.on {float:left; display:inline;  margin:0 10px -1px 0px; padding-left:10px; position:relative; z-index:5;}
#wTabs1 a, #wTabs2 a, #wTabs3 a {display:block; float:left; height:47px; line-height:47px; font-weight:bold;  padding-right:25px;color:#333;outline:none;}
#wTabs1 .on a, #wTabs2 .on a, #wTabs3 .on a { outline:none;}
#wTabs1 a:hover, #wTabs2 a:hover, #wTabs3 a:hover {text-decoration:none;}
#wTabs1 li img, #wTabs2 li img, #wTabs3 li img {vertical-align:middle;margin-right:7px;width:26px;height:28px;}

/* White Tabs */
.whiteTab {width:100%;}
.whiteTab a {text-decoration: none;float:left;color:#333;font-weight:bold;font-size:18px;background: url(images/white-tab-full-lg.png) no-repeat top right;}
.whiteTab a span {margin: 0 15px 0 0px;padding: 11px 0 10px 15px;position: relative; background: url(images/white-tab-full-lg.png) no-repeat top left;float:left;}
.whiteTab a:hover span, .whiteTab a:hover {color:#333;text-decoration:none;cursor:pointer;}

/* Questions */
.question {margin-bottom:10px;padding-bottom:10px;border-bottom:1px dashed #ccc;width:500px;}
h2.questionTitle {background: url(images/questions-icon-big.png) no-repeat;
padding: 0 0 13px 43px;
margin-bottom: 5px;
font-family: arial,helvetica,sans-serif;
font-size: 30px!important;
font-style: normal;
font-weight: 700;
text-decoration: none;
text-transform: none;
letter-spacing: -1px;
line-height: 1.08;
color: #2B2B2B;}
.question h4 {padding-bottom:5px;margin-bottom:5px}
.questionIcon {width:41px;margin-left:3px;}
.questionMain {width:432px;}
.questionByline {margin-top:8px;font-size:12px;}
.questionByline .answers {font-weight:bold;}
.questionByline img {vertical-align:middle;}
span {margin-left:4px;}
span.points {color:#b3b2b2;margin-left:1px;font-weight:bold;}
span.points span {color:#555;font-weight:bold;}
.question .date { text-align:center;font-size:11px;float:left;margin:5px 0 0 0;color:#999;display:inline;text-transform:uppercase;}
.question .date .dateDay {font-size:19px;font-weight:bold;border-bottom:1px solid #ccc;padding:0 0 3px;color:#666;margin-bottom:1px;}
.question .date2 {margin-top:0;}

.post p, .questionMain p {padding-bottom:10px;}
.post ul {list-style:disc;margin:0 0 15px 30px;}
.post li {margin-bottom:5px}
.questionByline {margin-top:0;}
.question .date2 p {padding-bottom:0;}

/* Profile Styles */
.avatar {padding:3px; border:1px solid #ccc;margin:5px 10px 0 0;}
.avatar2 img {height:50px;width:50px;padding:3px; border:1px solid #ccc;margin:10px 0 5px;display:inline;margin-right:15px;}
.avatarInput {width:20px;margin:0px 31px 5px 12px;padding:5px;}
.avatarInput input {border:none;}
.aboutMeText {width:355px;}

/* Articles Box */
.article {margin-bottom:10px;padding-bottom:10px;border-bottom:1px dashed #ccc;}
.articleImg {padding:3px;border:1px solid #ccc;background:#fff;}
.articleByline {margin-top:8px;font-weight:bold;}
.articleByline span {margin-right:4px;}
.articleByline img {vertical-align:middle;margin-right:5px;}
.articleByline .comments {background: url(images/comments-icon.png) no-repeat left;padding:0 0 0 21px;margin-left:5px;}

/* Sign Up - Log In Box */
h3.signupTitle {background: url(images/members-icon.png) no-repeat;padding:5px 0 10px 38px;}
.signup p {line-height:15px;margin-top:8px;}
.signup h3 {font-size:18px;color:#333;font-weight:bold;}

/* Form Styles */
.formImage {margin-top:10px;}
form#loginformMain, form#signupform, form#changepw, form#forgotPassword, form#postNewQuestion, form#postAnswer, form#editprofile {margin:10px 0 0;}
form#loginformMain fieldset, form#signupform fieldset, form#changepw fieldset, form#forgotPassword fieldset, form#postNewQuestion fieldset, form#postAnswer fieldset, form#editprofile fieldset {display:block;padding:3px;border:1px solid #eee;margin:5px 0 10px;width:65%;}
form#loginformMain input, form#signupform input, form#changepw input, form#forgotPassword input, form#postNewQuestion input, form#editprofile input {width:98%;font-size:14px;padding:2px 2px;height:20px;padding:3px 0 1px 5px;}
form#loginformMain .login {margin-bottom:5px;}
form#loginformMain .login input {width:107px;height:30px;border:none;}
form#signupform .signup input {width:131px;height:30px;border:none;}
form#changepw .changepassword input {width:150px;height:30px;border:none;}
form#forgotPassword .forgotpassword input {width:137px;height:30px;border:none;}
form#postNewQuestion .addQuestion input {width:122px;height:30px;border:none;}
form#postAnswer fieldset, form#postAnswer textarea {width:99%;}
form#postAnswer .addAnswer input {width:105px;height:30px;border:none;}
form#editprofile .editProfile input {width:100px;height:30px;border:none;}
#respond fieldset {padding:3px;border:1px solid #eee;margin:10px 0 15px;width:490px;}
#respond textarea#comment {width:98%;font-size:14px;padding:2px 3px;}
#respond .postAnswer input {width:;height:;border:none;}
.forgotLink {margin:11px 0 0 12px;}
.introText {color:#666;font-style:italic;}
#editprofile label {font-weight:bold;}

/* Message Boxes - Success & Errors */
.errorMessage {background: #f99d9d;border:1px solid #d63131;padding:7px 10px;color:#c12020;margin:15px 0;font-weight:bold;}
.successMessage {background: #d6e9b8;border:1px solid #94b277;padding:7px 10px;color:#5f8f31;margin:15px 0;font-weight:bold;}
.successMessage span {font-weight:normal;color:#444;}

/* My Profile Styles */
.accountUsername {font-size:18px;line-height:29px;color:#666;}
.pointsBox2 {margin-top:3px;}
.pointsBox2 img {vertical-align:middle;}
.padIconImage {margin:0 12px 0 0;}
.whiteLinkBox {margin:10px 15px 12px 0;}

/* My Options Menu Styles */
ul.memberOptions {margin-top:-5px;}
ul.memberOptions li {padding:5px 0;list-style:circle;margin-left:18px;}

/* 404 Styles */
.pageNotFoundText {font-size:20px;width:340px;margin:30px 0 15px 10px;color:#666;line-height:25px;border-bottom:1px solid #ccc;padding-bottom:15px;}
.pageNotFoundTextSm {margin-left:10px;}

/* Star Points Box */
.pointsBox h3 {font-size:16px;color:#333;font-weight:bold;margin:2px 0 8px;}
.pointsBox img {vertical-align:middle;}
.pointsBox p {font-size:12px;margin-bottom:10px;}
.pointRow {border-top:1px solid #ccc;padding:4px 0 5px;clear:both;line-height:22px;}

/* Sponsored Ads Box - Right */
.sponsorsBox h3 {text-align:center;font-size:18px;font-weight:bold;margin-bottom:15px;}
.sponsorsBox .ad125x125 {width:125px; height:125px;}

/*------------------------------------------------------*/
/* Ad Unit Styles */
/*------------------------------------------------------*/
.bannerAd {margin:0 auto;background: #fff;margin-bottom:20px;}
.ad160x600 {width:160px;height:600px;margin-bottom:5px;margin-top:5px;}
.ad728x90 {width:728px;height:90px;background: #fff;}

/*------------------------------------------------------*/
/* Button Styles */
/*------------------------------------------------------*/
.whiteBtn a {text-decoration: none;float:left;color:#333;font-weight:bold;font-size:13px;background: url(images/white-btn.png) no-repeat top right;}
.whiteBtn a span {margin: 0 15px 0 0px;padding: 7px 0 7px 38px;position: relative; background: url(images/signup-btn-left.png) no-repeat top left;float:left;}
.whiteBtn a:hover span, .whiteTab a:hover {color:#b90909;text-decoration:none;cursor:pointer;}
.loginBtn {margin:12px 0 0 7px;}
.signupBtn {margin:12px 0 0 7px;}
.signupBtn a {text-decoration: none;float:left;color:#333;font-weight:bold;font-size:13px;background: url(images/white-btn.png) no-repeat top right;}
.signupBtn a span {margin: 0 15px 0 0px;padding: 7px 0 7px 38px;position: relative; background: url(images/signup-btn-left.png) no-repeat top left;float:left;}
.signupBtn a:hover span, .signupBtn a:hover {color:#b90909;text-decoration:none;cursor:pointer;}

/*------------------------------------------------------*/
/* Footer Styles */
/*------------------------------------------------------*/
#footer { color:#000; background: #eee; border-top: 1px solid #ccc;}
#footerContent {margin:0 auto;width:980px; padding:0px 0px 145px 0px;}
.footer-bg { height:52px; overflow:hidden; margin:0px 10px 0px 10px;}

.bottomNav { margin:0px 10px 0px 0px;}
.bottomNav li {float:left; display:block; margin:5px 3px 5px 3px;}
.bottomNav li a {font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#000; display:block;}
.bottomNav li a  span{ padding:14px 15px 14px 15px; display:block;}
.bottomNav li a:hover {background:url(images/footer_li_left.png) no-repeat left top; text-decoration:none; color:#fff;}
.bottomNav li a:hover span {background:url(images/footer_li_right.png) no-repeat right top;}

body#home li.homeTab a, body#login li.loginTab a, body#myaccount li.myaccountTab a, body#about li.aboutTab a, body#signup li.signupTab a {background:url(images/footer_li_left.png) no-repeat left top; color:#fff;}
body#home li.homeTab a span, body#login li.loginTab a span, body#myaccount li.myaccountTab a span, body#about li.aboutTab a span, body#signup li.signupTab a span {background:url(images/footer_li_right.png) no-repeat right top;}

.copyright {font-size:14px;font-weight:bold;line-height:52px; padding:0px 0px 0px 20px;}

.slogan {position:absolute; top:10px; margin:0 0 0 475px;}

.sharehome {padding: 2px; border-bottom:1px solid #ccc; margin-bottom:14px;}
.gplus {position:absolute; margin-left:315px;}

.unanswered p {border-bottom:1px dotted #ccc; padding-top:6px; padding-bottom:6px;}

.bannerad {padding-bottom:10px;}

.relatedstuff {padding: 6px;
border-radius: 5px;
border: 1px solid #CCC;
margin-bottom: 10px;
margin-top: 10px;
background: #E2E2E2;}

.relatedstuff h3 {font-size: 37px;
font-weight: bold;
padding-bottom: 18px;
padding-top: 5px;
color: white;
text-shadow: -1px -1px -1px silver;}

.relatedstuff a {color: #606060;
font-family: georgia,sans-serif;
font-style: italic;
line-height: 20px;
}