
     /*----------------------*/
    /*                      */
   /*  filippovanucci.com  */
  /*                      */
 /*______________________*/


body, h1, h2, h3, h4, h5, h6, input
{
	margin:   0px;
	padding:  0px;
	color: #333;
	font-family: Helvetica, Helvetiker, Arial, sans-serif;
	font-size: 11px;
	line-height: 12pt;
	font-weight: normal;
}

body
{
	background-color: #F3F3F3;
	padding: 0px;
	filter: alpha(opacity=100);
	opacity: 1.0;
	overflow-y: visible;
	overflow-x: visible;
}

#logo
{
	width: 130px;
	height: 60px;
	margin: 0px 0px 0px 0px;
}
#container {
	width: 935px;
	min-height: 100%;
	margin: 16px 0px 0px 16px; 
	padding: 0px; 
	border: 0px; 
	text-align: left; 
	clear: both;
}
#header{
	height: 135px;
}
#body{
	position: absolute;
	top: 15px;
	left: 201px;
	z-index: 0;
}
#body.gallery {
	width: 745px;
}
#col1 {
	width: 174px;
	margin-right: 12px;
	float: left;
}
#col2 {
	float: left;
}
a.logo h1, a.logo div {
	font-size: 13px;
	text-transform: uppercase;
	float: left;
	clear: both;
	color: #333;
	background-color: #FFF;
	padding: 2px 5px 1px 5px;
}
a.logo h1:hover, a.logo div:hover {
	color: #333;
	background-color: #FFF200;
}
a.logoActive h1, a.logoActive div {
	font-size: 13px;
	text-transform: uppercase;
	float: left;
	clear: both;
	color: #FFF;
	background-color: #000;
	padding: 2px 5px 1px 5px;
}
#menu{
	position: fixed;
	top: 15px;
	left: 15px;
	z-index: 1;
}
.black {
	background-color: #000;
}
.black h2, .black h4, .black p {
	color: #FFF;
}



   /*---------------*/
  /*    Anchors    */
 /*_______________*/

p a:link, p a:visited, p a:hover, p a:active, p a:focus {
	text-decoration: underline;
}

a:link, a:visited, a:hover, a:active, a:focus
{
	border: none;
	background-color: transparent;
	color: #727F9B;
	text-decoration: none;
}
a:hover
{
	background-color: #FFF200;
	color: #333;
	text-decoration: none;
}
a img, img 
{
	border: none;
}




   /*---------------*/
  /*   Hierarchy   */
 /*_______________*/


h2
{
	font-size:   20px; 
	text-transform: uppercase;
	font-weight: normal;
	color: #333;
	padding-top: 6px;
	margin-bottom: 6px;
}
h2 a:link, h2 a:visited, h2 a:hover, h2 a:active
{
	border: none;
	background-color: transparent;
	color: #000;
}
h3
{
	text-transform: uppercase;
	font-size: 12px;
	color: #333;
	font-weight: lighter;
}
h4
{
	text-transform: uppercase;
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
	padding: 5px 5px 5px 0px;
}
h5
{
	margin-bottom: 2px;
}
h6
{
	color: #BBB;
}
h6 a:link, h6 a:visited, h6 a:hover, h6 a:active, h6 a.ext:link, h6 a.ext:visited, h6 a.ext:hover, h6 a.ext:active
{
	border: none;
	background-color: transparent;
	color: #C0D9FF;
	text-decoration: none;
}
h6 a:hover, h6 a.ext:hover
{
	background-color: #C0D9FF;
	color: #FFF;
}
address
{
	font-style: normal;
}
.disabled
{
	text-decoration: line-through;
}
form, input
{
	margin:  0;
	padding: 0;
}




   /*---------------*/
  /*     Lists     */
 /*_______________*/


ol, ul, li
{
	margin:  0;
	padding: 0;
	list-style: none;
}
ul.horz li
{
	float: left;
	/* padding-right: 8px; */
}




   /*---------------*/
  /*     Boxes     */
 /*_______________*/


