/* @override http://www.giovannigentile.net/wordpress/wp-content/themes/giovannigentile-white/style.css */
/*  
Theme Name: Giovanni Gentile (white)
Theme URI: http://www.giovannigentile.net
Description: Restyle 2010
Version: 2.0
Author: Giovanni Gentile
Author URI: http://www.giovannigentile.net
*/

/* ! Global reset */
* { margin: 0; }
a { text-decoration:none } 
a img { border:none } /* Gets rid of IE's blue borders */
h1, h2, h3, ul 		{ margin: 0; padding: 0;}
/* ! Recyclables */
.clear				{ clear: both; }
.floatLeft 			{ float: left; }
.floatRight			{ float: right; }
.rel-left 			{ position: relative; float: left; }
.rel-right 			{ position: relative; float: right; }
img.left			{ position: relative; float: left; margin:0 12px 12px 0; }
img.right			{ float: right; margin-left: 12px; }

ul, li					{ list-style: none; }
  ul.disc li			{ list-style: disc;  margin: 3px 0 3px 20px; }
  ol.low-lat-list li	{list-style-type: lower-latin;}
  ol.decimal-list li	{list-style-type: decimal;}
  ol.decimal-list ol.low-lat-list li	{list-style-type: lower-latin;}
/* CSS 3 */
.rounded			{ -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.button				{ -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.shadow				{ -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; }


@font-face {
	font-family: 'District';
	src: url('type/DistTh__.eot');
	src: local('District'), local('District-Thin'),
	url('type/DistTh__.woff') format('woff'),
	url('type/DistTh__.ttf') format('truetype');	
	}

.red{ color: #c01316; font-size: 13px; font-weight: normal; }
a.barrato{text-decoration: line-through;}

/* ! PAGE STRUCTURE = = = = = = = = = = = = = = = = = = = = = = = */
html, body{ height: 100%; }
html{ margin: 0; overflow-y: scroll; background-color: #f6f6f6; }
body{ margin: 0 auto; font-size: 80%; font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif; color: #aeafaf; background-color: #f6f6f6; }
body.home{ background:  #f6f6f6 url(images/main-bg.jpg) center top no-repeat;  }  

/* ! WRAPS  = = = = = = = = = = = = = = = = = = = = = = = = = = = */
#header-wrap{ width: 100%; height:74px; position: fixed; top: 0; z-index: 100; background: transparent url(images/header-bg.png) top repeat-x; }
#page-wrap{ position: relative; width: 1024px; min-height: 100%; margin: 0 auto; }
.content{ overflow:auto; padding-bottom: 60px; }
/* ! HEADER  = = = = = = = = = = = = = = = = = = = = = = = = = = = */
#header{ position: relative; width: 1024px; height: 74px; margin: 0 auto; }
.seo{ height: 0; margin: 0; overflow: hidden; }
#logo{ display: block; position: relative; float: left; width:283px; height: 56px; }
#logo:hover{ background: none; }
.beta{ position: absolute; top: 25px; left:273px; padding-left: 0px; }
	
	/* ! Menu bar = = = = = = = = = = = = = = = = = = = = = = = = */
	#navigation{ position: relative; float: right; margin-right: 32px; height: 56px; }
	#navigation li{ position: relative; float: left; overflow: hidden; }
	#navigation li.space{ width: 16px; height: 56px; background: url(images/menu-titles.png) -89px top; margin-right: 20px; }
	#navigation li a{ display: block; height: 56px; margin-right: 20px; background-image: url(images/menu-titles.png); }
	  #home-bttn{ width: 48px; background-position: -21px top; }#home-bttn:hover{ background-position: -21px bottom; }
	  #portfolio-bttn{ width: 74px; background-position: -126px top; }#portfolio-bttn:hover{ background-position: -126px bottom; }
	  #contact-bttn{ width: 66px; background-position: -255px top; }#contact-bttn:hover{ background-position: -255px bottom; }
	#navigation li a p{ visibility: hidden; }
	/* 404 */
	#lost{ position: relative; float: left; margin-left: 102px; height: 36px; padding-top: 22px; color: #666; font-family: 'District', "Helvetica","Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif; font-size: 18px;}
	#lost a:hover{text-decoration: underline;}

/* @group PAGE CONTENTS */

/*#home{ width: 1024px; height: 1082px; }*/
	#topics{ width: 283px; height: 752px; visibility: hidden; }
.content-block{ position: relative; width: 1000px; height: auto; padding: 0 0 0 22px; overflow: hidden; }
.page-id-3 .content-block{ margin-top: 80px; }
.wrap-title{ position: relative; width:1024; height:180px; }

	h2.title, p.description{ padding-bottom: 3px; margin-bottom: 12px; background: url(images/underline.gif) bottom repeat-x; } 
	  
	  .category-slogan{ position: absolute; bottom: 10px; left: 52px; }
	  
	  .home .main-current{ position: absolute; right: 247px; }
	  .page-id-3 .main-current{ position: absolute; right: 4px; }
	  .main-current-portfolio{ position: absolute; top: -10px; right: 131px; }

.menu { position: absolute; left: 24px; bottom: 36px; font-family: 'District', "Helvetica","Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif; }
 .menu li, .menu p{ position: relative; float: left; padding: 0 16px 0 26px; font-size: 18px; }
  .menu li a{ color: #a6a7a7; padding: 6px 6px 3px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-shadow: #fffeff 0 1px 0; }
  .menu li a:hover{ color: #c01316!important; }
  .menu .current_page_item a, .page-id-7 .page-item-187 a{ color: #909090; background-color: #d2d3d3; border: thin solid #b1b2b2; }
  .menu .current_page_item a:hover{ color: #909090; cursor: default; }
  
	.web, .illustration, .print, .corporate{ position: relative; float: left; overflow: hidden; }
	 .web li, .illustration li, .print li, .corporate li{ position: relative; float: left; width: auto; height: auto; margin: 0 46px 32px 0; }
	  .web li a, .illustration li a, .print li span.no-anchor, .corporate li span.no-anchor{ display: block; width: auto; height: 310px; position: relative; margin-left: -4px; }
	  
	  .client, .agency{ position: relative; float: left; width: 200px; }
	  
	  /* = Multimedia = */
	  .multimedia{ position: relative; overflow: hidden; }
	  .multimedia li { position: relative; float: left; width: auto; height: auto; margin-bottom: 20px; }
	  .mm-desc{ float: left; width: 200px; margin-left: 20px; }
	  .multimedia h2.title { width: 200px; height: auto;}
	  .multimedia li span.no-anchor{ display: block; float: left; width: 740px; height: 293px; }
	  
	  .multimedia .client, .multimedia .agency{ padding-bottom: 3px; margin-bottom: 12px; background: url(images/underline.gif) bottom repeat-x; }

/* @group coda bubble */

  .bubbleInfo{ position: relative; width:458px; height: 293px; }
  .popup{ position: absolute; display: none; /*top: 140px; left: 100px;*/ }
  .popup{ width: 258px; height: 53px;  background: transparent url(images/bubble-bg.png) no-repeat; z-index: 100; }
  .popup p{ color: #c01316; padding: 20px!important; text-align: center; font-weight: bold; }

  /* @end */

/* @end */

.bubbleInfo{ position: relative; width:458px; height: 293px; }
.popup{ position: absolute; display: none; /*top: 140px; left: 100px;*/ }
.popup{ width: 258px; height: 53px;  background: transparent url(images/bubble-bg.png) no-repeat; z-index: 100; }
.popup p{ color: #c01316; padding: 20px!important; text-align: center; font-weight: bold; }




#post-3{ min-height: 340px!important; }/* Contact */
/* ! FOOTER = = = = = = = = = = = = = = = = = = = = = = = */
#footer-wrap{  position: relative; height: 60px; background: #d9d9d9 url(images/footer-wrap-bg.png ) repeat-x;margin-top: -60px; clear:both; }
#footer{ width: 984px; height: 30px; padding-top: 30px; position: relative; margin: 0 auto;   }
/*Footer Opera Fix*/
body:before { content:""; height:100%; float:left; width:0; margin-top:-32767px; }
/* ! TYPE = = = = = = = = = = = = = = = = = = = = = = = = */
body{ -webkit-text-size-adjust: none; }/* prevent iPhone text enlargement*/
a 			{ color: #c01316; }
.title	{ color: #c01316; font-family: 'District', Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: 21px; }
#site-generator{ font-family: Georgia, "Times New Roman", Times, serif; /*font-style: italic;*/ }
.category-slogan{ visibility: hidden; }
#footer	p		{ color: #666; }
#footer	p a		{ color: #666; text-decoration: underline; }
#footer	p a:hover { color: #fff; }

#site-info { float: left; width: 600px; }

#site-generator { float: right;	width: 240px; text-align: right; }
#site-generator { position: relative; font-style: italic; }
#site-generator a {	color: #666; display:inline-block; text-decoration: none; background: url(images/wordpress.png) center left no-repeat; padding-left: 19px; line-height: 16px; margin-left: 1px; }
#site-generator a:hover { text-decoration: underline; }

.beta{ font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #999; text-shadow: #fff  0 1px 1px; }



/*strong 			{ font-weight:bold; }
em 				{ font-style:italic }

a:hover 		{ background-color: #fff; text-decoration: underline; }
a.external		{ padding-right: 18px; background: transparent url(images/external10x.gif) right no-repeat; }
#contents a 	{ text-decoration: underline; }
.serif 			{font-family: Georgia, serif; margin-top: 12px;}

.blackbold 	{ color: black; font-weight: bold; }*/

/* ! 404 = = = = = = = = = = = = = = = = = = = = = = = = */
body.error404{ background: transparent url(images/404-main-bg.jpg) center top no-repeat;  }
body.error404 ul#navigation{ visibility: hidden; }
body.error404 #topics img{ visibility: hidden; }
body.error404 #topics{ background: url(images/404-topics-wrap.png) no-repeat;}