/* You may adapt and learn from the elements of this CSS to use in your ownprojects, but you may not copy the design (the unique combination of images,colors, sizes, typography, and positioning) since this is copyright of Veerle Pieters and Duoh! n.v.  and may not be reproduced. ------------------------------------------------------------------*/

/* @group layout */

#wrapper {
	background:url(graphics/wrapper.jpg) repeat-x 50% 0;
	width:100%;
	}
#header {
	position:relative;
	width:1200px;
	margin:0 auto;
	}			 			
#skip {
	position:absolute;
	top:-999px;
	}
#intro {
	float:right;
	width:1000px;
	}

#notfoundp #intro, #offlinep #intro {
	height:472px;
	width:960px;
	float:none;
	}	
#lifestrp #intro {
	float:none;
	margin:0 0 62px 240px;
	}
#bitsp #intro {
	float:none;
	height:94px;
	margin:0 0 0 240px;
	}
#contactp #primary-content {
	padding:0 14px 72px 245px;
	float:none;
	}						
#archive-content {
	clear:both;
	}	
#primary-content {
	width:1200px;
	float:right;
	}
#secondary-content {
	width:211px;
	margin-bottom:72px;
	}
#secondary-content .section {
	padding:0 15px 0 34px;
	}						
#styled-content {
	width:415px;
	float:left;
	margin-right:39px;
	}
#not-styled-content {
	width:275px;
	float:left;
	}
#styled-content .article {
	width:360px;
	}
.artcl-item {
	padding-bottom:20px;
	}
#not-styled-content .figure {
	padding-top:26px;
	background: url(graphics/bg-article-arrow-up.png) no-repeat left top;
	}		
#not-styled-content .artcl-item p {
	width:271px;
	}
#styled-content .artcl-item p {
	width:360px;
	}	
#styled-content img {
	padding-top:34px;
	}		
.legend {
	/*padding:15px 0 0 0;*/
	width:271px;
	}	
.legend a {
	display:block;
	padding:10px 10px 10px 10px;
	min-height:54px;
	font-family: Corbel,"Lucida Grande", "Lucida Sans", Verdana, sans-serif;
	font-style:italic;
	}
.figure img {
	vertical-align:middle;
	}
#archive-content .fader img {
	position:absolute;
	clip:rect(0px 277px 260px 0px);
	}	
#primary-content p {
	margin-bottom:1.5em;
	}						

/* @end */

/* @group headings */

#intro h1 {
	/*text-indent:-9999px;
	/*border-top:1px solid #a1a195;*/
	}
#contactp #intro h1 {
	height:94px;
	background:url(graphics/h1-contact-me.png) no-repeat;
	}	
/*#archivep-d.archivep h1 {
	height:200px;
	} */#intro_fashion h1 {	height:200px;	background:url("graphics/fashion.gif") no-repeat;  /*130px 50px; */	}#intro_english h1 {	height:200px;	background:url("graphics/union_jack_flag.gif") no-repeat;  /*130px 50px; */	}#titolo_dolomiti h1 {	float:left;	font-size: 3.5em;	height: 200px;	}	#intro_dolomiti h1 {	height:200px;	background:url("graphics/dolomiti.gif") no-repeat;  /*130px 50px; */	}	
#archivep-h.archivep h1 {
	height:100px;
	background:url(graphics/h1-modern-home-design-archives.gif) no-repeat 130px 50px;
	}
#archivep-dbits.archivep h1 {
	height:100px;
	background:url(graphics/h1-graphic-web-design-bits-archives.gif) no-repeat 44px 50px;
	}
#archivep-hbits.archivep h1 {
	height:100px;
	background:url(graphics/h1-modern-home-design-bits-archives.gif) no-repeat 74px 50px;
	}		
#bitsp h1 {
	height:60px;
	background:url(graphics/h1-geeky-bits.png) no-repeat 0 6px;
	}	
#lifestrp h1 {
	height:110px;
	background:url(graphics/h1-the-lifestream.png) no-repeat 0 6px;
	}
#searchp h1 {
	height:110px;
	background:url(graphics/h1-advanced-search.png) no-repeat 0 6px;
	}
