body {
    /*font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;*/
    font-family:verdana,Helvetica,sans-serif;
    font-size:12px;
    color: #444;
    margin: 0px;
    padding:0px;
    background: #fff;
}



a { color: #555; text-decoration: none;}
a:hover { color:#000; text-decoration: underline;} 

#header { height:88px; width:960px;margin-left:auto;margin-right:auto;margin-top:4px;}
#header .controls { float:right;}
#header .controls .data{ text-align:right;float:left; margin: 10px 10px 0px 0px}
#header .avatar { width: 84px; height:84px; }


#menu { margin-top:0px;color:#DDD ;height:44px; width:960px;margin-left:auto;margin-right:auto;font-weight:bold; font-size:13px; background: #84b0cb url(http://media.uimpix.net/media-uimpix.net/skin/default/bg_menu.gif)}
#menu a { color: #EEE }
#menu a:hover { color: #FFF }

#container {
    width: 960px;
    background-color: #fbfbfb;
    margin-left:auto;
    margin-right:auto;
    border-left: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;

}

#col1 {
    float: left;
/*     background: #DCC; */
    /*width: 460px;*/
    width: 410px;
    margin:0;
    
}
#col2 {
    float: left;
/*     background: #CDC; */
    width: 310px;
    margin:0;
}



#col3 {
    float: left;
/*     background: #CCD; */
    width: 240px;
    margin:0;
}

#col_expand {}

