/* Colours */

em, em a, strong, p.date, div#project-navigation p { color: #333; }

h2 a:visited { 
color: #333; 
text-decoration: line-through;
 }

/* Typography */

div.description a:link {
	color: #333;
	background-color:#FF0;
}
div.description a:visited {
	color: #333;
}
div.description a:hover {
	color: #333;
}
div.description a:active {
	color: #333;
}

ul li, p, em, div.description { 
font-size: 13px; 
font-style: italic; 
}

h1 { font-size: 13px; font-weight: normal; }
h1 strong { font-weight: normal; text-transform: none; display: block; letter-spacing: 0px; }
h2 { 
font-size: 26px; 
margin: 0px; 
font-weight: bold; 
font-style: italic;
letter-spacing: 0.02em; 
color: #333;
}
p.date { font-size: 11px; letter-spacing: 0.03em; }
a { text-decoration: none; }
p#gallery-count { text-align: right; }
p#gallery-count span { letter-spacing: 0.08em; }

/* Layout */
div#container { 
margin: 0px auto; 
width: 700px;
text-align: left;  
}

.col { 
float: left; 
margin: 0px 0px 0px 0px; 
padding: 0px; 
}
.col .col { margin: 0px; }

.one { width: 20px; }
.two { width: 140px; }
.three { width: 220px; }
.four { width: 300px; }
.five { width: 200px; 
}
.six { 
width: 700px; 
}
.seven { 
width: 200px; 
}
.eight { 
width: 700px; 
}
.nine { width: 700px; }
.ten { width: 780px; }
.eleven { width: 700px; }
.twelve { width: 700px; }

p { margin: 0px 0px 5px; }

hr { 
display: block; 
clear: both; 
margin: 0px 0px 45px; 
padding: 0px; 
height: 0px; 
overflow: hidden; 
visibility: hidden; 
}

.col hr { 
margin: 0px 0px 15px; 
}

ul li { margin: 0px 0px 3px; }
ul#navigation, ul.projects { 
list-style: none;
padding-top: 10px;
}
ul#navigation { margin: 10px 0px 0px 20px; }
ul#navigation li, ul.projects li { clear: both; }
ul.projects li { float: left; padding: 0px 0px 0px; }

p.date { text-align: right; padding: 14px 20px 0px 0px; }
div.description p { clear: both; }
div.description h2 { padding: 0px 0px 0px; }

div#images { clear: both; padding: 30px 0px 0px 40px; }
div.description div#images { padding: 0px 0px 0px 0px; }
div#images img { margin: 0px 0px 10px; }
p#gallery-count { 
margin: 0px 20px 0px 0px; 
}
p#gallery-count span { margin: -1px 0px 0px; display: block; }
div#project-navigation { margin: 0px 0px 0px 0px; }
div#project-navigation p, div#gallery-navigation p { margin: 0px 0px 0px; }
div#project { 
border-bottom:dotted thin; 	
padding-top:15px; 
}

div#image-wrapper { overflow: hidden; width: 585px; }
div#image-wrapper div#image-holder { width: 100000000px; }
div#image-wrapper div#image-holder div.image { float: left; width: 585px; }

img.project-thumb { padding: 0px 10px 5px 0px; float: left; display: none; }

/*-----------------------------------------------------------------------------------------------
  banner and top menu
-----------------------------------------------------------------------------------------------*/
body {
	margin-left: 0px;
	margin-top: 150px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Georgia;
	font-style: italic;
	color: #333;
	font-size:12px;
}
div.banner {
	height:70px;
	left:0;
	top:0px;
	right:0;
	padding:25px 25px 0;
	position:fixed;
	z-index:1000;
	background:url(http://www.totushi.com/imgs/bg.png);
}
a:link {
	color: #333;
}
a:hover {
	text-decoration: none;
}
a:active {
	color: #333;
	text-decoration: none;
}

/*-----------------------------------------------------------------------------------------------
  content and side bar
-----------------------------------------------------------------------------------------------*/
div#conteiner {
    width: 940px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
	padding-bottom:220px;
}
div#sidebar {
    width: 200px;
    padding: 0px;
    float: right;
}
div#main {
    margin-right: 240px;
    padding: 0px;
}
/*-----------------------------------------------------------------------------------------------
  navigation Items
-----------------------------------------------------------------------------------------------*/
#slider{
margin: 0 !important;
padding: 0 !important;
width: 685px;
overflow: hidden;
}

#navigation{
	padding-left:6px;
	padding-right:0px;
	margin:0;
	width: 690px;
}

/*-----------------------------------------------------------------------------------------------
  sidebar conents and stuff
-----------------------------------------------------------------------------------------------*/
#flickr_badge_wrapper {
	margin-top: 10px;
	margin: 1 0 0 -1.2em;
	overflow: hidden;
	clear: both;
}