#notfoundp h1 {
	height:434px;
	float:none;
	background:url(graphics/404.png) no-repeat 34px 34px;
	}
#offlinep h1 {
	height:434px;
	float:none;
	background:url(graphics/system-offline.png) no-repeat 34px 34px;
	}		
#searchp h1#search-results {
	height:110px;
	background:url(graphics/h1-search-results.png) no-repeat 0 6px;
	}					
#intro h1 {
	color:#f6f7ed;
	font-size:3em;
	line-height:120%;
	padding:0 0 42px 0;
	text-shadow:#6c6c63 0 2px 0;
	}#intro h3 {	color:#f6f7ed;	font-size:2em;	}	
.archivep #intro h2 {
	width:300px;	background: url(images/union_jack_flag.gif)
	}		
#lifestrp #intro h2, #bitsp #intro h2 {
	margin-bottom:1em;
	}
#primary-content h3 {
	font-size:2.1em;
	letter-spacing:-1px;
	margin:0 0 .8em 0;
	text-shadow:#67675e 0 1px 0;
	}
#secondary-content h3 {
	font-size:2.1em;
	line-height:120%;
	letter-spacing:-1px;
	margin:1.25em 0 .8em 0;
	text-shadow:#67675e 0 1px 0;
	}
#secondary-content h3:first-child {
	margin: 0 0 .8em 0;
	}	
#lifestr-content h3 {
	font-size:2.1em;
	color:#f6f7ed;
	border-bottom:1px solid #a1a195;
	text-shadow:#6c6c63 0 2px 0;
	padding:0 0 1em 0;
	margin-bottom:2em;
	}
#lifestr-content h3 span {
	display:block;
	padding:.5em 0 0 0;
	font:normal 11px "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
	letter-spacing:0;
	text-shadow:none;
	color:#b5b5a8;
	}
#lifestr-content h4 {
	font-size:1.8em;
	color:#f6f7ed;
	margin:1.25em 0 .8em 25px;
	text-shadow:#67675e 0 1px 0;
	}	
#bitsp #primary-content h3 {
	font-size:2.3em;
	color:#f6f7ed;
	text-shadow:#6c6c63 0 2px 0;
	margin:1.5em 0 .75em 0;
	line-height:100%;
	}
#bitsp #primary-content h4 {
	font-size:1.75em;
	text-shadow:#6c6c63 0 1px 0;
	margin:1.6em 0 .7em 0;
	letter-spacing:0px;
	line-height:100%;
	}
#bitsp #primary-content h5 {
	font-size:1.4em;
	margin:1.4em 0 .6em 0;
	line-height:100%;
	}		
	
/* @end */

/* @group search */
	
#search h2 {
	display:block;
	width:160px;
	height:24px;
	text-indent:-9999px;
	}	
#search span {
	display:block;
	padding:0 0 0 10px;
	}	
#search .btn {
	vertical-align:top;
	padding-top:1px;
	}		

/* @end */

/* @group lists */

#secondary-content ul {
	margin-bottom:1em;
	}
#secondary-content li {
	font:bold 1em "Century Gothic",Helvetica,Arial,sans-serif;
	}
#secondary-content li a {
	color:#51514a;
	border-bottom:none;
	text-shadow:#8e8e84 0 1px 0;
	display:block;
	padding:.5em .4em .6em 15px;
	background:url(graphics/icon-star.png) no-repeat 5px .8em;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
	background-color:rgba(0,0,0,0);
	-webkit-transition:background-color 200ms ease-out;
	-o-transition:background-color 200ms ease-out;
	-moz-transition:background-color 100ms linear;
	transition:background-color 200ms ease-out;
	}
#secondary-content li a:hover {
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
	background-color:rgba(0,0,0,.1);
	color:#c6f8fe;
	text-shadow:#626258 0 1px 0;
	}
#secondary-content li a span {
	font-weight:normal;
	}			
#primary-content li {background:url(graphics/themes/default/icon-star-blue.png) no-repeat 0 .9em;}
#primary-content li.nav-top {
	background:url(graphics/themes/default/arrow-top.png) no-repeat 18px 3px;
	}
