/*-----------------------------------------------------------------------------
[client] Screen Stylesheet

version:   2.3
date:      01/06/09
author:    [Stefano Oldeman]
email:     stefano [.] oldeman [/-\T] :gmail [.] com

website:   [fano-arts.com]

version history: no backups files yet


Colours!
3		black: #01021F
0		white: #FBFCEA
5		middle-grey: #7B7B7B
4		lightest-grey: #E1E1E1
1		beige: #E9DEC7 
2   beige2: #FBFCEA 
10	light-brown: #996633
5		light-red: #9B2F2F
11	hype-green: #4AC187
 	
2		(r) bordeau-red: #990000
6		brown: #49301C
7		dark-green: #1C4A47
8		navy-blue: #072C3F (with green dots)
9		purple: #573945
*/	

/* Set up the document 	
-----------------------------------------------------------------------------*/
	
	* {
	margin:0px;
	padding:0px;
	}

	body{
	font: 62.5%  Verdana, Arial, Tahoma, sans-serif;
	background: #ffffff url(../images/fano-arts-bg.jpg) repeat-x fixed top center;
	width:100%;
	}

	a img{
	border:none;
	border-bottom:none!important;
	text-decoration:none;
	outline-style:none;
	}

	a{
	outline-style:none;
	}

	a:link, a:visited {
	color:#626262;
	font-weight:normal;
	text-decoration:underline;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	}
	
	a:focus, a:hover, a:active{
	color:#7d7d7d;
	font-weight:normal;
	text-decoration:none;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	}

	ul, ol, dl	{
	list-style-type: none;
	list-style-position:outside;
	}




/* Typography
-----------------------------------------------------------------------------*/

	h1, h2, h3, h4{
	font-family:Georgia,Times,"Times New Roman",serif;
	}
	
	h2{
	color:#626262;
	font-size: 2.0em;
	font-weight:lighter;
	word-spacing:-1px;
	display:block;
	padding:10px 5px 0px 10px;
	}
		
	h3{
	font-weight:lighter;
	word-spacing:-1px;
	font-size: 1.8em; /* Equivalent to 18pt */
	color:#072C3F;
	margin:10px 5px 0px 10px;
	}
		
	h4{
	font-size: 1.6em; /* Equivalent to 18pt */
	}
		
	h5{
	font-size: 1.4em; /* Equivalent to 14pt */
	}
	
	p{
	line-height:140%;
	font-size:1.2em;
	display:block;
	}


/* Related to sections and ID's 
---------------------------------------------------------------------------*/
	#wrapper{
		position: relative;
		top:30px;
		left:0px;
		width:900px;
		height:100%!important;
		height:100%;
		min-height: 100%;
		margin:0px auto;
		z-index:150;
		
	}

	#head{
		position:absolute;
		width:inherit;
		height:100px;
		overflow:auto;
	}
	
	/*-- head child elements*/
	
		#title h1{
			color:#573945;
			font-size: 2.3em;
			word-spacing:-1px;
			padding:25px 10px 0px 10px;
			display:block;
		}
		
		#title{
			position:fixed;
			top:-20px;
			width:inherit;
			/*actual visible height: 40px; */
			height:60px; 
			background:#EFEDCD;
			border:1px solid #D2D2D2;
			z-index:200;
		}

	
	/* -- navigation -- */
		
		#nav{
			position:fixed;
			top:60px;
			height:20px;
			width:860px; /*grid width - (margin-left + margin-right) == 900 - (20+20) == 860 */
			height:25px;
			font-family:Arial, Helvetica, sans-serif;	
			background:#EFEDCD;
			border:1px solid #D2D2D2;
			z-index:140;
		}
		
		#nav ul{
			position:relative;
			width:auto;
			height:14px;
			line-height:2px;
			margin:5px 10px 5px 10px;
			display:block;
			
		}
		
		#nav li{
			width:auto;
			list-style-type:none;
			line-height:14px;
			float:left;
			padding:0px 10px 0px 10px;
			/*border-right: 1px dotted #666;*/
		}

		#nav ul li a{ 
			color:#573945;
			font-size:1.2em;
			text-decoration:underlined;
			display:block;
		}
		
		#nav ul li a:link, #nav ul li a:visited, #nav ul li a:active{ 

		}
		
		#nav ul li a:hover{
			color:#7B7B7B;
			text-decoration:none;
			z-index:160;
		}

		#nav ul li:hover{
			z-index:160;
		}
	
	#grid-content{
		position:absolute;
		top:80px;
		width:100%;
		height:auto;
		padding-bottom:100px;
	}

	#footer{
	position: fixed;
	top: auto;
	right: 0;
	left: 0;
	bottom: 0;
	height:30px;
	color:#353535;
	padding-left: 20px;
	background-color: #fff;
	border-top: 1px solid #666;
	z-index:200;
	}

	#footer p.credit{
	position:absolute;
	right:0;
	bottom:0;
	color:#01021F;
	font-size:1.1em;
	margin:7px 0px;
	padding-right:10px;
	display:block;
	z-index:199;
	}

	/* --box: !default- */

		div.default{
			height:auto;
			padding-bottom:10px;
			background:#FBFCEA;
			border:1px solid #E1E1E1;
		}
		
		div.default h3{
			color:#072C3F;
			margin:10px 5px 0px 10px;
		}
		
		div.default p{
			color:#1C4A47;
			margin:10px 5px 0px 10px;
		}
		
		div.default ul{
			color:#1C4A47;
			font-size:1.2em;
			list-style-type:disc;
			margin:0px 0px 10px 20px;
		}
		
		div.default ul li{
			margin:5px 0px 0px 10px;
		}

	/* box:index->home->blog- */
	
		div.blog{
			margin-top:20px;
			background:#FBFCEA;
			border:1px solid #E1E1E1;
		}

		div.blog h2{
			position:inherit;
			top:0px;
		}

		div.blog p{
		color:#231818;
		margin:10px 5px 0px 10px;
	}

	/* --box:twitter- */

		div.twitter{
			width:inherit;
			height:240px;
			background:#FBFCEA;
			border:1px solid #E1E1E1;
			display:block;
		}

		div.twitter ul{
			list-style-type:disc;
			list-style-position:inherit;
			overflow:hidden;
		}

		div.twitter ul li {
			font-size:0.9em;
			color:#1C4A47;
			padding:6px 5px 0px 10px;
			
		}

		div.twitter ul li p small, ul.lastfm li span.date{
			color:#7B7B7B;
		}

	/* --box:last.fm - */

		div.lastfm {
			width:inherit;
			height:auto;
			margin-top:20px;
			background:#FBFCEA;
			border:1px solid #E1E1E1;
		}
		
		.lastfm p{	
			margin:5px 10px 5px 10px;
		}
		
		ul.lastfm{
			margin:10px 10px 0px 10px;
		}
		
		ul.lastfm li{
			font-size:1.1em;
			color:#1C4A47;
		}

/* Styles
-----------------------------------------------------------------------------*/

	.blok1{				width:200px;}
	.blok2{				width:420px;}
	.blok3{				width:640px;}
	.blok4{				width:860px;}
	.column-0{		margin-left:0px; }
	.column-1{		margin-left:20px;}
	.column-2{		margin-left:220px;}
	.column-3{		margin-left:440px;}
	.column-4{		margin-left:660px;}
	.image{				border:2px solid #ccc;margin:10px; float:right; clear:left;display:block;}
	.clear{				clear:both;}
	.right{				float: right;}
	.left{				float: left;}
	.inline{			display:inline;}
	.nob{					background:none!important;}
	.round{				-moz-border-radius:10px;-webkit-border-radius:10px;}
	hr.clear{size:0px;border:none;visibility:hidden;clear:both;}
	p.datetxt{color:#bfbfbf;font-size:11px!important;margin:0px;line-height:200%;}

/* Forms
-----------------------------------------------------------------------------*/
	
	form {
		margin: 0;
		padding: 0;
	}

	input, textarea {
		font: 11px tahoma, arial, sans-serif;
		font-weight: normal!important;
		padding:2px;
	}

/* Tables 
-----------------------------------------------------------------------------*/

	table{ 
		border-spacing: 0;
		border-collapse: collapse;
	}

	td{
			text-align: left;
		font-weight: normal;
	}