body, html {margin:0;padding:0;border:0;width:100%;height:auto;font:normal 1em/1.4 "Droid Sans","Trebuchet MS",sans-serif;color:rgb(0,0,0);background-color:rgb(79,78,74)}
h1, h2, p, li {font-size:0.8em;margin:0;padding:0;word-wrap:break-word}
p {text-align:justify;margin:0 0 0.8em}
ul {list-style-type:square;margin:0;padding:0 0 0 1em}
a, a:focus {text-decoration:underline;padding: 0.1em}
h1 {padding:0.4em 0;text-align:center;font: bold 1.6em/1em "Droid Sans Bold","Trebuchet MS",sans-serif;color:rgb(250,250,250);background-color:rgb(0,0,0);background-image:-webkit-gradient(linear, left top, left bottom, from(rgb(68,68,68)), to(rgb(0,0,0)));background:-moz-linear-gradient(top, #444, #111);background: -o-linear-gradient(#444, #111);border-top: 1px solid rgb(119,119,119);text-shadow: 0 -0.1em #000}
h2 {display:block;margin:0.4em 0 0.6em;padding-left:0.4em;font: bold 1.2em/1.5em "Droid Sans Bold","Trebuchet MS",sans-serif;border-left:0.4em solid #53c1be}
h3 {font-size:0.8em;line-height:1em}

.mobicontent {margin:0.6em 0.4em 0.4em;padding:0.4em 0.4em;border:0;background-color:rgb(250,250,250);-webkit-border-radius:0.7em;-o-border-radius:0.7em;border-radius:0.7em;border:0.1em solid rgb(204,204,204)}
.mobicontent img {display:block;margin:0.5em auto !important;border:0.1em solid rgb(227,227,227)}
.mobicontent a {color:rgb(0,0,0);font-weight:bold;-webkit-tap-highlight-color:rgb(153,204,255)}

.ltab {float:left;}
.rtab{float:right;}
.phonenav {position:relative;display:block;overflow:hidden;padding:2% 0 0;font-size:1.2em;font-weight:bold;text-align:center;text-transform:uppercase;background-color:rgb(31,31,31);color:rgb(0,0,0);border-top: 0.1em solid rgb(47,47,47)}
.phonenav a {display:block;width:49%;height:1.8em;padding:0.2em 0;text-decoration:none;border-top:0.1em solid rgb(119,119,119);line-height:1.5em;color:rgb(255,255,255);-webkit-border-top-left-radius:0.3em;-o-border-top-left-radius:0.3em;border-top-left-radius:0.3em;-webkit-border-top-right-radius:0.3em;-o-border-top-right-radius:0.3em;border-top-right-radius:0.3em;background-color: rgb(47,46,44);background: rgb(47,46,44) -webkit-gradient(linear, left top, left bottom, from(rgb(63,62,59)), to(rgb(50,50,50)));background: -o-linear-gradient(rgb(63,62,59)), rgb(50,50,50));border-top:0.1em solid rgb(79,77,74);border-top:0.1em solid rgb(79,77,74);border-right: 0.1em solid rgb(35,35,35);text-shadow: 0 -0.1em #000}
.phonenav a.active {padding:0.3em 0 0.1em;background-color:rgb(79,78,74);background:-webkit-gradient(linear, left top, left bottom, from(rgb(63,63,63)), to(rgb(79,78,74)));text-shadow: 0 0.1em #000}

.applink {display:block;margin:0 1em;padding:0.5em;margin:0.5em;color:rgb(0,0,0);font-size:1.2em;text-align:center;text-decoration:none;border:0.1em solid rgb(153,153,153);-webkit-border-radius:0.4em;-o-border-radius:0.4em;border-radius:0.4em;background-color: rgb(235,235,235);background: rgb(204,204,204) -webkit-gradient(linear, left top, left bottom, from(rgb(250,250,250)), to(rgb(204,204,204)));background: -o-linear-gradient(rgb(250,250,250)), rgb(204,204,204));-webkit-box-shadow:0.1em 0.1em 0.2em rgba(0,0,0,0.2); box-shadow:0.1em 0.1em 0.2em rgba(0,0,0,0.2)}
.copyright{font-size:0.7em;text-align:center;color:rgb(250,250,250)}.cooliris {text-align:center}

@media only screen and (max-width:480px) and (orientation:landscape) {
#mywork > h2 {display:block;clear:both}
#mywork > img {float:right;margin-left:2em !important;width:40%;height:auto}
#mywork > p {overflow:auto;text-align:left}
#mywork h3 {display:inline}
}