#primary-content li.nav-prev {
	background:url(graphics/themes/default/arrow-prev.png) no-repeat 20px 3px;
	}
#primary-content li.nav-next {
	background:url(graphics/themes/default/arrow-next.png) no-repeat 100% 3px;
	}		

/* @end */

/* @group archive button */

.btn-archive,
.btn-archive-d {
	padding:60px 0 0 14px;
	}
.btn-archive span,
.btn-archive-d span {
	font-weight:bold;
	}	
.btn-archive a,
.btn-archive-d a {
	display:block;
	text-indent:-9999px;
	width:211px;
	height:80px;
	}
.btn-archive a {
	background:url(graphics/dig-into-modern-home-design.png) no-repeat;
	}	
.btn-archive-d a {
	background:url(graphics/dig-into-graphic-web-design.png) no-repeat;
	}				
.btn-archive a:link,
.btn-archive a:visited,
.btn-archive-d a:link,
.btn-archive-d a:visited  {
	border-bottom:none;
	-webkit-transition:none;
	-o-transition:none;
	-moz-transition:none;
	transition:none;
	}		

/* @end */

/* @group article summaries */

.header h4 {
	font-size:2.1em;
	line-height:105%;
	letter-spacing:-1px;
	min-height:30px;
	padding:10px 0 0 0;
	border-top:1px solid #a1a293;
	text-shadow:#74746a 0 1px 0;
	}
.header h4 a {
	color:#f6f7ed;
	border-bottom:none;
	}
.header h4 a:hover {
	color:#c6f8fe;
	}		

/* @end */

/* @group lifestream */

#lifestr-content h3 a:link,
#lifestr-content h3 a:visited {
	color:#f6f7ed;
	border-bottom:none;
	}
#lifestr-content h3 a:hover, #lifestr-content h3 a:focus,
#lifestr-content h3 a:hover span {
	color:#c6f8fe;
	}		
#music {
	float:left;
	width:210px;
	padding-right:34px;
	margin-bottom:34px;
	}
#photos {
	float:left;
	width:241px;
	padding-right:34px;
	}
#tweets {
	float:left;
	width:204px;
	padding-right:34px;
	}
#favs {
	float:left;
	width:204px;
	}		
#music h3 {
	background:url(graphics/icon-my-music.png) no-repeat;
	padding-left:30px;
	}
#photos h3 {
	background:url(graphics/icon-my-photos.png) no-repeat;
	padding-left:42px;
	}	
#tweets h3 {
	background:url(graphics/icon-my-tweets.png) no-repeat;
	padding-left:27px;
	}	
#favs h3 {
	background:url(graphics/icon-my-favs.png) no-repeat;
	padding-left:32px;
	}
#tweets li {
	background:url(graphics/icon-twitter.png) no-repeat 0 3px;
	padding:0 0 2.5em 25px;
	overflow:hidden;
	}
#music .streamitems li {
	background:url(graphics/icon-music.png) no-repeat;
	min-height:18px;
	padding:0 0 2.5em 25px;
	}
#music ul.thumbs {
	margin:0 0 2em 25px;
	}	
#music .thumbs li {
	float:left;
	margin:0 8px 4px 0;
	}	
#photos li {
	background:url(graphics/icon-flickr.png) no-repeat;
	padding:20px 0 3em 0;
	}
a.video {
	display:block;
	padding:22px 0 0 70px;
	min-height:40px;
	background:url(graphics/icon-video.png) no-repeat;
	}	
.flickr a.video:hover {
	background-color:transparent;
	border-bottom:1px solid #7a7a6f;
	}
#favs li {
	background:url(graphics/icon-delicious.png) no-repeat 0 1px;
	padding:0 0 2.5em 25px;
	}
.streamitems a:link,
.streamitems a:visited {
	border-bottom:1px solid #8d8e7f;
	color:#c9c9bb;
	}
.streamitems a:hover,
.streamitems a:focus {
	color:#bbe9ed;
	border-bottom:1px solid #bbe9ed;
	}
