*[dir="ltr"]
{ 
  direction: ltr; 
  unicode-bidi: embed 
}

*[dir="rtl"] 
{ 
  direction: rtl; 
  unicode-bidi: embed 
}

bdo[dir="ltr"] 
{ 
  direction: ltr; 
  unicode-bidi: bidi-override
}

bdo[dir="rtl"] 
{
  direction: rtl; 
  unicode-bidi: bidi-override
}

body
{
  line-height: 1.461538; /* overwrite from reset-fonts-grids.css */
}

#doc, 
#doc2, 
#doc3, 
#doc4, 
.yui-t1, 
.yui-t2, 
.yui-t3, 
.yui-t4, 
.yui-t5, 
.yui-t6, 
.yui-t7 
{
  min-width:950px;
}

pre, 
code, 
kbd, 
samp, 
tt
{
  line-height: inherit; /* overwrite from reset-fonts-grids.css */
}


#doc3
{
  margin: auto;
}

#error-page
{
  font-size: 146.5%;
  line-height: 1em;
  margin: 8em 1em 7em;
}

a:link
{
  color: #0066AA;
}

a:hover
{
  color: #0066AA;
  text-decoration: none;	
}

a:visited
{  
  color: #4D6778;
}

/*
11 {
  font-size: 85%;
  line-height: 1.727273em;
  margin-bottom: 1.727273em;
	0.090909em
}

13 {
  font-size: 1em;
  line-height: 1.461538em;
  margin-bottom: 1.461538em;
	0.076923em
}

15 {
  font-size: 116%;
  line-height: 1.266667em;
  margin-bottom: 1.266667em;
	0.066667em
}

17 {
  font-size: 131%;
  line-height: 1.117647em;
  margin-bottom: 1.117647em;
	0.058824em
}

19 {
  font-size: 146.5%;
  line-height: 1em;
  margin-bottom: 1em;
	0.052632em
}

21 {
  font-size: 161.6%;
  line-height: 0.904762em;
  margin-bottom: 0.904762em;
	0.047619em
}

23 {
  font-size: 174%;
  line-height: 0.826087em;
  margin-bottom: 0.826087em;
    0.043478em
}

25 {
  font-size: 189%;
  line-height: 0.76em;
  margin-bottom: 0.76em;
    0.040000em
}
*/


#hd
{
  background-color: #4D6778;
  margin-bottom: 2.923076em; 
  height: 10.230766em;
}

#hd h1 img
{
  display: block;
  margin: 2.5em auto auto;
}

#hd #main-nav
{
  margin-top: 1.75em;
  margin-bottom: 1.65em;
  font-size: 146.5%;
  line-height: 1em;
}

#hd #main-nav li a:link,
#hd #main-nav li a:visited,
#hd #main-nav li a:active,
#hd #main-nav li a:hover,
#hd #main-nav li em
{
  display: block;
  padding: 0.25em 0.5em 0.35em;
  /*width: 4em;
  0.052632
  text-align: center;*/
  margin: auto 0.125em;
  color: #ffffff;
}

#hd #main-nav li a:hover,
#hd #main-nav li em
{
  background-color: #445662;
}

#hd #lang-nav
{

  margin: 0 1.461538em;
}

#hd #lang-nav li
{

}

#hd #lang-nav li a:link,
#hd #lang-nav li a:visited,
#hd #lang-nav li a:active,
#hd #lang-nav li a:hover,
#hd #lang-nav li em
{
  display: block;
  width: 5em;
  text-align: center;
  margin: auto 0.2em;
  color: #ffffff;
}

#hd #lang-nav li a:hover,
#hd #lang-nav li em
{
  background-color: #58788E;
}

#bd
{
}

#homepage h2
{
  font-size: 131%;
  line-height: 1.117647em;
  margin-bottom: 1.117647em;  
}

#homepage #intro
{
  padding-bottom: 1.384615em;
  border-bottom: 0.076923em solid #E8E9E1;	
  margin-bottom: 2.923076em;		
}

#homepage #intro #slug
{
  float: right;
  text-align: right;
  width: 90%;
}

#homepage #intro #image
{
  position: relative;
  margin: 0 auto;
  height: 23.384608em;
  background-repeat: no-repeat;
  background-position: center center;
  max-width: 500px;
}

#homepage #intro #image #author
{
  background: #111111;
  filter: alpha(opacity=55);
  opacity: .55;
  color: #fffffff;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
	/*
	border-top: 1px solid #999;
	padding: 1.461538em 0;
	*/
}

#homepage #intro #image #author a:link,
#homepage #intro #image #author a:visited,
#homepage #intro #image #author a:hover,
#homepage #intro #image #author a:active
{
	padding: 0.730769em 1.461538em;
    display: block;
	color: #ffffff;
}

#page,
#post,
#work,
#blog
{  
  width: 33em;
  margin: auto;
}

