/* 
Title:     (271) twosevenone Style Sheet, v2
Author:    Dan Cederholm, with modifications by Nicolas Picard
Updated:   22 Apr. 2006
*/

body {
  background:#135;
  margin:0;
  padding:40px 20px;
  font:x-small Lucida Sans Unicode, Verdana, sans-serif;
  text-align:center;
  color:#ccc;
  font-size/* */:/**/small;
  font-size: /**/small;
  }
a:link {
  color:#9bd;
  text-decoration:underline;
  }
a:visited {
  color:#9bd;
  text-decoration:underline;
  }
a:hover {
  color:#ad9;
  text-decoration:underline;
  }
a img {
  border-width:0;
  }

/* Header
----------------------------------------------- */
@media all {
  #header {
    width:800px;
    margin:0 auto 10px;
	padding:10px 0 20px 0;
	border-top:1px solid #357;
	border-bottom:1px solid #357;
    }
  }
@media handheld {
  #header {
    width:90%;
    }
  }
#quote {
  text-align:right;
  margin:0;
  padding:0 10px 10px 0;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#fff;
  }
#header-bg {
  margin:0;
  padding:20px;
  border-top:1px solid #357;
  border-bottom:1px solid #357;
  text-align:left;
  background: url(http://www.twosevenone.com/v2/img/photography/milanocentrale1.jpg) repeat-x;
  }
#header-bg a {
  display:block;
  width:95px;
  margin:0;
  padding:0;
  background: #357;
  }
#header-bg a:hover {
  background:#fff;
  }

/* navigation
---------------------------------------------------------- */

#nav {
	margin: 0;
	}
#nav ul {
	margin: 0;
	padding: 7px 0;
	list-style: none;
	}
#nav li {
	margin: 0;
	padding: 0;
	}
#nav li a {
	float:left;
	margin:0 5px;
	padding:2px 10px;
	font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	letter-spacing:.2em;
	color:#fff;
	}
#nav li a:hover {
	color: #333;
	background: #fff;
	}

/* Content
----------------------------------------------- */
@media all {
  #content {
    width:800px;
    margin:0 auto;
    padding:0;
    text-align:left;
    }
  #main {
    width:68%;
    float:left;
    }
  #sidebar {
    width:30%;
    float:right;
    }

  }
@media handheld {
  #content {
    width:90%;
    }
  #main {
    width:100%;
    float:none;
    }
  #sidebar {
    width:100%;
    float:none;
    }
  }
#main img {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	border:5px solid #357;
	padding:0;
	background:#fff;
	}
#sidebar img	{
	margin:0 0 0 10px;
	padding:0;
	}
#content p {
	line-height: 1.6em;
	}
#window {
	width:300px;
	background:#fff;
	padding:10px;
	margin:20px auto;
	}
#window img {
	margin:0 0 10px 0;
	padding:0;
	border:none;
	}
#window p {
	margin:0;
	padding:0;
	color:#333;
	}
#window a, #window a:visited {
	color:#579;
	}
.caption {
	text-align:left;
	line-height:1.5em;
	font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	letter-spacing:.2em;
	}	

/* Headings
----------------------------------------------- */
h1 {
  margin:1.5em 0;
  font:bold 78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#fff;
  }
h2 {
  margin:1.5em 0 .75em;
  font:bold 78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#fff;
  }
.ideas {
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#579;
  }
.sidebar-title {
  color:#579;
  }
.backtrack {
  color:#579;
  padding:0 0 1em 0;
  border-bottom:1px dotted #357;
  }
.backtrack-intro {
  color:#579;
  padding:0 0 1em 0;
  }
.page-title {
  margin:0.5em 0 0 0;
  font: 250%/1em "Trebuchet MS",Sans-serif;
  text-transform:uppercase;
  text-decoration:none;
  letter-spacing:.2em;
  color:#fff;
  }

/* Posts
----------------------------------------------- */
@media all {
  .date-header {
    margin:0 0 1.5em;
    color:#579;
    }
  .post {
    margin:.5em 0 1.5em;
    border-bottom:1px dotted #357;
    padding-bottom:1.5em;
    }
  }
@media handheld {
  .date-header {
    padding:0 1.5em 0 1.5em;
    }
  .post {
    padding:0 1.5em 0 1.5em;
    }
  }
.post-title {
  margin:1.5em 0 0 0;
  padding:0 0 4px;
  font-size:150%;
  font-weight: normal;
  line-height:1.4em;
  color: #ad9;
  }
.post-title a {
  text-decoration:none;
  }
.post div {
  margin:0 0 .75em;
  line-height:1.6em;
  }
p.post-footer {
  margin:-.25em 0 0;
  color:#357;
  }