p.timestamp {
	font-size:.8em;
	}					
#tweets .streamitems p.timestamp a:link,
#tweets .streamitems p.timestamp a:visited {
	color:#aeaea2;
	}	
#tweets .streamitems p.timestamp a:hover {
	color:#bbe9ed;
	}
#tweets .streamitems a:link,
#tweets .streamitems a:visited,
#tweets .streamitems a:hover {
	color:#bbe9ed;
	}
.thumbs img,	
.streamitems img {
	max-height:228px;
	padding:5px;
	background-color:#6a6a5e;
	border-right:1px solid #8b8b7d;
	border-bottom:1px solid #8b8b7d;
	-webkit-transition:background-color 500ms ease-in;
	-moz-transition:background-color 100ms linear;
	-o-transition:background-color 500ms ease-in;
	transition:background-color 500ms ease-in;
	}
.streamitems img {
	max-width:230px;
	}	
.thumbs img {
	padding:4px;
	}	
.thumbs img:hover,	
.streamitems img:hover {
	background-color:#595950;
	}
.thumbs a:link,
.thumbs a:visited,	
#photos .streamitems a,
#photos .streamitems a:link,
#photos .streamitems a:visited {
	border-bottom:none;
	}	
			
/* @end */

/* @group The Deck */

#thedeck  {
	top:116px;
	}
.archivep #thedeck,
#searchp #thedeck {
	top:42px;
	position:relative;
	padding:0 0 0 50px; 
	text-align:center;
	width:130px;
	min-height:110px;
	}		
	
/* @end */

/* @group contact form */

#contact_form {
	width:400px;
	float:left;
	margin-bottom:34px;
	}		
#contact .vcard p {
	margin-bottom:0;
	padding-left:3px;
	}
#contact .vcard p.vcardicon {
	padding-left:0;
	}
#contact .vcard {
	width:200px;
	float:left;
	padding:200px 0 0 0;
	}				
.adr {
	margin-bottom:1em;
	}	

/* @end */

/* @group advanced search */

.col1 {
	width:350px;
	float:left;
	margin-right:30px;
	}
.col2 {
	float:left;
	width:350px;
	}
#primary-content fieldset p {
	margin-bottom:1em;
	}	
fieldset {
	border:1px solid #9b9b8d;
	margin:0 0 34px 0;
	padding:20px 15px 15px 20px;
	}
legend {
	font:1.7em "Century Gothic",Helvetica,Arial,sans-serif;
	letter-spacing:-1px;
	color:#dcddcf;
	text-shadow:#717166 0 1px 0;
	padding:0 10px;
	}
.searchSubmit {
	text-align:center;
	clear:both;
	margin-bottom:72px;
	}	
.submit {
	font:bold 1.1em "Century Gothic",Helvetica,Arial,sans-serif;
	color:#c6f8fe;
	padding:.3em 1.5em .4em 1.5em;
	cursor:pointer;
	border:none;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
	background-color:#69685e;
	-webkit-transition:background-color 300ms ease-in;
	-moz-transition:background-color 100ms linear;
	-o-transition:background-color 300ms ease-in;
	transition:background-color 300ms ease-in;
	}
.submit:hover {
	background-color:#5a5950;
	}
#channel_id {
	float:left;
	margin-right:20px;
	}				

/* @end */

/* @group 404 */

#notfound {
	padding:24px 0 30px 60px;
	}
#notfound p {
	padding:0 0 34px 62px;
	}	
#notfoundp .btn-archive,
#notfoundp .btn-archive-d {
	padding:0;
	float:left;
	}
#notfoundp .btn-archive-d a {
	width:243px;
	}	
#notfoundp .btn-archive a {
	background-position:-83px 0;
	width:147px;
	}	
#notfoundp #search {
	padding:0 0 0 64px;
	margin:0 0 34px 0px;
	float:left;
	width:250px;
	background:url(graphics/icon-search.png) no-repeat 0 4px;
	}
