/*
Theme Name: Web Design Friuli - Davide Tommasin
Theme URL: http://www.tommasin.org/webd-design-friuli.html
Description: Web Design Friuli is a light, 2-column Widget-ready theme created for Wordpress.
Author: Davide Tommasin
Author URI: http://www.tommasin.org
Version: 1.0
Tags: white, blue, two columns, custom headers, widgets, gravatar, fixed width, easy customization, valid XHTML, valid CSS
	
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,a img,:link img,:visited img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:'';}

b {
	font-weight:bold;
	color:#989898;
	font-style: normal;
}


body {
	background: #FFFFFF url("http://www.tommasin.org/web-design/background.png") repeat-x;
	color: #323232;
	text-align:center;
	font: normal normal 13px/1.3em Tahoma, Helvetica, sans-serif;
	margin: 0px auto 0px;
	padding: 0px;
	}
	
	
#wrap {
	background: transparent;
	width: 860px;
	text-align:left;
	margin: 0px auto 0px;
	padding: 0px;
	}

#stripe {
	background: #d3d3d3;
	height: 170px;
}

/* NAVIGATION */

#navigation{
width: 860px; 
height: 168px;
float: left;  
}
 
#navigation ul{
margin: 0;
padding: 0;
list-style-type: none;
}
 
#navigation li{
 display:inline;
 }
  
#navigation ul a.box1{
  margin: 26px 0 0 0; 
  display: block;
  width:255px;   
  height:118px;
  line-height:40px;
  color: #000;
  text-decoration: none;
  background: transparent url(http://www.tommasin.org/web-design/navigation.gif) 2px 0px no-repeat;
  text-indent: 50px;
  float: left;
  text-indent: -9000px;
}
 
#navigation ul a.box2{
  margin: 26px 0 0 41px;
  display: block;
  width:255px;   
  height:118px;
  line-height:40px;
  color: #000;
  text-decoration: none;
  background: transparent url(http://www.tommasin.org/web-design/navigation.gif) -282px 0px no-repeat;
  text-indent: 50px;
  float: left;
  text-indent: -9000px;
}
 
#navigation ul a.box3 {
  margin: 26px 0 0 41px;
  display: block;
  width:255px;   
  height:118px;  
  line-height:40px;
  color: #000;
  text-decoration: none;
  background: transparent url(http://www.tommasin.org/web-design/navigation.gif) -565px 0px no-repeat;
  text-indent: 50px;
  float: left;
  text-indent: -9000px;
}
 
  #navigation a:hover.box1 {
  background-position: 2px -126px;
  }
   
  #navigation a:hover.box2  {
  background-position: -282px -126px;
  }
   
  #navigation a:hover.box3  {
  background-position: -565px -126px;
  }

	
/************************************************
*	Hyperlinks									*
************************************************/

a:link,a:visited	{ color:#1e6cff; text-decoration:none; outline:none;}
a:hover,a:active	{ color:#ff008b; text-decoration:underline; outline:none;}
	
/************************************************
*	Navbar  									*
************************************************/
#nav {
        text-align: right;
        width: 500px;
        margin: 0px auto 0px 350px;
        padding: 0px;
}

#nav ul {
	margin: 5px 0px 0px 0px;
	padding: 0px;
	}

#nav li {
	display: inline;
	font-weight: normal;
	padding:0 7px 0 7px;
	border-right: 1px solid #BEBEBE;
	}

#nav a:link, #nav a:visited	{ color:#989898; text-decoration:none; }
#nav a:hover, #nav a:active	{ color:#1e6cff; text-decoration:underline; }

/************************************************
*       Webservice                                                                          *
************************************************/
#webservice {
        text-align: left;
        margin: 0px auto 0px;
        padding: 0px;
        padding-top: 30px;
	float: right;
	height: 120px;
}

#webservice p {
        margin: 0px; 
        padding: 0px;
	padding-bottom: 10px;
	color: #333333;
	font-size: 25px;
        }

#webservice ul {
	float: right;
	width: 400px;
        margin: 0px; 
        padding: 0px;
        }

#webservice li {
	padding: 0px;
	float: right;
	width: 200px;
        display: inline; 
        font-weight: normal;
        margin: 0px;
        }

#webservice a:link, #webservice a:visited     { color:#ffffff; text-decoration:none; }
#webservice a:hover, #webservice a:active     { color:#ffffff; text-decoration:underline; }

/************************************************
*	Masthead 					     		    * 
************************************************/