h2#title
{
  font-size: 161.6%;
  line-height: 0.904762em;
  margin: auto auto 1.809524em;
  width: 20.43em;
}

#page .content,
#post .content,
#work .content
{
  margin-bottom: 1.461538em;
}

#work .url
{
  margin-bottom: 1.461538em;
}

#work .url h4
{
  font-size: 131%;
  line-height: 1.117647em;
}

.work_screenshot
{
  margin-bottom: 1.461538em;
}

.work_screenshot img
{
  display: block;
  margin: auto;
}

/*
 * 
 * blog 
 * 
 */

.post
{
  width: 33em;
  padding-bottom: 1.384615em;
  border-bottom: 0.076923em solid #E8E9E1;	
  margin: auto auto 2.923076em;	
}

.post h3
{
  font-size: 131%;
  line-height: 1.117647em;
  margin-bottom: 1.117647em;
}

.post .summary
{
  margin-bottom: 1.461538em;	  
}

.post .status
{
  color: #CCCC33;
}

.post .tags dt, 
.post .tags dd,
#post .tags dt,
#post .tags dd
{
  display: inline;
}
 
.content
{
  padding-bottom: 1.384615em;
  border-bottom: 0.076923em solid #E8E9E1;	
} 

#comments
{
  width: 33em;
  margin: 4.384614em auto 1.461538em;
}

#new-comment
{
  margin: auto auto 2.923076em;
}

#new-comment a#add-comment
{
  display: block;
  font-size: 131%;
  line-height: 1.117647em;
  margin-bottom: 2.235294em;
}

/*
 * 
 * portfolio 
 * 
 */

#portfolio
{
  width: 33em;
  margin: auto;
}

#portfolio .work
{
  padding-bottom: 1.384615em;
  border-bottom: 0.076923em solid #E8E9E1;	
  margin: auto auto 2.923076em;	
}

#portfolio .work h3
{
  font-size: 131%;
  line-height: 1.117647em;
  margin-bottom: 1.117647em;
}

#portfolio .work .summary
{
}

#portfolio .work .date
{
  font-size: 85%;
  line-height: 1.727273em;
  margin-bottom: 1.727273em;
}

.control
{
  display: block;
  margin-bottom: 1.461538em;
}

#portfolio .work .thumbnail
{
  border: 1px solid #777777;
  padding: 0.3em;
  width: 9.5em;
  height: 9.5em;
}

#portfolio .work .thumbnail a
{
  display: block;
  width: 100%;
  height: 100%;
  background-position: top left;
  background-repeat: no-repeat;
  text-decoration: none;
}


/*
 * 
 * comment
 * 
 */

#comments h4
{
  font-size: 131%;
  line-height: 1.117647em;
  margin-bottom: 2.235294em;
}

.comment 
{
  padding-bottom: 1.461538em;	  	
}

.comment .meta
{
  float: left;
  margin-bottom:  1.461538em;
}

.comment .meta li
{
  float: left
}
  
.comment .meta li.name
{
  font-size: 131%;
  line-height: 1.117647em;
  padding: 0 0.5em;
}

.comment .meta li.date
{
  padding: 0 0.5em;
  color: #777777;
}

.comment .meta li.gravatar img
{
  display: block;
}

.comment .content
{
  clear: both;
  margin-bottom: 1.461538em;	  	
}

/*
 * 
 * tags
 * 
 */

#tags .tag
{
  font-size: 131%;
  line-height: 1.117647em;
  margin-bottom: 2.235294em;
}

/*
 * 
 * form 
 * 
 */

.myform
{
  width: 33em;
  margin: auto auto 1.461538em;
}

.myform legend
{
  font-size: 146.5%;
  line-height: 1em;
  margin-bottom: 1em;
}

.myform input[type="text"],
.myform input[type="password"]
{
  width: 90%;
}

.myform textarea
{
  width: 90%;
}

.myform textarea.small
{
  height: 15.346149em;
}

.myform textarea.large
{
  height: 30.692298em;
}

.myform label
{
  display: block;
  margin-bottom: 0.730769em;
}

.myform dl.required label
{
  font-weight: bold;
}

.myform dd.error
{
  margin: 0.730769em;
  padding: 0.576923em;
  background: #FBE3E4; 
  color: #8a1f11; 
  border: 0.076923em solid #FBC2C4;
}

.myform dl.error
{
}

.myform dd.help
{
  margin-bottom: 0.730769em;
  color: #777777;	
}

.myform dd.input
{
  margin-bottom: 2.192307em;                
}

.myform dl.button-container
{
  margin-bottom: 1.461538em;
}

/*
 * 
 * languages tabs and containers
 * 
 */

#language_tabs
{
  padding-top: 1.0192305em; /*-0.4423075*/
}

#language_tabs li
{

}

