/*
-----------------------------------------------
happyworm.com
silvia benvenuti

general_onepage.css
----------------------------------------------- */


/* CSS RESET */

* {
	margin:0;
	padding:0;
	border: 0;
	outline: 0;
}

ol, ul {
	list-style: none;
}


img {
	border:0;
	outline:none;
}

:focus {
	outline: 0;
}


/* LAYOUT */

html {

	text-align:center;
}

body {
	position:relative;
	min-width:900px;
	margin:0 20px;
	background:#6c6c6c url('/prx/000/http/www.happyworm.com/graphics/bgr.gif') repeat-x;
	padding-top:6px;
	color:#444;
	text-align:left;
	font-size:100%; 	/* need this for IE zoom problem - actual font size set in #container_hw */
}

#container_hw {
	position:relative;
	max-width:70em;
	margin:0 auto;
	font: .9em/1.5 "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	background-color:#fff;
	/* Hides from IE5-mac \*/
	height: 1%;
	/* End hide from IE5-mac */ 
}


#branding {
	padding-top:1em;
	padding-left:40px;
	background:#ececec url('/prx/000/http/www.happyworm.com/graphics/ajax_bgr.gif') right bottom no-repeat;
}


#branding h1, #branding h2 {
	display:none;
}


h1 {
	color:#f048f0;
}


#column_holder {
	position:relative;
	padding-top:3em;
	overflow: hidden;
	width: 100%;
	border-top: 1px solid #ccc;
}

#content_column_1 {
	width:40%;
	float:left;
	display: inline;
}

body.informativa_privacy #content_column_1 {
	width:80%;
}

#content_column_1 .wrapper{
	padding: 0 20px 2em 40px;
}

#content_column_2 {
	width:40%;
	float: left;
	display: inline;
}

#content_column_2 .wrapper{
	padding: 0 20px 2em 20px;
}

#content_column_2 h1{
	padding-bottom: .4em;
}

#column_holder a, #column_holder a:visited {
	color:#2588f6;
}

#column_holder a:hover {
	text-decoration:none;
	border-bottom:1px dotted #2588f6;
}

#column_holder h1, #content_extra h1{
	font-size:1.4em;
}

#column_holder h1 a, #column_holder h1 a:visited{
	text-decoration:none;
	color:#f048f0;
}

#column_holder p+h1{
	padding-top:.8em;
}

#column_holder p{
	padding:.4em 0;
}


#column_holder ul{
	margin:0 0 2em 0;
}

#column_holder li{
	margin:.5em 0 0 1em;
}


ul#usp {
	list-style-image: url('/prx/000/http/www.happyworm.com/graphics/worm_eye.gif');
}

.project {
	position:relative;
	overflow:hidden;
	background-color:#ececec;
	padding:6px;
	border:1px solid #ccc;
	margin-bottom:2em;
}

.project p {
	color:#999;
	font-style:oblique;
}

.project p a:hover {
	text-decoration:none;
	border-bottom:1px dotted #2588f6;
}

.project .pro {
	position:absolute;
	top:0;
	right:0;
	width:6px;
	background-color:#ececec;
	height:120px;
}

#column_holder .project a, #column_holder .project a:hover {
	border:none;
}


#showMoreProjects {
	width: 100%;
	text-align:center;
	background: url('/prx/000/http/www.happyworm.com/graphics/more_projects_bgr.jpg') bottom left repeat-x;
	border-color:#eee #ccc #ccc #eee;
	border-style:solid;
	border-width:1px;
	display:block;
	font-weight:bold;
	line-height:1.5em;
	margin-bottom:6px;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	padding:6px 0;
	text-shadow:1px 1px 1px #FFFFFF;
	text-decoration:none;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
}

a#showMoreProjects:hover {
	border: 1px solid #bbb;
	background: url('/prx/000/http/www.happyworm.com/graphics/more_projects_bgr_.jpg') bottom left repeat-x;
}

#content_extra {
/*	position:absolute;
	top:3em;
	right:0;*/
	width:19.5%;
	margin-left: 80%;
}

#content_extra .wrapper{
	padding: 0 40px 2em 20px;
}

#content_extra a, #content_extra a:visited {
	color:#999;
	text-decoration:none;
}

#content_extra h1 a, #content_extra h1 a:visited{
	display:block;
	text-decoration:none;
	color:#9c0;
	margin-left: -0.5em;
	padding-left: .5em;
}

#content_extra h1 a:hover{
	color:#fff;
	background-color:#9c0;
	border:0;
}

#content_extra ul{
	margin-bottom:2em;
	color: #999;
}

#content_extra li{
	font-size:.9em;
	line-height:1.2em;
	margin:0 0 0 -0.5em;
}