#masthead {
	width: 860px;
	height: 165px;
	/* height: 100px; background: url('images/logo.gif') no-repeat;*/
	/* uncomment the height and background declarations here if you intend to use a graphic in the header instead of the h1 */
}

/* #masthead a { display: block; width: 770px; height: 100px; } */ /* uncomment this line if you use a graphic in the header - make sure the height of your header graphic is equal to the height declared in this line of code! */
/* #masthead h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 25px; font-weight: normal; padding: 0em 0 0.2em 0; } */

#masthead h1 {
        margin: 0;
        left: 2px;
        margin-top: 43px;
        height: 135px;
        width: 350px;
        background:transparent url(http://www.tommasin.org/web-design/web-design-friuli.png) center 0 no-repeat;
        display:block;
        text-indent: -9000px;
}

#masthead h3 {
/*	font-family: sans-serif; */
font-family: "Century Gothic",Tahoma,sans-serif;
	margin: 0px;
	padding-left: 5px;
	font-weight: normal;
	font-size: 20px;
	text-transform: uppercase;
	color: #333;
}

#masthead a:link, #masthead a:visited	{ color:#414F59; text-decoration:none; }
#masthead a:hover, #masthead a:active	{ color:#444; text-decoration:underline;}


#banner { background: url("images/banner.jpg") no-repeat; height:134px; }

#banner1 { background: url("images/banner1.jpg") no-repeat; height:134px; }

#banner2 { background: url("images/banner2.jpg") no-repeat; height:134px; }


/************************************************
*	Content 					     		    * 
************************************************/

#content {
	width: 860px;
	margin: 0px auto 0px;
	padding: 0px;
	}

#content p{
	padding: 0px 0px 15px 0px;
	margin: 0px;
	line-height: 20px;
	}
	
#content h1 {
	color: #069DD5;
	font-size: 20px;
	font-weight: normal;
	letter-spacing: 0px;
	margin: 42px 0px 30px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px dotted #BEBEBE;
	}
	
#content h1 a  {
	color: #333333;
	text-decoration: none;
	}

#content h1 a:hover {
	color: #525252;
	text-decoration: none;
	}
	
#content p img{
	float: left;
	border: none;
	margin-right: 15px;
	margin-bottom: 10px;
	padding-top: 7px;
	}

#content h2 {
	color: #444444;
	font-size: 11px;
	font-weight:bold;
	padding: 0px 0px 5px 0px;
	margin: 25px 0px 5px 0px;
	border-bottom: 1px dotted #BEBEBE;
	text-transform: uppercase;
	}
	
#content h3 {
	color: #444444;
	font-size: 18px;
/*	font-family: Georgia, "Times New Roman", Times, serif; */
	font-weight: normal;
	margin: 25px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	}
	
#content img.wp-smiley {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}

#content img.wp-wink {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}
	
#contentleft {
	float: left;
	width: 400px;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 20px 0px;
	background: url(images/bgcontent.gif) top right repeat-y;
	}

#contentleft .noteart {
        width: 420px;
        text-align: right;
        border: 1px solid #bebebe;
        margin-bottom: 10px;
        padding-top: 7px;
        }
	
#contentleft ol{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 10px 0px;
	}
	
#contentleft ol li{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	}
	
#contentleft ul{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 10px 0px;
	}
	
#contentleft ul li{
	background:transparent url("images/ul-bullet.gif") 0px 3px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 18px;
	}
	
#contentleft .single {
	margin: 10px 0px 7px 0px;
	padding: 0px 0px 10px 0px;
	}

#portfolio {
        border: 1px solid #76DF41;
        margin: 0px 0px 10px 0px;
        padding: 5px;
        background-color: #CEFFB5;
        color: #000000;
        }

#portfolio h2 {
        font-size: 11px;
        font-weight:bold; 
        padding: 5px;
        margin: 0px;
        border-bottom: 1px dotted #BEBEBE;
        text-transform: uppercase;
        }

#offerta {
	border: 1px solid #FFEB70;
        margin: 0px 0px 10px 0px;
        padding: 5px;
	background-color: #FEFFD5;
	color: #000000;
        }

#offerta h2 {
        font-size: 11px; 
        font-weight:bold;
        padding: 5px;
        margin: 0px;
        border-bottom: 1px dotted #BEBEBE;
        text-transform: uppercase;
        }
	
blockquote{
	margin: 0px 25px 10px 25px;
	padding: 0px 25px 0px 10px;
	background: #333333;
	border-top: 1px solid #EFEFEF;
	border-bottom: 1px solid #EFEFEF;
	}
	
