/*  
Theme Name: Belal Design 2.0
Description: The Belal Design wordpress Theme. Cross-browser, XHTML Strict v1.0 and CSS 2.1 valid.
Version: 2.0.1
Author: Belal Design LLC
Author URI: http://www.belaldesign.com/
Tags: Belal, Design, www.belaldesign.com, belaldesign
*/

img#wpstats{display:none}
body{font-size: 11px; color: #525252;}
h2{color: #525252;}
a, .archivesheader a, .newsheader a, .blog a {color: #666666; text-decoration:underline;}
a:hover, .archivesheader a:hover, .newsheader a:hover, .blog a:hover {color: #b400ae; text-decoration:underline;}
pre, code {white-space: normal;}

#top{text-align: right;	height: 24px;}
#top .menu{padding-top: 7px;}
#top .menu li{display: inline; list-style-type: none; padding: 0px;}
#top .menu a{text-decoration: none; color: #fff;}
#top .menu a:hover{color: #000;}

#header{height: 50px;}
#header #title{}
#header #title .logo{float: left; margin-top: 8px; margin-bottom: -8px;}
#header #title #blogtitle{margin-left: 68px;}
#header #title h1{font-size: 24px; font-weight: bold; color: #525252; margin-bottom: 5px;}
#header #title h2{font-size: 14px; color: #525252;}

.post{padding: 10px 15px 0px 15px; float: left; text-align:justify;}
.post a{color: #666666; text-decoration:underline;}
.post a:hover {color: #b400ae; text-decoration:underline;}
.post .postheader .commentcount{width: 50px; line-height: 14px; float: left; text-align: center; padding-right: 10px; text-decoration:none; font-family: Georgia, "Times New Roman", Times, serif; font-size:14px; font-weight:bold; margin-top:-6px;}
.post .postheader .commentcount a{text-decoration: none; color: #666666;}
.post .postheader .commentcount a:hover{text-decoration: none; color: #b400ae;}
.post .postheader .posttitle, .ser{line-height: 20px;	margin-bottom: 0px;	color: #767676;	float:left;}
.post .postheader .posttitle h2, .ser h2{font-family: Georgia, Times, "Times New Roman", serif; font-size: 20px; padding: 0; margin:-6px 0 0 0;}
.post .postheader h2 a{color: #666666; text-decoration: underline; line-height: 22px;}
.post .postheader h2 a:hover{color: #b400ae; text-decoration: underline;}
.post .postheader .posttitle .postmeta {color: #767676; font-family: Georgia, Times, "Times New Roman", serif; font-size: 13px;}
.post .postheader .posttitle .postmeta a {color: #666666; font-family: Georgia, Times, "Times New Roman", serif; font-size: 13px; text-decoration: underline;}
.post .postheader .posttitle .postmeta a:hover{color: #b400ae; font-family: Georgia, Times, "Times New Roman", serif; font-size: 13px; text-decoration: underline;}
.post .postcontent, .childrenlist {color: #767676; margin-top: 20px; line-height: 20px; float:left; font-size:12px;}
.post .postcontent p{margin-bottom: 10px; width:782px; float:left;}
.post .posttags, .post .posttags a{color: #666666; clear:both; margin-top: 20px; text-align: right; text-decoration: underline;}
.post .posttags, .post .posttags a:hover{color: #b400ae; clear:both; margin-top: 20px; text-align: right; text-decoration: underline;}

.commentcount {cursor:pointer;}

.goldtext, goldtext li {font-size:13px; color:#767676; line-height:20px;}
.goldtext a, .goldtext li a {color: #666666; text-decoration:underline;}
.goldtext a:hover, .goldtext li a:hover {color: #f5c400; text-decoration:underline;}
.goldtext p{margin-bottom:20px;}

.printpage {text-align:right; float:right;}
.commentexcerpt p{margin-bottom:10px;}

#mp {float:left; width: 814px; margin: 5px 0px 15px 0px;}
.mpheader, .mpfooter {height:12px; width:814px; float:left; margin:0px;}
.mpmiddle {width:814px; background-image:url(images/mainpost_bg_mid.gif); background-repeat:repeat-y; float:left; padding-bottom:7px;}

.commentbox {background: #fff; color:#646464; margin: 10px 5px 3px 0px; padding: 5px;}
.commentbox a {color:#646464;}
.commentmeta .avatar{padding: 0 6px;}
.commenttext{color:#646464; margin: 10px 0 0 0; padding:0px;}
.commentsnumber {float:left; margin-top: 15px; color:#646464; font-family: Georgia, Times, "Times New Roman", serif;}

.backtotop{float:left; width: 134px; margin-right:370px;}
.previousposts{float:left; width: 133px;}
.nextposts{float:right; width: 117px;}

.logbox {width: 105px;}
.logboxextend {width: 210px;}
.rsslink {float: left; margin-right: 10px;}
.searchbarbox {float:right; width:195px; height:44px;}
.advsearchbarbox {width:553px; height:44px; margin:0 auto;}
.searchbegin {width:4px; height:44px; background-image:url(/images/search_begin.png); background-repeat:no-repeat; float:left;}
#searchbox, #newsletterbox, #advsearchbox {background-image:url(/images/search_bg.png); background-repeat: repeat-x; border:0px; width: 142px; height: 14px; font-size: 11px; margin-top: 0px; color:#646464; padding:16px 0px 16px 2px; float:left;}
#advsearchbox {width: 500px;}
#searchbutton, #newsletterbutton, #advsearchbutton {height: 44px; width: 43px; border: none; cursor: pointer; float:left;}

/*** Wordpress ***/
.aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.alignleft {float: left; margin: 0 10px 10px 0;}
.alignright {float: right; margin: 0 0 10px 10px;}

.wp-caption {background: #fafafa; border: solid 1px #eeeeee; text-align: center; padding-top: 4px;}
.wp-caption img {float: none; margin: 0; padding: 0; border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; padding: 0px; margin: 0px;}

#quote{width: 50px; height: 51px; padding: 0px;}
#quoteTrackerTop{width: 50px; height: 5px; padding: 0px; margin: 0px; float: left;}
#quoteTrackerLeft{width: 11px; height: 28px; padding: 0; margin:0; float: left;}
#quoteTrackerRight{width: 8px; height: 28px; padding: 0; margin:0; float:left;}
#quoteTrackerBottom{width: 50px; height: 18px; padding: 0; margin:0; float:left;}
#quoteTrackerMiddle{width: 31px; height: 21px; padding-top: 7px; margin:0; float:left;}

.break {clear:both;}
.credit{color: #bfbfbf; font-size: 8px; text-decoration: none;}
.credit a{color: #bfbfbf; text-decoration: none;}
.credit a:hover{color: #dddddd;	text-decoration: none;}

#footer {margin-top:20px;}

.allcomments {float: left; margin: 15px 0 0 0; color: #666666; width: 814px;}

h1 a {background: url(http://www.belaldesign.com/blog/wp-content/themes/BelalDesign/images/login-logo.gif) no-repeat top center; width: 326px; height: 88px; text-indent: -9999px; overflow: hidden; margin-top: 0px; display: block;}

form .forgetmenot { font-weight: normal; float: left; margin-bottom: 0; margin-top:-5px; line-height:19px;}
form .forgetmenot label {font-size: 11px; line-height: 19px;}
form .submit { float: right;}

#login form .submit input {font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif; padding: 3px 10px; border: none; font-size: 12px; border-width: 1px; border-style: solid; cursor: pointer; text-decoration: none; margin-top: -3px; text-shadow: rgba(0,0,0,0.3) 0 -1px 0; color: #424242;}
#login form p {margin-bottom: 0;}
#login { width: 320px; margin: 7em auto;}
#login_error, .message {margin: 10px 0 16px 8px; border-width: 1px; border-style: solid; padding: 12px;}
#login form .submit input {border-color: #6d106d !important; font-weight: bold; color: #FFF !important; background: #8c2f8c url(../images/button-grad.png) repeat-x scroll left top;}
#login form .submit input:active {background: #8c2f8c url(../images/button-grad-active.png) repeat-x scroll left top !important;}

label {color: #424242; font-size:13px;}
LABEL.inputLabel {width: 11em; float: left; vertical-align: bottom; padding: 5px 15px 0px 0px; text-align: right;}
LABEL.loginLabel {width: 18em; float: left; vertical-align: bottom; padding: 13px 15px 0px 0px; text-align: right;}

#backtoblog {position:absolute; top: 0px; left: 0px; background-color: #b400ae; width:100%; height:30px;}
#backtoblog a {position: absolute; top: 7px; left: 15px; text-decoration: none; color: #ffffff;}
#backtoblog a:hover {position: absolute; top: 7px; left: 15px; text-decoration: none; color: #333333;}

#nav a {color: #8c2f8c !important;}
#nav a:hover {color: #6d106d !important;}
#nav {margin: 0 0 0 8px; padding: 16px; color: #424242;}

#user_pass, #user_login, #user_email, #user_name, #user_subject, #comemail, #comname, #comwebsite, #commessage, #first_name, #last_name, #nickname, #url, #aim, #yim, #jabber, #price_from, #price_to, #advsearchbox, #company, #street-address, #suburb, #city, #state, #postcode, #telephone, #fax, #dob, #customers_referral, #keyword, #review-text, #captcha_code, #list, #description, #user_pass_confirm, #user_email_confirm, #old_pass, #cart_quantity {font-size: 13px; width: 300px; margin-top: 0px; padding:14px 2px 17px;}

#advsearchbox {width:500px;}
#price_from, #price_to {width:70px;}
#cart_quantity {width: 30px; text-align:right;}

/*ul.selectReplacement {font-family: Tahoma, Geneva, sans-serif; margin: 0; padding: 0px 8px 0px 6px; width: 300px; float:left; background: url('/images/dropdown_closed.png') no-repeat left; border:0px; height:20px; color: #424242;}
ul.selectReplacement li {float:left; cursor: pointer; display: none; list-style: none; margin: 0; width: 300px; font-size:13px; line-height:14px; margin-bottom:9px;}
ul.selectOpen {background: url('/images/dropdown_open.png') no-repeat bottom left; border:0px; width:300px; height:auto; max-height:200px; font-size:12px; z-index:1; position:relative;}
ul.selectOpen li {display: block;}
ul.selectReplacement li.selected {color: #666666; display: block;}
ul.selectOpen li.selected {display: block;}
ul.selectOpen li.hover, ul.selectOpen li.selected:hover, ul.selectOpen li:hover {background: #eaeaea;}*/

#comemail, #comname, #comwebsite {width:235px;}

#contact-area{width: 348px; margin: 0 auto;}
#profile-edit{width: 460px; margin: 0 auto; padding-right:50px;}
#submit{padding: 5px; width: 235px; font-family: Helvetica, sans-serif; border: 1px solid #cdcdcd; background: #ffffff; margin: 0px 0px 10px 0px;  height: 16px; font-size: 13px; color:#002748; padding-left:4px; padding-top:3px;}
#contact-area .submit-button, #profile-edit .submit-button {width: 348px; text-align:center;}

.submitbtn {margin-top:20px;}
#submit {width: 170px; margin:20px 0 0 0; height:30px;}

#postphone {width:345px; float:left; padding-left:20px;}
#contact {width: 435px; float:left;}
.message-area {float:left;}
#message {background:url('/images/com_bg.png') repeat-y;}
.comtop {background:url('/images/com_bdr_top.png') top center no-repeat; width:313px; height:9px; margin-top:7px;}
.combot {background:url('/images/com_bdr_bot.png') bottom center no-repeat; width:313px; height:6px;}
#contact textarea, #contact-area textarea, #profile-edit textarea {padding:0 2px 0 6px; width: 300px; border:0px; background:none; height:150px; font-size:13px; margin:0px; color:#666666; max-width:300px;}
#contact-area textarea{height:100px;}
#profile-edit textarea{height:300px;}
#contact-area .message-area {float:right; margin-right:15px; margin-bottom:13px;}
#profile-edit .message-area {float:left;}
#contact-area label, #contact label, #profile-edit label {float: left; text-align: right; margin-right: 15px; width: 70px; padding-top: 5px; font-size: 12px;}
#contact label, #profile-edit label {padding-top: 12px; font-size: 12px;}
#profile-edit label {width:130px;}
#contact-area .mes, #profile-edit .mes {width: 348px; padding-top: 5px; font-size: 12px; margin: 10px 0px 10px; text-align:center;}

#profile-edit h3{font-weight:bold; color:#424242; margin-bottom:4px;}

.commentheader {color: #767676; padding: 10px 15px 0px 15px; line-height: 20px;}
.commentheader h2{font-family: Georgia, Times, "Times New Roman", serif; font-size: 20px; padding: 0;}

.left {float:left;}
.right {float:right;}
.autocenter {margin: 0px auto; text-align:center;}
.justify {text-align:justify;}
.printpagetopmargin {margin-top:5px; margin-bottom:-5px;}

.newsheader{line-height: 20px; color: #767676; padding: 10px 15px 0px 15px; -webkit-text-size-adjust: none; font-size:13px;}
.newsheader a:hover{color: #fcb200;}
.newsheader p{margin-bottom: 10px;}
.newsheader h2{font-family: Georgia, Times, "Times New Roman", serif; font-size: 20px; padding: 0; margin-bottom: 10px;}
.newsletterform {height: 49px; width: 400px; margin: 130px auto 0px auto; padding: 5px; color:#CCCCCC; line-height:12px; font-size:10px;}
#newsletterbox {width: 340px; padding-bottom:14px;}
#nl {color:#999999;}

.center {text-align:center;}

/*warnings, errors, messages*/
.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {font-size: 11px; line-height: 15px;; text-align: center; padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.messageStackWarning, .messageStackError {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.messageStackSuccess {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.messageStackCaution {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.messageStackWarning a, .messageStackError a {color:#8a1f11;}
.messageStackSuccess a {color:#264409;}
.messageStackCaution a {color:#514721;}



.errortext {color:#FF0000; font-weight:bold; margin-bottom:10px; font-size:12px; line-height:15px; margin-top:-25px;}
.successtext {color:#00FF00; font-weight:bold; margin-bottom:10px; font-size:12px; line-height:15px; margin-top:-25px;}

.purplebold {color:#b400ae; font-weight:bold;}

.comboxtop {height:14px;}
.comboxtop .comleft {background: url('images/com_quote_tl.jpg') no-repeat top left; width:20px;}
.comboxtop .commid {background:url('images/com_quote_tm.jpg') left repeat-x;}
.comboxtop .comright {background: url('images/com_quote_tr.jpg') no-repeat top right; width:12px;}
.comboxbot {height:25px;}
.comboxbot .comleft {background: url('images/com_quote_bl.jpg') no-repeat bottom left; width:20px;}
.comboxbot .commid {background:url('images/com_quote_bm.jpg') bottom repeat-x;}
.comboxbot .comright {background: url('images/com_quote_br.jpg') no-repeat bottom right; width:12px;}
.comboxmid {}
.comboxmid .comleft {background:url('images/com_quote_mr.jpg') left repeat-y; width:20px;}
.comboxmid .commid {}
.comboxmid .comright {background:url('images/com_quote_ml.jpg') right repeat-y; width:12px;}

.rememberme {margin-top:10px; float:left;}

.stylizedinput {background: url('/images/search_bg.png') repeat-x center; border:0px; height:13px; padding:0px; color: #666666; float:left;}
.stylizedbegin {background: url('/images/search_begin.png') no-repeat; width:4px; height:44px; float:left;}
.stylizedend {background: url('/images/search_end.png') no-repeat; width:4px; height:44px; float:left;}

.required:before {content: "* "}
.required {color:#ff0000;}

.checkbox, .radio {width: 19px; height: 25px; padding: 0; background: url(/images/checkbox.png) no-repeat; display: block; float: left; margin-top:-2px;}
.radio {background: url(/images/radio.png) no-repeat; margin-top:8px;}
.select {position: absolute; width: 300px; height: 22px; padding: 4px 6px 0 6px; font-size:13px; background: url(/images/select.png) no-repeat; overflow: hidden; color:#424242; text-align:left;}