/* GENERAL */
body {margin:0;padding:0;}
textarea, input, body,select {font-family:"Trebuchet MS";font-size:11px;color:#282828}
h2 {font-size:12px;margin:0;margin-bottom:9px}
small {color:#707070;font-size:11px;font-weight:normal;}
i {color:#707070; font-style:normal;}
em {color:#c1c1c1; font-style:normal;}
a {color:#282828;border-bottom:1px solid #c4c4c4; text-decoration:none; padding-bottom:-2px}
.force_hover, a:hover {border-bottom:1px solid #000;color:#999999}
select .force_hover {border-bottom:none;}
.right {text-align:right;}
a img {border:0 !important;}

form {margin:0;padding:0}
textarea, input {border:0;background-color:#f2f2f2;width:228px;margin-top:1px}
label {width:45px;float:left;}
textarea {height:113px}
form .button {width:228px;text-align:right;height:20px}

#pag {text-align:left;width:952px;overflow:hidden;}
#div_top {margin-top:46px;}
/* END GENERAL */

/* MENU - TOP */
.bb_info {width:950px;height:27px;overflow:hidden;font-family:"Verdana";font-size:10px;padding:0;border:0;margin:0;}
#bbtop {position:absolute;z-index:6000;height:60px;}
.bb_info span {padding-left:107px;display:block;background-color:#fff;padding-top:4px;padding-bottom:6px;*padding-bottom:13px;}
.bb_info span div {width:100%}
.bb_info span a {margin-top:2px}
#bbfooter span {height:21px}
.bb_info .fl {float:left;}
.bb_info i {font-size:13px;color:#c0c0c0;margin-right:4px;margin-left:1px}

#left_area,#menu {width:80px;float:left;}
#menu {position:absolute;z-index:7000}
#menu li {background-color:#fff;padding:3px 9px;padding-bottom:7px;font-size:12px;font-weight:bolder;margin-bottom:1px;padding-right:0}
.clearli {
	background-color:transparent !important;
	padding:0px 0px !important;
	margin-left: 1px;
	padding-bottom:0px !important;
	font-size:12px !important;
	font-weight:bolder !important;
	margin-bottom:5px !important;
	padding-right:0 !important;
	border: none !important;
}
.clearli a, a:hover {
text-decoration: none !important;
border-bottom:0px solid transparent !important;
color:transparent !important;
}

#menu .logo {padding-bottom:3px;padding-top:7px}
#menu .logo a {border:0}
/* END MENU - TOP */

/* WORKS */
#tags {float:left;margin-left:23px;width:326px;}
#l_tags {display:block;background:#fff;padding:12px;width:302px;overflow:hidden;margin-bottom:23px}
#l_tags .right {width:300px;float:right;height:16px}
#l_tags .links {font-size:24px;}
#l_tags .links a {border:0;margin:5px}
.tags_box {display:block;background:#fff;padding:7px 12px;width:302px;overflow:hidden;}
#works {background:#fff;width:493px;float:left;margin-left:23px;overflow:hidden;margin-bottom:23px}
#works .searchbox {padding:5px}
#works .searchbox input {width:393px;}
#works .searchbox label {width:38px;margin-top:3px}
#works .searchbox .sel_cat {width:62px;margin-top:3px}
#works .searchbox select {width:416px}
#works .searchbox .help {border:0;font-size:12px}
#works .searchbox .button {background:#000;width:auto;padding:0 2px;color:#fff;font-size:10px;margin-left:1px}
#works .searchbox .button:hover {color:#000;background:#f2f2f2}
#works .searchbox .left {display:block;width:380px;float:left;overflow:hidden;}
#works .list_works img, #works .image {margin:1px;float:left}
#works .list_works {float:left;padding:1px;width:489px}
#works .image {overflow:hidden;background:#f1edee}
#works .list_works div {float:left}
#works .list_works .view_work {padding:3px}
#works .list_works .links {padding:10px;width:166px;overflow:hidden;}
#portfolio_help {width:460px;position:absolute;z-index:8888;background-color:#fff;padding:15px;display:none;}
#portfolio_help em {color:#999}
/* END WORKS */

/* BLOG - OTHERS  */
#content {width:645px;margin-left:23px;float:left;overflow:hidden;}

#network .text {margin-left:1px;padding:13px;background:#fff;width:309px;height:278px;overflow:hidden}
#network li div, #posts li div {float:left;}
#network li, #posts li {margin-bottom:23px;width:100%;}
#network .image, #posts .image, #posts .video {background:#fff;padding:1px;width:300px;}
#network .image {padding:2px}
#network .reverse .text, #posts .reverse .text, #posts .reverse .menu {margin-left:0px;margin-right:1px;}

#posts .text {margin-left:1px;padding:11px 0px;background:#fff;}
.text i, .text em {color:#282828 !important; font-style:italic !important;}
#posts .reverse .text {text-align:right;}
#posts .image {height:300px}
#posts .video {height:288px;padding-top:38px}
#posts .image_sshow {background:#fff;padding:4px;width:294px;margin-top:1px;text-align:right;*padding-top:2px;}
#posts .menu {width:307px;height:32px;margin-left:1px;margin-top:1px;padding:5px 15px;background:#fff;overflow:hidden;padding-bottom:0}
#posts .menu .links {margin-top:6px;border:none;width:147px;height:21px}
#posts .menu .links a {float:left}
#posts .menu .links em {float:left;margin:0 2px}
#posts .menu .right {border:none;width:160px;height:35px;line-height:12px}

#posts .comment {padding:14px;background:#fff;margin-left:1px;width:99%}
#posts .comment form {float:left;}
#posts .comment label {width:53px}
#posts .comment .list_comments {margin-right:12px;text-align:right;}
#posts .reverse .list_comments {margin-left:12px;text-align:left;margin-right:0;}
#posts .comment .list_comments hr {border:0; padding:0; border-top:2px solid #f0f0f0;}
#posts .reverse label {text-align:right;}
#posts .comment .send_friend {margin-left:294px;display:inline;}
#posts .comment .send_friend label {width:78px; text-align:right}

#approach {display:block;background:#fff;padding:12px;margin-bottom:23px}

#navigation {margin-left:22px;width:177px;float:left;overflow:hidden;}
#navigation .block {background-color:#fff;padding:10px;margin-bottom:28px;float:none;}
#navigation .block small a {margin:0;display:inline;float:none;}
#navigation .block .br1 {line-height:5px}

#network, #menu, #posts {padding:0;margin:0;list-style:none;display:block;}

.tags_box, #network .image, #network .text, #portfolio_help, #l_tags, #works .searchbox .button,#works .list_works, #works .searchbox, #approach, #navigation .block, .bb_info span, #menu li, #posts .menu, #posts .text, #posts .image_sshow, #posts .image,#posts .video  {border:1px solid #ededed;}

.pages {background-color:#fff;margin-bottom:32px;padding:5px;overflow:hidden;height:15px;}
.pages .left {width:120px;display:block;float:left;height:25px}
.pages .right {width:510px;display:block;float:left;height:25px}

.barrss {background-color:#fff;margin-bottom:15px;padding:5px;overflow:hidden;height:15px; font-weight: bold}
.barrss .left {width:120px;display:block;float:left;height:25px}
.barrss .right {width:510px;display:block;float:left;height:25px}


/* END BLOG - OTHERS  */

/* SCROLL */
.scroll_dragBar_h{position:absolute;left:5px;top:2px;z-index:1000;background-color:#FFF;width:1px;height:3px;} 
.scroll_dragBar{position:absolute;z-index:1000;background-color:#d6d6d6;width:3px;height:1px;margin-left:0px} 
.scroll_track{position:absolute;left:1px;z-index:1000;background-image:url(images/scroll_bck.gif);background-repeat:repeat-y;background-position:1px}
.scroll_up{position:absolute;left:0;top:0;	z-index:2000;}  
.scroll_down{position:absolute;left:0;bottom:0;z-index:3000;} 
.scroll_scrollbar{position:relative;left:0;top:0;font-size:1px;z-index:1000;float:left;}
.scroll_global_window{position:absolute;left:0px;top:0px;overflow:hidden;z-index:1000;}
.scroll_global_parent{position:relative;overflow:hidden;z-index:5000;float:left;}
.scroll_content{position:absolute;visibility:hidden;left:0px;top:0px;z-index:1;width:100%;}

.d1 {position:absolute;z-index:3333}
.sel1 {border:1px solid #000;width:400px;z-index:3334}
#p_tooltip {display:none;position:absolute;padding:8px;background:#ccc;filter:alpha(opacity=90);opacity: 0.9;-moz-opacity:0.9;border:1px solid #000;font-weight:bold;width:110px;overflow:hidden;}

.bb_info span {*height:21px}