.post-footer em, .comment-link {
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.post-footer em {
  font-style:normal;
  color:#579;
  margin-right:.6em;
  }
.comment-link {
  margin-left:.6em;
  }
.post img {
  padding:4px;
  border:1px solid #222;
  }
.post li {
  padding:0px;
  }
/*.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }
blockquote {
	font:italic 95%/1.5em Georgia, "Times New Roman", Times, serif;
	color: #999;
	padding-left: 23px;
	background: url(http://www.twosevenone.com/v2/img/icon-quotes.gif) no-repeat 0 3px;
	}*/
blockquote {
	font:italic 100%/1.5em Georgia, "Times New Roman", Times, serif;
	line-height: 1.5em;
	color: #999;
	padding-left:23px;
	margin:1.5em 25px 0em 25px;
	background: url(http://www.twosevenone.com/v2/img/icon-quotes.png) no-repeat 0 3px;
	}

/* Comments
----------------------------------------------- */
#comments h4 {
  margin:1em 0;
  font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#579;
  }
#comments h4 strong {
  font-size:130%;
  }
#comments-block {
  margin:1em 0 1.5em;
  line-height:1.6em;
  }
#comments-block dt {
  margin:.5em 0;
  }
#comments-block dd {
  margin:.25em 0 0;

  }
#comments-block dd.comment-timestamp {
  margin:-.25em 0 2em;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
#comments-block dd p {
  margin:0 0 .75em;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }

/* Portfolio Content
----------------------------------------------- */
#port {
	padding: 0.5em 0 0.5em 0;
	}
.port-feature, .port-feature-last {
	margin:0.5em 0 1.5em 0;
	/*padding:0.5em 0 0.5em 0;*/
	}
.port-feature {
    border-bottom:1px dotted #357;
	}
/*.port-feature h3, .port-feature-last h3 {
	margin-top: 1.5em;
	margin-bottom: 0.5em;
	font-weight: normal;
	line-height:1.4em;
	font-size: 150%;
	color:#ad9;
	}*/
.port-sample {
	float: left;
	margin: 1em 15px 0 0;
	}
.port-sample img {
	padding: 6px;
	border-bottom: 1px solid #D1DCB9;
	border-right: 1px solid #D1DCB9;
	background: #fff;
	}
.port-desc {
	margin: 20px 0 0 235px;
	font-size: 90%;
	line-height: 1.5em;
	}
.port-img {
	float: left;
	width: 215px;
	margin: 10px 0 0 0;
	padding: 4px;
	text-align: center;
	border-right: 1px solid #B1C19E;
	border-bottom: 1px solid #B1C19E;
	background: #e9e9e9;
	}
#content .port-img p {
	margin: 15px 0 0 0;
	padding: 6px 15px;
	font-size: 90%;
	text-align: center;
	color: #999;
	border-top: 1px solid #ddd;
	background: #F6F0CF url(../img/price-bg.gif) repeat-x top left;
	}
a.port-shot:link, a.port-shot:visited {
	border: none;
	}
.more a {
	margin:0 0 0 10px;
	padding:0 5px;
	font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
	text-transform:uppercase;
	letter-spacing:.2em;
	text-decoration:none;
	color:#579;
  }
.more a:hover {
	color:#333;
	background: #fff;
	text-decoration: none;
  }
.synopsis {
	font:italic 100%/1.5em Georgia, "Times New Roman", Times, serif;
	margin:1.5em 0 0.5em 0;
	padding:0 0 3.5em 0;
	color:#999;
	background: url(http://www.twosevenone.com/v2/img/post-synopsis.png) no-repeat center bottom;
	}
.intro {
	font:italic 100%/1.5em Georgia, "Times New Roman", Times, serif;
	margin:1.5em 0 0.5em 0;
	padding:0 0 1.5em 0;
	color:#999;
	border-bottom: 1px dotted #999;
	}

/* Sidebar Content
----------------------------------------------- */

#sidebar ul {
  margin:0 0 1.5em;
  padding:0 0 1.5em;
  border-bottom:1px dotted #357;
  list-style:none;
  }
#sidebar li {
  margin:0;
  padding:0 0 .25em 15px;
  line-height:1.5em;
  background: url(../img/li-arrow.gif) no-repeat 0 7px;
  list-style:none;
  }
#sidebar p {
  font-size: 85%;
  padding:0 0 0 15px;
  line-height:1.5em;
  margin:0 0 10px 0;
  }

/* Profile
----------------------------------------------- */
#profile-container {
  margin:0 0 1.5em;
  border-bottom:1px dotted #357;
  padding-bottom:1.5em;
  }
.profile-datablock {
  margin:.5em 0 .5em;
  }
.profile-img {
  display:inline;
  }
.profile-img img {
  float:left;
  padding:4px;
  border:1px solid #357;
  margin:0 8px 3px 0;
  }
.profile-data {
  margin:0;
  font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.profile-data strong {
  display:none;
  }
.profile-textblock {
  margin:0 0 .5em;
  }
.profile-link {
  margin:0;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }

/* Footer
----------------------------------------------- */
#footer {
  width:800px;
  clear:both;
  text-align: left;
  margin:20px auto;
  border-top: 1px solid #357;
  border-bottom: 1px solid #357;
  }
#footer hr {
  display:none;
  }
#footer p {
  margin:0;
  color: #579;
  padding:10px;
  font:78%/1.6em "Trebuchet MS",Trebuchet,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }