/*
Theme Name: BlingWeb
Theme URI: http://www.blingweb.net
Description: 2010 update.
Version: 1.1
Author: Nora AbdulRhman
Author URI: http://www.neeart.com
*/

/*** go on **********************/
body { background: #4e4e52 url(images/bg.gif); color:#e5e3e3; font-size: 62.5%; /* Resets 1em to 10px */font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center;}
html, body, input, button, select, option, textarea { font-size: 12px; line-height: 16px; font-family: Arial, Helvetica, sans-serif;}
a, a:visited { text-decoration: none; color:#fff; font-weight: bold;}
a:hover { text-decoration: none; color:#d0d0d0;}
a:active {text-decoration: none; color:#d0d0d0;}
h2{ font-family: Tahoma, Arial, Helvetica; font-size: 20px; line-height: 30px; font-weight: bold; display: block; margin: 0; padding: 4px 10px;}
h4 {font-family: Tahoma, Arial, Helvetica; font-size: 30px;}
img { border:none;}

/*** header ********************/
#container  { background: transparent url('images/blingweb-bg.gif') repeat-y center top; text-align: right;}
.container-top {clear: both; height: 13px; display: block; margin: 110px auto 0 auto;}
div#title { margin: 0; padding: 0; width: 100%;}
div#title-wrapper { margin: 0 auto; width: 923px; position:relative;}
div#sitename { margin: 0; padding: 0; font-size:0px; right:0px; top:100px; position:absolute;}
div#sitename h1 { display: block; margin: 0; padding: 0; width: 500px; display:none;}
div#sitename h1 a, div#sitename h1 a:visited { display: block; margin: 0; height: 200px; text-decoration:none; text-indent: -9999px ; overflow:hidden;}
div#sitename p { display: none;}

/*** navbar ********************/
.buttons{position:absolute; top:0px; left:0; width:800px; height:57px; overflow:hidden; font-family:Arial, Helvetica, sans-serif; font-size:15px;}	
ul#topnav {margin: 10px 0 20px; padding: 0; list-style: none; font-size: 1.1em; clear: both;}
ul#topnav li{margin: 0; padding: 0; overflow: hidden; float: right; height:37px;}
ul#topnav a, ul#topnav span {padding: 10px 20px; float: left; text-decoration: none; color: #fff; clear: both; height: 20px; line-height: 20px;}
ul#topnav a {color: #7bc441; }
ul#topnav span {display: none;}
ul#topnav.v2 span{background: none;}
ul#topnav.v2 a{color: #ababab; background: none;}
ul#topnav.v2 a:hover{color: #fff;}

/*** Layout **********************/
html, body, div { margin: 0; padding: 0; }
form { display: block; margin: 0; padding: 0; }
.clearer { clear: both;}
.hidden { visibility: hidden; }
div#container { margin: 0 auto; min-width: 1024px; max-width: 100%; }
div#wrapper { margin: 0; padding: 0; width: 100%;}
div#wrapper-wrapper {  margin: 0 auto; padding: 230px 0 0 0; -padding: 260px 0 0 0; width: 950px;}
div#content { margin: 0px 0 0 0; width: 1020px; float: right;}

/*** error **********************/
#find404{ margin: 10px auto; padding: 5px 3px;}
#find404 #s {width: 250px; padding: 2px; border:none; font-size:15px;}
#find404submit{ border:none; background:none;}

/*** Blog ****************/
body {font-family: 'Lucida Grande', Tahoma, Arial, Sans-Serif;}
#page {text-align: right; padding: 0; }
.post {color: #e5e3e3; text-align: justify; margin: 0 0 40px;}
div.post div.title h2 {font-family: Tahoma, Arial, Helvetica; font-size: 25px; line-height: 30px; font-weight: bold; display: block; margin: 0; padding: 4px 10px; color:#fff;}
div.post div.title h2 a, div.post div.title h2 a:visited {color:#fff;}
div.post div.title h2 a:hover {color:#e5e3e3;}
div.post div.entry {padding: 0 10px 20px 0px; margin: 0px 0 0; width: 900px;}
div.post div.entry li { line-height: 2.4em; }
.entry a:hover{}
div.post div.entry blockquote {background:#daeeda url(images/quote.gif) left no-repeat; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:1%; margin:0 0 10px; padding:5px 7px 5px 57px; position:relative; color:#777072;}
div.post div.entry blockquote blockquote { margin: 0 0 0 15px; }
div.post blockquote { font-style: italic; }
div.post blockquote blockquote { font-style: normal; }
div.postgroup {}
hr { display:none;}
code { display:block; background:#9a9a9a; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0 0 10px; padding:7px 7px 7px 7px; position:relative; color:#e3e3e3; text-align:left;}
.info{padding:2px 8px 3px 3px; font-size:0.9em; color:#7a7a7a; font-size:8pt;}
.info a{color:#4ea297; font-weight:bold;}
.info a:hover{color:#356e66;}
small {font-family: Tahoma, Arial, Helvetica; font-size: 0.9em; line-height: 1.5em;}
.navigation {display: block; text-align: center; font-size:9px; margin: 30px 0 0 0;}
.navigation a{ color: #989898;}
.navigation a:hover{ color:#fff;}

/*** li ********************/
.entry ol {padding: 0 0 0 35px; margin: 0;}
.entry ol li {margin: 0; padding: 0;}

/*** forms ********************/
label{}
input {background:#f3f2f3; border: 0px; color:#474747; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
fieldset{background:#e0dfe0; border: 0px; color:#474747; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:1%; margin:0 0 10px; padding:5px 7px 5px 5px; position:relative;}
legend{background:#f3f2f3; border: 0px; color:#474747; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:1%; margin:0 0 10px; padding:5px 7px 5px 5px; position:relative;} 
select {background-color: #e9e7e8; color: #474747;}
textarea {background:#f3f2f3; border: 0px; color:#474747; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:1%; margin:0 0 10px; padding:5px 7px 5px 5px; position:relative;}
form {}

/*** index *******************/
.boxround { color:#eaeaea; height:200px; width:400px; background:#969696 url(images/side-h2.gif) top right no-repeat; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:7px; padding:20px; float:right; position:relative;}
.boxround a{ color:#d3d3d3; font-weight:normal;}
.boxround :hover{ color:#fff;}

/* Tooltips */
#tooltip{ position:absolute; border:1px solid #432239; background-image:url(images/nav-bg.png); padding:2px 5px; color:#cfc7c9; display:none; font-size:13px; font-weight:bold; font-family: Tahoma, Arial, Helvetica;}	

/*** Required For Themes ****************/ 
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 0 7px 7px 0; }
.alignright { float: right; margin: 0 0 7px 7px; }
.wp-caption { text-align: center; padding-top: 4px; margin: 10px;}
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

/*** forms ****************/ 
form {margin: 0; padding: 0; font-size: 100%; min-width: 560px; max-width: 620px; width: 590px;}
form fieldset {clear: both; font-size: 100%; border-color: #000000; border-width: 1px 0 0 0; border-style: solid none none none; padding: 10px; margin: 0 0 0 0;}
form fieldset legend {font-size: 150%; font-weight: normal; color: #000000; margin: 0 0 0 0; padding: 0 5px;}
label {font-size: 100%;}
label u {font-style: normal; text-decoration: underline;}
input, select, textarea {font-family: Tahoma, Arial, sans-serif; font-size: 100%; color: #000000;}
textarea {overflow: auto;}
form div {clear: left; display: block; width: 354px; zoom: 1; margin: 5px 0 0 0; padding: 1px 3px;}
form fieldset div.notes {float: right; width: 158px; height: auto; margin: 0 0 10px 10px; padding: 5px; border: 1px solid #666666 background-color: #ffffe1; color: #666666; font-size: 88%;}
form fieldset div.notes h4 {background-image: url(/images/icon_info.gif); background-repeat: no-repeat; background-position: top left; padding: 3px 0 3px 27px; border-width: 0 0 1px 0; border-style: solid; border-color: #666666; color: #666666; font-size: 110%;}
form fieldset div.notes p {margin: 0em 0em 1.2em 0em; color: #666666;}
form fieldset div.notes p.last {margin: 0em;}
form div fieldset {clear: none; border-width: 1px; border-style: solid; border-color: #666666; margin: 0 0 0 144px; padding: 0 5px 5px 5px; width: 197px;}
form div fieldset legend {font-size: 100%; padding: 0 3px 0 9px;}
form div.required fieldset legend {font-weight: bold;}
form div label {display: block; float: left; width: 130px; padding: 3px 5px; margin: 0 0 5px 0; text-align: right;}
form div.optional label, label.optional {font-weight: normal;}
form div.required label, label.required {font-weight: bold;}
form div label.labelCheckbox, form div label.labelRadio {float: none; display: block; width: 200px; zoom: 1; padding: 0; margin: 0 0 5px 142px; text-align: left;}
form div fieldset label.labelCheckbox, form div fieldset label.labelRadio { margin: 0 0 5px 0; width: 170px;}
form div img {border: 1px solid #000000;}
p.error {background-color: #ff0000; background-image: url(/images/icon_error.gif); background-repeat: no-repeat; background-position: 3px 3px; color: #ffffff; padding: 3px 3px 5px 27px; border: 1px solid #000000; margin: auto 100px;}
form div.error {background-color: #ffffe1; background-image: url(/images/required_bg.gif); background-repeat: no-repeat; background-position: top left; color: #666666; border: 1px solid #ff0000;}
form div.error p.error {background-image: url(/images/icon_error.gif); background-position: top left; background-color: transparent; border-style: none; font-size: 88%; font-weight: bold; margin: 0 0 0 118px; width: 200px; color: #ff0000;}
form div select, form div textarea {width: 200px; padding: 1px 3px; margin: 0 0 0 0;}
form div input.inputText, form div input.inputPassword {width: 200px; padding: 1px 3px; margin: 0 0 0 0;}
form div input.inputFile {width: 211px;}
form div select.selectOne, form div select.selectMultiple {width: 211px; padding: 1px 3px;}
form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio { display: inline; height: auto; width: auto; background-color: transparent; border-width: 0; padding: 0; margin: 0 0 0 140px;}
form div.submit { width: 214px; padding: 0 0 0 146px;}
form div.submit div {display: inline; float: left; text-align: left; width: auto; padding: 0; margin: 0;}
form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton {background-color: #cccccc; color: #000000; width: auto; padding: 0 6px; margin: 0;}
form div.submit div input.inputSubmit, form div.submit div input.inputButton { float: right; margin: 0 0 0 5px;}
form div small { display: block; margin: 0 0 5px 142px; padding: 1px 3px; font-size: 88%; zoom: 1;}
/* form.import.css */
form fieldset legend {line-height: 150%;}
form input, form select, form textarea {background-color: #ffffff;}
form textarea.expanding { overflow: auto; overflow-x: auto; overflow-y: visible;}
div.optional label:before { content: '';}
div.required label:before { content: '';}
form div label.labelCheckbox, form div label.labelRadio, label.labelCheckbox, label.labelRadio { display: block; width: 190px; zoom: 1; padding: 4px 0 0 18px; text-indent: -18px; line-height: 120%;}
form div label.labelCheckbox input.inputCheckbox, form div label.labelRadio input.inputRadio, label.labelCheckbox input.inputCheckbox, label.labelRadio input.inputRadio { margin: 0;}
form div fieldset input.inputText, form div fieldset input.inputPassword, form div fieldset input.inputFile, form div fieldset textarea.inputTextarea {width: 160px; margin: 0 0 0 18px; margin: expression(setCntr(), '0px 0 0 -124px');}
form div label.compact {display: inline; width: auto; padding: 4px 10px 0 0; text-indent: 0; margin: 0 0 0 0;}
form div.wide label {float: none; display: block;}
form div label.wide {width: 348px;}
form div.wide input.inputText, form div.wide input.inputPassword, form div.wide input.inputFile, form div.wide select, form div.wide textarea {width: 344px; margin: 0;}
form div.notes p, form div small {line-height: 125%;}
form div.wide small {margin: 0 0 5px 0;}


/*** examples ********************/
.boxgrid{ width: 325px; height: 260px; margin:10px 10px 0 0; float:right; background:#161613; overflow: hidden; position: relative; }
.boxgrid img{ position: absolute; top: 0; left: 0; border: 0;}
.boxgrid p{ padding: 0 10px; color:#afafaf; font-weight:bold; font:10pt "Lucida Grande", Arial, sans-serif; text-align:left;}
.boxcaption{ float: left; position: absolute; background: #000; height: 100px; width: 100%; opacity: .8; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 }
.captionfull .boxcaption { top: 260; left: 0; }
.caption .boxcaption { top: 220; left: 0; }
.boxgrid h3 { text-align:left; margin: 10px; letter-spacing:-1px; font-weight: bold; color:#FFFFFF; }

/*** Footer ********************/
div#footer {width: 100%; height:254px; background: transparent url(images/blingweb-footer.gif) center top no-repeat;}
div#footer p{color: #999999; text-align:right; padding-left:150px; padding-top:100px; font-family: Tahoma, Arial, Helvetica; font-size: 9px; text-align:left; }
div#footer a, div#footer a:visited { text-decoration:none; color:#cecece;}
div#footer a:hover { text-decoration:none; color:#68cfc1;}