@charset "utf-8";
@import "reset.css";
@import "ie.css";  
/*
Theme Name: HiperSocial
Theme URI: http://hipersocial.com/
Description: Tema da Hipersocial 
Version: 1.0
Author: HiperSocial
Author URI: http://hipersocial.com

	HiperTheme 1.0v
	 http://hipersocial.com/hipertheme/

*/
/*
============HIPERSOCIAL.COM===================
= INFO: ============================
* Version: 1.0.0 (25/03/2009) DD-MM-YYYY
* File: style.css
* Project: com.hipersocial.blog

= STRUTURE: ===============================
* CONTAINER: 960 px OR 1000px;
* MAIN: [966px;]
* LEFT-COLUMN: 245PX;
* MAIN-COLUMN: 374PX;
* RIGHT-COLUMN: 344PX;
* FOOTER: 1000PX;

= COLORS: ==================================
* BACKGROUND: #f2f2f1;
* BORDER_CONTAINER: #f7f7f7;
* TOP_LINE_LOGO: #f0e8e0;
* TOP_SEARCH_BOX_BORDER: #cbc5c5;
* TOP_MENUSEC: #978c8b;
* TOP_MENU: #855c5b;
* TOP_MENU_HOVER: #fd3600;
* TOP_MENU_SUBMENU: #bbb6a9;
* TOP_MENU_SUBMENU_HOVER: #fc461c;
* LEFT,RIGHT,MAIN-COLUMN-TEXT:#6d5754
* LEFT-COLUMN-TEXT-LINKS:#f1a41f;
* TITLE_AREA_BG: #e7e0d0;
* FOOTER_BORDER: #ffc561;
* FOOTER_BG: #bbb5a6;
* COPYRIGHT_BORDER: #aca79a;

= FONTS: ====================================
* TOP_MENU_SEC: Helvetica - 12pt;
* TOP_MENU: Helvetica - 13pt;
* TOP_MENU_SUBMENU: Arial - 10px;
* HEADER: Helvetica - 35pt;
* LEFT,RIGHT,MAIN: : ARIAL - 14PX;
* TITLE_AREA: Helvetica - 20px;
* FOOTEAR: Arial - 12px;

= INDEX: ===================================
/* _STRUCTURE
–––––––––––––––––––––––––––––––––––––––––––––*/ 
BODY{background:#f2f2f1 url(img/bg_body.jpg) bottom repeat-x;font-family:Arial, Helvetica, sans-serif}
#CONTAINER{width:1000px; margin:0 auto; border-left:10px solid #f7f7f7; border-right:10px solid #f7f7f7; background:#fff; padding-bottom:10px; min-height:750px;}
#CONTAINER  #HEADER{ width:100%; height:100%;padding-top:21px; background: url(img/bg_topmenu.jpg);}
#CONTAINER  #MAIN{width:966px;margin:0 auto;margin-top:10px;}
#LEFT-COLUMN,#CONTENT,#RIGHT-COLUMN{margin-top:20px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#6d5754; text-align:justify}
#MAIN #LEFT-COLUMN{width:195px; font-size:13px; text-align:left; /*margin-left:20px;*/ margin-right:40px; border-right:1px solid #EADCD1}
#MAIN #CONTENT{width:638px; padding-right:15px;}
#MAIN #RIGHT-COLUMN{width:313px; margin-left:15px; margin-right:20px; margin-top:150px;} 
#BLOG #LEFT-COLUMN{width:195px;font-size:13px; text-align:left;margin-left:20px;margin-right:40px;}
#BLOG #CONTENT{width:700px;padding-right:15px; }
#BLOG #RIGHT-COLUMN{width:250px;margin-left:15px; margin-right:20px; } 
#FOOTER{width:1020px; margin:0 auto; background:#bbb5a6; border-top:5px solid #ffc561; }

/**=========RIGHT-COLUMN ===========**/
#RIGHT-COLUMN ul{margin-bottom:20px;}
#RIGHT-COLUMN ul li{list-style:square;}
#RIGHT-COLUMN ul li a{color:#fc461c; font-size:12px}
#RIGHT-COLUMN ul li a:hover{text-decoration:underline}

/**=========BLOG ===========**/
#BLOG .title_area_model3{width:240px; margin-bottom:0px;}
#BLOG #LEFT-COLUMN,#CONTENT,#RIGHT-COLUMN{margin-top:20px;float:left;font-family:Arial, Helvetica, sans-serif; font-size:14px;color:#6d5754;text-align:justify}

/**=========COMMONS===========**/
#MAIN .title_area_model3{ width:216px;margin-bottom:15px;}
.title_area_model3{background:#e7e0d0;text-transform:uppercase;font-size:16px;padding:5px;}
.entry{font-family:Arial, Helvetica, sans-serif; font-size:14px;color:#6d5754;text-align:justify}
.clear{clear:both}
.navigation {color:#FC461C}
.navigation a{color:#FC461C}
.navigation a:hover{text-decoration:underline}
.navigation .alignleft{text-align:left;margin:4px;}
.navigation .alignright{text-align:right;margin:4px;}

/**========= LOGO ===========**/
.logo{text-indent:-9999px; background: url(img/sprites.png) 0 -107px ; width:260px; height:68px;float:left;}
.logo a{display:block;width:260px; height:68px; }

/**========= TOPMENU ===========**/
.topmenu{float:right; display:block; width:35px;margin-top:25px;}
.topmenu li{float:left;margin-left:5px;font-size:10px; font-family:Arial, Helvetica, sans-serif;font-weight:bold;}
.topmenu li a{color:#bbb6a9;}
.topmenu li a:hover{color:#fc461c;}

/**========= SEARCHBOX ===========**/
.searchbox{width:200px;float:right;margin-top:20px;}
.input{border: 1px solid #cbc5c5}
.searchbox .input{border: 1px solid #cbc5c5}
.searchbox .submit{background:url(img/sprites.png) -28px -181px; width:28px; height:20px;color:#FFF;border:none; text-indent:-9999px;clear:both}

/**========= MENUP ===========**/
.menup{width:966px; height:39px;background:url(img/sprites.png) -0px -0px no-repeat;clear:both;margin:0 auto;}
.menu{margin-left:7px;width:952px; display:block; height:40px;background:url(img/bg_menu.jpg) repeat-x;float:left; }
.menu li{margin-left:8px; height:26px;margin-right:7px;text-transform:uppercase;font-size:14px; font-family:Arial, Helvetica, sans-serif;padding-top:6px;float:left; width:143px; }
.menu li a{color:#855c5b; display:block; width:174px; height:20px;}
.page-item-8{border:none !important}
.menu li a:hover{color:#fc461c;}
.bgmenu {display:block;background: url(img/bg_menutop_left.jpg) repeat-x;float:left; height:40px; width:7px;}

/**========= TITLE AREA ===========**/
.title_area{background:url(img/bg_header2.jpg) repeat-x;display:block; height:60px; width:100%;font-size:20pt;color:#FFF}
.title_area .bg{background: url(img/sprites.png) -0px -39px no-repeat; height:58px;display:block;padding-top:10px;color:#FFF;font-family:Arial, Helvetica, sans-serif; padding-left:200px; text-align:left }
.title_area_model2{font-size:17px; font-weight:bold;margin-bottom:10px;}
.title_fmemu{font-weight:bold; color:#eeebe5}

 /**=========FOOTER ===========**/
.fmenu{width:140px; float:left;color:#eeebe5; text-align:left;margin-right:55px; margin-left:50px; height:140px;}
.fmenu li{font-size:12px;}
.fmenu li a{color:#eeebe5}
.fmenu li a:hover{color:#6d5754; text-decoration:underline;}
.boxfm{width:1000px;margin:0 auto; font-size:12px;margin-top:15px;}
.copyright{margin-top:15px;border-top:1px solid #aca79a; width:100%; display:block; color:#fbdead; text-align:left;padding-left:10px;}

 /**=========POSTS ===========**/
.blogpost{width:710px; text-align:center;}
.blogpost .bg{display:block;}
.entry{clear:both;margin-bottom:10px; }
.entry a{color:#f1a41f;}
.entry .alignleft{float:left;}
.entry .alignright{float:right;}
/*.entry img{display: block;margin-left: auto;margin-right: auto}*/
.entry a:hover{text-decoration:underline}
.postmetadata{margin-top:5px;float:right; font-weight:bold; display:block;padding-bottom:25px;}
.postmetadata a{color:#fc461c; font-weight:normal; }
.postmetadata a:hover{text-decoration:underline;}
.linkorkut{padding-top:5px;color:#f1a41f; text-decoration:underline}


/**=========LEFT-COLUMN ===========**/
#MAIN #LEFT-COLUMN a{color:#6D5754; text-decoration:none; font-size:16px;}
#MAIN #LEFT-COLUMN a:hover{color:#FC461C; text-decoration:underline}
#MAIN #LEFT-COLUMN ul li{list-style:square;margin-left:4%; font-size:14px;}

/* _PAGE-SINGLE-SEARCH
–––––––––––––––––––––––––––––––––––––––––––––*/
#postcont{margin-bottom:10px;}
#comments{text-align:left;padding-top:15px; padding-bottom:5px;font-size:20px;color:#fc461c;}
#respond{text-align:left;padding-left:30px;}
.alt{background:#e7e0d0;padding:5px;margin-top:25px;}
.commentlist{}
.comment-author{float:left}
.comment-meta{clear:both; text-align:left;font-size:10px;} 
.fn{font-size:18px; }
.fn a{color:#fc461c;}
.comment-meta a{color:#f1a41f;}
.commentlist p{text-align:left; color:#6d5754; font-size:12px; border-bottom:1px solid gray}

/* _INDEX
–––––––––––––––––––––––––––––––––––––––––––––*/
.infopost{float:right; font-weight:bold;}
.realease{color:#fc461c; font-style:italic; padding-bottom:10px; text-align:justify}
.realimg{margin-left:15px; padding:5px; background:#FFFFFF; width:200px; height:150px;float:right}


/* _PAGEDEVELOP
–––––––––––––––––––––––––––––––––––––––––––––*/
.thumbAppBox{height:86px; float:left; margin-right:15px; width:140px; display:block; background:url(img/bgApp.png) no-repeat; padding-top:5px}
.thumbAppBox img{margin:10px auto 0 auto; width:120px; height:60px;}
.page-item-8 a{width:157px !important;}


/* _APLICATIVOS BOX
–––––––––––––––––––––––––––––––––––––––––––––*/
.imgReplacement{background-image:url(img/thumbApps/imRepLogosApps.png); background-repeat:no-repeat;}
.containerApps{width:250px; height:300px; display:block;}
.containerApps li{width:73px; height:75px; display:block; margin-top:10px; margin-right:10px; float:left;}
.containerApps li a{text-indent:-9999px;}
.containerApps li a:hover{}
#idChat{width:73px; height:75px; display:block; background-position:-3px 0px;}
#idVNV{width:73px; height:75px; display:block; background-position:-3px -80px;}
#idLove{width:73px; height:75px; display:block; background-position:-3px -165px;}
#idAnswer{width:73px; height:75px; display:block; background-position:-3px -247px;}
#idEntreviste{width:73px; height:75px; display:block; background-position:0px -332px;}
#idTop5{width:73px; height:75px; display:block; background-position:-3px -416px;}
#idQB{width:73px; height:75px; display:block; background-position:-3px -499px;}
#idPet{width:73px; height:75px; display:block; background-position:-3px -583px;}
#idChat:hover{background-position:-83px 0px;}
#idVNV:hover{background-position:-80px -80px;}
#idLove:hover{background-position:-80px -165px;}
#idAnswer:hover{background-position:-80px -247px;}
#idEntreviste:hover{background-position:-80px -332px;}
#idTop5:hover{background-position:-80px -416px;}
#idQB:hover{background-position:-80px -499px;}
#idPet:hover{background-position:-80px -583px;}

/* _GALERIA DE FOTOS
–––––––––––––––––––––––––––––––––––––––––––––*/
#ngg-gallery-1-91{width:532px}
#ngg-gallery-3-97{width:460px}
#ngg-gallery-4-139{width:360px}
#ngg-gallery-2-141{width:450px}
#ngg-gallery-3-196{width:460px;}
.ngg-galleryoverview{margin:0 auto;}
.p2c_catlist{font-size:22px;}
.p2c_catlist li{list-style:square; color:#F1A41F}