.flickr_badge_image {
	margin-top: 4px;
	margin-left: 4px;
	float: left;
}

.flickr_badge_image img { 
	width: 55px;
	height: 55px;
}
.flickr_badge_image a {
	display: block;
}
#footer table tr td {
	font-style: italic;
	color:#333;
	font-size: 12px;
}
div#twitter_tittle{
	padding-top:15px;
	font-family:Georgia, Serif;
	font-size:12px;
	font-style:italic;
	color:#333;
	font-weight: bold;
}
div#work_tittle{
	font-family:Georgia, Serif;
	font-size:12px;
	font-style:italic;
	color:#333;
	font-weight: bold;
}
div#twitter_update_list  {
	width: 200px;
	font-family:Georgia, Serif;
	font-size:11px;
	font-style:italic;
	color: #333;
	padding-bottom: 20px;
}
div#twitter_update_list a  {
	color:#333;
	background-color:#FF0;
}
div#twitter_update_list li {
	padding-bottom:5px;
	padding-top:5px;
	color:#333;
}
div#recent_work {
	padding-bottom:20px;
	padding-top:5px;
	border-bottom:dotted thin;
	font-family:Georgia;
	font-size:11px;
	font-style:italic;
	color:#333;
	
}
div#recent_work a {
	color:#333;
	background-color:#FF0;
}
div#tm {
	padding-top:15px;
	font-family:Georgia;
	font-size:11px;
	font-style:italic;
	color:#333;
	
}
div#line {
	border-top:dotted thin;
}
/*-----------------------------------------------------------------------------------------------
  gallery style
-----------------------------------------------------------------------------------------------*/
a img {
	border: 0;
}
table {
	empty-cells: show;
}
ul, ol, li, dl, dt, dd, blockquote, code, pre {
	margin: 0; 
	padding: 0; 
	background-repeat: no-repeat; 
	list-style-type: none; 
	color: #333;
}
li h2{
	font-family:Georgia;
	font-size:12px;
	color:#333;
	font-style:italic;
	font-weight:normal;
}
.opt {
	width: 701px; 
	margin: 0px auto 0px;
}
.gallery {
	width: 701px; 
	margin: 0 auto;
}
.gallery li {
	opacity: 0; 
	filter: alpha(opacity = 0); 
	float: left; 
	width: 225px; 
	padding: 0px 4px 0px;
}
.gallery li.clear {
	clear: left;
}
.gallery li img {
	width: 225px;
}
/*-----------------------------------------------------------------------------------------------
  footer
-----------------------------------------------------------------------------------------------*/

#footer table tr td {
	padding-top:5px;
	font-style: italic;
	color:#333;
	font-size: 12px;
}
#footer {position: relative;
	margin-top: -50px; /* negative value of footer height */
	height: 50px;
	clear:both; 
	border-top:dotted thin;
}


/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*-----------------------------------------------------------------------------------------------
  borrar si no funciona
-----------------------------------------------------------------------------------------------*/

.ui-draggable { cursor:move; }

#tip { 
position:absolute; 
display:none; 
height:25px; 
padding:9px 9px 0px; 
color:#fff; 
font-family:Georgia;
font-style: italic;
font-size:11px; 
border-radius:3px; -moz-border-radius:3px; 
-webkit-border-radius:3px; 
background:#000; 
background:rgba(0,0,0,.5); 
}

#tip .arrow { 
width:0; height:0; 
line-height:0; 
border-right:8px solid #000; 
border-right:8px solid rgba(0,0,0,.5); 
border-top:8px solid transparent; 
border-bottom:8px solid transparent; 
position:absolute; 
left:-8px; top:9px; 
}

#targets { display:none; list-style-type:none; position:absolute; top:150px; z-index:99999; }
#targets li { float:left; margin-right:20px; display:block; width:60px; height:60px; background:url(http://www.totushi.com/imgs/social.png) no-repeat 0 0; position:relative; }
#targets li#delicious { background-position:0 -60px; }
#targets li#facebook { background-position:0 -120px; }
#targets li span { display:block; position:absolute; bottom:-40px; white-space:pre; color:#fff; }

#overlay { background-color:#000; position:absolute; top:0; left:0; width:100%; height:100%; z-index:99997; }

#helper { 
background-color:#fff; 
position:absolute; 
height:25px; 
padding:12px 13px 0 10px; 
color:#ccc; 
font-family:Georgia;
font-style: italic;
font-size:11px; 
border-radius:3x; 
-moz-border-radius:3px; 
-webkit-border-radius:3px; 
background:rgba(0,0,0,.5); 

}

#thumb { 
width:0px; 
height:0px; 
position:absolute; 
right:0; 
top:0; 
border-left:0px solid #7d7d7d; 
}

.share { 
font-weight:bold; 
position:absolute; 
font-size:11px; 
font-family:Georgia;
font-style: italic;
margin-left:-18px; 
}