/************ MENUS ************/
.menu_item1 {
    float:left;
    margin-top: 13px;
    background: #EEE;
/*    background-image: url(http://media.uimpix.net/media-uimpix.net/skin/default/bg_menu_item1.jpg);
    background-repeat: no-repeat;*/
    width: 310px;
    height: 170px; 
    color: #FED;
}
.menu_item1 .body { margin:20px 15px; text-align:left; font-size:10px;}
/*.menu_item1 a { color: #FFF }*/
/*.menu_item1 a:hover { color: #FFF000; text-decoration:underline }*/
.menu_item1 h2 { text-align:left;border-bottom:0px solid #ffA020; font-size:16px;margin:0px 0px 5px 0px;padding:0px;}

.menu_item2 { float:left; width: 310px; margin-top: 20px;background:#f0f0f0 ; border: 0px dashed #e2e2e2}
.menu_item2 .body { margin-left:10px }
.menu_item2 ul { margin:0px;padding:0px;}
.menu_item2 li { border-bottom:1px solid #e3e3e3; color:#000033; font-size:11px; list-style-type:none; margin:0px; padding:1px 0px;line-height:16px; width:296px; height:15px; overflow:hidden}
.menu_item2 li a { color: #444 }
.menu_item2 li a:hover { color: #000033 }
.menu_item2 h2 { text-align:center;height:21px; border-bottom:0px solid #e4e4e4; color:#FFF;font-size:14px;letter-spacing:0px;margin:0px 0px 5px 0px;padding:0px 0px 0px 10px;background:#f0f0f0 url(http://media.uimpix.net/media-uimpix.net/skin/default/barrita.gif) no-repeat;}


.menu_item3 { margin:10px 10px 15px 15px; text-align:left }
.menu_item3 h2 { border-bottom:1px solid #EEEDE4; color:#000;font-size:16px;letter-spacing:-1px;margin:0px 0px 5px 0px;padding:0px;}
.menu_item3 ul { margin:0px;padding:0px;}
.menu_item3 li { border-bottom:1px solid #EEEDE4;color:#999999;font-size:12px;list-style-type:none;margin:0px;padding:1px 0px; }





#footer { text-align: center;}

.rss {background: transparent url(http://media.uimpix.net/media-uimpix.net/img/icons/feed_item.gif) no-repeat scroll 0px 2px;padding-left:18px;}

#tab_container {padding: 0px 0px 0px 20px; background: url(http://media.uimpix.net/media-uimpix.net/skin/default/border_tab.gif) repeat-x bottom; text-align: left; width:940px; margin-left:auto;margin-right:auto;}
#tabnav { width:90%;height: 22px;margin: 0;padding-left: 0px;padding-right: 0px;}
#tabnav li {margin: 0; padding: 0;display: inline; list-style-type: none;}
#tabnav a:link, #tabnav a:visited {float: left;font-size:15px;line-height: 14px;padding: 3px 10px 3px 10px; margin-right: 4px;  border: 1px solid #ccc; text-decoration: none; color:#335;background: #DDD;}
#tabnav a:link.active, #tabnav a:visited.active { border-bottom: 1px solid #fbfbfb; background: #fbfbfb; color:#003; font-weight:bold;}
#tabnav a:hover { color:#FFF; background: #444; }




#subtab_container {width: 90%;padding:0px;margin:14px 0px 7px 10px;background: url(http://media.uimpix.net/media-uimpix.net/skin/default/sub_border_tab.gif) no-repeat bottom left;float:left;}
#subtabnav { width:100%;height: 15px;margin: 0;padding-left: 0px;padding-right: 0px;}
#subtabnav li {margin: 0; padding: 0; display: inline;list-style-type: none;}    
#subtabnav a:link, #subtabnav a:visited {float: left;background: #dddce1;font-size:11px;line-height: 12px;padding: 2px 10px 2px 10px;margin-right: 4px; border: 1px solid #DDD;text-decoration: none;color: #555;}
#subtabnav a:link.active, #subtabnav a:visited.active{border-bottom: 1px solid #f0f0f0;background: #f0f0f0;color: #000;font-weight:bold;}
#subtabnav a:hover {color:#000;background: #FFF;}

.paginador {width: 90%;background-color:#e8e8e8;text-align:center;padding:3px;font-weight:bold;border:1px solid #dddddd; margin:5px auto 0 auto; font-size:12px;}



/*********************************/
#entry_list { 
    background: #f0f0f0;
    width:450;
    margin: 0px 10px 0px 10px;

}

.entry_item { 
    float:left; 
    margin: 5px 0px 0px 5px; 
    width: 380px;
    border-bottom:1px solid #e3e3e3;
}
.entry_item:hover { background: #e4e4e4; }
.entry_item .icon { float:left; height:17px; width:17px;overflow:hidden; vertical-align: middle; padding: 0px 0px 0px 0px;position:relative; }
.entry_item .icon img { width:17px; }

.entry_item .text_container { float:left; margin-left: 5px;}

.entry_item .title { float:left;font-size: 12px; overflow: hidden;width:341px;overflow: hidden;height:17px;line-height:17px;}
.entry_item .title a { color: #000; text-decoration: none; }
.entry_item .title a:visited { color: #555; text-decoration: none;/*font-style:italic*/ }
.entry_item .title a:hover { color: #000; text-decoration: none; }

.nsfw a,.entry_item .nsfw a {color:#C00;}
.entry_item .nsfw a:visited {color:#C66;}
.nsfw a:hover, .entry_item .nsfw a:hover {color:#F00;}

.entry_item .info_icon {vertical-align:middle;float:left;cursor:pointer;hand;}


.entry_item .data { display:none; color: #999; font-size: 11px;letter-spacing:-1px;}
/*.entry_item .data a { color: #858585; }
.entry_item .data a:hover { text-decoration:underline;color: #333; }*/

/*********************************/

/**************** ENTRY *************/

.entry { float:left;border-bottom: 1px dashed #CCC;background: url(http://media.uimpix.net/media-uimpix.net/skin/default/bg_entry.gif) repeat-y;}

.entry .side { font-size:11px;float: left; margin:0px 0px 5px 0px;width:125px; min-height: 400px; /*background:#FFF url(http://media.uimpix.net/media-uimpix.net/skin/default/bg_entry_side.gif) repeat-x;*/ padding: 5px 10px 10px 10px;}
.entry .side .avatar img { width: 125px; max-height: 200px; border: 1px solid #EEE;}
.entry .side h2 { color:#771111;font-size:14px;margin:0px;padding:0px;}
.entry .side h3 { font-size:11px;margin:0px 0px 10px 0px;padding:0px;text-align:center;}
.entry .side ul { margin:0px;padding:0px;}
.entry .side li { border-bottom:1px solid #EEEDE4;color:#777;list-style-type:none;margin:0px;padding:1px 0px; }


.entry .body {float: left; font-size:12px; width:780px; margin: 5px 0px 5px 0px; padding-left:15px; border-left: 1px dashed #DDD;overflow:hidden}
.entry .body img {max-width: 775px}
.entry .body .title { text-align:center;font-size:16px; font-weight: bold;}
.entry .body .title img { vertical-align:middle;}
.entry. .footer {}



.comment { width:98%; float:left; margin:0px 5px 5px 10px; padding:0px; overflow:hidden;}
.comment .body{ font-size: 13px; padding: 5px 10px 5px 10px; background: #f2f2f2; border: 1px solid #DDD;min-height:30px;}
.comment .data{ float:right; font-size:11px; }
.comment .footer{ float:left; font-size:11px; }
.comment .footer img:hover { background: #111;}

.comment .hidden {}
.comment .hidden {color:#aaa;background-color:#F8F7F6;border: 1px solid #DDD;min-height:10px;}
.comment .hidden a {color:#88bbDD }
.comment .hidden a:hover {color:#336699; }




.ctrl_box { float:left;background:#f7f7f7; border: 1px solid #ccc; margin:10px 0px 10px 10px; font-size:11px;}
.ctrl_box .body { margin-left:10px }
.ctrl_box ul { margin:0px;padding:0px;}
.ctrl_box li { border-bottom:1px solid #DDD; color:#000033; font-size:11px; list-style-type:none; margin:0px; padding:1px 0px; overflow:hidden}
.ctrl_box li a:hover { color: #000033 }
.ctrl_box h2 { border-bottom:1px solid #DDD; color:#000;font-size:16px;letter-spacing:-1px;margin:0px 0px 5px 0px;padding:0px;}



#vote_set_score {margin:-4px 0px 0px 6px}
#vote_set_score ul {margin: 0;padding: 0;}
#vote_set_score li {float: left;list-style-type: none;width: 21px;font-size:11px;height:16px;overflow:hidden}
#vote_set_score a {text-decoration: none;color: #FFF;background: #888;display: block;padding: 1px 5px;text-align: center;border: 1px solid #333;border-width: 1px 1px 0 0;}
#vote_set_score a#first {border-left: 1px solid #333;}
#vote_set_score a:hover {background: #fe6700;color: #FFF;}

.mc_container { text-align:left; margin-top:15px; padding:5px 0px 5px 5px; color:#333; background:#FFF;}



.pms { font-size: 13px;}
.pms table { border:1px solid #BBB }
.pms table th { background: #666; color: #DDD;}
.pms table #body {font-size:13px; padding: 5px; border: 1px solid #aaa;background:#f4f4f4}


.potho_div {width:215px;height:172px;float:left;margin:10px 0px 0px 10px; padding:5px 5px 5px 5px; background-color: #e9e9e9; border:1px solid #ccc}
.potho_div .title {float:left;width:195px;height:18px;overflow:hidden;}
.potho_div .zoom {float:right;margin:0;padding:0;}



.friend_div {letter-spacing:-1px;width:213px;height:16px;float:left;margin:10px 0px 0px 10px; padding:5px 5px 5px 5px; background-color: #f0f0f0; border:1px solid #e5e5e5}

.group_div {width: 213px;height:52px;float:left;margin:15px 0px 0px 10px;}
.group_div .title {width: 180px; height:16px;line-height:16px; letter-spacing:-1px;overflow:hidden;}
.group_div .tags {width:180px;height:16px;line-height:16px;font-size:11px; letter-spacing:-1px;margin-left:16px;color:#888;overflow:hidden;}






#dhtmltooltip{
    position: absolute;
    width: 500px;
    font-size: 12px;
    
    padding: 5px;
    background-color: #FFFADB;
    color: #444;
    border:1px solid #DDC;
    text-align: left;
    visibility: hidden;
    z-index: 100;
    /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
    filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
#dhtmltooltip h3 {
    margin:0px 0px 5px 0px;
    font-size: 12px;
    font-weight:normal;
}

#dhtmltooltip a { color:#12B; }

.warning_box {
    border:1px solid #DDC;
    background:#F5f5F0;
    padding:8px 8px 8px 8px;
    text-align:center;
    margin-bottom:5px;
}



.table_tr_selected {background: #EED;}
.table_tr_over {cursor: pointer;hand;}
.table_tr_over:hover {background: #DDC;}


img { border:none }
select { border: 1px solid #BBB;background: #F9f9f9 }
input { border: 1px solid #BBB;background: #F9f9f9 }
input:focus {background: #FFF}

textarea { border: 1px solid #BBB;background: #F9f9f9}
textarea:focus {background: #FFF}

fieldset { border: 1px solid #BBB; width: 90%; margin:auto; text-align:center;}
fieldset legend { color: #777;}

.quote { margin: 5px 20px 5px 5px;padding: 5px 5px 5px 5px;background-color:#f9f6f5; border: 1px dashed #CCC; font-style:italic }

.error { color: red }

.form_help { color: #999; font-size:11px;}
label { font-weight: bold}

.potho_div {width:215px;height:172px;float:left;margin:10px 0px 0px 10px; padding:5px 5px 5px 5px; background-color: #e9e9e9; border:1px solid #ccc}
.potho_div .title {float:left;width:195px;height:18px;overflow:hidden;}
.potho_div .zoom {float:right;margin:0;padding:0;}
.big_photo_div {text-align:center}
 
.big_photo_div .title { text-align:center;font-size: 20px; font-weight: bold;}
.big_photo_div .title img { vertical-align:middle;}
.big_photo_div .description { font-size:14px;}


.group_event {float:left;margin:15px 0px 15px 15px;background:#f5f5f5;width:685px;padding-left:10px;border:1px solid #f1f1f1;}
.group_event .body {overflow: hidden;float:left;width:490px;letter-spacing:0px;margin-left:10px}
.group_event .img {overflow: hidden;float:left;width:180px;float:left}
.group_event .title{font-size:14px; text-align:center;margin:4px;font-weight:bold;}
.group_event .data{color:#666;margin:4px 0px;text-align:right;width:675px;float:left;font-size:11px}

.group_home_desvirtue {background:#f5f5f5;max-height:1024px;width:685px;}

#col1-2 {
    float: left;
/*     background: #CDC; */
    width: 720px;
    margin:0;    
}


table .row1 {background:#eaeaea} 
table .row2 {background:#f5f5f5}

div .hr { border-bottom: 1px solid #ddd; margin: 10px 0px 10px 0px}
div hr { display:none}

.comment_votes_box {width:150px;float:left; text-align:center;font-size:11px; border: 1px solid #DDD;margin: 1px 1px 1px 1px;background:#f0f0f0;}


.color_red { color:red}
.color_green { color:green}
.color_yellow { color:yellow}
.color_orange { color:orange}
.color_gray { color:gray}
.color_blue { color:blue}
.color_purple { color:purple}
.color_black {color:black}



/*.icon_img { height:16px; width:16px;overflow:hidden; position:relative;border:0px solid white;margin-top:2px; margin-left:4px;} */
.icon_img { height:16px; width:16px;overflow:hidden; border:0px solid white;margin-top:2px; margin-left:4px;} 


########################################### BOXY #############################
.boxy-wrapper { position: absolute; }
.boxy-wrapper.fixed { position: fixed; }

/* Modal */

.boxy-modal-blackout { position: absolute; background-color: black; opacity: 0.7; filter: alpha(opacity=70); left: 0; top: 0; }

/* Border */

.boxy-wrapper .top-left,
.boxy-wrapper .top-right,
.boxy-wrapper .bottom-right,
.boxy-wrapper .bottom-left { width: 10px; height: 10px; padding: 0 }

.boxy-wrapper .top-left { background: url('http://media.uimpix.net/media-uimpix.net/skin/default/boxy-nw.png'); }
.boxy-wrapper .top-right { background: url('http://media.uimpix.net/media-uimpix.net/skin/default/boxy-ne.png'); }
.boxy-wrapper .bottom-right { background: url('http://media.uimpix.net/media-uimpix.net/skin/default/boxy-se.png'); }
.boxy-wrapper .bottom-left { background: url('http://media.uimpix.net/media-uimpix.net/skin/default/boxy-sw.png'); }

/* IE6 hacks for the border */
* html .boxy-wrapper .top-left { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://media.uimpix.net/media-uimpix.net/skin/default/boxy-nw.png'); }
* html .boxy-wrapper .top-right { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://media.uimpix.net/media-uimpix.net/skin/default/boxy-ne.png'); }
* html .boxy-wrapper .bottom-right { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://media.uimpix.net/media-uimpix.net/skin/default/boxy-se.png'); }
* html .boxy-wrapper .bottom-left { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://media.uimpix.net/media-uimpix.net/skin/default/boxy-sw.png'); }

.boxy-wrapper .top,
.boxy-wrapper .bottom { height: 10px; background-color: #345; opacity: 0.7; filter: alpha(opacity=70); padding: 0 }

.boxy-wrapper .left,
.boxy-wrapper .right { width: 10px; background-color: #345; opacity: 0.7; filter: alpha(opacity=70); padding: 0 }

/* Title bar */

.boxy-wrapper .title-bar { background: #56739e url(http://media.uimpix.net/media-uimpix.net/favicon.gif) 6px 3px no-repeat; padding: 6px 6px 6px 27px; position: relative; }
  .boxy-wrapper .title-bar.dragging { cursor: move; }
	.boxy-wrapper .title-bar h2 { font-size: 12px; color: white; line-height: 1; margin: 0; padding: 0; font-weight: normal; }
	.boxy-wrapper .title-bar .close { color: white; position: absolute; top: 6px; right: 6px; font-size: 90%; line-height: 1; }
	
/* Content Region */

.boxy-inner { background-color: white; padding: 0; }
.boxy-content { padding: 2px 10px 15px 15px; }
/* Question Boxes */

.boxy-wrapper .question { width: 350px; min-height: 80px; }
.boxy-wrapper .answers { text-align: right; }

/*********************************/
 

.section-box { float:left; width: 340px; margin:10px 0px 0px 10px;background:#f0f0f0; border: 0px dashed #e2e2e2;}
.section-box .body { margin-left:10px }
.section-box ul { margin:0px;padding:0px;}
.section-box li { border-bottom:1px solid #e3e3e3; color:#000033; font-size:11px; list-style-type:none; margin:0px; padding:1px 0px;line-height:16px; width:296px; height:15px; overflow:hidden}
.section-box li a { color: #444 }
.section-box li a:hover { color: #000033 }
.section-box h2 { text-align:center;height:21px; border-bottom:0px solid #e4e4e4; color:#FFF;font-size:14px;letter-spacing:0px;margin:0px 0px 5px 0px;padding:0px 0px 0px 10px;background:#f0f0f0 url(http://media.uimpix.net/media-uimpix.net/skin/default/barrita340.gif) no-repeat;}
.section-box h2 a {color:#EFEFEF}

.section-box .entry_item {float:left;margin: 5px 0px 0px 0px; width: 320px; border-bottom:1px solid #e3e3e3;}
.section-box .entry_item .icon { float:left; height:17px; width:17px;overflow:hidden; vertical-align: middle; padding: 0px 0px 0px 0px;position:relative; }
.section-box .entry_item .icon img { width:17px; }

.section-box .entry_item:hover { background: #e4e4e4; }

.section-box .entry_item .text_container { float:left; margin-left: 5px;}

.section-box .entry_item .title { float:left;font-size: 12px; overflow: hidden;width:285px;overflow: hidden;height:17px;line-height:17px;}
.section-box .entry_item .title a { color: #000; text-decoration: none; }
.section-box .entry_item .title a:visited { color: #555; text-decoration: none;/*font-style:italic*/ }
.section-box .entry_item .title a:hover { color: #000; text-decoration: none; }