@charset "utf-8";
/*
 * Design for pmura.com by Pasion Mura
 * 201002101135CET - CC-BY-SA
*/
body.blog .posts .featured span, body.blog .search .submit, .works .description .client a,
#subnavigation, #about h1 a, #footer .logo, #header .logo, 
#noscript span {background:url("../images/pmuracom-assets.png") no-repeat scroll;}
#menu {background:url("../images/pmuracom-assets-nav.jpg") no-repeat scroll;}

body.labs-project pre, body.blog pre {background:url("../images/code.png") no-repeat scroll top left;}

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td {margin:0;padding:0;list-style:none;} a, input[type="submit"] {cursor:pointer;} a img {border:none;} a {color:#139bc4;text-decoration:none;} a:hover {text-decoration:underline;}  a:visited {color:#0F74AA;}
/* a {color:#4a8797;} */
body {background:#fff;background-repeat:repeat-x;color:#333;font-family:Arial, Helvetica, sans-serif;font-size:100%;font-size-adjust:none;font-style:normal;font-variant:normal;font-weight:normal;line-height:1.3em;min-width:1033px;text-align:center;}

/* layout */
#about, #navigation, #contents {float:left;text-align:left;}
#about {display:none;text-align:center;position:relative;width:65%;}
#navigation {display:block;margin-right:5em;position:relative;margin-top:.5em;width:30%;min-width:243px;max-width:243px;}
body.blog #navigation {margin-top:0;}
#contents {padding-left:1em;width:65%;min-width: 691px;}

.noscript {padding-top:34px;}
#noscript {background:#fff;border-bottom:1px solid #f70;top:0;left:0;padding:.5em 0;position:absolute;font-size:75%;width:100%;}
#noscript span {background-position:-295px -163px;padding:3px 10px;}

.notes-warning {background:#FFFBCF;font-size:small;line-height:normal; padding:0 3px;}

/* header-footer */
#footer, #header {position:relative;}

#header {position:relative;}
#header .logo {background-position:-422px -899px;display:block;height:82px;width:267px;}
#header .logo span, #footer .logo span {display:none;}

#footer .logo {background-position:-454px -373px;display:block;height:87px;width:232px;}
body.about #footer .logo,
body.contact #footer .logo {background-position:-453px -537px;}
body.labs #footer .logo {background-position:-453px -706px;}
body.blog #footer .logo {background-position:-453px -706px;}
#footer .cpy {color:#aaa;font-size:65%;left:32px;line-height:normal;position:absolute;top:34px;width:170px;}

/* about */
#about .cnt {color:#999;font-size:76%;line-height:normal;margin:0 auto;position:relative;text-align:left;width:480px;}
#about .cnt h1 a span {display:none;}
#about .cnt h1 a {background-position:-4px -387px;color:#999;display:block;height:141px;position:absolute;width:315px;}
#about .cnt p {left:4px;position:absolute;/*top:142px;*/}

/*{tmp}*/
body.ph #about {width:100%;display:block;}
body.ph #about .cnt{width:480px;}
#about .servs {left:4px;position:absolute;top:142px;}
#about .contactme {margin-top:3em;}
#about .contactme span {font-weight:bold;}
#about .contactme a[href^="mailto"] {color:#00BCFF;}
#about .abhov {position:absolute;width:100px;height:100px;background:#fff;display:none;height:31px;padding:0em 4px 2em;position:absolute;top:142px;width:404px;color:#333333;}
#about .abhov div {margin-bottom:0.5em;}

/* menu */
#menu {display:block;height:215px;width:180px;height:155px;padding:3.7em 0 3.7em 4em;}
body.blog #menu {padding-top:1.5em;padding-bottom:0.7em;}
#menu ul li {float:left;}
#menu ul li a {display:block;float:left;font-size:23px;height:20px;padding:0.2em 0 0.17em;}
#menu ul .nfl {clear:left;margin-right:1.4em;}
#menu ul li a span {display:none;}
#menu ul .about a {width:60px;}
#menu ul .blog a {width:44px;}
#menu ul .works a {width:63px;}
#menu ul .clients a {width:63px;}
#menu ul .pubs a {width:52px;}
#menu ul .labs a {width:42px;}
#menu ul .contact a {width:78px;}

/* content */
#content {padding:1em 0;}

#content .ht {font-size:140%;line-height:1.1em;word-spacing:2px;}
#content .ht a[rel*="def"] {color:#333;}
#content .comment {font-style:italic;}
#content .small {font-size:75%;}
#content .small-comment {font-size:75%;font-style:italic;line-height:normal;}
#content p.small {line-height:normal;}

#content strong {color:#C30;}
#content bold {font-weight:bold;}

/* subnavigation */
#subnavigation {height:33px;padding:1.2em 1em 0;}
#subnavigation li {display:inline;font-size:75%;color:#333;}
#subnavigation li a {color:#333;}
#subnavigation .imp {font-weight:bold;}

/* tabs */
	/*about*/
#tabs {margin:4em 0 4em;clear:both;}
#content #tabs ul {/*display:none;*/float:left;}
#content #tabs .ui-tabs-hide {display:none;}
#tabs .nav {display:block;font-size:140%;margin-right:1em;width:200px;max-width:200px;vertical-align:middle;}
#tabs .nav a {color:#999;display:block;outline-style:none;padding:0.2em 0;text-decoration:none;}
#content #tabs .ui-state-active a {color:#333;font-weight:bold;}
#content #tabs .tabs {border-left:1px solid #bbb;overflow:auto;padding-left:1em;}
#content #tabs .tabs li {padding:0.3em 0;line-height:1em;}
	/*works*/
.works #tabs .nav {margin-right:0;width:180px;}
.works #tabs ul li {overflow:hidden;}
.works .item {margin:1em 0;}
#tabs div ul li:first-child {margin-top:0;}
#tabs div ul li:last-child {margin-bottom:0;}
.works .screenshot,
.works .description {float:left;}
.works .screenshot {margin:0 2em 0 1em;overflow:hidden;}
.works .screenshot img {width:123px;height:56px;max-width:123px;max-height:56px;}
.works .description li {line-height:normal !important;padding:0 !important;overflow:hidden;}
.works .description ul {padding:0.4em 0 0;}
.works .description .services {color:#999;font-size:75%;font-weight:bold;}
.works .description .services a {color:#999;}
.works .description .client {min-width:323px;position:relative;overflow:visible;}
.works .description .client a {background-position:-14px -72px;display:none;height:20px;position:absolute;right:1px;top:0;width:72px;}
.works .description .client a:hover {background-position:-14px -96px;}
.works .item:hover .description .client a {display:block;}
.works .description .client a span {display:none;}
.works .description .client span {-moz-border-radius:3px;background:#C30;color:#FFFFFF;font-size:65%;padding:1px 3px;position:absolute;right:14px;top:2px;}
.works .curr {background:#FFFDE4;}


/* clients */
.listing li {border-bottom:1px solid #CCC;color:#444;float:left;font-size:16px;margin:0 2em 0 0;padding:7px 0;width:225px;}

#content p {margin-bottom:1em;}

/* pubs */
#content .tabs strong {color:#333;}

/* labs */
body.labs .tbl {margin:2em 0 2em;clear:both;overflow:auto;}
body.labs .tbl .name, body.labs .tbl .content {/*display:none;*/float:left;}
body.labs .tbl .name {width:18%;}
body.labs .tbl .content {border-left:1px solid #bbb;overflow:hidden;padding-left:1em;width:77%;}
body.labs-project .name {float:none;}
body.labs .name, body.labs .name a {color:#333;font-weight:bold;outline-style:none;text-decoration:none;}
.tbl .name {display:block;font-size:95%;margin-right:1em;width:200px;max-width:200px;vertical-align:middle;}
body.labs-project #content {max-width:700px;}

/*blog*/
body.blog .post ol li {list-style: decimal inside none;margin-left: 2em;}
body.blog .post ol.disc li {list-style: decimal;}
body.blog .post .references {clear:both;border-top: 1px solid #EEEEEE;font-size: 85%;margin-top: 3em;padding: 1em 0 0;}
body.blog .post .footnote {font-size: 75%;}
body.blog .post .footnote:target,
body.blog .post .footnote-identifier-link:target {background:#EFF7FF;}
body.blog  .post table {background:#fff;}

body.blog #contents {width:694px;}

body.blog h2 {margin-bottom:0 !important;}
body.blog h3 {font-size: 108%;font-style: normal;}
body.blog h4 {font-size: 88%;font-style: italic;}
body.blog h3,
body.blog h4 {clear:none;}

body.blog #menu a {font-size:16px;height:10px;padding:0.3em 0 0.1em;}
body.blog #menu .about a, body.blog #menu .blog a {font-size:23px;height:12px;}
body.blog #menu li {margin-top:0.2em;}
body.blog #menu .about, body.blog #menu .blog {margin-top:0;margin-bottom:0.3em;}

body.blog #menu .nfl {margin-right:0.9em;}
body.blog #menu .about {margin-right:1.4em;}

body.blog #menu .works a {width:50px;}
body.blog #menu .clients a {width:47px;}
body.blog #menu .pubs a {width:40px;}
body.blog #menu .labs a {width:34px;}
body.blog #menu .contact a {width:60px;}

body.blog #categories {background:#ccc;color:#fff;-moz-box-shadow:0 0 3px #ccc;-webkit-box-shadow:0 0 3px #ccc;box-shadow:0 0 3px #ccc;margin:0 0 0.5em 1em;position:relative;width:102%;}
body.blog #categories .text a {display:block;padding:0.5em;text-decoration:none;}
body.blog #categories a {color:#fff;}
body.blog #categories:hover {background:#222;color:#fff;font-weight:normal;-moz-box-shadow:0 0 5px #222;-webkit-box-shadow:0 0 5px #222;box-shadow:0 0 5px #222;}
body.blog #categories .list {display:none;background:#222;font-size:90%;left:246px;padding:1em;position:absolute;overflow:auto;top:-29px;min-width:224px;z-index:10;}
body.blog #categories .list {-moz-border-radius:4px 4px 4px 4px;border-radius:4px 4px 4px 4px;-moz-box-shadow:0 0 5px #222;-webkit-box-shadow:0 0 5px #222;box-shadow:0 0 5px #222;}
body.blog #categories:hover .list,
body.blog #categories:active .list {display:block;font-weight:normal;}
body.blog #categories ul li span {-moz-border-radius:4px 4px 4px 4px;-webkit-border-radius:4px 4px 4px 4px;border-radius:4px 4px 4px 4px;background:none repeat scroll 0 0 #000000;font-size:71%;font-weight:bold;padding:2px;}
body.blog #categories .list li ul {margin-left:0.5em;}

body.blog .time {margin:-2px 0 1em;font-size:77%;font-weight:bold;}

body.blog #content .quote, body.blog #content blockquote {color:#9f9f9f;font-style:italic;margin-left:1em;border-left:1px solid #ccc;margin:2em 0 2em 1em;padding:0 1em;}

body.blog .search {border:1px solid #ccc;height:22px;margin-left:1em;padding:3px;width:240px;}
body.blog .search {-moz-box-shadow:0px 0px 3px #ccc;-webkit-box-shadow:0px 0px 3px #ccc;box-shadow:0px 0px 3px #ccc;}
body.blog .search form {position:relative;}
body.blog .search .searchbox {height:18px;padding:0.1em 2em 0 0.6em;-webkit-height:3px;background:transparent;border:none;font-size:97%;color:#000;}
body.blog .search .submit {background-position:-103px -163px;border:medium none;height:21px;padding:10px;position:absolute;right:0;top:1px;width:21px;}
body.blog .search:focus {border:1px solid #09F;}

body.blog .adv {text-align:center;color:#999;margin:2em 0em 0 1em;width:240px;}
body.blog .adv .disclaimer {font-size:65%;color:ccc;border-bottom:1px solid #ccc;}
body.blog .adv .adv-space {background:#ddd;width:240px;overflow:hidden;}

body.blog #metadata {clear:both;border-bottom:3px solid #ccc;padding:3px 0;margin-top:4em;}
body.blog div.post #metadata {margin-top:4em;}
body.blog #metadata li {display:inline;font-size:72%;margin-right:1em;}
body.blog #metadata a , body.blog #metadata .strong {color:#333;font-weight:bold;}

body.blog #comments {font-size:90%;margin-top:4em;}
body.blog #comments li {list-style-type:none;margin:1em 0;border-bottom:1px solid #ccc;overflow:auto;}
body.blog #comments .cite, body.blog #comments .content {float:left;}
body.blog #comments .cite {text-align:right;width:18%;margin-right:2em;}
body.blog #comments .cite .author {font-weight:bold;overflow:hidden;}
body.blog #comments .cite .author a {color:#333;}
body.blog #comments .cite .date {}
body.blog #comments .content {width:72%;}
body.blog #comments .cite .admin a {color:#900;font-size:90%;}
body.blog #comments .admincomment {/*background:#FFFEEF;*/-moz-box-shadow:-5px -3px 26px #EDEDED;-webkit-box-shadow:-5px -3px 26px #EDEDED;box-shadow:-5px -3px 26px #EDEDED;}

body.blog .posts {clear:both;margin:3em 0 0 1em;font-size:90%;line-height:normal;}
body.blog .posts .line {clear:both;margin-bottom:0.5em;}
/*body.blog .posts li l li {float:left;display:inline;margin-right:1em;}*/
body.blog .posts li a {font-weight:bold;}
body.blog .posts .time {font-size:100%;font-weight:normal;width:120px;margin-bottom:0;}

body.blog .posts .featured {position:relative;}
body.blog .posts .featured span {background-position:-14px -165px;display:block;height:17px;left:-12px;position:absolute;top:0;width:4px;}

body.blog  h2 a {color:#333;}

body.blog .fma, body.blog #content .adv {float:left;}
body.blog .fma {width:60%;margin-right:2em;overflow:auto;}
body.blog .fma {}
body.blog #content .adv {overflow:auto;}
body.blog #footer {-moz-box-shadow:0 -5px 33px #EEEEEE;-webkit-box-shadow:0 -5px 33px #EEEEEE;box-shadow:0 -5px 33px #EEEEEE;color:#CCCCCC;font-size:75%;margin:5em 0 2em;padding:1em;}
body.blog #footer a {color:#CCCCCC;}

/* contact */
#content .twoleft,
#content .tworight {float:left;}
#content .twoleft {width:40%;margin-right:2em;}
#content .tworight {width:50%;}
#content .twocol {overflow:auto;}
.adr {margin-top:1em;}
#content .cts {color:#E8E0CF;font-weight:bold;margin-bottom:1em;line-height:1em;}
#content .cts a {color:#4A8797;font-size:75%;font-weight:normal;}

.cola label, .cola input, body.blog #comments label, body.blog #comments input  {float:left;}
.cola label, body.blog #comments label {width:120px;padding:3px;cursor:pointer;}
.cola label.required, body.blog #comments label.required {color:#800000;}
.cola label.ferror, body.blog #comments label.ferror {color:#C30;}
.cola input, body.blog #comments input {width:50%;border:1px solid #999;margin-top:4px;}
.cola select, body.blog #comments select {width:50%;}
.cola textarea, body.blog #comments textarea {border:1px solid #777;font-size:116%;width:98%;height:200px;padding:4px;}
.cola select option, body.blog #comments select option {width:auto !important;}
.cola .line, body.blog #comments .line {clear:both;padding:0.2em 0;overflow:auto;}
input.active , body.blog #comments input.active {background:#008000;border:none;color:#fff;font-size:90%;padding:3px;}
label.error, body.blog #comments label.error {display:none !important;}

/*elements*/

hr {border:none;border-top:1px solid #ccc;}
h2, h3, h4, h5 {font-weight:bold;}
body.labs-project h2, body.blog h2 {margin:1em 0;}
body.blog h2 {font-size:139%;margin:1.5em 0 0;}
h2 {font-size:126%;/*114%*/}
h3 {font-size:85%;color:#333;font-style:italic;}

/*code*/
body.labs-project pre, body.blog pre {border:medium none;color:#555555;font-family:"Lucida Console",monospace;font-size:11px !important;line-height:15px !important;margin:1em 0 1em 1em;overflow:auto;padding:0.2em 3em 0;white-space:pre;}

/* backgrounds */
body.home #about {display:block;}
body.home #menu {background-position:0px 0px;}
body.about #menu {background-position:0 -844px;}
body.works #menu {background-position:0 -282px}
body.clients #menu {background-position:0 -562px;}
body.pubs #menu {background-position:0 -1421px;}
body.labs #menu {background-position:0 -1713px;}
body.blog #menu {background-position:0 -2043px;}
body.contact #menu {background-position:0 -1133px;}

body.about #subnavigation,
body.contact #subnavigation{background-position:-624px -30px;}
body.works #subnavigation,
body.clients #subnavigation,
body.pubs #subnavigation {background-position:-624px -136px;}
body.labs #subnavigation {background-position:-623px -243px;}
body.blog #subnavigation {background-position:-623px -243px;}
body.home #subnavigation {background-position:-624px -136px;}

#footspon {bottom:2em;color:#AAAAAA;font-size:65%;position:absolute;right:2em;}
#footspon  a {color:#AAAAAA;}

/*comps*/
.wp-caption {/*-moz-box-shadow:0 0 8px #AAAAAA;box-shadow:0 0 8px #AAAAAA;*/font-family:"Lucida Grande",Arial,Helvetica,sans-serif;font-size:54%;line-height:normal;margin:1em;text-align:center !important;}
body.labs-project .wp-caption {font-size:65%;}
body.labs-project .wp-caption-text {margin-top:1em;}
.wp-caption-text  {text-align:left;padding:2px 5px;margin-top:0.2em;
				  border-top:1px solid #ddd;
				  margin-top:15px;
			      background: #EEEEEE;
			      background: -moz-linear-gradient(top, #EEEEEE 0%, #FFFFFF 100%);
			      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EEEEEE), color-stop(100%,#FFFFFF));
			      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEEEEE', endColorstr='#FFFFFF',GradientType=0 );}
.aligncenter {text-align:center;}
.alignleft {text-align:left;float:left;}
.alignright {text-align:right;float:right;}

.search-results .result {margin-bottom:1em;}
.search-results h2 {font-weight:normal;font-size:100%;}
.search-results .excerpt {font-size:86%;line-height:normal;}
.search-highlight {font-weight:bold;}

/*related-content*/
#crp_related {background:#F5F5F5;box-shadow: 0 0 6px #ddd;opacity: 0.6;padding: 1em 0;
transition: opacity 0.3s ease;webkit-transition: opacity 0.3s ease;-moz-transition: opacity 0.3s ease;-o-transition: opacity 0.3s ease;}
#crp_related:hover,
#crp_related:active {opacity:1;}
#crp_related ul {margin:0 1em;overflow:auto;}
#crp_related ul li {float:left;margin-bottom:10px;margin-right:31px;width:300px;}
#crp_related h3 {color:#999;display:block;font-size:85%;font-weight: bold;margin:0 1em 0.5em;}
#crp_related a {color:#4A8797;display:block;font-size:78%;padding:3px 0;}

/*comments:http://randaclay.com/themes/bluebird/*/
#comment{background:#FFF;color:#333;float:left;padding:10px 10px 0;margin:0 0 10px;border:1px solid #CCC;font-size:85%}#comment{padding:10px 20px 20px;border:1px solid #ccc;margin-bottom:3em;color:#515441}#comment a{text-decoration:underline}#comment a:hover{color:#E88337}ol#commentlist{padding:5px 0;margin:0;list-style-type:none;font-weight:bold}.commentdate{font-size:1.2em;padding-left:0;font-weight:bold}.commentlist p{clear:both;font-size:1.2em}#commentlist li p{margin-bottom:8px;line-height:18px;padding:5px;font-weight:normal}.commentname{color:#333;margin:0;padding:5px 5px 0 0}.commentinfo{clear:both}.commenttext{clear:both;margin:0 0 20px;padding:0 0 5px 10px}.commenttext-admin{clear:both;margin:5px 0 10px;padding:0 10px 5px;width:450px}#commentsformheader{padding-left:0}#commentsform{text-align:left;margin:0;padding:0}#commentsform form{text-align:left;margin:0}#commentsform p{margin:0}#commentsform form textarea{width:99%}p.comments_link img{margin:0;padding:0;border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none}.commentmetadata{font-size:1.1em;float:right}.commentlist li{padding:2px;border-top:1px solid #ccc;}