#content blockquote p{
	color:#fff;
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 0px 0px;
	}

.date {
	color:#A97965;
/*	font-family: Georgia, "Times New Roman", Times, serif; */
}

.bt-links {
	background: #EFEFEF;
	border: 1px solid #DDDCDC;
	margin:10px 0px 10px 0px;
	padding:10px 0px 10px 15px;
/*	font-family: Georgia, "Times New Roman", Times, serif; */
}

/************************************************
*	Left Sidebar 					     	    * 
************************************************/

#l_sidebar {
	float: left;
	width: 400px;
	margin: 40px 0px 0px 0px;
	padding: 0px 5px 20px 5px;
/*	border-left: 1px solid #E2DDDE; */
	font:11px/18px Verdana, Arial, Helvetica, sans-serif;
	}

#tag {
        margin: 20px 0 0 0;
        background: transparent url(http://www.tommasin.org/web-design/biglietto-visita.gif) right 0 no-repeat;
        width: 400px;
        height: 215px;
        float: right;
        text-indent: -9000px;
}
	
#l_sidebar ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}


#l_sidebar ul li {
	background:transparent url("images/bullet.gif") 0px 11px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */
	display: block;
	padding: 4px 0px 4px 10px;
	margin: 0px;
	}

#l_sidebar a:link, #l_sidebar a:visited	{ color:#444; text-decoration:none; outline:none; }
#l_sidebar a:hover, #l_sidebar a:active	{ color:#444; text-decoration:underline; outline:none; }
	

#l_sidebar p{
	padding: 3px 0px 0px 0px;
	margin: 0px;
	line-height: 20px;
	}


#l_sidebar li {list-style: none; }	
/************************************************
*	Right Sidebar 					     	    * 
************************************************/
	
#r_sidebar {
	float: right;
	width: 200px;
	margin: 40px 0px 0px 0px;
	padding: 0px 19px 20px 19px;
	border-left: 1px solid #E2DDDE;
	border-right: 1px solid #E2DDDE;
	font:11px/18px Verdana, Arial, Helvetica, sans-serif; 
	}

#r_sidebar ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	

#r_sidebar ul li {
	background:transparent url("images/bullet.gif") 0px 11px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */
	display: block;
	padding: 4px 0px 4px 10px;
	margin: 0px;
	}


#feed {
	background:  url("images/rss.gif") 183px 0px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */
	padding: 4px 0px 4px 10px;
}

#r_sidebar a:link, #r_sidebar a:visited	{ color:#444; text-decoration:none; outline:none; }
#r_sidebar a:hover, #r_sidebar a:active	{ color:#444; text-decoration:underline; outline:none; }
	
	
#r_sidebar p{
	padding: 3px 0px 0px 0px;
	margin: 0px;
	line-height: 20px;
	}

#r_sidebar li {list-style: none; }	

/************************************************
*	Footer  									*
************************************************/

#footer{
        height: 60px;
        float: left; 
        clear: left;
        padding: 15px 0 0 0;
        width: 860px;
        margin: 0 0 30px 0;
        border-top: #656565 1px solid;
}
        #footer p{
        color: #999;
        font: normal normal 10px/1.2em "Century Gothic", Tahoma, sans-serif;
}
 
        #footer a{
                color: #007AD1;
                font-size: 12px;
                }
                 
        #footer a:hover{
                text-decoration: underline;
                }
                 
        #footer .email{
        font: normal normal 12px/1.2em "Century Gothic", Tahoma, sans-serif;
        float: left;
        color:#999; 
        }
         
        #footer .tp{
        font: normal normal 12px/1.2em "Century Gothic", Tahoma, sans-serif;
        float: left;
        margin-left: 250px;
        color:#999;
        }
         
        #footer .copy{
        float: right; 
        color:#999;   
        padding-right: 5px;
        }

        #footer ul{
        list-style-image:none;
        list-style-position:outside;
        list-style-type:none;
        margin:0pt;
        padding:0pt;
        }
         
        #footer li.smldesc {
                font: normal normal 10px/1em Tahoma, Helvetica, sans-serif;
                padding: 2px 0px 8px 2px;
                color: #999;
        }

/************************************************
*       Bio                                                                     *
************************************************/

#about{
margin: 0;
padding: 0;
width: 860px;
height: 31px;
float: left; 
border-top: #666 1px solid;
}
 
