/*      ScriptPlazza 2.0      */

body {background: #fff url(images/bg.png) repeat-x scroll left top; font: normal 11px Arial, Helvetica, Verdana, sans-serif; color: #000;} * {margin: 0; padding: 0; outline: 0;}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */

a {color:#0983d1; text-decoration:none;}
a:hover {text-decoration:underline;}
a img {border:0;}

.ac {display:block; text-align:center;}
.ar {display:block; text-align:right;}
.al {display:block; text-align:left;}

img.alignright {float:right; margin:0 0 1em 1em;}
img.alignleft {float:left; margin:0 1em 1em 0;}
img.aligncenter {display: block; margin-left:auto; margin-right:auto;}
a img.alignright {float:right; margin:0 0 1em 1em;}
a img.alignleft {float:left; margin:0 1em 1em 0;}
a img.aligncenter {display:block; margin-left:auto; margin-right:auto;}

.cl {clear:both; height:0; line-height:0; font-size:0; text-indent:-4000px;}
.clear {clear:both}
.hidden {display:none;}
.notext {font-size:0; line-height:0; text-indent:-4000px;}

.img {border:4px solid #ccc;}
.img:hover {border:4px solid #ddd;}

blockquote {border-left:3px solid #0983d1; margin-left:1.4em; background:#FAFAFA; padding:1em 5px 1px 10px;}

.shell {margin:0 auto; width:970px;}
#shadow-wrapper {margin:0 auto;}
#header {overflow:hidden; position:relative; background:url(images/header.png) no-repeat scroll 50% 0; margin:0 auto; height:80px;}
#top {margin:0 auto; width:948px;}
#content {height:100%; padding:10px 5px 0 5px;}

/*-<[ #ads ]>-*/

.leaderboard{width: 960px; overflow: hidden; margin: 0 auto 10px auto;}
.adleft{background:transparent url(images/ad_vertical.png) left center no-repeat;padding:0 0 0 14px;}

.ads {display: block; width: 250px; height: 125px;}
.ads a {width: 250px;}
.ads a img {padding: 0;}
.ads a em {font-style: normal;}
.ads a {color: #888888; display: block; float: left; font-family: helvetica,arial,sans-serif; font-size: 11px; margin: 0 7px 7px 0; overflow: hidden; text-align: center; text-decoration: none;}
.ads img {border: 0 none; clear: right;}
.ads a.image {background: none repeat scroll 0 0 #E7E7E7; border: 1px solid #ccc; color: #666; font-size: 12px; text-align: center;}
.ads a.image:hover {background: none repeat scroll 0 0 #0983d1; border: 1px solid #0983d1; color: #eee;}
.ads a {line-height: 100%;}
.ads a.image {height: 125px; line-height: 1000%; width: 250px;}
html > body .ads a.image {height: 123px; width: 248px;}

/*-<[ #header ]>-*/

#logo {margin:8px 20px 0 0; float:left; width:180px; height:32px; background-image:url(images/logo.png);}
#logo span {display:none;}

#navigation {display:inline; -webkit-text-stroke:1px transparent;}
#navigation ul {list-style:none outside; padding:5px 0 0 0;}
#navigation li {float:left; display:inline; height:20px; line-height:20px; text-shadow:#fff 0 1px; font-size:1.3em; font-weight:bold; margin:10px 0 0 20px;}
#navigation li a span {float:left; display:inline; color:#000;}
#navigation li a:hover {text-decoration:none;}
#navigation li a:hover span {color:#aaa;}
#navigation li a.active span {color:#0066ff;}

/*-<[ #search ]>-*/

#searchform {float:right; margin:5px 0 0 0; opacity:1; position:relative;}
#searchform #sq {color: #8d979c; background: #fff url(images/search.png) no-repeat 192px 7px; width: 180px; font-size: 12px; border: 1px solid #cfd2d7; border-top: 1px solid #b7bbc1; padding: 6px 26px 6px 8px; margin: 0;
-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-family: Arial, Helvetica, Verdana, sans-serif;}

#searchform #sq:focus { color: #697378; outline: 0 none; border-color: rgba(0, 160, 198, 0.7);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(0, 160, 198, 0.4); 
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(0, 160, 198, 0.4); 
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(0, 160, 198, 0.4); }

.search-terms {font-style:italic}

/*-<[ @listinfo ]>-*/

#listinfo {background-color:#fff; height:350px; width:688px; margin:20px 0 0 -5px; position:relative; border:1px solid #ddd; -moz-box-shadow:0 0 3px rgba(153,153,153,0.2); -webkit-box-shadow:0 0 3px rgba(153,153,153,0.2); box-shadow:0 0 3px rgba(153,153,153,0.2); font-size:12px; color:#333537;}
#listinfo a:hover,a:active,a:focus{color:#333537;}

#listinfo .fold-left {position: absolute; bottom: -5px; left: -1px;}
#listinfo .fold-right {position: absolute; bottom: -5px; right: -1px;}

#listinfo dl {border-bottom: solid 1px #e0e0e0; padding: 3px 0;}
#listinfo dt {float: left; font-weight: bold;}
#listinfo dd {float: left;}

.listleft {float:left; width:340px; margin:5px 0 0 10px;}
.listleft li {display:inline; list-style-type: none; float:left;}
.listright {float:right; width:300px; margin:15px 5px 0 31px;}

.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0;	height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

.tags {margin:0 10px; clear: both;}

/*-<[ #sidebar ]>-*/

#sidebar {float:left; display:inline; width:250px;}

#sidebar li {list-style-type: none;}
#sidebar h2 {font-size:12px; text-transform:uppercase; line-height:160%; text-indent:2px;}
#sidebar .box {margin-top: 10px; width: 250px;}
#sidebar .box .bottom {border-bottom:3px #eee solid; border-right:1px #eee solid;}
#sidebar .box h2 {font-size:12px; color: #0983d1; text-transform:uppercase; border-bottom:3px #eee solid; border-left:1px #eee solid; line-height:160%; text-indent:2px; padding-left:2px;}
#sidebar .box ul {list-style:none outside;}
#sidebar .box li {height:100%; position:relative;}
#sidebar .box li .last {background:none;}
#sidebar .box li a {color:#626363; line-height:31px; border-bottom:1px #efefef solid;}
#sidebar .box li a:hover {color:#333; border-bottom: 1px solid #333; text-decoration:none;}
#sidebar .box li span {position:absolute; top:8px; left:10px; display:block; height:16px; width:16px; margin:3px 9px 3px 0;}

#sidebar .box .category {border-right:1px #eee solid; padding-top:8px;}
#sidebar .box .category a {color:#0983d1; overflow:auto; display:block; text-decoration:none; border-left:4px solid #dfdfdf; border-bottom:1px solid #dfdfdf; margin:0 0 8px 0; padding-left:4px;}
#sidebar .box .category a:hover {color:#000; border-bottom:1px solid #888;}

#sidebar .sub a {width:250px; display:block; border:1px solid #0983d1; border-width:1px 0; padding:5px 0 4px; text-align:center; font-size:1.3em; font-weight:bold; margin:0 0 10px 0;}
#sidebar .sub a:hover {background:#0983d1; color:#fff !important; text-decoration:none;}

#sidebar .stats {height:42px; background:#e7f2f7; border-top:1px solid #c2dce9; border-bottom:1px solid #c2dce9; padding:6px 10px; margin-top:10px;}
#sidebar .stats .l {width: 90px;} .stats .u {width: 90px;} .stats .r {width: 50px;}
#sidebar .stats .n {color:#000; font:20px Georgia,Times,serif; font-weight:normal; float:left; text-shadow:0 1px 0 #fff;}
#sidebar .stats .n em {font-family:arial; font-size: 10px; color:#6e6e6e; font-weight:normal; display:block; font-style:normal; line-height:10px;}

#sidebar .adsr {margin-top: 10px;}

#logbox {width:250px; background-color:#f7f7f7;}
#logbox .login {font-size:10px; padding:5px; background:#d0e4f5; overflow: hidden;}
#logbox input[type="text"] {font-size: 11px; padding: 4px; color: #454545; margin-bottom: 2px; width: 220px;}
#logbox input[type="password"] {float:left; font-size: 11px; padding:4px; color: #454545; width: 150px;}
#logbox input[type="submit"] {float:right; line-height: 20px; padding:0 3px;}
#logbox .text {font-size:12px; margin-bottom: 2px;}
#logbox .links {padding:5px; background:#eee;}

#userbox {height:30px; font-size:10px; padding:5px; background:#d0e4f5;}
#userbox a {color:#000; text-decoration:none;}
#userbox a:hover {color:#0983d1; text-decoration:none;}
#userbox img {padding-right:8px; float:left;}
#userbox span {font-size:15px; font-weight:bold;}

/*-<[ @widecolumn ]>-*/

#widecolumn {background:url(images/bkg.png) center top repeat-y; float:left; display:inline; width:680px; height:100%; margin-right:30px;}
#widecolumn .space p {margin:0 0 1.1em 0;}
#widecolumn .wrapper {padding: 5px 10px;}
#widecolumn .wc-bottom {box-shadow: 2px 2px 3px #c5c5c5; -moz-box-shadow: 2px 2px 3px #c5c5c5; -webkit-box-shadow: 2px 2px 3px #c5c5c5;}
#widecolumn .page-header {padding:0 5px;}
#widecolumn h1 {font-size:20px; font-weight:normal; letter-spacing:-1.2px; text-shadow:#fff 1px 1px 1px;}
#widecolumn h2 {font:bold 20px Arial; color:#cecdcd; text-shadow:1px 1px 0 #fff; padding:5px 0 0 0;}
#widecolumn h3 {font-size:20px; font-weight:normal; letter-spacing:-1.2px;}

#wcnobg {float: left; display: inline; width: 680px; height: 100%; margin-right:30px; color: #444444; font-size: 12px;}
#wcnobg p {margin:10px 0;}
#wcnobg .wn-top {border-top-style: double; border-color: #ebebeb;}
#wcnobg .wn-bottom {border-bottom-style: double; border-color: #ebebeb;}
#wcnobg .page-header h1 {font-size:36px; text-align:center; color: #000; margin:15px 0 5px 0; padding-bottom:15px; border-bottom:1px solid #ebebeb;}
#wcnobg h2 {font-size: 18px; line-height: 120%; color: #000; margin: 10px 0 5px 0;}
#wcnobg h3 {font-size: 16px; color: #aaa; line-height: 120%; font-family: Tahoma, Verdana, sans-serif; text-shadow: 1px 1px 1px #ccc; margin: 10px 0 5px 0;}
#wcnobg ul, #wcnobg li{list-style:none outside;margin-left:10px;list-style-type:disc;}

#wcnobgp {float: left; display: inline; width: 680px; height: 100%; margin-right:30px; color: #444444; font-size: 12px;}
#wcnobgp p {margin:0 0 1.1em 0;}
#wcnobgp ul, #wcnobgp ol, #wcnobgp li{margin-left:20px;}
#wcnobgp .wrapper {padding:5px;}
#wcnobgp .wn-top {border-top:1px solid #ebebeb;}
#wcnobgp .wn-bottom {border-bottom:1px solid #ebebeb;}
#wcnobgp .page-header {float:left; font:11px arial, Helvetica, Utkal, sans-serif; width: 558px; color:#000; margin: 5px 0 25px 0;}
#wcnobgp .page-header h1 {font-family:Georgia, "Times New Roman", Times, serif; font-size: 30px; font-weight: normal; color:#0983d1; margin: 5px 0 3px 0;}
#wcnobgp .page-righter {float:right; margin: 10px 0 0 0;}
#wcnobgp .cont {margin: 20px 0 20px 0; clear: both;}
#wcnobgp .cont ol li {padding-bottom: 5px;}
#wcnobgp .cont img {-moz-box-shadow:0 0 4px #b6b6b6; -webkit-border-shadow:0 0 4px #b6b6b6;}
#wcnobgp .cont img:hover {-moz-box-shadow:0 0 4px;rgba(82,168,236,.75)!important; -webkit-border-shadow:0 0 4px;rgba(82,168,236,.75)!important;}
#wcnobgp .cont h2 {border-top:1px solid #eee; font-weight:400; clear:both; color:#222; font-family:Georgia, "Times New Roman", Times, serif; font-size:21px; margin-bottom:3px; margin-top:10px; padding:9px 0 10px;}
#wcnobgp .cont h3 {border-bottom:1px solid #eee; font-weight:400; clear:both; color:#222; font-family:Georgia, "Times New Roman", Times, serif; font-size:21px; margin-bottom:10px; margin-top:3px; padding:10px 0 9px;}
#wcnobgp .cont h4 {font-family:Georgia, 'Times New Roman', Times, serif; color: #222; font-size: 16px; font-weight: normal; margin:0; padding:5px 0;}

#wide {width:100%; height:100%; text-align:justify;}
#wide p {margin:10px 0;}
#wide .wrapper {padding:5px;}
#wide .wn-top {border-top-style:double; border-color:#ebebeb;}
#wide .wn-bottom {border-bottom-style:double; border-color:#ebebeb;}
#wide .page-header h1 {font-size:36px; text-align:center; color: #000; margin:15px 0 5px 0; padding-bottom:15px; border-bottom:1px solid #ebebeb;}

.white {background:#fff; margin-bottom:-10px; border-bottom: 1px solid #EFEFEF;}
.wnb {border-bottom:solid 1px #ccc;}
.wnb2 {border-bottom:solid 1px #ebebeb;}

/*-<[ @athome ]>-*/

.athome {margin-top:15px; overflow: hidden;}
.athome a {border-bottom: 1px solid #EEE;}
.athome a:hover {color:#626363; border-bottom: 1px solid #333; text-decoration:none;}
.athome ol {list-style-type:none; padding:2px 0 5px 5px;}
.athome ol li {padding-top:3px;}
.athome .br {border-left: 1px solid #EFEFEF;}
.athome .box {width: 220px; float: left; padding-right:10px;}
.athome .box2 {width: 220px; float: left;}

/*-<[ @rfbox ]>-*/

.rfbox {margin: 0; padding: 0;}

.rleft {float:left; width:300px;}
.rleft a {text-decoration:none;}
.rleft .box {width:300px; height:46px; margin:0 10px 5px 0;}
.rleft .box:hover {background:#f2f9f9;}
.rleft .box .title {font-size:1.3em; font-weight:bold;}
.rleft .box .author {font-size:0.9em; color:#555;}

.rright {float:right; width:336px;}
.rright .box {margin:10px 0 0 0;}
.rright ul {list-style-type: none;}
.rright ul li {margin-top:5px;}
.rright .box a {font-size:1.1em; font-weight:bold; text-decoration:none;}
.rright .box a:hover {background:#f2f9f9;}

#carousel {position:relative; visibility:hidden; height:148px; display:block; overflow:hidden; /* important */}
#carousel ul {margin:0px;}
#carousel ul li {width:160px; margin-right:9px;}

.rimage {position:relative;}
.rimage p {color:#555; font-family:Verdana; font-style:italic; font-size:0.9em;}
.rimage span {position:absolute; top:0; left:0; width:150px; background:#000; background-color:rgba(0,0,0, 0.3); padding:3px 5px; font-size:12px; line-height:14px; display:none; text-align:center; color:#fff; text-shadow:0 1px 1px #666; font-size:12px;}
.rimage span a {color:#fff; text-shadow:0 1px 1px #666; font-size:12px;}
.rimage:hover span {display:block}
.rimage:hover p {color:#000;}
.rimage a:hover {text-decoration:none;}

.splitter {background:url(images/splitter.png) center repeat-x; text-align:left; margin-bottom:5px;}
.splitter span {padding-right:6px; background:#fff; font-size:10px; font-style: normal; text-transform:uppercase; letter-spacing: 2px; color: #ccc; white-space:nowrap; text-shadow: 0px 0px 1px #fff;}

/*-<[ .bread ]>-*/

.bread {background:#ffffff;}
.bread .crumb {font-size:10px; color:#b8b8b8; padding:5px 0 5px 6px;}
.bread .down {float:left; font-size:10px; color:#b8b8b8; padding:5px 0 5px 6px;}
.bread a:link, .bread a:visited {text-decoration:none;}
.bread a:hover {background:#f8f8f8; text-decoration:none;}

/*-<[ @lists ]>-*/

.price, .image, .timg {float: left; display: block;}
.image { margin-right:20px; }
.image img { border: solid 5px #ffffff; background: #ffffff; }
.timg { border:4px solid #cccccc; margin-right:10px; }
.timg:hover { border:4px solid #ddd; }
.item {width: 320px; padding-left: 75px; padding-right: 10px; float: left; display: block;}
.description {padding-left:25px; width:300px; float:left;}
.bord { border-top:1px solid #fff; }

.image { width: 50px; text-align: center; }

.list, .list-spon { height:202px;}
.list {border:6px solid #e2e2e2; margin-bottom:15px; background: #eee;}
.list-spon {border:6px solid #e2e2e2; margin-bottom:15px; background: #eff;}
.ItemTitle {height:24px; font-size:18px; padding:4px; border-bottom:1px solid #ddd;}
.list div a, .list-spon div a {text-decoration:none;}
.list div.no, .list-spon div.no { height:60px; }
.list div.alt, .list-spon div.alt{   height:60px; }
.list div a:hover, .list-spon div a:hover { color: #000000; }
.list div.no, .list div.alt, .list-spon div.no,.list-spon div.alt { padding: 7px 0 7px 0; }

.main_page_img {display: block; float: left; width: 50px; height: 50px; border: 5px #FFF solid; margin-left: 8px;}
.main_page_no_img {width:50px; margin-left:8px;}

.urbangreymenu {width:150px;}
.urbangreymenu ul {list-style-type:none; margin:0; padding:0; margin-bottom:0;}
.urbangreymenu ul li {background:#1DAAF2; color:#fff; margin-bottom:4px;}
.urbangreymenu ul li a {font:normal 12px Arial; color:#fff; display:block; padding:4px 8px; line-height:17px; text-decoration:none;}
.urbangreymenu ul li a:visited {color:#fff;}
.urbangreymenu ul li a:hover {background:#5fbefe; color:#fff;}

.post-text-wide .urbangreymenu {width:200px; margin:10px 0 10px 0;}
 
.item-widget {background:#fff; border-top:1px solid #b1b1b1;}
.item-desc {text-align:left; color:#343434; line-height:20px; padding:4px 0 6px 0; margin-left:82%;}

.itemrating-widget {float:left; width:280px; height:22px; margin:6px;}
.itemrating-grey {border:5px solid #eee; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}

.itemrating, .itemrating_featured {border:1px solid #ddd; position:relative; overflow:hidden; zoom:1; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background:#fff; padding:6px;}

.post-ratings img {vertical-align:middle;}
.post-ratings span {margin:0 0 0 3px;}

/*-<[ @articles ]>-*/

.heading {border-top:1px solid #ebebeb; margin-bottom:20px; padding-top:20px;}

.artitle {float:right; width:510px;}
.artitle h1 a {font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; font-weight: normal; line-height:110%; margin-bottom:0; padding:0 0 1px; text-shadow:0 1px 1px rgba(64,64,64,.13);-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out}
.artitle h1 a:hover {font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; font-weight: normal; line-height:110%; margin-bottom:0; padding:0 0 1px; background: #f2f9f9; text-shadow:1px 1px 1px #ccc; text-decoration: none;}

.ahead {float:left; font-size:0.9em;}
.ahead span {position:absolute; margin:3px 0 0 5px; color:#999; font-family:Geneva, Arial, Helvetica, sans-serif;}

.aimg{float:left;}

#contcom {color:#000000; font-size:13px;}
#contcom h2 {font-size:1.5em; color:#000; line-height:120%; font-family:Tahoma, Verdana, sans-serif; text-shadow:1px 1px 1px #ccc; margin:10px 0 5px 0;}
#contcom h3 {font-size:1.3em; color:#aaa; line-height:120%; font-family:Tahoma, Verdana, sans-serif; text-shadow:1px 1px 1px #ccc; margin:10px 0 5px 0;}

.contpost{padding:0 10px;font-family:Consolas,Monaco,monospace; line-height:150%;}

/*-<[ .snippets ]>-*/

.snippet {border-top:1px solid #ebebeb; margin-bottom:15px; padding-top:15px;}
.snippet h1 a {font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; font-weight:normal; line-height:110%; margin-bottom:0; padding:0 0 1px; text-shadow:0 1px 1px rgba(64,64,64,.13); -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out;}
.snippet h1 a:hover {font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; font-weight:normal; line-height:110%; margin-bottom:0; padding:0 0 1px; background:#f2f9f9; text-shadow:1px 1px 1px #ccc; text-decoration:none;}

.scat {float:right; text-transform:uppercase; font:bold 80% 'Arial Black','Helvetica Neue',Arial,sans-serif;}
.scat a:hover {text-decoration:none;}

.stit {float:left; width:600px;}

.scom {float:right; font-size:0.9em; margin-top:4px;}

.dot {border:1px dashed #ebebeb; padding:2px; margin:6px 0;}

a.source {background: url(images/external.gif) center right no-repeat; padding:0 15px 0 0;}

/*-<[ @design ]>-*/

.fl {float:left !important;}
.fr {float:right !important;}

.itemleft {float:left; display:block; height:39px; width:200px; padding:0; margin:0;}
.itemtitle {height:24px; font-weight:bold; line-height:20px;}
.itemtitle a {font-size: 14px; text-decoration:none; padding:0;margin:0;}

.ratings {float:left; width:auto; margin:0 8px 0 0; padding:0 8px 0 0; border-right:1px solid #ccc;}
.reviews {color:#444; font-size:10px; float:left; font-weight:bold; padding-top:1px;}

.itemright {float:right;display: block;height: 40px;width: 89px;padding:0;margin:0;border-left:1px solid #ccc; margin-right:8px;}
.thumbnail {float: left;margin: 0 0 10px;padding: 0;width: 290px;height: 181px;overflow: hidden;}
.quickzoom a {float: right;height:13px;width: 80px;margin-top: 2px;background: transparent url(images/icon_more1.gif) center center no-repeat;}
.moreinfo-small a {float: right;height:18px;width: 80px;margin-top: 5px;background: transparent url(images/icon_more.gif) center center no-repeat;}

.designpost {background:#fff; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border:1px solid #cbcbcb; width:298px;  height:230px; padding:8px 0 8px 8px; margin-bottom:20px;}
.designpost:hover {-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.4); -moz-box-shadow:0 0px 10px rgba(0, 0, 0, 0.4);}
.designpost:active {-webkit-box-shadow:0 0 0 rgba(0, 0, 0, 0.4); -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.4);}

/*-<[ @tuts ]>-*/

.tuts {padding:10px 0; border-bottom:1px solid #ddd;}
.tuts .title {font-size:18px; text-decoration:none;}
.tuts .fll {float: left; margin-bottom:-4px;margin-top:5px;}
.tuts .flr {float: right;font-size: 12px;}
.tuts .flr img {vertical-align: middle;}
.tuts span {margin-left:5px; color:#ccc;}

/*-<[ @home ]>-*/

.homeCategories {width:700px;}
.homeCategories ul {list-style-type:none;}
.homeCategories ul li {float:left; width:210px; height:20px; display:block; color:#777; font-size:0.9em; margin-left:20px; background:url('images/folder.png') no-repeat 8px 6px; line-height:17px; padding:7px 0;}
.homeCategories ul li a {font-size:1.2em; float:left; color:#333; display:block; padding-left:33px; padding-right:3px;}

.desc {color:#6b6b6b;} .desc a {color:#0092dd;}

.dropdown, .dropdown2 { margin-left:2px;}

.dropdown dd, .dropdown dt, .dropdown ul,.dropdown1 dd, .dropdown1 dt, .dropdown1 ul,.dropdown2 dd, .dropdown2 dt, .dropdown2 ul { margin:0px; padding:0px; font-size:10px; z-index:100; }
.dropdown dd,.dropdown1 dd,.dropdown2 dd { position:relative; }

.dropdown a, .dropdown a:visited, .dropdown1 a, .dropdown1 a:visited, .dropdown2 a, .dropdown2 a:visited { color:#999; text-decoration:none; outline:none;}
.dropdown a:hover, .dropdown1 a:hover, .dropdown2 a:hover { color:#000;}

.dropdown dt a, .dropdown1 dt a, .dropdown2 dt a {background:#fff url('images/arrow.png') no-repeat scroll right center; display:block; padding-right:20px; border:1px solid #D2D2D2; width:120px; height:18px; line-height:18px;}
.dropdown dt a span, .dropdown1 dt a span, .dropdown2 dt a span {cursor:pointer; display:block; padding-left:5px;}
.dropdown dt a:hover, .dropdown1 dt a:hover, .dropdown2 dt a:hover {color:#999; background:#fff url('images/arrow.png') no-repeat scroll right center; border: 1px solid #ccc;}

.dropdown dd ul, .dropdown1 dd ul, .dropdown2 dd ul { background:#fff none repeat scroll 0 0; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; color:#333; display:none; left:0px; position:absolute; top:-1px; width:140px; list-style:none;}
.dropdown dd ul li a, .dropdown1 dd ul li a, .dropdown2 dd ul li a { padding:5px; display:block;}
.dropdown dd ul li a:hover, .dropdown1 dd ul li a:hover, .dropdown2 dd ul li a:hover { background-color:#f8f8f8;}
.dropdown img.flag, .dropdown1 img.flag, .dropdown2 img.flag { border:none; vertical-align:middle; margin-left:10px; }
.dropdown span.value, .dropdown1 span.value, .dropdown2 span.value { display:none;}

.flagvisibility { display:none;}

/*-<[ @comments  ]>-*/

.commentlist {margin:0; padding:0;}

.comment {border-left:3px solid #F1F1F1; border-top:1px solid #F1F1F1; border-bottom:1px solid #F1F1F1; border-right:1px solid #F1F1F1; background:#FFF; margin-bottom: 5px; display:block; padding: 1.1em 1.1em 0 1.1em;}
.comment .vcard {float:left; margin:0 10px 0 0;}
.comment .metadata {width:50%; float:left; font-size:11px; border-bottom:1px solid #e7e7e7; padding: 0 0 5px 0;}
.comment .details {float:left; width:90%; padding: 5px 0 0 0;}

#comments {color:#000000; border-top:1px solid #ebebeb; font-size:20px; line-height:30px; font-weight:normal; letter-spacing:-1.2px; margin: 0 0 10px 0; clear:both;}

li.bypostauthor {background:#f2f9f9;}

small {font-size:1.2em; color:#000;}

#commentform input {width:170px; padding:2px; margin:5px 5px 1px 0;}
#commentform {margin:5px 10px 0 0;}
#commentform textarea {width:100%; padding:5px; margin:5px 0;}
#commentform #submit {margin:0; width:140px;}

#respond {padding:0 0 0 10px;}
#respond h2 {width:100%; font-family:Helvetica, Arial; color:#000000; font-size:20px; font-weight:normal; clear:both;}
#respond label {display:block; color:#5d5d5d; font-family:Helvetica, Arial; font-size:13px; padding-bottom:3px;}
#respond p.block {float:left; width:219px; padding-bottom:0px;}
#respond p.lastblock {float:left; width:195px; padding-bottom:0px;}
#respond input[type="text"] {float:left; width:195px; height:20px; padding:2px;}
#respond textarea {width:627px; margin-right:10px;}

#respond2 {margin-top:18px;}
#respond2 h2 {width: 100%; font-family:Georgia, "Times New Roman", Times, serif; color:#000000; border-top:1px solid #ebebeb; font-size:20px; line-height:30px; font-weight:normal; font-style:italic; margin:0 0 10px 0; clear:both;}
#respond2 label {color:#bbb;}

/*-<[ @footer ]>-*/

.ll {float: left; height: 1px; width: 100px; background:#dddfe2; margin:0 0 5px 0;}
.lr {float: right; height: 1px; width: 100px; background:#dddfe2; margin:0 0 5px 0;}
#nav {color:#626363; font-size:10px; margin-top:10px; padding:0 0 5px 0;}
#nav a {color:#bbb; text-decoration:none; border-bottom: 1px solid #EEE; padding:0 0 5px 0;}
#nav a:hover {color:#626363; border-bottom: 1px solid #333; text-decoration:none; padding:0 0 5px 0;}
#nav li {display:inline; margin:0 0 0 15px;}


#bottom-nav {margin-bottom:26px; font-size:12px; border-top:1px solid #EFEFEF;}
#bottom-nav .menu {float:left; padding:6px 0 6px 0;}
#bottom-nav .menu a {color:#0066ff; text-decoration:none;}
#bottom-nav .menu a:hover {background:#f8f8f8;}
#bottom-nav .menu li {display:inline; margin-right:15px;}

#box_newsletter {float:right; margin:1px 0; width:260px;}
#box_newsletter form {position:relative; width:254px;}
#box_newsletter input {font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; padding:3px; width:252px; border-top:1px solid #eee; border-left:1px solid #eee; border-right:1px solid #eee; border-bottom:1px solid #fff; color:#d9d9d9;}
#box_newsletter input#newsletter_submit {padding:0px 0px 0px 5px; position:absolute; right:0px; top:3px; width:46px; border:0px; border-left:1px solid #eee; background-color:transparent; color:#666;}
#box_newsletter input#newsletter_submit:hover {cursor:pointer;}

#footer {margin:0 auto; height:20px; border-top-style:double; border-color:#dadada; padding:0 0 10px 0;}
#footer a {color:#999999;}
#footer .copy {float:right; font-family:Arial,sans-serif; color:#ccc;}
#footer .copy span {color: #bbbbbb;}
#footer .left {float:left; text-align:left; padding-top:4px; font-size:11px; color:#eee;}
#footer .left a{border:none; padding:0; margin:0 7px 0 0; color:#aaa; text-decoration:none;}
#footer .left a:hover {border-bottom:1px solid #ddd;}

/*-<[ #pass ]>-*/

span.description {font-size:10px; font-style:italic; margin-left: 126px}
#pass-strength-result {border-style:solid;border-width:1px;float:left;margin:12px 5px 5px 1px;padding:3px 5px;text-align:center;width:200px;}
#pass-strength-result.good {background-color:#FFEC8B;border-color:#FFCC00 !important;}
#pass-strength-result {background-color:#EEEEEE;border-color:#DDDDDD !important;}
#pass-strength-result.bad {background-color:#FFB78C;border-color:#FF853C !important;}
#pass-strength-result.strong {background-color:#C3FF88;border-color:#8DFF1C !important;}
#pass-strength-result.short {background-color:#FFA0A0;border-color:#F04040 !important;}

/*-<[ #sitemap ]>-*/

.sm {margin:20px 0; padding:5px;}
.sm2 {margin:10px 0;}
.sm .column {width:290px; float:left;}
.sm2 .column {width:220px; float:left;}
.sm h4, .sm2 h4 {font:normal 11px Arial, Helvetica, Verdana, sans-serif; text-transform:uppercase; letter-spacing:2px; color:#ccc; white-space:nowrap; text-shadow:0px 0px 1px #fff; border-bottom:1px solid #ddd;}
.sm h4 a {color:#ccc;}
.sm h4 a:hover {text-decoration: none;}
.sm ul, .sm2 ul {list-style-type:none; padding:5px 0;}
.sm ul li, .sm2 ul li {color:#ddd;}
.sm ul li a, .sm2 ul li a {margin-left:4px;}
.sm .column-separator {width:40px; height:40px; float:left;}
.sm2 .column-separator {width:10px; height:40px; float:left;}
.sm .h-separator {height:25px; clear:both;}

/*-<[ @contact ]>-*/

#wpcf label {clear: both; display: block; float: left; width: 150px; font-family: Helvetica, Arial, sans-serif; font-size: 12px;}
#wpcf input[type="text"] {float: left; width: 300px; height: 20px; padding: 1px; margin: 2px 5px 2px 0;}
#wpcf input[type="password"] {float: left; width: 220px; height: 20px; padding: 1px; margin: 2px 5px 2px 0;}
#wpcf select {float: left; width: 304px; height: 23px; padding: 1px; margin: 2px 5px 2px 0;}
#wpcf textarea {width: 300px; height: 140px; padding: 1px; margin: 0 5px 10px 0;}
#wpcf .lmsg {margin: 14px 0 0 0;}
#wpcf .gray {color: #aaa; margin: 4px 0 4px 0;}
#wpcf .lspam {margin: 5px 0 0 0;}
#wpcf .lspace {margin: 2px 0 0 0;}
#wpcf #contactsubmit {float: left; width: 200px; height: 34px; font-size: 1.4em; margin: 0 0 10px 0;}

/*-<[ @forms ]>-*/

#wpf label {width: 400px; clear: both; float: left; font-family: Helvetica, Arial, sans-serif; font-size: 12px;}
#wpf input {float: left; width: 400px; height: 20px; padding: 1px; margin: 2px 5px 10px 0;}
#wpf textarea {width: 400px; padding: 1px; margin: 2px 5px 16px 0;}
#wpf .gray {color:#aaa; margin:4px 0 4px 0;}
#wpf .lspam {margin:5px 0 0 0;}
#wpf #sform {float: left; width: 200px; height: 34px; font-size: 1.4em; margin: 0 0 10px 0;}

/*-<[ @login ]>-*/

#wplogin {padding-left:10px;}
#wplogin .logtxt {width: 80px; clear: both; float: left; font-size: 14px; margin-top: 6px;}
#wplogin .loginp {float: left; width: 140px; height: 18px; padding: 2px 3px; margin: 2px 5px 10px 0; font-size: 1.1em;}
#wplogin .fortxt {width: 500px; clear: both; float: left; font-size: 14px;}
#wplogin .forinp {float: left; width: 200px; height: 18px; padding: 2px 3px; margin: 2px 5px 10px 0; font-size: 1.1em;}
#wplogin .cek {margin-left:80px; font-size:1.1em;}
#wplogin #sub {padding:2px 5px;}

.gray {color: #aaa;}
.message {font-size: 13px; background: #FFBAD2; border:1px solid red; color: #fff; padding:5px; margin-bottom:10px;}

/*-<[ @table ]>-*/

table {font-size: 95%; /* IE hack */}
table.listing {width: 100%; margin-bottom: 20px; border-top: 1px solid #ddd;}
table.listing th {line-height: 2.3em; font-size: 0.90em; color: #999; border-bottom: 1px solid #ddd; background: #FBFBFB;}
table.listing td {vertical-align: middle; line-height: 1.8em; padding: 0 8px; border-bottom: 1px solid #ddd;}