.box {
	position: relative;
	float:    left;
	padding: 0px;
}
.box.margin {
	margin: 0px 12px 12px 0px;
}
a.boxLink .box {
	overflow: hidden;
	/*border: 3px solid #FFF;*/
}
a.boxLink:hover
{
	text-decoration: none;
}
.boxTitle
{
	width: 180px;
	height: 80px;
	position: absolute;
	top: 143px;
	left: 0px;
	z-index: 3;
	background-color: #FFF;
	padding: 2px 0px 0px 3px;
}
a:hover .boxTitle
{
	color: #666;
}
.boxCover{ 
	filter: alpha(opacity=0);
	opacity: 0.0;
	background: transparent;
	position: absolute; 
	top: 0px;
	left: 0px;
	z-index: 2;
	width: 190px;
	height: 170px;
}
.boxImg{ 
	position: absolute; 
	top: 0px;
	left: 0px;
	z-index: 1;
}
h2, h4, p {
	margin: 8px;
}
.white{
	background-color: #FFF;
}




   /*---------------*/
  /*     Grid      */
 /*_______________*/


.w1 { width: 174px;}
.h1 { height: 135px;}
.w2 { width: 360px;}
.h2 { height: 282px;}
.w3 { width: 546px;}
.h3 { height: 429px;}
.w4 { width: 550px;}
.w5 { width: 632px;}
.clear { clear: both; }
.crop { overflow: hidden;}
.pad { padding: 6px 0 6px 0; }
.bt { border-top: 1px dotted #666; }
.bb { border-bottom: 1px dotted #666; }
.space {margin-bottom: 10px;}
.spacer {height: 20px; }




   /*---------------*/
  /*  Navigation   */
 /*_______________*/
 

ul#nav
{
	/* display:block; */
	/* float: left; */
}
ul#nav li {
	/* height: 16px; */
}
ul#nav li a {
	/* display: block; */
	float: left;
	clear: both;
	/* width: 87px; */
	background-color: #FFF;
	color: #333;
	font-size: 11px;
	text-transform: uppercase;
	padding: 2px 5px 2px 4px;
	margin-right: 2px;
}
ul#nav li a:hover, ul#nav li a.active {
	color: #333;
	background-color:#FFF200;
}
ul#nav li a.active {
	float: left;
	clear: both;
	background-color: #000;
	color: #FFF;
	font-size: 11px;
	text-transform: uppercase;
	padding: 2px 5px 2px 4px;
	margin-right: 2px;
}

a.menu {
	float: left;
	margin: 0px;
	padding: 2px 5px 2px 5px;
	background-color: #FFF;
}
a:hover.menu, a.menu.active {
	color: #333;
	background-color: #FFF200;
}





   /*---------------*/
  /*     Other     */
 /*_______________*/

img.full {
	width: 630px;
	margin: 0px 0px 10px 0px; 
}

.title {
	margin: 2px 2px 0px 0px;
	padding: 2px 5px 0px 8px;
	text-transform: uppercase;
	font-weight: bold;
}




   /*---------------*/
  /*    Footer     */
 /*_______________*/


#footer
{
	position: fixed;
	bottom: 0px;
	left: 15px;
	width: 159px;
	height: 20px;
	margin: 0px;
	padding: 5px 5px 5px 10px;
	/* color: #999; */
	background-color: #FFF;
}
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active, #footer a:focus
{
	padding: 0px;
}





   /*---------------*/
  /*      Blog     */
 /*_______________*/

div.menu ul li a, li.cat-item, li#archive ul li, li#meta ul li a {
	float: left;
	margin: 0px 2px 2px 0px;
	padding: 2px 5px 2px 5px;
	background-color: #FFF;
	clear: both;
}

/* div.menu ul li.current_page_item a, li.cat-item.current-cat */
div.menu ul li a:hover, li.cat-item:hover, li#archive ul li:hover, li#meta ul li a:hover, li.cat-item.current-cat {
	color: #333;
	background-color: #FFF200;
}