#about h2{
        margin:0 auto;
        padding-top: 5px;
        color: #FF008B;  
        font: normal normal 18px/1.3em "Century Gothic", Tahoma, sans-serif;
        height: 31px;
        /*background:transparent url(http://www.tommasin.org/web-design/ego.gif) 0px -1px no-repeat;
        display:block;
        text-indent: -9000px;*/
        }

#bio {
        margin: 0 0 20px 0; 
        padding: 40px 0 0 0;
        width: 860px;
        float: left;
        border-top: #666 1px solid;
        }
        
#bio h3{
        margin:0 0 10px 0;
        color: #007AD1;
        font: normal normal 15px/1.2em "Century Gothic", Tahoma, sans-serif;
        }

#bio .col1 {
        margin: 0;   
        padding: 1px; 
        width: 400px; 
        height: 350px;
        float: left;
        }
        
#bio .col2 {
        margin: 0;   
        padding: 1px; 
        width: 400px; 
        height: 250px;
        float: right;
        }

.tommasin {
        margin: 0;   
        padding: 5px;
        float: left;
        }

#bio p {
        font: normal normal 11px/1.2em "Century Gothic", Tahoma, sans-serif;
        color:#999;
        letter-spacing: .1em;
        line-height: 1.6;
        }

#bio p.spacer{
        margin-bottom: 10px;
        }

#bio p.linkedin{
        margin-bottom: 10px;
        text-align: right;  
        }

#bio li, ul {
        font: normal normal 11px/1.2em "Century Gothic", Tahoma, sans-serif;
        color:#999;
        letter-spacing: .1em;
        line-height: 1.6;
        }

/************************************************
*	Search Form									*
************************************************/

#searchdiv {
	margin: 0px;
	padding: 0px;
	}
	
#searchform {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	}
	
#s {
	color: #323232;
	font-size: 11px;
	padding: 4px;
	margin: 4px 0px 0px 0px;
	border: 1px solid #323232;
	}
	
#sbutt {
	background: #878787;
	color: #FFFFFF;
	font-size: 11px;
/*	font-family: Verdana, Helvetica, Sans-Serif; */
	padding: 1px;
	margin: 0px 0px 0px 5px;
	border: 1px solid #333333;
	cursor:pointer;
	}
	
/************************************************
*	Comments									*
************************************************/
	

#commentblock {

	background: #EFEFEF;
	color: #000000;
	padding: 20px 20px 10px 20px;
	margin: 0px 0px 0px 0px;
	border-top: 2px solid #4C666A;
	border-bottom: 1px solid #4C666A;
	}
	
#commentblock ol{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	}
	
.commentdate {
	font-size: 12px;
	padding-left: 0px;
	}
	
#commentlist li p{
	margin-bottom: 8px;
	line-height: 20px;
	padding: 0px;
	}

.commentname {
	color: #333333;
	margin: 0px;
	padding: 5px 5px 5px 0px;
	}

.commentinfo{
	clear: both;
	}

.commenttext {
	margin: 25px 20px 20px 0px;
	padding: 10px 10px 0px 10px;
	background: #F9F9F9;
	border:1px solid #DEDEDE;
	font-style:normal;
	}


.commenttext-admin {
	clear: both;
	margin: 3px 0px 10px 0px;
	padding: 20px 10px 5px 10px;
	background: #FFFFFF url("images/comment.gif") no-repeat top;
	}

#commentsformheader{
	padding-left: 0px;
	}

#commentsform{
	text-align: center;
	margin: 0px;
	padding: 0px;
	}

#commentsform form{
	text-align: left;
	margin: 0px;
	}

#commentsform p{
	margin: 0px;
	}

#commentsform form textarea{
	width: 99%;
	}
	
p.comments_link  img{
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}

img.avatar {float:right; margin-right:20px; border: 1px solid #4C666A;}

.awaiting { color: #886353; }

.auth-name {
/*	font-family: Georgia, "Times New Roman", Times, serif; */
	font-size: 16px;
	color:#000;
}

.auth-time { font-size: 10px; color:#616161; font-style:italic;}

#comments, #respond { text-transform:uppercase; font-size: 14px; font-weight:normal;}


/************************************************
*	Wordpress Suggestions						*
************************************************/

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	border-top: 1px solid #ddd;
        border-left: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
	text-align: center;
	background-color: #ffffff;
	padding-top: 4px;
	margin: 0px;
/*	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px; */
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 0px 0px;
	margin: 0;
}