#content_extra li a, #content_extra li span{
	display:block;
	padding: .5em;
}

#content_extra li span a, #content_extra li span a:hover{
	padding: 0;
	color:#9c0;
}


#content_extra li:hover, #content_extra li a:hover{
	color:#444;
	background-color: #ececec;
	border: none;
}

#column_holder ul.project_list {
	margin-left: 0;
}

#column_holder ul.project_list li{
	list-style-type:none;
}

#twitter-link {
height: 54px;
}

#twitter-link img {
	float: right;
}

#footer {
	position:relative;
	clear:both;
	background-color:#333;    
	font-size:.9em;
	text-align:center;
	color:#dadada;
	width: 100%;
	overflow: hidden;
}

#footer h1 {
	background-color:#fff;
	color:#f048f0;
	border-bottom: 1px solid #ccc;
}

#footer h2 {
	color:#9c0;
}


#footer #address_uk {
	width:50%;
	float:left;
	padding:1em 0;
}


#footer #address_it {
	width:49.5%;
	float:left;
	padding:1em 0;
}

/*#footer #address_it {
	position: absolute;
	top: 3em;
	right: 0;
	width:50%;
	padding:1em 0;
}

#footer #address_it {
	width:50%;
	float:left;
	padding:1em 0;
}*/


#footer a, #footer a:visited {
	color:#9c0;
}

#footer a:hover {
	text-decoration:none;
	border-bottom:1px dotted #9c0;
}


/* PROJECTPAGE TEMPLATE */


body.projectpage #content_column_1 {
	width: 388px;
}

body.projectpage #content_column_2 h1 {
	padding-bottom: 0;
}

body.projectpage h2 {
	font-size:1em;
}

body.projectpage h2 a{
	text-decoration:none;
}

body.projectpage #content_extra h1{
	font-size:1.1em;
	padding-top: .3em;
	color:#666;
}

body.projectpage #content_extra .current{
	color:#f048f0;
	padding: .5em;
}

body.projectpage #content_extra .current:hover{
	background:transparent;
}

body.projectpage h3 {
	color:#f048f0;
}


body.projectpage h4 {
	font-size:1em;
	margin-top: 1em;
	color:#666;
}

body.projectpage p {
	font-size: .9em;
}

body.projectpage p.overview {
	font-size: 1em;
}


.box {
	border: 1px solid #ececec;
	margin: 1em -10px 20px -10px;
	padding: 10px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	font-size:.8em;
}

#column_holder .box ul {
	margin: 0 0 0 10px;
	list-style-type: disc;
	color:#444;
}

.trackback {
	font-size:.8em;
}

#column_holder ul.trackbacks {
	margin: 0;
}

#column_holder ul.trackbacks li {
	margin-left: 0;
}

body.projectpage #column_holder p.note, p.note {
	margin:0;
	padding:0;
	font-size:.8em;
	color:#999;
	font-style:oblique;
}

/* MISCELLANEOUS */

#copyright {
	font: .8em/1.4 "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	text-align:center;
	margin:20px;
}

#copyright a:link, #copyright a:visited, #copyright a:hover {
	color:#333;
}


#column_holder .tweets li {
	background: #2588f6 url('/prx/000/http/www.happyworm.com/graphics/tweet_bgr.gif') top right no-repeat;
	margin: 0.5em 0 0 0;
	padding-bottom:1em;
}

#column_holder .tweets li p{
	padding: 1em 20px 0 1em;
}

#column_holder .tweets li p.author{
	padding: 0 20px 0 1em;
	text-align:right;
	margin-right: 1em;
	font-size:.8em;
	color: #bbd7f6;
}

#column_holder .tweets li a{
	color: #fff;
	font-size: .9em;
	padding-right: 1em;
	text-decoration:none;
	font-style:oblique;
}

#column_holder .tweets li a:hover{
	text-decoration:underline;
}

.quote {
	background: #fff url('/prx/000/http/www.happyworm.com/graphics/quote_bgr.gif') 0 .5em no-repeat;
	border-top:1px solid #ececec;
	margin: .5em 0;
	color: #999;
	font-size:1.2em;
}

.quote .quotation{
	margin-left: 52px;
	font-style:italic;	
	font-family: Georgia, serif;
	text-shadow: #ccc 2px 2px 2px;
}

.quote .author{
	margin-left: 52px;
	font-size:.7em;
	line-height:1.2em;
}
	

body.informativa_privacy ul {
	list-style-type: disc;
	font-size:.8em;
}


body.informativa_privacy p {
	font-size:.8em;
}

/* Correct alingment of Twitter timeline iframe */
#content_extra .twitter-timeline {
	position:relative;
	left:-8px;
}