#notfoundp #search .txt {
	padding:.3em .4em;
	margin-right:5px;
	width:180px;
	background-color:#78776c;
	border-bottom:1px solid #a2a292;
	border-right:1px solid #a2a292;
	border-top:none;
	border-left:none;
	color:#bbbbad;
	font:bold 1.1em "Century Gothic",Helvetica,Arial,sans-serif;
	-webkit-transition:background-color 500ms ease-in;
	-moz-transition:background-color 100ms linear;
	-o-transition:background-color 500ms ease-in;
	transition:background-color 500ms ease-in;
	}
#notfoundp  #search .txt:hover,
#notfoundp  #search .txt:focus  {
	color:#51514a;
	background-color:#f6f7ed;
	}	
#notfoundp #search span {
	background:url(graphics/icon-star.png) no-repeat left center;
	}			


/* @end */

/* @group specialty templates */

#message {
	padding:24px 0 30px 244px;
	}
#message p {
	margin-bottom:1.5em;
	}
#message ul {
	margin-bottom:1em;
	}	
#message li {
	padding:.3em 0 .3em 15px;
	background:url(graphics/themes/default/icon-star-blue.png) no-repeat 0 .9em;
	padding:
	}		
#message p a {
	margin-left:5px;
	padding:5px 10px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
	}	
#message p a:link, #message p a:visited {
	color:#b5b5a3;
	background-color:#6f6f64;
	border-bottom:none;
	-webkit-transition:all 300ms ease-in;
	-moz-transition:all 100ms linear;
	-o-transition:all 300ms ease-in;
	transition:all 300ms ease-in;
	}
#message p a:hover {
	color:#bbe9ed;
	background-color:#616056;
	border-bottom:none;	
	}

/* @end */

/* @group system offline */

#offline p {
	padding:0 105px 34px 260px;
	}

/* @end */


/* @group bits archive mozaik */

#bits-mozaik {
	width:980px;
	margin-bottom:34px;
	}
.bits-item {
	width:222px;
	float:left;
	margin:0 10px 10px 0;
	padding:7px 7px 8px 7px;
	position:relative;
	background-color:#77776c;
	border-bottom:1px solid #9a9a8d;
	border-right:1px solid #8d8d82;
	font-family: Corbel,"Lucida Grande", "Lucida Sans", Verdana, sans-serif;
	font-style:italic;
	-webkit-transition:background-color 200ms ease-in;
	-moz-transition:background-color 100ms linear;
	-o-transition:background-color 200ms ease-in;
	transition:background-color 200ms ease-in;
	}
.bits-item:hover {
	background-color:#67675d;
	}	
.bits-item .caption {
	display:block;
	padding:0 0 45px 0;
	min-height:80px;
	position:relative;
	}			
div.bits-item:nth-child(4n) {
	margin:0 0 8px 0;
	}
#archive-content .bits-item .fader img {
	position:absolute;
	clip:rect(0px 222px 200px 0px);
	}	
.flickr_image {
	background:url(graphics/icon-flickr-big.png) no-repeat bottom right;
	}
.outside_link {
	background:url(graphics/icon-link-big.png) no-repeat bottom right;
	}
.bits-item span.ext-link a {
	display:block;
	text-indent:-9999px;
	border-bottom:none;
	width:40px;
	height:20px;
	position:absolute;
	bottom:10px;
	right:0px;
	}
span.ext-link a:link, span.ext-link a:visited {border-bottom:none;}		


/* @end */

/* @group achrive items */

.arch {
	min-height:400px;
	width:300px;
	float:left;
	margin-right:0px;	margin-left:90px;
	}
div.arch:nth-child(even) {
	margin-right:0px;	margin-left:90px;
	}
.styled img {
	padding-top:34px;
	}
.styled .figure img  {
	padding-top:0;
	}		
.archivep #primary-content h3 {
	height:60px;
	margin:.3em 0 0 0;
	}
h2.special {
	margin:0 0 0 224px;
	font-size:2.1em;
	letter-spacing:-1px;
	text-shadow:#67675e 0 1px 0;
	padding:0 0 0 20px;
/*	background:url(graphics/icon-star-big.png) no-repeat left center;  */
	}							
		
/* @end */

.art-nav {margin-bottom:24px;}  /* Treehouse */