#language_tabs li a:link,
#language_tabs li a:visited,
#language_tabs li a:hover,
#language_tabs li a:active
{
  display: block;
  margin: auto 0.3653845em -0.076923em;
  width: 5em;
  padding-top: 0.3653845em;
  padding-bottom: 0.3653845em;
  text-align: center;
}

#language_tabs li a:link,
#language_tabs li a:visited,
#language_tabs li a:hover
{
  background-color: #E8E9E1;
  border-top: 0.076923em solid #E8E9E1;
  border-right: 0.076923em solid #E8E9E1;
  border-left: 0.076923em solid #E8E9E1;
  border-bottom: none;
}

#language_tabs li a:active,
#language_tabs li a.active
{
  background-color: #ffffff;
  border-top: 0.076923em solid #E8E9E1;
  border-right: 0.076923em solid #E8E9E1;
  border-left: 0.076923em solid #E8E9E1;
  border-bottom: none;
}

div.language
{
  border-top: 0.076923em solid #E8E9E1;	
  padding: 1.0961535em 0 0;
}

div.language h3
{
  font-size: 131%;
  line-height: 1.117647em;
  margin-bottom: 1.117647em;
}

/*
 * 
 * toolbar
 * 
 */

.toolbar
{
  margin: auto auto 1.461538em;
  width: 33em;
}

.toolbar .action
{
  display: block;
  padding: 0 0.3653845em;
}

/*
 * 
 * content
 * 
 */

.content ul li
{
  list-style-position: outside;
  list-style-type: disc;
}

.content ol li
{
  list-style-position: outside;
  list-style-type: decimal;
}

.content table
{
  border-collapse: collapse;
}

.content hr,
.content p,
.content ul,
.content ol,
.content dl,
.content pre,
.content address,
.content table,
.content blockquote
{
  margin-bottom: 1.461538em;
}

.content ul,
.content ol
{
}

.content ul ul,
.content ol ul,
.content ul ol,
.content ol ol
{
  margin-bottom: 0;
}

.content blockquote
{
  color:#666;
}

.content abbr[title],
.content acronym[title],
.content dfn[title]
{
  border-bottom: 1px solid #ccc;
}

.content ins,
.content dfn
{
  border-bottom-color:#666;
}

.content del
{
  color: #666;
}

.content hr
{
  background: #aaa;
  color: #aaa;
}

.content th,
.content td
{
  border-style: solid;
  border-color: #dddddd #cccccc #dddddd #cccccc;
  border-width: 0.076923em;
  text-align: center;
  padding: 0.653846em 0.730769em 0.730769em 0.653846em;
}

.content code,
.content pre
{
  color: #c33;
}

/*
 * 
 * pager
 * 
 */
 
#pager li.link,
#pager li.selected
{
  font-size: 146.5%;
  line-height: 1em;
  margin-bottom: 1em;
}

#pager li a:link,
#pager li a:visited,
#pager li a:hover,
#pager li a:active,
#pager li em
{
  display: block;
  padding: 0 0.5em;	
}

/*
 * 
 * page
 * 
 */


.page
{
  width: 33em;
  margin: auto auto 2.923076em;
}

#page h3,
.page h3
{
  font-size: 131%;
  line-height: 1.117647em;
  margin-bottom: 1.117647em;
}

#page p
{
  margin-bottom: 2.923076em;	
}

/*
 * 
 * sidebar
 * 
 */

#sidebar a.feed
{
  display: block;
  font-size: 116%;
  line-height: 1.266667em;
  margin-bottom: 2.533334em;	
  padding: 0 1.6em;
  background: transparent url(../images/feedicon.png) no-repeat bottom left;
}

#sidebar #tumblr h4
{
  font-size: 131%;
  line-height: 1.117647em;
  margin-bottom: 1.117647em;  
}


.tumblr-note
{
  padding-bottom: 1.384615em;
  border-bottom: 0.076923em solid #E8E9E1;
  margin-bottom: 2.923076em;
}

.tumblr-note .tumblr-body
{
  /*font-size: 85%;
  line-height: 1.727273em;*/
  margin-bottom: 1.461538em;
}

.tumblr-note .tumblr-body a[rel="permalink"]
{
  font-family: Georgia, "Times New Roman", Times, serif;
}

.tumblr-note .tumblr-link
{
  font-size: 116%;
  line-height: 1.266667em;
}

#tumblr #tumblr-profile
{
  display: block;
  padding: 0 1.6em;
  background: transparent url(http://www.tumblr.com/images/default_avatar_16.gif) no-repeat bottom left;
  margin-bottom: 1.461538em;
}


/*
 * 
 * footer
 * 
 */

#ft
{
  padding-top: 1.461538em;
  padding-bottom: 1.461538em;
  background-color: #E7E7E7;
  text-align: center;
}

#ft p
{
  margin-bottom: 1.461538em;
}

#ft #admin-menu li
{
  display: inline;
}

.adsense
{
    width:730px;
    height: 7.30769em;
    margin: 2.923076em auto 1.461538em;
}


