@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:#F1F3F6}
.container{width:1020px; margin:0 auto; font-family:Arial, Helvetica, sans-serif;}

/* HEADER */
.header{height:206px; border-bottom:2px solid #D2D3D4}
.header .logo{text-indent:-999px; height:180px; width:191px; float:left; background:url(img/logoHiper.jpg) no-repeat; margin:10px 15px 14px 10px}
.header .slogan{border-left:2px solid #D2D3D4; float:left; width:255px; height:50px; padding-left:75px; background:url(img/asterisk.jpg) 20px 8px no-repeat; font-size:20px; margin-top:140px; color:#808080; font-family:Arial, Helvetica, sans-serif;}
.header .slogan font{display:block; line-height:15px; font-size:15px; font-style:italic} 
.header .rss{float:right; height:99px; width:107px; background:url(img/rss.jpg) no-repeat; margin:54px 90px 0 0}

/* CONTENT */
.content{clear:both}
.content .main{width:688px; margin:10px 15px 0 0; float:left; }
.content .post{clear:both; padding-bottom:10px; border-bottom:1px solid #D1D3D4; margin-bottom:10px}
.content .post .date{height:60px; width:60px; background:#5C2E10; float:left; color:#FFF; font-size:12px; text-align:center; font-weight:bold; margin-right:12px;}
.content .date strong{display:block; height:20px; text-align:center; font-size:20px; margin-top:9px; font-weight:bold;}
.content .post .title,.title_area a{font-size:30px; color:#5C2E10; float:left; width:600px; line-height:60px;}
.post .title a{color:#5C2E10 !important}
h2 a, h2 a:link, h2 a:hover, h2 a:visited {color:#5C2E10}
.content .post img{padding:5px; border:4px solid #D1D3D4; margin:5px auto; display:block; clear:both;}
.content .post .metadata{height:60px; width:680px; margin-bottom:10px;}
.content .post .text{clear:both; font-size:15px; color:#5C2E10; font-family:Arial, Helvetica, sans-serif;}
.content .post a{color:#F15A24}
.content .post a:hover{color:#E91F12}
.content .post .more-link,.wpcf7-submit{background:url(img/btnReadMore.jpg); width:72px; height:21px; line-height:21px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; float:right; font-size:12px; color:#FFF; text-align:center; border:0; cursor:pointer}
.more-link:hover{background:url(img/btnReadMore.jpg); color:#fff!important;}
.footer{clear:both; background:url(img/footer.jpg); width:998px; height:130px;margin-top:20px; font-size:14px;}

.sidebar{width:295px; float:right; margin:10px 0 0 0;}
.sidebar .topic {display:block;height:;background:url(img/asterisk2.jpg) left center no-repeat; font-size:30px; line-height:30px; padding-left:45px;letter-spacing:4px;color:#5C2E10;}
.sidebar .listopic{display:block; margin-bottom:20px;}
.sidebar .listopic li{display:block; text-indent:50px; font-size:15px; color:#808080;letter-spacing:4px; margin-top:8px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-weight:normal; text-transform:uppercase; }
.sidebar .listopic li a{color:#808080;}
.sidebar .listopic li a:hover{color:#F15A24}
.sidebar .seeAll{color:#E91F12; font-size:14px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; float:right;}
.searchForm{display:block; clear:both; margin-top:25px}
.searchForm .input{border-top:1px solid #D2D3D4; border-left:1px solid #D2D3D4; border-bottom:1px solid #D2D3D4; float:left; width:180px; height:31px; }
.searchForm .submit{float:left; height:34px; width:70px; background:#E91F12; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; line-height:34px; color:#fff; border:0px;}

.listSocial{display:block; clear:both; width:205px; margin:25px auto 25px auto;}
.listSocial li{height:39px; width:32px; float:left; margin:0 10px 0 9px}
.listSocial li a{height:100%; width:100%; display:block;}
.listSocial #blogger{background:url(img/icon_blogger.png) no-repeat}
.listSocial #flickr{background:url(img/icon_flirck.png) no-repeat}
.listSocial #orkut{background:url(img/icon_orkut.png) no-repeat}
.listSocial #twitter{background:url(img/icon_twitter.png) no-repeat}

.aktt_tweets ul li {background:url(img/twitterTopic.jpg) no-repeat left 4px; display:block; padding-left:40px; font-family:Arial, Helvetica, sans-serif; margin-bottom:10px;color:#808080; font-size:13px; padding-top:5px}
.aktt_tweets a{color:#808080; }
.aktt_tweets ul .aktt_tweet_time{color:#F15A24; font-size:14px; display:block}

.copyright{display:block; text-align:right; margin-right:10px; padding-top:15px; color:#808080; clear:both}

#twitter-tools{margin-top:10px;}
.aktt_more_updates{height:34px; color:#E91F12}
.aktt_more_updates a{color:#E91F12}
/* _GALERIA DE FOTOS
–––––––––––––––––––––––––––––––––––––––––––––*/
#ngg-gallery-1-191{width:537px}
#ngg-gallery-3-97{width:460px}
#ngg-gallery-4-198{width:360px}
#ngg-gallery-2-200{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}


.wpcf7-text{width:100%; height:30px; border:1px solid #D2D3D4}
.your-message textarea{width:100%; border:1px solid #D2D3D4}

.navigation{clear:both} 
.navigation a{color:#E91F12}
.navigation .alignleft{text-align:left;margin:4px; float:left }
.navigation .alignright{text-align:right;margin:4px; float:right;}

/*------------------[#footerHiper]---------------------*/
#footerHiper{height:200px; width:1020px; background:#D3D2D0; margin:0 auto; font-family:Arial, Helvetica, sans-serif; clear:both; display:block}
#footerHiper .titleListApps{color:#676766; font-size:34px; line-height:32px; margin-top:10px; letter-spacing:-1px; margin-left:5px;}
#footerHiper .titleSocial{font-size:20px; letter-spacing:-1px; color:#676766; margin-left:100px; line-height:20px; margin-top:4px;}
#footerHiper .leftFooter{height:170px; width:575px; float:left; background:url(img/bgHiperLgo.png) no-repeat bottom left;}
#footerHiper .rightFooter{width:257px; height:170px; margin-left:188px; float:left; background:url(img/bgTextHiper.png) no-repeat bottom right;}
#footerHiper .copyFooter{background:#676766; height:30px; clear:both; text-align:center; line-height:30px;}
#footerHiper .copyFooter .copytext{font-size:14px; color:#333;}
/*------------------[#listapps]---------------------*/
#listapps{display:block; height:110px; width:418px; margin-left:157px; margin-top:18px;}
#listapps li #fhvnv{background-position:left top}
#listapps li #fhtolove{background-position:left -102px}
#listapps li #fhquestion{background-position:left -204px}
#listapps li #fhchat{background-position:left -34px}
#listapps li #fhcaraacara{background-position:left -169px}
#listapps li #fhentreviste{background-position:left -68px}
#listapps li #fhmeupet{background-position:left -170px}
#listapps li #fhselection{background-position:left -135px}
#listapps li #fhoutroapp{background-position:left -204px}
#listapps li{width:125px; margin-right:10px; height:32px; float:left; margin-bottom:10px;}
#listapps li a{display:block; width:89px; height:35px; line-height:32px; font-size:14px; color:#333; padding-left:35px; letter-spacing:-1px; background:url(img/spritApps.png) no-repeat;}
/*------------------[#socialLinks]---------------------*/
#socialLinks{display:block; height:105px; width:160px; margin-left:100px;}
#socialLinks li{height:30px; width:100px; display:block; margin:4px 0;}
#socialLinks li a{height:30px; width:100px; display:block; background:url(img/spritSocial.png) no-repeat}
#socialLinks #fhTwiiter{background-position:left top}
#socialLinks #fhOrkut{background-position:left -30px}
#socialLinks #fhSite{background-position:left -61px}