Tugas 1 Aplikasi Komputer

You might also like

Download as txt, pdf, or txt
Download as txt, pdf, or txt
You are on page 1of 90

<!

DOCTYPE html>
<!-- saved from url=(0036)http://ss-muhammadalam.blogspot.com/ -->
<html class="v2" dir="ltr"><head><meta http-equiv="Content-Type"
content="text/html; charset=UTF-8">

<script src="./tugas 1 aplikasi komputer_files/cb=gapi.loaded_4"


async=""></script><script src="./tugas 1 aplikasi komputer_files/cb=gapi.loaded_3"
async=""></script><script src="./tugas 1 aplikasi komputer_files/cb=gapi.loaded_2"
async=""></script><script src="./tugas 1 aplikasi komputer_files/cb=gapi.loaded_1"
async=""></script><script src="./tugas 1 aplikasi komputer_files/cb=gapi.loaded_0"
async=""></script><script type="text/javascript">(function() { var
b=window,f="chrome",g="tick",k="jstiming";(function(){function d(a)
{this.t={};this.tick=function(a,d,c){var e=void 0!=c?c:(new
Date).getTime();this.t[a]=[e,d];if(void
0==c)try{b.console.timeStamp("CSI/"+a)}catch(h){}};this[g]("start",null,a)}var
a;b.performance&&(a=b.performance.timing);var n=a?new d(a.responseStart):new
d;b.jstiming={Timer:d,load:n};if(a){var
c=a.navigationStart,h=a.responseStart;0<c&&h>=c&&(b[k].srt=h-c)}if(a){var
e=b[k].load;0<c&&h>=c&&(e[g]("_wtsrt",void 0,c),e[g]("wtsrt_","_wtsrt",h),e[g]
("tbsd_","wtsrt_"))}try{a=null,
b[f]&&b[f].csi&&(a=Math.floor(b[f].csi().pageT),e&&0<c&&(e[g]("_tbnd",void
0,b[f].csi().startE),e[g]
("tbnd_","_tbnd",c))),null==a&&b.gtbExternal&&(a=b.gtbExternal.pageT()),null==a&&b.
external&&(a=b.external.pageT,e&&0<c&&(e[g]("_tbnd",void 0,b.external.startE),e[g]
("tbnd_","_tbnd",c))),a&&(b[k].pt=a)}catch(p){}})();b.tickAboveFold=function(d){var
a=0;if(d.offsetParent){do
a+=d.offsetTop;while(d=d.offsetParent)}d=a;750>=d&&b[k].load[g]("aft")};var l=!
1;function m(){l||(l=!0,b[k].load[g]("firstScrollTime"))}b.addEventListener?
b.addEventListener("scroll",m,!1):b.attachEvent("onscroll",m);
})();</script>
<meta content="blogger" name="generator">
<link href="http://ss-muhammadalam.blogspot.com/favicon.ico" rel="icon"
type="image/x-icon">
<link href="./tugas 1 aplikasi komputer_files/tugas 1 aplikasi komputer.html"
rel="canonical">
<link rel="alternate" type="application/atom+xml" title="tugas 1 aplikasi komputer
- Atom" href="http://ss-muhammadalam.blogspot.com/feeds/posts/default">
<link rel="alternate" type="application/rss+xml" title="tugas 1 aplikasi komputer -
RSS" href="http://ss-muhammadalam.blogspot.com/feeds/posts/default?alt=rss">
<link rel="service.post" type="application/atom+xml" title="tugas 1 aplikasi
komputer - Atom"
href="http://www.blogger.com/feeds/1477045285096257897/posts/default">
<link rel="openid.server" href="http://www.blogger.com/openid-server.g">
<link rel="openid.delegate" href="./tugas 1 aplikasi komputer_files/tugas 1
aplikasi komputer.html">
<!--[if IE]><script type="text/javascript"
src="https://www.blogger.com/static/v1/jsbin/1353258138-ieretrofit.js"></script>
<![endif]-->
<!--[if IE]> <script> (function() { var html5 =
("abbr,article,aside,audio,canvas,datalist,details," +
"figure,footer,header,hgroup,mark,menu,meter,nav,output," +
"progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) {
document.createElement(html5[i]); } try
{ document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })();
</script> <![endif]-->
<title>tugas 1 aplikasi komputer</title>
<meta content="!" name="fragment">
<meta content="dynamic" name="blogger-template">
<meta content="IE=9,chrome=1" http-equiv="X-UA-Compatible">
<meta content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no,
width=device-width" name="viewport">
<link type="text/css" rel="stylesheet" href="./tugas 1 aplikasi
komputer_files/3681447274-widget_css_2_bundle.css">
<link type="text/css" rel="stylesheet" href="./tugas 1 aplikasi
komputer_files/authorization.css">

<script src="./tugas 1 aplikasi komputer_files/jquery.js"


type="text/javascript"></script>
<script src="./tugas 1 aplikasi komputer_files/jquery-mousewheel.js"
type="text/javascript"></script>
<script src="./tugas 1 aplikasi komputer_files/common.js"
type="text/javascript"></script>
<script src="./tugas 1 aplikasi komputer_files/lang__id.js"
type="text/javascript"></script>
<script src="./tugas 1 aplikasi komputer_files/classic.js"
type="text/javascript"></script>
<script src="./tugas 1 aplikasi komputer_files/gadgets.js"
type="text/javascript"></script>
<script src="./tugas 1 aplikasi komputer_files/comments.js"></script>
<script type="text/javascript">var a="indexOf",b="&m=1",e="(^|&)m=",f="?",g="?
m=1";function h(){var c=window.location.href,d=c.split(f);switch(d.length){case
1:return c+g;case 2:return 0<=d[1].search(e)?null:c+b;default:return null}}var
k=navigator.userAgent;if(-1!=k[a]("Mobile")&&-1!=k[a]("WebKit")&&-1==k[a]
("iPad")||-1!=k[a]("Opera Mini")||-1!=k[a]("IEMobile")){var
l=h();l&&window.location.replace(l)};
</script><script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script><style id="subscribecss" class="singleton-element">#subscribe {
text-align: left;
margin: 10px;
vertical-align: middle;
white-space: nowrap;
}

.subscribe-by-email,
.subscribe-rss-feed {
min-width: 250px;
padding: 4px 16px 16px 16px;
}

.subscribe-by-email {
border-bottom: 1px solid #ddd;
}

.subscribe-by-email-title,
.subscribe-rss-feed-title {
font-size: 16px;
margin: 8px 0;
}

.subscribe-by-email-address {
border: 1px solid #ddd;
-moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3);
-ms-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3);
-o-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3);;
font-size: 12px;
height: 27px;
line-height: 27px;
min-width: 192px;
padding: 0 0 0 6px;
}

.subscribe-by-email-submit {
display: inline-block;
min-width: 54px;
border: 1px solid #dcdcdc;
text-align: center;
color: #444;
font-size: 11px;
font-weight: bold;
height: 27px;
padding: 0 8px;
line-height: 27px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-transition: right 0.218s;
-ms-transition: right 0.218s;
-o-transition: right 0.218s;
-webkit-transition: right 0.218s;
transition: right 0.218s;;
background-color: #f5f5f5;
background-image: -webkit-gradient(linear,left top,left
bottom,from(#f5f5f5),to(#f1f1f1));
background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);
background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1);
background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1);
background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
filter:
progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5',EndColorStr='#f1
f1f1');
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
-o-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;;
}
.subscribe-by-email-submit:hover {
border: 1px solid #c6c6c6;
color: #222;
-webkit-transition: all 0.0s;
-moz-transition: all 0.0s;
-o-transition: all 0.0s;
transition: all 0.0s;
background-color: #f8f8f8;
background-image: -webkit-gradient(linear,left top,left
bottom,from(#f8f8f8),to(#f1f1f1));
background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1);
background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1);
background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);
background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
filter:
progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8f8f8',EndColorStr='#f1
f1f1');
-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
-ms-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
-o-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
box-shadow: 0px 1px 1px rgba(0,0,0,0.1);;
}
.subscribe-by-email-submit:active {
background-color: #f6f6f6;
background-image: -webkit-gradient(linear,left top,left
bottom,from(#f6f6f6),to(#f1f1f1));
background-image: -webkit-linear-gradient(top,#f6f6f6,#f1f1f1);
background-image: -moz-linear-gradient(top,#f6f6f6,#f1f1f1);
background-image: -ms-linear-gradient(top,#f6f6f6,#f1f1f1);
background-image: -o-linear-gradient(top,#f6f6f6,#f1f1f1);
background-image: linear-gradient(top,#f6f6f6,#f1f1f1);
filter:
progid:DXImageTransform.Microsoft.gradient(startColorStr='#f6f6f6',EndColorStr='#f1
f1f1');
-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
-ms-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
-o-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);;
}
.subscribe-by-email-submit:visited {
color: #666;
}

.subscribe-rss-feed-view-rss {
display: inline-block;
height: 24px;
line-height: 24px;
padding-left: 28px;
}

.subscribe-rss-feed-add-to {
/* http://www.google.com/images/icons/product/reader-16.png */
background-image:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACfElEQVQ4T
22TXUhTYRjH/0dn6pZNkkZa2rKrRMgshO4q6KbooqCbbrwqQhMsEPqAvsuK6KYuoroRQigogkxErMhMIqxZ
GNTWtjbSmcO5zfOx856vznlOmx3Zc3He8/7f5/k9H7wvh2XG3+gwLIml0tCEHJ3K8wvgY3MFz4aHj+FuauY
sgT55ywcL3lp4MokCxAKwVBZsMQeFFyGlJbTFZ4sDKk7ehKowYrKJUagvn0CMW7AlgCIxtIamiwNcXVcoWN
NUaLoKXeAhPLgLefw9VSAm01BlDb43g/BvauUcLaRudRu5PYcKLa30b4RugVQV2etXwY+8hpU9JyioHx82k
+j2DMqvKTS4vOnZP47RtrgT6D9YAv54B5RIDKqqLwHKezUDhl402JBFGIwHFBmt610Y8A0hfOkO+RYqsLIL
PTKiKRVvf+noHdUQn5fJ6X+Atf99rgrRtt10VvduCKqmgbMAme5Fx+DufdRwZlCyIf8qsP5jZz1Ith+BFIw
6AcN7g/BVV6ChpsqevDm4L/FFHHikIZMVCu0F/M+hTwQgfpgkgCQzu4JU1wIFBqILaFxTiapKF03+WSCNY0
9lsxXBdPRgZLKLYDWXL2Dd1ibMzCZsQLIzSVmpzKTdTq23jNZ99zP4FM7AUCTM3t4CZvrV+nyQcyLCP7+Dc
50IGq/aFXJurqukNZKUsKGmzKyCYeAbw9G+adKVvl0QxSzc7lW0D4WmwJV2fjbmzleTMDUjYfNaO/NYMI0d
jW66LPWnY6R9PbWaVsbshNu27+QIMNXjJYE3Xx9XWgJPxQqM/cigzV9OesvFCK1G/37HzbU0+0EcfuG4ieS
9zIoFWy5/AXxpdXGYm4ahAAAAAElFTkSuQmCC);
background-repeat: no-repeat;
background-position: 4px center;
padding-left: 25px;
}
a.feed-reader-link {
margin: .5em 0;
}

.subscribe-netvibes,
.subscribe-myyahoo {
background-repeat: no-repeat;
height: 17px;
width: 91px;
}

.subscribe-netvibes {
/* http://img1.blogblog.com/img/widgets/subscribe-netvibes.png */
background-image:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFsAAAARCAMAAACFKyChAAAC7lBMVEX//
//////o8f9fti79/v/y9/+It/55rv5Fbrj8/f76+/33+v/z+P/q8//l7/+Cs/5rpv5dnf76/P9VmP74+vyU
vv6Gtv56r/41oTVLcrqqqqr2+Pvv9f/h7f/e6//Y4fDL4P/R2+3F3P/C2v/N2OyqzP+2xuSix/5Ysy/5+//
MzMxxqf5qpf6EntBno/5Zm/5fti9eti41ojQ1oTSSvf4+aLYsWa4iUqv5/P/4+fz0+f/29/v09vrx9Pro8v
/r7/jm8P/g7P/j6fXa6f/e5fLU5f/T5P/a4vHV3u/J3//E2//L1uu+1/+51f+uzv+9y+atzv+6yeWoy/6my
f+fxf6wweGcw/6awf6Nuv6gtNuJuP6EtP6CtP6As/6SqtV3rf51q/5tp/5mov5jof5env5bnP5ctS5ctC9b
tC9TsDBOrjFhg8NIqzI+pjM9pjM+pTM5pDRRdr1Mc7tIb7lBarcvkRg9Z7UrixgriRgqiRglghkxXbEifxk
ifRkgeRqQvP4ddhuuv+AyoDX+/v/2+f/2+Pzy9vvy9frt9P/w8/rs8//s7/fq7vfo7fbi7v/i7f/n7Pbg7f
/k7Pnn6/bh7P/f7P/d6v/h6PTh5/Tf5vPY5//W5v/d5PLR5P/a4fHO4v/X4PDH3f/D2//C2v7C2f7M1+zM1
+u/2P671/+61f+31P630/7Cz+ix0P+/zeawz/60xOOyw+KywuGawv6Zwv6rvd+YwP6XwP6Svv+httuLuf+L
uf6Kuf6LuP6KuP6es9qbsdl+sv58r/6PptOFp9+JotKGoNCDndB9ms5enf50kspRlv5dtC5ctC5XszBYsi9
TsTBTsC9oiMVPrjFPrjBjhcRJrDFJqzJFqjJFqTJCqTJDqDI/pzNApjNYfMA8pTQ7pDM5pDNWer84pDQ5oz
Q5ozM4ozU3ozQ0ojU0oTRKcbpJcLpIcLkvkRcvjxgtjhgtjBg8ZbI6ZbQohhgohRk0YLIifxoifRooVq4aT
Kg1STZjAAAAAXRSTlMAQObYZgAAAmVJREFUeF611EOMbE0ch+H+tc2xbdu2bdv2XNu2bdu2bdv8uLsnmaRz
chaTWUw/VUn9a/Puqmg2KkOj2UBFbHSINkYpDXr7I0NJC/3xVU6pbkhziB9A+11FZcW39vavVyuvvEc/Tlg
oR7oB9IstB9B+bmVl9R34QRwvQBIZpbsw0R+A7rYt3kBUx+lZM4OnM6fNFdP1WYAkRWAUCgIz3EgIQGi0KI
hFbT+t7uruBjo7u24+Acnd3mdcj1pvGH9u+dQchkueP89wyiTWJ8uPpDlmABocjt3FQ0KI8m01i8NB1yzUV
Gygth/W/O67/VXzACQL3GvDdv4dotZqz+PbN6tN5R4fJ7YzRZKtng97OHCsPEZvaak52DnW2ChlbXJgebHX
UNv36nr6bj1190Hi9yUZxu6zzTzOFxTY/78WLSOBTHWc2gq4EW3JPgApuQElB5LMzRVxYmlRhomA2r7z6J+
hQ4AhQ/99fBsk41t3wMx9SqxHdnq6RXKgrzbRnmcbJxURbTcgLxOApSSoJDVm1cpoOs8gIbcsntq+0VjfOA
wY1tBQXw2SGdy9PLMOw7Hcc8C6C/663Gw+mDmO+wF5VpbcS0NmIlgu2w6Nw3LQd09azfYZfZRNbV9787JpB
OHt66brIHnl2Rsb+V/bZGPtNu1fZ/nMW54HgfWKCMBS4Ziw53I+p1SmLgA9T8pxUB+zWVZUaBdNbVd9cHUh
lpaWi2sVSJYYrvBTW2bIx8TEXfMBBFqEAHIxDxAFz9ETGQgnmCxmArCOMNUHWAGhpnRQ23BmMJwYTs7EHtw
3r9q/SlWINk1HZf4AwCDWutwHXcUAAAAASUVORK5CYII=);
}

.subscribe-myyahoo {
/* http://img1.blogblog.com/img/widgets/subscribe-yahoo.png */
background-image:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFsAAAARCAMAAACFKyChAAAAe1BMVEX//
//8GSH///9UVFT+xcj/8PH8KzL+jZH/5eb9SlH/Zmb+19j+sbP8dnv9bnOjz//8PEP+n6KZmZn09PT9f4P9
WmDU1NRmZmYNJppeXl7f398pXOZ0dHR+fn7q6ur/9vbMzMwPQtuJiYm0tLQAAJmpqakYMqUAM8xKc+0wAtJ
HAAAAAXRSTlMAQObYZgAAAXdJREFUeF6108eu2zAYhFHPsDd1ubfbkrz/E4bShQ3aSRYBrE+ACGhx8IMiV9
1irVYdF6rbZPvnY58vtX/lDofD29z2xfY07jY3rf+yvfcpGcWHLorFF2WtJS0Qn23Whf0hjuRanNZi1/Mqv
khZAU6x9aMbJUkb8mM0BjJIaUnlkNOKgC3seWrW+XWzv4T44FGc2Imu3x05FQBJpdGkNgQaIJESVA1yLedx
rYaFK/bkkEXOlfauE9nuN+Jd7DnXAjbCUAEjmdAa4xyhSUa4iSYtDNKTXdes67qw34Xoss1rXvkdBwCSDFq
nya5G3zgJyRya73FHSB0L+
+1ve7I+bfrJ5lH0vDXT1KOHooYlBxggStngEoFUaUQalnb5L+/2+crZPgne0yBVg0hU0ulByqGKtnKjc4EM
lfeDZQv/h517sMlne9CAdu1glATSpTiJ5dFUVSDu9o9t2WyfJ5rrM8n9/mbI7/7r7nw+9NJ7uUyzvVTZXm0
W6zcSt0JtZ/HJvQAAAABJRU5ErkJggg==);
}</style><style id="blogarchivecss" class="singleton-element">.blogarchive-tree {
padding: 12px;
-moz-transition: width 0.15s, height 0.15s;
-ms-transition: width 0.15s, height 0.15s;
-o-transition: width 0.15s, height 0.15s;
-webkit-transition: width 0.15s, height 0.15s;
transition: width 0.15s, height 0.15s;
}

.blogarchive-title {
padding: 8px;
vertical-align: middle;
line-height: 14px;
white-space: nowrap;
cursor: pointer;
}

.blogarchive-title:after {
content: "";
display: inline-block;
border-width: 5px;
border-color: transparent transparent transparent #666;
border-style: solid;
width: 0;
height: 0;
position: relative;
left: 4px;
visibility: hidden;
}

.blogarchive-title:hover:after {
border-color: transparent transparent transparent #ccc;
}

.blogarchive-expanded > .blogarchive-title:after {


border-color: transparent transparent transparent #666;
}

.blogarchive-title:hover:after,
.blogarchive-expanded > .blogarchive-title:after {
visibility: visible;
}

.blogarchive-expanded > .blogarchive-title a {


color: #666;
font-weight: bold;
}

.blogarchive-flat .blogarchive-title:after {
display: none;
}

.blogarchive-loading {
background-image:
url(data:image/gif;base64,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
yEAOwAAAAAAAAAAAA==);
background-repeat: no-repeat;
background-position: left center;
height: 28px;
}

.blogarchive-loading:after {
content: "loading";
color: #666;
display: inline-block;
line-height: 28px;
margin-left: 28px;
min-width: 192px;
}

.blogarchive-dates {
min-width: 128px;
}

.blogarchive-tree > .blogarchive-dates {


position: relative;
}

.blogarchive-date > .blogarchive-dates {


display: none;
position: absolute;
top: 0;
left: 90%;
-moz-transition: left 0.15s ease-out;
-ms-transition: left 0.15s ease-out;
-o-transition: left 0.15s ease-out;
-webkit-transition: left 0.15s ease-out;
transition: left 0.15s ease-out;
}

.blogarchive-date.blogarchive-expanded > .blogarchive-dates {


display: block;
left: 100%;
}

.blogarchive-expanded > .blogarchive-dates {


display: inline-block;
}

.blogarchive-post-count {
color: #666;
font-size: 12px;
}
.blogarchive-post-count:before {
content: " (";
}
.blogarchive-post-count:after {
content: ")";
}
.blogarchive-post {
padding: 8px 0 0 16px;
text-indent: -8px;
min-width: 200px;
}

@media only screen and (max-width : 546px) {


.blogarchive-tree {
height: auto !important;
width: auto !important;
}

.blogarchive-date > .blogarchive-dates {


position: static;
margin-left: 12px;
}

.blogarchive-post {
padding: 4px 0 4px 16px;
}
}</style><style id="profilecss" class="singleton-element">.profile {
color: #666;
min-width: 280px;
padding: 8px 16px 16px 16px;
}

.profile-data {
margin: 0;
}

.profile-name {
display: inline-block;
}
.profile-name-link {
background: no-repeat left center;
display: inline-block;
min-height: 20px;
padding-left: 20px;
}

.profile-photo {
display: inline-block;
float: left;
margin: 0 12px 10px 0;
}

.profile-name, .profile-location, .profile-occupation {


font-size: 16px;
margin-bottom: 6px;
}

.profile-photo img {
vertical-align: middle;
}
.profile-aboutme {
clear: both;
line-height: 1.2em;
margin: 0;
}

.profile-link {
clear: both;
display: block;
margin-top: 4px;
text-align: right;
}</style><style id="attributioncss" class="singleton-element">.attribution {
background-color: #f5f5f5;
background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);
background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1);
background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1);
background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
bottom: 0;
color: #444;
font-size: 11px;
padding: 5px;
position: fixed;
text-align: center;
width: 100%;
z-index: 998;
}</style><style id="css">/* Begin: reset styles */

body,div,ul,ol,li,input,textarea,p,abbr {
margin:0;
outline: none;
padding:0;
}
ol,ul {
list-style:none;
}
h1,h2,h3,h4,h5,h6 {
font-size: 100%;
font-weight: normal;
margin: 0;
padding: 0;
}
img {
border: none;
}

/* End: reset */

#chromefix {
-webkit-transform: perspective(1); /* Chrome 12/13/14 flicker fix. */
}

body {
background-color: rgba(238, 238, 238, 1);

background-image: url(#EEEEEE none repeat scroll top left);


background-position: left top;
background-repeat: no-repeat;

body, input, textarea {


font-family: 'Helvetica Neue Light', HelveticaNeue-Light, 'Helvetica Neue',
Helvetica, Arial, sans-serif;
font-size: 14px;
}

a,
a:focus {
color: rgba(0, 158, 184, 1);
font-family: 'Helvetica Neue Light', HelveticaNeue-Light, 'Helvetica Neue',
Helvetica, Arial, sans-serif;
outline: none;
text-decoration: none;
-moz-transition: color .3s;
-ms-transition: color .3s;
-o-transition: color .3s;
-webkit-transition: color .3s;
transition: color .3s;
}

a:visited {
color: rgba(0, 158, 184, 1);
}

a:hover {
color: rgba(0, 158, 184, 1);
text-decoration: underline;
}

abbr.published {
outline: none;
text-decoration: none;
border: none;
}
.title {
color: rgba(51, 51, 51, 1);
font-family: 'Helvetica Neue Light', HelveticaNeue-Light, 'Helvetica Neue',
Helvetica, Arial, sans-serif;
font-size: 14px;
}

.title a {
color: rgba(51, 51, 51, 1);
font-family: 'Helvetica Neue Light', HelveticaNeue-Light, 'Helvetica Neue',
Helvetica, Arial, sans-serif;
}

/* Way to prevent any css animations during dom manip. */


.instant, .instant * {
-moz-transition: none !important;
-ms-transition: none !important;
-o-transition: none !important;
-webkit-transition: none !important;
transition: none !important;
-moz-animation-iteration-count: 0 !important;
-ms-animation-iteration-count: 0 !important;
-o-animation-iteration-count: 0 !important;
-webkit-animation-iteration-count: 0 !important;
animation-iteration-count: 0 !important;
}

.adsense {
margin: 0 auto;
text-align: center;
}

/* Admin restricted links - obviously verified on server, but for easy templates.
*/

.blog-admin,
.item-control {
display: none;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {


.blog-admin,
.item-control {
margin-left: 14px;
}
}

#injected-iframe {
z-index: 9999 !important;
}

.kd-button {
background-color: #f5f5f5;
background-image: -webkit-gradient(linear,left top,left
bottom,from(#f5f5f5),to(#f1f1f1));
background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);
background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1);
background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1);
background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
border: 1px solid #DCDCDC;
border: 1px solid rgba(0,0,0,0.1);
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
-o-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
color: #222;
cursor:default;
display: inline-block;
font-size: 11px;
font-weight: bold;
height: 27px;
line-height: 27px;
min-width: 54px;
padding: 0 8px;
text-align: center;
-moz-transition: all 0.218s;
-ms-transition: all 0.218s;
-o-transition: all 0.218s;
-webkit-transition: all 0.218s;
transition: all 0.218s;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
-webkit-user-select: none;
user-select: none;
}
.kd-button:hover {
background-color: #f8f8f8;
background-image: -webkit-gradient(linear,left top,left
bottom,from(#f8f8f8),to(#f1f1f1));
background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1);
background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1);
background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);
background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
border: 1px solid #C6C6C6;
-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
-ms-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
-o-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
color: #222;
-moz-transition: all 0.0s;
-ms-transition: all 0.0s;
-o-transition: all 0.0s;
-webkit-transition: all 0.0s;
transition: all 0.0s;
}
.kd-button:active {
background-color: #f6f6f6;
background-image: -webkit-gradient(linear,left top,left
bottom,from(#f6f6f6),to(#f1f1f1));
background-image: -webkit-linear-gradient(top,#f6f6f6,#f1f1f1);
background-image: -moz-linear-gradient(top,#f6f6f6,#f1f1f1);
background-image: -ms-linear-gradient(top,#f6f6f6,#f1f1f1);
background-image: -o-linear-gradient(top,#f6f6f6,#f1f1f1);
background-image: linear-gradient(top,#f6f6f6,#f1f1f1);
border: 1px solid #C6C6C6;
-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
-ms-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
-o-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
color: #333;
}

.kd-button:focus, .kd-button.right:focus, .kd-button.left:focus{


border: 1px solid #4d90fe;
outline: none;
z-index: 4 !important;
}

.kd-button.left {
-moz-border-radius: 2px 0 0 2px;
-ms-border-radius: 2px 0 0 2px;
-o-border-radius: 2px 0 0 2px;
-webkit-border-radius: 2px 0 0 2px;
border-radius: 2px 0 0 2px;
border-right-color: transparent;
margin-right: 0;
}
.kd-button.left:hover {
border-right: 1px solid #c6c6c6;
}
.kd-button.right {
-moz-border-radius: 0 2px 2px 0;
-ms-border-radius: 0 2px 2px 0;
-o-border-radius: 0 2px 2px 0;
-webkit-border-radius: 0 2px 2px 0;
border-radius: 0 2px 2px 0;
margin-left:-5px;
}

.kd-button.right:hover {
border-left: 1px solid #c6c6c6;
}
.kd-button img {
display: inline-block;
margin: -3px 0 0;
*margin:4px 0 0; /*IE7*/
opacity: 0.55;
vertical-align: middle;
}

.kd-button.selected img {
opacity: 0.9;
}
.kd-button:hover img {
opacity: 0.72;
}
.kd-button:active img {
opacity: 1.0;
}
/*disabled buttons*/
.kd-button.disabled,
.kd-button.disabled:hover,
.kd-button.disabled:active {
background: #FFF;
border: 1px solid #f3f3f3;
border: 1px solid rgba(0,0,0,0.05);
color: #b8b8b8;
cursor: default;
pointer-events: none;
}
.kd-button.disabled:active{
-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
-ms-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
-o-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
}
.kd-button.disabled img {
opacity: 0.5;
}
.kd-button.small {
min-width: 36px;
padding: 0;
width: 36px;
}

.ribbon {
color: #eee;
cursor: default;
display: inline-block;
text-align: center;
width: 35px;
}
a.ribbon {
color: #eee;
cursor: pointer;
text-decoration: none;
}

.ribbon .ribbon-piece {
background-color: rgba(102, 102, 102, 1);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-moz-transition: background-color 0.5s ease-in;
-ms-transition: background-color 0.5s ease-in;
-o-transition: background-color 0.5s ease-in;
-webkit-transition: background-color 0.5s ease-in;
transition: background-color 0.5s ease-in;
}

/* On hover color change. */


a.ribbon:hover .ribbon-piece {
background-color: rgba(173, 58, 43, 1);
color: #eee;
}

.ribbon .top {
border-bottom: solid 1px rgba(255, 255, 255, 0.6);
-moz-border-radius: 1px 1px 0px 0px;
-ms-border-radius: 1px 1px 0px 0px;
-o-border-radius: 1px 1px 0px 0px;
-webkit-border-radius: 1px 1px 0px 0px;
border-radius: 1px 1px 0px 0px;
font-size: 11px;
padding: 4px 0;
position: relative;
text-transform: uppercase;
}

.ribbon .bottom {
font-size: 17px;
padding: 5px 0;
}

.ribbon .tail {
height: 10px;
overflow: hidden;
position: relative;
}

.ribbon .tail .left,


.ribbon .tail .right {
height: 10px;
position: absolute;
top: -10px;
width: 50px;
}

.ribbon .tail .left{


left: -9px;
-moz-transform: rotate(-25deg);
-ms-transform: rotate(-25deg);
-o-transform: rotate(-25deg);
-webkit-transform: rotate(-25deg);
transform: rotate(-25deg);
}

.ribbon .tail .right{


right: -9px;
-moz-transform: rotate(25deg);
-ms-transform: rotate(25deg);
-o-transform: rotate(25deg);
-webkit-transform: rotate(25deg);
transform: rotate(25deg);
}
/* Do this with a transform? */
.ribbon.small {
width: 25px;
}
.ribbon.small .top {
font-size: 9px;
padding: 2px 0;
}
.ribbon.small .bottom {
font-size: 12px;
padding: 3px 0;
}
.ribbon.small .tail {
height: 6px;
}
.ribbon.small .tail .left,
.ribbon.small .tail .right {
height: 6px;
top: -7px;
width: 40px;
}
.ribbon.small .tail .left {
left: -6px;
}
.ribbon.small .tail .right {
right: -6px;
}

.bubble {
background-color: rgba(102, 102, 102, 1);
background-position: center center;
border-radius: 3px;
border: solid 1px rgba(102, 102, 102, 1);
color: white;
cursor: default;
display: inline-block;
font-size: 12px;
padding: 2px 0;
position: relative;
text-align: center;
-moz-transition-property: background-color, border-color;
-ms-transition-property: background-color, border-color;
-o-transition-property: background-color, border-color;
-webkit-transition-property: background-color, border-color;
transition-property: background-color, border-color;
-moz-transition-duration: 0.5s;
-ms-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-moz-transition-timing-function: ease-in;
-ms-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
width: 26px;
}

.bubble.light {
background-color: rgba(217, 217, 217, 1);
border-color: rgba(217, 217, 217, 1);
}

.bubble.empty {
color: rgba(102, 102, 102, 1);
border: solid 1px rgba(153, 153, 153, 1);
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
background-color: white;
}

.bubble .bubble-tail,
.bubble.empty .bubble-tail:after {
border-color: rgba(102, 102, 102, 1) transparent transparent transparent;
border-style:solid;
border-width: 5px;
bottom: -10px;
content: '';
height: 0;
left: 50%;
margin-left: -5px;
position: absolute;
-moz-transition: border-color 0.5s ease-in;
-ms-transition: border-color 0.5s ease-in;
-o-transition: border-color 0.5s ease-in;
-webkit-transition: border-color 0.5s ease-in;
transition: border-color 0.5s ease-in;
width: 0;
}

.bubble.light .bubble-tail {
border-color: rgba(217, 217, 217, 1) transparent transparent transparent;
}

.bubble.empty .bubble-tail {
border-color: rgba(153, 153, 153, 1) transparent transparent transparent;
}

.bubble.empty .bubble-tail:after {
left: 0;
top: -6px;
border-color: white transparent transparent transparent;
}

/* On hover color change.


.bubble:hover {
background-color: #d14836;
border-color: #d14836;
}

.bubble.empty:hover {
/*background-color: white;
border-color: #d14836;
color: #d14836;
}

.bubble:hover .bubble-tail {
border-color: #d14836 transparent transparent transparent !important;
}
*/

body.loading #loading {
opacity: 0.75;
margin-bottom: 0;
}

#loading {
background-color: #000;
border-radius: 6px 6px 0px 0px;
border: solid 1px #666;
border-bottom: none;
bottom: 0;
box-shadow: 0 0 4px #333;
color: white;
font-size: 18px;
left: 50%;
margin-bottom: -50px;
margin-left: -60px;
opacity: 0;
padding: 5px 0px;
position: fixed;
text-align: center;
-moz-transition: opacity 0.5s, margin-bottom 0.5s;
-ms-transition: opacity 0.5s, margin-bottom 0.5s;
-o-transition: opacity 0.5s, margin-bottom 0.5s;
-webkit-transition: opacity 0.5s, margin-bottom 0.5s;
transition: opacity 0.5s, margin-bottom 0.5s;
-moz-transition-delay: 279ms;
-ms-transition-delay: 279ms;
-o-transition-delay: 279ms;
-webkit-transition-delay: 279ms;
transition-delay: 279ms;
width: 120px;
z-index: 999;
}

#loading span {
background-repeat: no-repeat;
background-position: right center;
background-image:
url(data:image/gif;base64,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
yEAOwAAAAAAAAAAAA==);
display: inline-block;
height: 30px;
line-height: 30px;
padding-right: 30px;
}

#loading span:after {
content: '...';
}

.blogger-gear {
background-repeat: no-repeat;
background-position: center center;
background-image:
url(data:image/gif;base64,R0lGODlhXwBfAPcAAP/37/f37/fv7/fv5u/v7/fm3u/m5ubm5u/m1vfez
vfexe/ezt7e3vfWxffWvffWte/WvebWxdbW1vfOte/Ote/OvebOt9bOxc7OzvfFpe/Fre/FpebFtd7Ftd7F
rdbFtfe9nMXFxe+9nO+9lMXFvea9nN69rda9rfe1jNa9pc69tcW9te+1jL29vea1jM61pfete+
+te+athN6vjL21rbW1teate7W1rdatjM6tnPelc+
+la72tpealc72tnN6lc62trdalhNale86lhM6ljPecY/ecWu+cY+aca72llL2ljLWlnN6ca6Wlpdace86ce
86cc/eUSu+UWu+UUsWce++USr2chL2cjN6UY96UWtaUa86Uc86Ua++MSpycnM6UY+
+MOu+MQuaMSuaMQt6MUt6MWt6MStaMWtaMUveEMe+EOpSUlO+EMeaEQt6ESvd7Ke97KYyMjOZ7KeZzKeZzI
YSEhHt7e3Nzc2tra2NjY1paWlJSUkpKSkJCQjo6OjExMf///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkHAIAAIf8LTkVUU0NBUE
UyLjADAQAAACwAAAAAXwBfAAAI/gABCRxIEEAGHVHeKFzIsKHDhxAjSpz4JoqODAAIatw4sIAOiiBDihzZU
EcBjihRkFzJsmVDFCgJCkjosqbNkFEExBRQ5abPnxCr6OTYE6jRo1U4sjjK1CgLjQiaSv2JgOCOqVhr7hho
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
RVkbEoAQoZtiEngPh52QNex7AB
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
zIUU4iTn3oz0/7EEPd+
+oA7UCgIJQulOcJCnCA+YZHdZs8pUCSQAM/BkvgLLECDBAAQomoICKWvSiFW2ABTrgARN4wAMzkAELpMBQb
vUFDihNKUrTo5jFtLQzDn3pP2ValnfS9HcHGMNNszKG3GBhp1jBgm5wANSp4EAgFyiqVC5gqiwo9ShZwKIK
nmoUFTyIAVqgqk+0gDUMMEqrLmkDDAlygBV8FawBwpADzYrWkQjIZwcoWFtBwoUQrLBQPDjDXCFyBh4Ic4K
/ocIZzgrWNpyBCjQ4XxsfaLGLOfaxkI2sZCdL2cpadjS4EWLmYMnZznr2s6ANrWg9K8SAAAA7);
display: inline-block;
height: 95px;
width: 95px;
}

#message {
position: fixed;
text-align: center;
top: 40%;
width: 100%;
}
#message span {
background-color: white;
border-radius: 6px;
color: #333;
box-shadow: 0 0 4px #666;
display: inline-block;
font-family: arial;
font-size: 16px;
padding: 15px;
white-space: no-wrap;
}

.quick-search {
background-color: white;
border: 1px solid rgba(0, 0, 0, 0.2);
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
padding: 5px;
width: 450px;
z-index: 10001;
}

.quick-search li {
cursor: pointer;
}

.quick-search .result {
border: solid 1px transparent;
clear: both;
font-size: 13px;
height: 48px;
margin: -1px;
overflow: hidden;
padding: 7px;
position: relative;
}

.quick-search .title {
display: inline-block;
font-size: 15px;
left: 60px;
overflow: hidden;
position: absolute;
right: 130px;
text-overflow: ellipsis;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
top: 5px;
white-space: nowrap;
}

.quick-search .date {
color: #dd4b39;
font-size: 15px;
margin-left: 5px;
position: absolute;
right: 5px;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
top: 5px;
}

.quick-search .snippet {
color: #888;
left: 60px;
line-height: 1.25;
max-height: 35px;
overflow: hidden;
position: absolute;
right: 5px;
text-align: justify;
top: 24px;
}

.quick-search .thumbnail {
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
left: 5px;
margin-right: 7px;
position: absolute;
top: 5px;
}

.quick-search .result:hover,
.quick-search .result.active {
background-color: #f9edbe;
border: solid 1px #f0c36d;
-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.quick-search .result:hover .snippet,


.quick-search .result.active .snippet {
color: #333;
}

.quick-search .result .term {


background-color: #f9edbe;
color: black;
}

.quick-search .result:hover .term,


.quick-search .result:active .term {
background-color: transparent;
}

.quick-search .server {
border: solid 1px transparent;
margin: -1px;
padding: 10px;
text-align: center;
}

.quick-search li + .server {
border-top: solid 1px #ddd;
}

.quick-search .server:hover,
.quick-search .server.active {
background-color: #eaeaea;
border: solid 1px #ccc;
-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.quick-search .message {
color: #4d90fe;
display: block;
font-size: 16px;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}

.quick-search .search_query {
color: black;
}

.quick-search .count {
color: #222;
display: block;
font-size: 14px;
}

#search.searching {
background-image:
url(data:image/gif;base64,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
yEAOwAAAAAAAAAAAA==);
background-position: center right;
background-repeat: no-repeat;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
-webkit-transition: none;
transition: none;
}

@media print {
/* Printing on white is cleaner. */
.article {
background-color: white !important;
margin: 0 !important;
}
.article img {
border: none !important;
box-shadow: none !important;
}

.ribbon.date .ribbon-piece {
display: none;
}
.ribbon.date {
display: inline-block;
height: 100%;
margin: 0 !important;
padding: 0;
position: static !important;
top: 0;
white-space: nowrap;
width: auto;
}
.ribbon.date:after{
content: attr(title);
color: rgba(51, 51, 51, 1);
font-size: 20px;
}

/* Include the links to all anchors */


.article-content a:after {
content: " [" attr(href) "] ";
font-size: 90%;
}

/* Fix printing for the viewitem --------------------------------- */

/* Hide lots of things. */


.overview-open > *,
.overview-backdrop,
.overview-header,
.share-controls,
.adsense-aside,
.adsense-aside {
display: none !important;
}

/* Show the main content. */


.overview-open > #overview {
display: block !important;
}

/* Reset colors, padding, and positions. */


body.overview-open,
.overview-panel,
.overview-wrap,
.overview-inner,
.overview-content {
background-color: white !important;
border: none !important;
box-shadow: none !important;
margin: 0 !important;
overflow: visible !important;
padding: 0 !important;
position: static !important;
}
/* Ensure content positioned - but keep padding. */
.overview-panel .overview-content {
position: static !important;
}

/* Fix printing for the viewitem --------------------------------- */

/* Hide lots of things. */


.viewitem-open > *,
.viewitem-background,
.viewitem-header,
.share-controls {
display: none !important;
}

/* Show the main content. */


.viewitem-open > .viewitem-panel {
display: block !important;
}

/* Reset colors, padding, and positions. */


body.viewitem-open,
.viewitem-panel,
.viewitem-wrap,
.viewitem-inner,
.viewitem-content {
background-color: white !important;
border: none !important;
box-shadow: none !important;
margin: 0 !important;
overflow: visible !important;
padding: 0 !important;
position: static !important;
}
/* Ensure content positioned - but keep padding. */
.viewitem-panel .viewitem-content {
position: static !important;
}

/* View specific (eg Sidebar and Mosaic) fixes should go elsewhere */


}

#attribution-container {
padding: 8px;
}

#header-container {
height: 105px;
}

#header {

left: 0;
position: fixed;
top: 0;

width: 100%;
z-index: 1000;
}

#header .header-bar {
/* No custom image, put slight gradient. */
background-image: -moz-linear-gradient(
center top,
rgba(255, 255, 255, 0.1),
rgba(100, 100, 100, 0.05)
);
background-image: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(255, 255, 255, 0.3)),
to(rgba(255, 255, 255, 0.05))
);

background-attachment: scroll; /* Chrome, really? */


background-color: rgba(243, 243, 243, 1);
-moz-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.3);
-ms-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.3);
height: 65px;
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1001;
}

#header .header-bar .title {


display: block;
height: 65px;
line-height: 65px;
margin-left: 20px;
margin-right: 235px;
overflow: hidden;
text-decoration: none;
text-overflow: ellipsis;
white-space: nowrap;
}

#header .header-bar .title h1,


#header .header-bar .title h3 {
display: inline;
height: 65px;

text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3);

white-space: nowrap;
}

#header .header-bar .title h1 {


color: rgba(85, 85, 85, 1);
font-family: 'Helvetica Neue Light', HelveticaNeue-Light, 'Helvetica Neue',
Helvetica, Arial, sans-serif;
font-size: 28px;
}

#header .header-bar .title h3 {


color: rgba(85, 85, 85, 1);
font-family: 'Helvetica Neue Light', HelveticaNeue-Light, 'Helvetica Neue',
Helvetica, Arial, sans-serif;
font-size: 20px;
margin-left: 5px;
}

#header input#search {
background-color: #fafafa;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: none;
-moz-box-shadow: inset 1px 1px 2px #bbb;
-ms-box-shadow: inset 1px 1px 2px #bbb;
-o-box-shadow: inset 1px 1px 2px #bbb;
-webkit-box-shadow: inset 1px 1px 2px #bbb;
box-shadow: inset 1px 1px 2px #bbb;
font-size: 15px;
height: 30px;
margin: 0;
padding: 0px 7px;
right: 10px;
text-align: left;
text-transform: lowercase;
top: 18px;
-moz-transition: background-color 0.3s ease-in-out;
-ms-transition: background-color 0.3s ease-in-out;
-o-transition: background-color 0.3s ease-in-out;
-webkit-transition: background-color 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out;;
width: 200px;
position: absolute;
}

#header input#search:focus {
background-color: white;
}

#header .header-drawer {
/* the drawer scrolls with the page initially, then gets fixed (.sticky) */
background-color: rgba(51, 51, 51, 1);
-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
-ms-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
-o-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);;
font-family: 'Helvetica Neue Light', HelveticaNeue-Light, 'Helvetica Neue',
Helvetica, Arial, sans-serif;
height: 35px;
margin-top: 31px; /* use margin to match back to un-scrolled */
position: absolute;
top: 34px; /* top here must match top when sticky */
width: 100%;
z-index: 1000;
}

#header .header-drawer.sticky {
margin-top: 0px;
top: 34px; /* now stuck, just peeking out from the top */
-moz-transition: top 0.2s linear;
-ms-transition: top 0.2s linear;
-o-transition: top 0.2s linear;
-webkit-transition: top 0.2s linear;
transition: top 0.2s linear;
-moz-transition-delay: 0.3s;
-ms-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s; /* don't surprise on quick hover */
}

#header:hover .header-drawer,
#header .header-drawer.open {
margin-top: 0px;
top: 65px; /* animate back down to full unscrolled height */
}

/* Views and Pages */


#header #views {
float: left;
position: relative;
z-index: 999;
}

#header .menu .menu-item,


#header .menu .menu-heading {
border-radius: 4px;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: rgba(255, 255, 255, 1);
cursor: pointer;
display: inline-block;
font-family: 'Helvetica Neue Light', HelveticaNeue-Light, 'Helvetica Neue',
Helvetica, Arial, sans-serif;
font-size: 15px;
font-weight: 100;
line-height: 30px;
height: 30px;
padding-left: 15px;
padding-right: 15px;
text-shadow: -1px -1px rgba(0, 0, 0, 0.1); /* subtle inset */
-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
-webkit-user-select: none;
user-select: none;;
width: 100%;
}

#header a.menu-item {
font-family: 'Helvetica Neue Light', HelveticaNeue-Light, 'Helvetica Neue',
Helvetica, Arial, sans-serif;
}

#views .menu-item {
text-transform: capitalize;
}

#header .menu .menu-heading {


-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 35px;
line-height: 35px;
margin-right: 15px;
position: relative;
width: auto;
}

#header .indicator {
/* instead of using a .heading::after actually put this in as elements
which will allow us to animate it rotating! */
border-color: rgba(255, 255, 255, 1) transparent transparent transparent;
border-style: solid;
border-width: 5px;
height: 0px;
margin: 0;
margin-top: -1px;
overflow: visible;
padding: 0;
position: absolute;
right: 0;
top: 50%;
-moz-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
-webkit-transition: all .3s linear;
transition: all .3s linear;
-moz-transform-origin: center 2px;
-ms-transform-origin: center 2px;
-o-transform-origin: center 2px;
-webkit-transform-origin: center 2px;
transform-origin: center 2px;
}

#header .menu:hover .indicator {


-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}

#header .menu ul {
-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
-o-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
max-height: 0px;
overflow: hidden;
padding: 0;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
visibility: hidden;
width: 100%;

#header .menu:hover ul {
max-height: 500px;
opacity: 1;
-moz-transition: all 0.6s linear;
-ms-transition: all 0.6s linear;
-o-transition: all 0.6s linear;
-webkit-transition: all 0.6s linear;
transition: all 0.6s linear; /* show slower than hide */
visibility: visible;
}

#header .menu li {
display: list-item;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}

#header .menu li a {
opacity: 0.99; /* Chrome12+ has different subpixel anti-aliasing rules, this
looks worse, but prevents flicker. */
}

#header .menu .menu-background {


background-color: rgba(51, 51, 51, 1);
height: 100%;
left: 0;
opacity: 0.75;
position: absolute;
top: 0;
-moz-transition: opacity 0.3s ease-in;
-ms-transition: opacity 0.3s ease-in;
-o-transition: opacity 0.3s ease-in;
-webkit-transition: opacity 0.3s ease-in;
transition: opacity 0.3s ease-in;
width: 100%;
z-index: -1; /* Negative isn't great... but otherwise the a needs to be
positioned. */
}

#header .menu li:hover .menu-background {


opacity: 0.95;
}

#header .menu li {
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

#header .tabs li {
display: inline;
height: 35px;
line-height: 35px;
margin-left: 10px;
}
#header .tags li .menu-background {
display: none;
}

#header .tabs li .menu-item {


color: rgba(255, 255, 255, 0.6);
-moz-transition: color 286ms ease-in;
-ms-transition: color 286ms ease-in;
-o-transition: color 286ms ease-in;
-webkit-transition: color 286ms ease-in;
transition: color 286ms ease-in;
}

#header .tabs li .menu-item:hover,


#header .menu li .menu-item:hover,
#header .tabs li .menu-item.current {
color: rgba(255, 255, 255, 1) !important;
}

#header .tabs .menu-heading {


display: none;
}

#header #pages {
float: left;
margin-left: 0px;
position: relative;
}

#header #pages:before {
border-left: solid 1px rgba(255, 255, 255, 1);
content: '';
height: 20px;
left: 0px;
opacity: 0.5;
position: absolute;
top: 8px;
z-index: 1000;
}

#header #pages.tabs ul {
margin-left: 0px;
overflow: hidden;
white-space: nowrap;
}

#header .admin-controls {
height: 35px;
position: absolute;
right: 10px;
top: 0px;
}

#header .admin-controls .dashboard {


background-repeat: no-repeat;
background-position: center center;
background-image:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAANCAYAAAB2HjRBAAAABHNCSVQIC
AgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENT
NXG14zYAAAAVdEVYdENyZWF0aW9uIFRpbWUAMTEvNy8xMZe/cygAAADVSURBVCiRpZG9agJBFEbPxB/E1mC
TV4iFldW+hZWIRdqAr2EtIX2a9Ja24jPoE1gKWqmIyUnhqqvuqpDTzB34Dtz5BjJQG+pMbak1deeeroqaKU
bqNA7P1b66vSurzUQwjaP8dCG2gW+gkPUcYHcYjrL6BnwBxRsiwCuQP0gFtXdjzTQGahX1Q/1RNw+KK/VXH
QY1ApZABHzeWRngHRgBlXwIYRyvX0l2ByyADZADnuMTYApMzgoDyol5DXRCCC9AHZin5c6+KkHg1Hopvl+R
JT/Ev+Q/DML6Kx8BC7sAAAAASUVORK5CYII=);
/*background-size: 18px 18px;*/
display: block;
height: 35px;
opacity: 0.8;
position: absolute;
right: 0px;
top: 0;
width: 18px;
}

#header .admin-controls .new-post {


background-repeat: no-repeat;
background-position: center center;
background-image:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAABHNCSVQIC
AgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENT
NXG14zYAAAAVdEVYdENyZWF0aW9uIFRpbWUAMTEvNy8xMZe/cygAAADaSURBVCiRhdIxS0JRGMbx/z1a0Kd
wcyxttcXRLxBIEFgOfp0W5yAn56DNxUm3oiXItUmEgmwo/Dd4g+7p3HzW8/w45305sCNqW31QB2pQd4K6eu
c2C7WjVv8Dh+rcYl7Us0oJaAA3QDM6CsBTCjTVR/9mqXbV/RgclYA39TTvFMBxvqU4a/X8V68w9HMCfKiX0
WtA3VOv8tImAheJmUGtqSO1pQ5z8K72SjZLAE6AT2ANtIAV0FevUwggU2fAAXALLIGJeh9CSP4XlSowBqbA
AnjNsuyr7IaffAOehB+C7e2WDgAAAABJRU5ErkJggg==);
/*background-size: 18px 18px;*/
display: block;
height: 35px;
opacity: 0.8;
position: absolute;
right: 24px;
top: 0;
width: 18px;
}

#header .admin-controls .dashboard:hover,


#header .admin-controls .new-post:hover {
opacity: 1;
}

#header #follow-author {
height: 65px;
right: 0px;
overflow: hidden;
position: absolute;
top: 0;
width: 300px;
}

body.overview-open,
body.lightbox-open {
overflow: hidden;
}

/* overview background. */
#overview .overview-backdrop,
#lightbox .lightbox-backdrop {
background-color: black;
bottom: 0;
left: 0;
opacity: 0;
pointer-events: none;
position: fixed;
right: 0;
top: 0;
-moz-transition: all 1004ms ease-in;
-ms-transition: all 1004ms ease-in;
-o-transition: all 1004ms ease-in;
-webkit-transition: all 1004ms ease-in;
transition: all 1004ms ease-in;
z-index: 9990;
}

#overview.open .overview-backdrop,
#lightbox.open .lightbox-backdrop {
opacity: 0.7;
}

#overview.closing .overview-backdrop,
#lightbox.closing .lightbox-backdrop {
opacity: 0;
-moz-transition: opacity 0.5s;
-ms-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}

.overview-panel,
.lightbox-panel {
bottom: 0;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
left: 20px;
pointer-events: none;
position: fixed;
right: 20px;
top: 50px;
-moz-transition: all 1009ms ease-in-out;
-ms-transition: all 1009ms ease-in-out;
-o-transition: all 1009ms ease-in-out;
-webkit-transition: all 1009ms ease-in-out;
transition: all 1009ms ease-in-out;
z-index: 9999; /* Way up in the air. */
}

.lightbox-title {
bottom: 0;
display: table-cell;
font-family: 'Helvetica Neue Light', HelveticaNeue-Light, 'Helvetica Neue',
Helvetica, Arial, sans-serif;
font-size: 20px;
height: 100%;
left: 60px;
line-height: 50px;
overflow: hidden;
position: absolute;
right: 60px;
text-align: center;
text-overflow: ellipsis;
top: 0;
white-space: nowrap;
}

.lightbox-contentwrap {
font-size: 14px;
margin: 0 auto;
max-width: 750px;
}

#overview.closing .overview-panel,
#lightbox.closing .lightbox-panel {
opacity: 0;
-moz-transition: opacity 0.5s;
-ms-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}

/* Bounding box of our overview item. */


.overview-panel .overview-wrap,
.lightbox-panel .lightbox-wrap {
background-color: transparent;
-moz-border-radius: 6px 6px 0px 0px;
-ms-border-radius: 6px 6px 0px 0px;
-o-border-radius: 6px 6px 0px 0px;
-webkit-border-radius: 6px 6px 0px 0px;
border-radius: 6px 6px 0px 0px;

-moz-border-image:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAABTUlEQVRIx
+2W3WrDMAyF47hJWzrY+z/mYKNtnNhLxlE5PZNhN3NuahB24qDP+nMUOn8EmW1dVony7UJ7NorMvxTXQKa8
7/42Mh3CBasFJhEQftdVTq17JhlgfvdkUQBkgx2wLhX3eoOtCQDOgGaDsrIeoIFcGARYHPdmiWGh9baXAM4
GNDFYJKW9424PWBxQR2416BNwBJBdG5xYDgJMTuyKuHL7ZjIgxy2SmIs1iUYBTk6SzPRs8hNPBg4OLALQk7
VnAV7JkowDLA40MXCgzIxk8QAZqS4vAvyiupugOFGGLpSxKZBydekBIAMfsX4T4CeU3Qk0CdAsntXCSO5l4
DafVnmvxPBjlRuBbE4CTIHqji01i44AnRC7c6Xor5Ab5C4WPy6AF/BfgM2TZteyaFL4u1xtTS/v5r+n5j/g
5i3GLk1U8zZxl0a4Sav/DRDkGFoKi/1vAAAAAElFTkSuQmCC) 12 / 12px repeat;

-ms-border-image:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAABTUlEQVRIx
+2W3WrDMAyF47hJWzrY+z/mYKNtnNhLxlE5PZNhN3NuahB24qDP+nMUOn8EmW1dVony7UJ7NorMvxTXQKa8
7/42Mh3CBasFJhEQftdVTq17JhlgfvdkUQBkgx2wLhX3eoOtCQDOgGaDsrIeoIFcGARYHPdmiWGh9baXAM4
GNDFYJKW9424PWBxQR2416BNwBJBdG5xYDgJMTuyKuHL7ZjIgxy2SmIs1iUYBTk6SzPRs8hNPBg4OLALQk7
VnAV7JkowDLA40MXCgzIxk8QAZqS4vAvyiupugOFGGLpSxKZBydekBIAMfsX4T4CeU3Qk0CdAsntXCSO5l4
DafVnmvxPBjlRuBbE4CTIHqji01i44AnRC7c6Xor5Ab5C4WPy6AF/BfgM2TZteyaFL4u1xtTS/v5r+n5j/g
5i3GLk1U8zZxl0a4Sav/DRDkGFoKi/1vAAAAAElFTkSuQmCC) 12 / 12px repeat;

-o-border-image:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAABTUlEQVRIx
+2W3WrDMAyF47hJWzrY+z/mYKNtnNhLxlE5PZNhN3NuahB24qDP+nMUOn8EmW1dVony7UJ7NorMvxTXQKa8
7/42Mh3CBasFJhEQftdVTq17JhlgfvdkUQBkgx2wLhX3eoOtCQDOgGaDsrIeoIFcGARYHPdmiWGh9baXAM4
GNDFYJKW9424PWBxQR2416BNwBJBdG5xYDgJMTuyKuHL7ZjIgxy2SmIs1iUYBTk6SzPRs8hNPBg4OLALQk7
VnAV7JkowDLA40MXCgzIxk8QAZqS4vAvyiupugOFGGLpSxKZBydekBIAMfsX4T4CeU3Qk0CdAsntXCSO5l4
DafVnmvxPBjlRuBbE4CTIHqji01i44AnRC7c6Xor5Ab5C4WPy6AF/BfgM2TZteyaFL4u1xtTS/v5r+n5j/g
5i3GLk1U8zZxl0a4Sav/DRDkGFoKi/1vAAAAAElFTkSuQmCC) 12 / 12px repeat;

/* If border-image is declared below -webkit-border-image */


/* Webkit doesn't render correctly. */

border-image:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAABTUlEQVRIx
+2W3WrDMAyF47hJWzrY+z/mYKNtnNhLxlE5PZNhN3NuahB24qDP+nMUOn8EmW1dVony7UJ7NorMvxTXQKa8
7/42Mh3CBasFJhEQftdVTq17JhlgfvdkUQBkgx2wLhX3eoOtCQDOgGaDsrIeoIFcGARYHPdmiWGh9baXAM4
GNDFYJKW9424PWBxQR2416BNwBJBdG5xYDgJMTuyKuHL7ZjIgxy2SmIs1iUYBTk6SzPRs8hNPBg4OLALQk7
VnAV7JkowDLA40MXCgzIxk8QAZqS4vAvyiupugOFGGLpSxKZBydekBIAMfsX4T4CeU3Qk0CdAsntXCSO5l4
DafVnmvxPBjlRuBbE4CTIHqji01i44AnRC7c6Xor5Ab5C4WPy6AF/BfgM2TZteyaFL4u1xtTS/v5r+n5j/g
5i3GLk1U8zZxl0a4Sav/DRDkGFoKi/1vAAAAAElFTkSuQmCC) 12 / 12px repeat;

-webkit-border-image:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAABTUlEQVRIx
+2W3WrDMAyF47hJWzrY+z/mYKNtnNhLxlE5PZNhN3NuahB24qDP+nMUOn8EmW1dVony7UJ7NorMvxTXQKa8
7/42Mh3CBasFJhEQftdVTq17JhlgfvdkUQBkgx2wLhX3eoOtCQDOgGaDsrIeoIFcGARYHPdmiWGh9baXAM4
GNDFYJKW9424PWBxQR2416BNwBJBdG5xYDgJMTuyKuHL7ZjIgxy2SmIs1iUYBTk6SzPRs8hNPBg4OLALQk7
VnAV7JkowDLA40MXCgzIxk8QAZqS4vAvyiupugOFGGLpSxKZBydekBIAMfsX4T4CeU3Qk0CdAsntXCSO5l4
DafVnmvxPBjlRuBbE4CTIHqji01i44AnRC7c6Xor5Ab5C4WPy6AF/BfgM2TZteyaFL4u1xtTS/v5r+n5j/g
5i3GLk1U8zZxl0a4Sav/DRDkGFoKi/1vAAAAAElFTkSuQmCC) 12 / 12px repeat;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
-o-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
background-clip: padding-box;
top: -12px;

height: 100%;
left: 0;
margin: 0 auto;
max-width: 1000px;
overflow: hidden;
padding: 0px 1px; /* The controls the inset of the overview-inner. */
pointer-events: auto;
position: relative;
-moz-transition: left 0.5s linear;
-ms-transition: left 0.5s linear;
-o-transition: left 0.5s linear;
-webkit-transition: left 0.5s linear;
transition: left 0.5s linear;
z-index: 9999;
}

.overview-panel.left .overview-wrap {
left: -110%;
}

.overview-panel.right .overview-wrap {
left: 110%;
}

/* This is the box that things can be draw in. */


.overview-panel .overview-inner,
.lightbox-panel .lightbox-inner {
background-color: #fafafa;
-moz-border-radius: 6px 6px 0px 0px;
-ms-border-radius: 6px 6px 0px 0px;
-o-border-radius: 6px 6px 0px 0px;
-webkit-border-radius: 6px 6px 0px 0px;
border-radius: 6px 6px 0px 0px;
bottom: 0px;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 100%;
position: relative;
width: 100%;
}

.overview-panel .article {
/* Defend against Chrome 12+ antialiasing bug. */
background-color: #fafafa;
}

/* Header section for the overview-inner. */


.overview-panel .overview-header,
.lightbox-panel .lightbox-header {
-moz-border-radius: 6px 6px 0px 0px;
-ms-border-radius: 6px 6px 0px 0px;
-o-border-radius: 6px 6px 0px 0px;
-webkit-border-radius: 6px 6px 0px 0px;
border-radius: 6px 6px 0px 0px;
-moz-box-shadow: 0px 3px 3px rgba(200, 200, 200, .4);
-ms-box-shadow: 0px 3px 3px rgba(200, 200, 200, .4);
-o-box-shadow: 0px 3px 3px rgba(200, 200, 200, .4);
-webkit-box-shadow: 0px 3px 3px rgba(200, 200, 200, .4);
box-shadow: 0px 3px 3px rgba(200, 200, 200, .4);
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 50px;
padding: 10px;
position: absolute;
top: 0px;
-moz-transition: box-shadow 0.2s linear;
-ms-transition: box-shadow 0.2s linear;
-o-transition: box-shadow 0.2s linear;
-webkit-transition: box-shadow 0.2s linear;
transition: box-shadow 0.2s linear;
z-index: 5;
width: 100%;
}

.overview-header .share-controls {
float: left;
margin-left: 10px;
margin-top: 4px;
}

.overview-header .overview-controls-left {
float: left;
}

.overview-header .overview-controls-right,
.lightbox-header .lightbox-controls-right {
float: right;
}

/* overview container where we put the real stuff. */


.overview-panel .overview-content,
.lightbox-panel .lightbox-content {
bottom: 0px;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow-y: scroll; /* Always show: comments may cause it to bounce. */
padding: 10px;
position: absolute;
top: 50px;
-moz-transition: all 1s linear;
-ms-transition: all 1s linear;
-o-transition: all 1s linear;
-webkit-transition: all 1s linear;
transition: all 1s linear;
width: 100%;
z-index: 1;
}

.overview-panel.start .overview-header,
.lightbox-panel.start .lightbox-header {
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
min-width: 200px; /* Stop any buttons wrapping. */
}

/* Custom webkit scrollbars */

.overview-panel .overview-content::-webkit-scrollbar,
.lightbox-panel .lightbox-content::-webkit-scrollbar {
background: transparent;
height: 10px;
width: 10px;
}
/* the start/end of bar */
.overview-panel .overview-content::-webkit-scrollbar-button:start:decrement,
.overview-panel .overview-content::-webkit-scrollbar-button:end:increment,
.lightbox-panel .lightbox-content::-webkit-scrollbar-button:start:decrement,
.lightbox-panel .lightbox-content::-webkit-scrollbar-button:end:increment {
display: block;
height: 10px;
width: 10px;
}

/* the track background */


.overview-panel.overview-content::-webkit-scrollbar-track-piece,
.lightbox-panel.lightbox-content::-webkit-scrollbar-track-piece {
background-color: #eee;
}

/* the scrollbar itself */


.overview-panel .overview-content::-webkit-scrollbar-thumb,
.lightbox-panel .lightbox-content::-webkit-scrollbar-thumb {
background-color: #666;
height: 50px;
width: 50px;
}

.overview-panel.start .overview-content:not(:hover)::-webkit-scrollbar-thumb,
.lightbox-panel.start .lightbox-content:not(:hover)::-webkit-scrollbar-thumb {
background-color: #eee;
}

.overview-panel .overview-content::-webkit-scrollbar-thumb:hover,
.lightbox-panel .lightbox-content::-webkit-scrollbar-thumb:hover {
background-color: #333;
height: 50px;
width: 50px;
}

body.viewitem-open {
overflow: hidden;
}

/* Ensure header drawer is visible. */


body.viewitem-open #header .header-drawer {
margin-top: 0px;
position: fixed;
top: 65px; /* animate back down to full unscrolled height */
}

/* While open, don't highlight the view menu. */


body.viewitem-open #header #views .menu-heading {
color: rgba(255, 255, 255, 0.6) !important;
}

body.viewitem-open #header #views .menu-heading .indicator {


border-color: rgba(255, 255, 255, 0.6) transparent transparent transparent !
important;
}

.viewitem-panel {
bottom: 0;
border-top: solid 1px rgba(51, 51, 51, 1);
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
left: 0;
margin-top: 0;
position: fixed;
right: 0;
top: 100px;
-moz-transition: margin-top 1s ease-in-out, bottom 1s ease-in-out;
-ms-transition: margin-top 1s ease-in-out, bottom 1s ease-in-out;
-o-transition: margin-top 1s ease-in-out, bottom 1s ease-in-out;
-webkit-transition: margin-top 1s ease-in-out, bottom 1s ease-in-out;
transition: margin-top 1s ease-in-out, bottom 1s ease-in-out;
z-index: 999; /* Way up in the air. */
}

.viewitem-panel.new,
.viewitem-panel.closing {
margin-top: -100%;
bottom: 100%;
}

/* Bounding box of our overview item. */


.viewitem-panel .viewitem-wrap {
background-color: white;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 100%;
left: 0;
margin: 0;
overflow: hidden;
position: relative;
z-index: 9999;
}

/* Header section for the overview-inner. */


.viewitem-panel .viewitem-header {
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 50px;
padding: 10px;
position: absolute;
top: 0px;
z-index: 5;
width: 100%;
}
/* This is the box that things can be draw in. */
.viewitem-panel .viewitem-inner {
bottom: 0px;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 100%;
overflow-y: scroll;
padding: 30px 0px;
position: absolute;
top: 0;
width: 100%;
}

/* This allows us to be cute with continuous backgrounds */


.viewitem-panel .viewitem-background {
background-color: rgba(238, 238, 238, 1);

background-image: url(#EEEEEE none repeat scroll top left);


background-position: left top;
background-repeat: no-repeat;

background-attachment: scroll; /* Chrome, really? */


bottom: 0;
left: 0;
position: absolute;
top: -100px; /* This should be the height of the header. */
width: 100%;
}

/* overview container where we put the real stuff. */


.viewitem-panel .viewitem-content {
background-color: white;
background-clip: padding-box;
/* TODO(kiyono): re-enable box-shadow when the performance of box-shadow */
/* gets better. */

-moz-border-image:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAANUlEQVQIW
2NkYGBgQ8JAJsMvEGYEEjxQzA0SBYKvQPwFJCEExIJAfBcqoQyk3+OVwGkUVssBP4wMT0ZBZV0AAAAASUVO
RK5CYII=) 2 / 2px repeat;

-ms-border-image:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAANUlEQVQIW
2NkYGBgQ8JAJsMvEGYEEjxQzA0SBYKvQPwFJCEExIJAfBcqoQyk3+OVwGkUVssBP4wMT0ZBZV0AAAAASUVO
RK5CYII=) 2 / 2px repeat;

-o-border-image:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAANUlEQVQIW
2NkYGBgQ8JAJsMvEGYEEjxQzA0SBYKvQPwFJCEExIJAfBcqoQyk3+OVwGkUVssBP4wMT0ZBZV0AAAAASUVO
RK5CYII=) 2 / 2px repeat;
/* If border-image is declared below -webkit-border-image */
/* Webkit doesn't render correctly. */

border-image:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAANUlEQVQIW
2NkYGBgQ8JAJsMvEGYEEjxQzA0SBYKvQPwFJCEExIJAfBcqoQyk3+OVwGkUVssBP4wMT0ZBZV0AAAAASUVO
RK5CYII=) 2 / 2px repeat;

-webkit-border-image:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAANUlEQVQIW
2NkYGBgQ8JAJsMvEGYEEjxQzA0SBYKvQPwFJCEExIJAfBcqoQyk3+OVwGkUVssBP4wMT0ZBZV0AAAAASUVO
RK5CYII=) 2 / 2px repeat;
border-width: 2px;

padding: 20px 70px;


left: 8px; /* Align it with classic in center - why is ther an offset? */
max-width: 750px;
margin: 0px auto;
position: relative;
}

.viewitem-panel .article {
background-color: white; /* Chrome12+ anti-aliasing bug. */
}

.viewitem-panel button.close {
margin-right: 10px;
}

.viewitem-panel .blogger-gear {
position: absolute;
left: 50%;
margin-left: -47px;
margin-top: -47px;
top: 50%;
}

/* Styles here should be minimized to limit amount of explicit casing. */

.article {
font-size: 14px;
margin: 0 auto;
max-width: 750px;
position: relative;
word-wrap: break-word;
}

/* Post Header */

.article .article-header {
display: table;
text-align: center;
width: 100%;
}
.article .article-header .title {
font-size: 20px;
font-family: 'Helvetica Neue Light', HelveticaNeue-Light, 'Helvetica Neue',
Helvetica, Arial, sans-serif;
width: 100%;
display: table-cell;
vertical-align: middle;
text-align: center;
padding-right: 40px; /* Compensate for ribbon, to stay centered. */
}

.article .title .edit {


background-image:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAA+UlEQVR42
s3U2QmDQBAG4JRgKZbio4qieIAniniiYgkpwRIsISVYQkqwhMlMiHkIhITNhGRgYNeHz/1xncPhn0pV1dkw
jNW2bYkNRAzCMIQ4jj+HdzBJEmiaBtq2hSzLxOFHcBgGGMcRuq4Tg5+Be9/gmQ2kxmdrnucSG9j3/TxNEy/
IGvl3oKIokqZpC+sJdV1fHceBNE2vl5oDlC3LInBjAakw9tF13TPeNRljbwh8BlKZpnnGAXGkdRRFclEUd1
gIpOj0cQijPa6VIAhOdV2LgXt03/cBoy8Ib57n0QvWsixz4XFG0XEuQlVVC8a23/6HX6A80DfrAlIMSJorw
8fYAAAAAElFTkSuQmCC);
background-repeat: no-repeat;
background-position: center center;
cursor: pointer;
display: inline-block;
height: 21px;
opacity: 0.8;
position: relative;
top: 3px;
width: 21px;
}

.article .title .edit:hover {


opacity: 1;
}

.article .article-header .date {


float: left;
left: 0px;
margin: 0px 5px 5px 0px;
position: relative;
top: 5px;
}

/* Post Content */

.article .article-content {
clear: both;
color: rgba(51, 51, 51, 1);
line-height: 1.4;
margin-top: 10px;
margin: 10px auto 5px auto;
text-align: justify;
}

/* This shouldn't really be added at all... it is from feeds. */


.article .article-content .blogger-post-footer {
display: none;
}

/* Restore a lot of the styles we reset globally. */


.article-content ol {
list-style-type: decimal;
margin: 0.5em 0;
padding-left: 2em;
}
.article-content ul {
list-style-type: disc;
margin: 0.5em 0;
padding-left: 2em;
}

.article-content p {
margin: 1em 0;
}

/* Defaults from: http://www.w3.org/TR/CSS2/sample.html */


.article-content h1,
.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5,
.article-content h6 {
font-weight: bolder;
}
.article-content h1 {
font-size: 2em;
margin: .67em 0;
}
.article-content h2 {
font-size: 1.5em;
margin: .75em 0;
}
.article-content h3 {
font-size: 1.17em;
margin: .83em 0;
}
.article-content h4 {
margin: 1.12em 0;
}
.article-content h5 {
font-size: .83em;
margin: 1.5em 0;
}
.article-content h6 {
font-size: .75em;
margin: 1.67em 0;
}

.article .article-content a {
display: inline;
}

.article .article-content img {


-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
height: auto;
margin: 10px auto; /* Attempt to horizontally center. */
/* For Sally-Anne. Keep images to the width of the post. */
/* It's needed to avoid IE because of b/5420328 */

max-width: 100%;

.article .article-content img:not(.deferred) {


padding: 8px;
/* TODO(kiyono): re-enable box-shadow when the performance of box-shadow */
/* gets better. */

-moz-border-image:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAOVBMVEUAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///
+8yHYvAAAAEnRSTlMAAgEDBAUJBwYzCw0UChARDghnBteEAAAAhElEQVR4XnWRSxJDIQgEEx1Axd/L/Q8bK
CuuyOzsohHxdZLS25LSOV2ULQdflgEiIDu9KqiIFILXXpeEx2ChXwdnKNxUGxc4dZbNfXjPufkp5H0Nwtym
q/dltUIweNy9qmXt08EgydDZ6+dT+9Qh9AeGenhROFI0fPjMaCHx6uIlh9/xBSJuB3l0A/6JAAAAAElFTkS
uQmCC) 9 / 9px stretch;

-ms-border-image:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAOVBMVEUAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///
+8yHYvAAAAEnRSTlMAAgEDBAUJBwYzCw0UChARDghnBteEAAAAhElEQVR4XnWRSxJDIQgEEx1Axd/L/Q8bK
CuuyOzsohHxdZLS25LSOV2ULQdflgEiIDu9KqiIFILXXpeEx2ChXwdnKNxUGxc4dZbNfXjPufkp5H0Nwtym
q/dltUIweNy9qmXt08EgydDZ6+dT+9Qh9AeGenhROFI0fPjMaCHx6uIlh9/xBSJuB3l0A/6JAAAAAElFTkS
uQmCC) 9 / 9px stretch;

-o-border-image:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAOVBMVEUAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///
+8yHYvAAAAEnRSTlMAAgEDBAUJBwYzCw0UChARDghnBteEAAAAhElEQVR4XnWRSxJDIQgEEx1Axd/L/Q8bK
CuuyOzsohHxdZLS25LSOV2ULQdflgEiIDu9KqiIFILXXpeEx2ChXwdnKNxUGxc4dZbNfXjPufkp5H0Nwtym
q/dltUIweNy9qmXt08EgydDZ6+dT+9Qh9AeGenhROFI0fPjMaCHx6uIlh9/xBSJuB3l0A/6JAAAAAElFTkS
uQmCC) 9 / 9px stretch;

/* If border-image is declared below -webkit-border-image */


/* Webkit doesn't render correctly. */

border-image:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAOVBMVEUAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///
+8yHYvAAAAEnRSTlMAAgEDBAUJBwYzCw0UChARDghnBteEAAAAhElEQVR4XnWRSxJDIQgEEx1Axd/L/Q8bK
CuuyOzsohHxdZLS25LSOV2ULQdflgEiIDu9KqiIFILXXpeEx2ChXwdnKNxUGxc4dZbNfXjPufkp5H0Nwtym
q/dltUIweNy9qmXt08EgydDZ6+dT+9Qh9AeGenhROFI0fPjMaCHx6uIlh9/xBSJuB3l0A/6JAAAAAElFTkS
uQmCC) 9 / 9px stretch;

-webkit-border-image:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAOVBMVEUAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///
+8yHYvAAAAEnRSTlMAAgEDBAUJBwYzCw0UChARDghnBteEAAAAhElEQVR4XnWRSxJDIQgEEx1Axd/L/Q8bK
CuuyOzsohHxdZLS25LSOV2ULQdflgEiIDu9KqiIFILXXpeEx2ChXwdnKNxUGxc4dZbNfXjPufkp5H0Nwtym
q/dltUIweNy9qmXt08EgydDZ6+dT+9Qh9AeGenhROFI0fPjMaCHx6uIlh9/xBSJuB3l0A/6JAAAAAElFTkS
uQmCC) 9 / 9px stretch;
border-width: 9px;

/* Center all images/videos in posts. */


.article .article-content iframe,
.article .article-content embed {
display: block;
margin: 10px auto; /* Attempt to horizontally center. */
/* It's needed to avoid IE because of b/5420328 */

max-width: 100%;

/* Post Footer */

.article .article-footer {
clear: both;
text-align: center;
}

.article .article-footer .publish-info,


.article .article-footer .geolocation-info,
.article .article-footer .labels {
color: rgba(128, 128, 128, 1);
font-family: 'Helvetica Neue Light', HelveticaNeue-Light, 'Helvetica Neue',
Helvetica, Arial, sans-serif;
padding: 5px 0;
}

.article .article-footer .publish-info .author a,


.article .article-footer .publish-info .time {
color: rgba(51, 51, 51, 1);
}

.article .article-footer .label:not(:last-child):after {


content: ',';
}

.article .article-footer .share-controls {


display: inline-block;
margin: 10px 5px;
text-align: center;
}

/* AdSense */

.article.has-ads {
padding-right: 200px;
min-height: 650px; /* To accomodate skyscraper */
}

.article .adsense-aside {
padding: 15px 5px 0 15px;
position: absolute;
right: 5px;
text-align: center;
top: 5px;
}

.article .adsense-footer .adsense {


margin-top: 10px;
padding: 10px 0;
}

.comments {
clear: both;
margin-top: 10px;
}

.comments .comments-header,
.comments .comments-footer {
text-align: center;
}

.comments .comments-header .comments-count {


top: -2px;
}

.comments .comments-header h3 {
display: inline-block;
padding: 5px;
}

@media only screen and (max-device-width: 1024px) {


.comments .comments-header h3 {
color: #222;
font-family: arial,sans-serif;
text-decoration: underline;
}
}
.comments .toggle-switch:hover h3 {
cursor: pointer;
text-decoration: underline;
}

/* Added by blogger for ghosted/removed comments .*/


.comments .deleted-comment {
font-style: italic;
opacity: 0.5;
}

/* While loading, hide the comment count, and then show an indicator. */
.comments.loading .comments-header .comments-count .bubble-content {
visibility: hidden;
}

.comments.loading .comments-header .comments-count {


background-image:
url(data:image/gif;base64,R0lGODlhEAAQAPQAAGZmZv///2lpadzc3K+vr/r6+ufn5319fZmZmfDw8
Le3t8DAwHV1daOjo4eHh9LS0srKygAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACw
AAAAAEAAQAAAFUCAgjmRpnqUwFGwhKoRgqq2YFMaRGjWA8AbZiIBbjQQ8AmmFUJEQhQGJhaKOrCksgEla+K
IkYvC6SJKQOISoNSYdeIk1ayA8ExTyeR3F749CACH5BAAKAAEALAAAAAAQABAAAAVoICCKR9KMaCoaxeCoq
EAkRX3AwMHWxQIIjJSAZWgUEgzBwCBAEQpMwIDwY1FHgwJCtOW2UDWYIDyqNVVkUbYr6CK+o2eUMKgWrqKh
j0FrEM8jQQALPFA3MAc8CQSAMA5ZBjgqDQmHIyEAIfkEAAoAAgAsAAAAABAAEAAABWAgII4j85Ao2hRIKgr
EUBQJLaSHMe8zgQo6Q8sxS7RIhILhBkgumCTZsXkACBC+0cwF2GoLLoFXREDcDlkAojBICRaFLDCOQtQKjm
sQSubtDFU/NXcDBHwkaw1cKQ8MiyEAIfkEAAoAAwAsAAAAABAAEAAABVIgII5kaZ6AIJQCMRTFQKiDQx4Gr
BfGa4uCnAEhQuRgPwCBtwK+kCNFgjh6QlFYgGO7baJ2CxIioSDpwqNggWCGDVVGphly3BkOpXDrKfNm/4Ah
ACH5BAAKAAQALAAAAAAQABAAAAVgICCOZGmeqEAMRTEQwskYbV0Yx7kYSIzQhtgoBxCKBDQCIOcoLBimRiF
hSABYU5gIgW01pLUBYkRItAYAqrlhYiwKjiWAcDMWY8QjsCf4DewiBzQ2N1AmKlgvgCiMjSQhACH5BAAKAA
UALAAAAAAQABAAAAVfICCOZGmeqEgUxUAIpkA0AMKyxkEiSZEIsJqhYAg+boUFSTAkiBiNHks3sg1ILAfBi
S10gyqCg0UaFBCkwy3RYKiIYMAC+RAxiQgYsJdAjw5DN2gILzEEZgVcKYuMJiEAOwAAAAAAAAAAAA==);
background-position: center center;
background-repeat: no-repeat;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
-webkit-transition: none;
transition: none;
}

.blogger-comments .comments-content {
background-color: whitesmoke;
font-size: 13px;
margin-bottom: 16px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-moz-transition: all 0.5s ease-in;
-ms-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
-webkit-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}

@media only screen and (max-device-width: 1024px) {


.blogger-comments .comments-content {
background-color: #f1f1f1;
border: 1px solid #bbb;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
}
.blogger-comments .comments-content .comment-actions {
color: #999;
}
.comments .comment .comment-actions a {
padding-top: 5px;
padding-right: 5px;
}
.comments .comment .comment-actions a:hover {
text-decoration: underline;
}
.blogger-comments .comments-content .secondary-link {
color: #69c;
}
.blogger-comments .comments-content .comment-thread {
list-style-type: none;
padding: 0;
text-align: left;
}
.blogger-comments .comments-content .inline-thread {
padding: 0.5em;
}
.blogger-comments .comments-content .comment-thread {
margin: 8px;
}
.blogger-comments .comments-content .comment-thread:empty {
display: none;
}
.blogger-comments .comments-content .comment-replies {
background-color: #ebebeb;
margin-top: 1em;
margin-left: 36px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.blogger-comments .comments-content .comment {
border-bottom: 1px solid #e3e3e3;
margin-bottom: 16px;
padding-bottom: 8px;
}
.blogger-comments .comments-content .comment:first-child {
padding-top: 16px;
}
.blogger-comments .comments-content .comment:last-child {
border-bottom: 0;
padding-bottom: 0;
}
.blogger-comments .comments-content .comment-body {
position: relative;
}
.blogger-comments .comments-content .user {
font-style: normal;
font-weight: bold;
}
.blogger-comments .comments-content .datetime {
margin-left: 6px;
}
.blogger-comments .comments-content .comment-header,
.blogger-comments .comments-content .comment-content {
margin: 0 0 8px;
}
.blogger-comments .comments-content .comment-content {
text-align: justify;
}
.blogger-comments .comments-content .owner-actions {
position: absolute;
right: 0;
top: 0;
}
.blogger-comments .comments-replybox {
border: none;
height: 250px;
width: 100%;
}

.blogger-comments .comment-replybox-single {
margin-top: 5px;
margin-left: 48px;
}
.blogger-comments .comment-replybox-thread {
margin-top: 5px;
}

.blogger-comments .comments-content .user,


.blogger-comments .comments-content .user a {
color: rgba(51, 51, 51, 1);
}

.blogger-comments .icon.blog-author {
width: 18px;
height: 18px;
display: inline-block;
background-repeat: no-repeat;
background-image:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IAr
s4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMA
AAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoV
jC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRU
hnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztr
MuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP
/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==);
margin: 0 0 -4px 6px;
}

.blogger-comments .comments-content .loadmore a {


background: #fafafa;
border-top: 1px solid #e3e3e3;
display: block;
padding: 10px 16px;
text-align: center;
}

.blogger-comments .thread-toggle {
cursor: pointer;
display: inline-block;
color: rgba(0, 158, 184, 1);
}

.blogger-comments .continue {
cursor: pointer;
}

.blogger-comments .continue a {
color: #888;
display: block;
padding: 0.5em;
background: white;
border: 1px solid #CCC;
-moz-box-shadow: inset 1px 1px 3px #888;
-ms-box-shadow: inset 1px 1px 3px #888;
-o-box-shadow: inset 1px 1px 3px #888;
-webkit-box-shadow: inset 1px 1px 3px #888;
box-shadow: inset 1px 1px 3px #888;
}

.blogger-comments .comments-content .loadmore:hover a {


background: #f1f1f1;
border-top: 1px solid #fff;
}

.blogger-comments .comments-content .loadmore {


cursor: pointer;
max-height: 3em;
}

.blogger-comments .comments-content .loadmore.loaded {


max-height: 0px;
opacity: 0;
overflow: hidden;
-moz-transition: all 0.5s ease-in;
-ms-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
-webkit-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}

@media only screen and (max-device-width: 1024px) {


.blogger-comments .comments-content .loadmore a,
.blogger-comments .comments-content .loadmore:focus a {
background: none;
border-top: 1px solid #ccc;
}
}
.blogger-comments .thread-chrome.thread-collapsed {
display: none;
}

.blogger-comments .thread-toggle {
display: inline-block;
}

.blogger-comments .thread-toggle .thread-arrow {


display: inline-block;
height: 6px;
width: 7px;
overflow: visible;
margin: 0.3em;
padding-right: 4px;
}

.blogger-comments .thread-expanded .thread-arrow {


background:
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAG0lEQVR4
2mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0
transparent;
}
.blogger-comments .thread-collapsed .thread-arrow {
background:
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAJUlEQVR4
2mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAABJRU5ErkJggg==") no-
repeat scroll 0 0 transparent;
}

.blogger-comments .avatar-image-container {
float: left;
width: 36px;
max-height: 36px;
overflow: hidden;
}

.blogger-comments .avatar-image-container img {


width: 36px;
}

.blogger-comments .comment-block {
margin-left: 48px;
position: relative;
}

/* Responsive styles. */
@media screen and (max-device-width: 480px) {
.blogger-comments .comments-content .comment-replies {
margin-left: 0;
}
}

.share-controls {
overflow: hidden;
text-align: center;
white-space: nowrap;
}

.share-controls span,
.share-controls iframe {
height: 20px !important;
}

.share-controls .share-plusone,
.share-controls .share-twitter,
.share-controls .share-facebook {
/* PlusOne tries to reset a lot of settings, don't let it. */
background-repeat: no-repeat !important;
background-position: left center !important;
display: inline-block;
margin: 0;
}

/* To avoid the 'jitter' of buttons loading, set a background image


of the button in its place. Once loaded, the button covers. */
.share-controls .share-plusone {
background-image:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAUCAYAAADskT9PAAACrElEQVRIS
8WW30tTYRjH37+roLyovKgor7xY0AySfoHSXRhSiRWUXYSEpAXRRSqsbSxlbI2xsaFt/aJEwTnn3Pm5n25u
czi2b+d5ZQdP7JCVrYsP4zzPed7Pc973Pe8ZA8Ci0ahV44MGOgS5rORmkUhkeHl5GcViEfV6vSOQi5zkZou
Li3KlUsHOzg6q1WpHIBc5yc0WFhZ4kAKdhJzkZuFwGOVy+b9AbhYKhVBKK5Cnn0MYv4e1/jNY7T2qsz7Qi8
LKd2xvbx865GbBYBAx6ynkw+
+xu7uLZrMJ+ekdLleejaLRaPBuS6XSb5McGeDjmOXJzQKBABLaU9K6bG1tcWqlIuKXT/PizMewHj8oeTGFz
bEhfRbN7iM38/v92LhpQaFQ0KGkMvFgbxZsrwy5dqxdPW+4phmNXzmH2MUTfAyzOnIzn8+HmKULOa3rfD6v
o05P8uK0640h3o74tR7DtTT1GJVCjsdpDLM6cjOv18tvEmdfIpfL6UgTD7HW142SlDLE9xOznjRsWLqmOK0
v/bYaMKsnN/N4PHvFluMQ7a+hajtefDeDeP9ZVFe+8k6z2WxbWu8ziVpnyf58qwGzenIzt9uNWmIV6tQjJO
/eQOxCl1Z0BOWlT3wvZDKZXxLX9oBZnMYyqyM3m5+f50/Jj8hCnhfwoqUvSKfTB4Je03bxVgNmdeRmc3NzU
BSFo6oqkrf6eFHsUjeEoFfP/Ql02FBzZnlyM5fLhZT7LTamxrAxPoLU6CDWr/fszYTlGM/JsvxPIDdzOp1I
PrmNoiTwbmu1GurVinYO3NebEL59hiRJhw65mcPhEOj7TB2JosihJN/Rs5O8ic2ZF3rusEgkEiA3s9vtQ3Q
iUUAQBANFVeYNKNoy/Jz7G8hFTnIz+ltks9mGNWQNdAhyDZP7B9FT1Mw7jWv8AAAAAElFTkSuQmCC) !
important;
height: 20px;
/* Don't touch anything other than min-width, causes havoc with +1 */
min-width: 90px;
-moz-transition: min-width 0.3s;
-ms-transition: min-width 0.3s;
-o-transition: min-width 0.3s;
-webkit-transition: min-width 0.3s;
transition: min-width 0.3s;
}
.share-controls .share-plusone.defer {
min-width: 34px;
}
.share-controls .share-plusone.delay {
min-width: 90px;
}

.share-controls .share-twitter {
background-image:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAAUCAYAAAAp46XeAAAACXBIWXMAA
AsTAAALEwEAmpwYAAAFSklEQVRYCd1Ye0yTVxT/9UFbCm15qKU8JhQQURFQfMBUog6VxMSJJo5tZsvcPzPG
ZJkxzmzLEmOWbZIlji1LZtxkbPMRzHyyKI4hWubkvWEtIC8RmEApKrUP2u6e28JaqMuMcYmc5Pb7zrn3PH7
3nHO/r5/A5XKhqt3oajNaMFVIGyZDZlyYQKBrG3TJpFKkRwZNFWyo6xmBxWqFkDI2lYBRhggP4RJOmXT5AS
ImmcXu9DP17Is4uMeBUXLdgC7jMDYsnA3tNOXjqP7vazk4u9Pl4/jkdT1yUhKgkAX4yPMOXYC+bwhJIRK8t
jwN3nqkc7yyzmc9MevSEvD6qsWT5E8qaO4bRqBEiJgwxSNN8Z5zOJ3wHjcHHiBjXxF2H7sEXUs3n/v8ajNa
7TKIFWEwDIxg99EyH515MZFYlpKItFgNatvuIE49jfMLtDN91nn7eZL7D4+W4svSqkfaJsR+D5S9uYsQGhG
NMy0D2Pb9r3jv53qc67oPoSwYwiAlhMEh+KWlB0NmK9oHzXzn4mco8PbaxXhrjTtLr6xI43xtWycKzur4Gr
PNgY0fF6Gpq5/zV27cwo5Dp/l98eVGrN/3NZ8/VWOA1eGupurmbrz82Q987tOfKri8/M9b0N/uQ1mDHlsPH
kePaYTbmPjDwZEh72G2O/DF5qUI08RAHKrGuc4H6LMI2FYIIRAFQEQAA4Px/P5i1Le2j+sOW0dxz+Y+nB5a
bSBeqVDgxJUavubiH624eacfP15t4PxRXRMkIgEITOH5CryzcRV2rs3EniNnoTN04dbd+9haeAy56bPw0db
1KK014OCZy0iKjkCEMhBadTjeWJGOELlsPIYxHATUb+ZoYqZCgsWxaoiU4TxjBIwTAQyQInS6GkuTtRhm2f
g3ot4dNttQ39GLi3UGZCTE8B03M/C/GTqQt2QOvi27hqykWKjkgVApg5Aep0GJrgEndbWIn65kpR7F+zsnN
R7H2MaEK+QIVamgjZiBlWmJEIn8w+BSh4P1HBvdgw/4le6lYjEOrIxDUricZ2wcAOtPovx5kTj86krkZ6WM
65Ce1cEy7CHiiVbPT8SZ32/gUmMLDr65gcsKTlVCzLK2KEnL+ebuPhRX1PBBQeekJ2HUMYqBEQu+Ka/m8hG
bC/nZGdyf0xMHlTr5mTjIqM+jQMXSu4sdItroUMxRa9AwaMXdId93TpfDjsCHJuSnzgcZnkhOx2TZpoxkbD
98GrOjpvNNeyE1GSVVDdiUmcqDWjY3AeV1TXh/yxqEyqU4WdmARfHRiFIEoaiiHttWL8VCbQTKGpshE0u5S
yGroM5+I0xmCy/LiXEQzzNnZb1LQ86O1v2bstFpdODdC0040WLEkGeHaLHLbkWi3IVDL6bzIMf0vK+0QSq5
BKpgBbdJc0vmaLmMSpD4LZlzyRzo0CF+R24mZrE+ytpTiOSdBfiOleRD1rsp8VHYm5eNzQeKELf9E+wqOs/
1SOel5QtQ3Xobqz/4Cr0m87gvmqNBJCiuvuPKilWyI1UIkdBdRnKpBHr2OCjrMKHZkzmlVIzlEVKsm6WBeZ
StYyXzKIoLD0bPsAXW0X/WqIMksLkE/ISlkg+RCmGysjL2rNEo5XAymzb7KEJYT7WbWMUwnjIpE4tgZH0bq
ZKN26UYFZ66+8syOR5dxz03uCXPhUyKUxQghJS1j3ezEijHU35VI7/+fNDGUwL+K13rMvn2nLciOXA/wdzZ
9J57mvf+gJG/xwE2Fh9PrOfRNCabMlf+Z9XMTjhNkO975LOMsHfEDrlIBMHYZwZ9S9uzjMcn9uRELf/M8Dd
Rh83rstvalwAAAABJRU5ErkJggg==) !important;
height: 20px;
width: 110px;
-moz-transition: width 0.3s;
-ms-transition: width 0.3s;
-o-transition: width 0.3s;
-webkit-transition: width 0.3s;
transition: width 0.3s;
}
.share-controls .share-twitter.defer {
width: 57px;
}
.share-controls .share-twitter.delay {
width: 110px;
}

.share-controls .share-facebook {
background-image:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAAUCAYAAAAk/dWZAAAACXBIWXMAA
AsTAAALEwEAmpwYAAADQElEQVRIDd1XXUhTYRh+tjPb5mwNpzV0aSiWZESihMQI7M6bEn8ujKKCQMIuDKur
pMQLQxQWNEUIIoT0wkIrC4MMNCOiZUWU1tD5/5fzd87jNtf3HV2d6c5+jKD1wtn3/n/Pe973nJ1P5HK5YB6
ZdVnmWThXXQgVYsQiRCql2BOrEon6h2dcizYHolUySBhxqNQAh3MVU7PLiJBLIKYdCLUC6J2mN5zipvjFdI
RCqQP8UaG4Ofx8JZ+/XPkM3wd+8FWCfFJ8FKquZgna/7ZB8CEItAAKMBhfj4Kcc2h/
+gmjrIc2aEGwCF+ZMlLj8Op+IXdR3iuxwyguqkejyROhtacTJ4o6MUeD2Fncav2ISafXDAErJQF78hyrrmR
hdHIB30wTmJkWHjkbibE7PBEq4g6i8pITCpqPYaCBjJd5a+yWOkG3ogVcu/0CvYNLQe3MWvpQ83gAnv2hKZ
bwUN+A4oY+OIjETvWhrKSedK0ep/TvMO1jl6CK2KmOwNmcNC6dSr2d46kuGHIs2mA20R65iYGcsaO95gHuD
cWjtCABEligv9EFWXYWWgy5yJn/ivLnE+6ATWtQ45QQF4nzeelckkP7doFePf1TmJxe3JRYULFhRzmsaKxt
wvuh3aitPgI1CXSMD+M1WTVGI/S9DMwEf//YcqApBf04w5vuQehO1nEP9IfeCVwsa/YdwFkZPz4SyLZJgWU
LTON2xGjC4KTzREinS8Fh0miHLhkydfSa0stvUOPkJd6nSk6sC4tWOFg7rEssrGTlBp4XZSPDk12YjVKdE9
XlTegYX4VUq0Um8TGaV5CYrEVKcgyiFMJQNzSXl52wqftjPRU8aUf4tl/27i8jPMtvlhbRdrcVbW6Vai/un
CMC74VEfWysGOkF2ShZaSaFPIGy4jgulGbgZnkXcl92cdGazEzU5WndmTxWn0V4ePIE+uXrl6RaVBhOe3Vr
qV5XEx+9IX9dCMPRM/nkWheVSbhuSCQdJN1jwqCQbqET9FPiUYcRsaoojMyu/Re4+Y36Y2kHvIL9c6UYinD
yvPgh0dvPY66EGKUft3/X3Dc6DzE9XNBv81AkipviF9PTET1chFoh7kMRxS/6H46nPwG0xCqstPx1sgAAAA
BJRU5ErkJggg==) !important;;
height: 20px;
width: 90px;
-moz-transition: width 0.3s;
-ms-transition: width 0.3s;
-o-transition: width 0.3s;
-webkit-transition: width 0.3s;
transition: width 0.3s;
}
.share-controls .share-facebook.defer {
width: 51px;
}
.share-controls .share-facebook.delay {
width: 90px;
}

#gadget-dock {
background-color: #333;
width: 50px;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
-ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);;
-moz-border-radius: 2px 0 0 2px;
-ms-border-radius: 2px 0 0 2px;
-o-border-radius: 2px 0 0 2px;
-webkit-border-radius: 2px 0 0 2px;
border-radius: 2px 0 0 2px;;

-moz-transition: right 0.15s ease-in-out;


-ms-transition: right 0.15s ease-in-out;
-o-transition: right 0.15s ease-in-out;
-webkit-transition: right 0.15s ease-in-out;
transition: right 0.15s ease-in-out;;

position: fixed;
right: -40px;
top: 124px;
z-index: 3000;
}

#gadget-dock:hover,

#gadget-dock.gadget-notifying,
#gadget-dock.gadget-opening {
right: 0;
}

/* expand the hover area */


#gadget-dock:after {
content: '';
display: block;
width: 90px;
height: 110%;
position: absolute;
top: -5%;
left: -40px;
z-index: -100;
}

#gadget-dock.gadget-opening:after {
display: none;
}

.gadget-item {
position: relative;
z-index: 1;
}

.gadget-selected {
z-index: 0;
}

.gadget-item:empty {
display: none;
}

.gadget-menu {
cursor: pointer;
background-color: #333;
border-top: 1px solid #585858;
text-align: center;
z-index: 0;
}
.gadget-icons {
width: 50px;
height: 50px;
line-height: 50px;
}

.gadget-menu .gadget-title {
display: none;
}

.gadget-selected .gadget-menu {
background-color: white;
border-color: #ccc;
}

.gadget-item:first-child .gadget-menu {
border-top: 1px solid transparent;
-moz-border-radius: 2px 0 0 0;
-ms-border-radius: 2px 0 0 0;
-o-border-radius: 2px 0 0 0;
-webkit-border-radius: 2px 0 0 0;
border-radius: 2px 0 0 0;
}

.gadget-selected.gadget-item:first-child .gadget-menu {
border-color: #ccc;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}

.gadget-item:last-child .gadget-menu {
-moz-border-radius: 0 0 0 2px;
-ms-border-radius: 0 0 0 2px;
-o-border-radius: 0 0 0 2px;
-webkit-border-radius: 0 0 0 2px;
border-radius: 0 0 0 2px;
}

.gadget-selected.gadget-item:last-child .gadget-menu {
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}

.gadget-icon, .gadget-icon-selected {
display: inline-block;
max-width: 30px;
max-height: 30px;
vertical-align: middle;
}

.gadget-icon-selected {
display: none;
}
.gadget-selected .gadget-icon {
display: none;
}

.gadget-selected .gadget-icon-selected {
display: inline-block;
}

.gadget-container {
background-color: white;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
-ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);;
line-height: 1.4em;
text-align: left;
visibility: hidden;
z-index: -1;
margin-left: 100%;
word-wrap: break-word;
max-width: 700px;
}

.gadget-container {

-moz-transition: right 0.15s ease-in-out, opacity 0.15s ease-in-out;


-ms-transition: right 0.15s ease-in-out, opacity 0.15s ease-in-out;
-o-transition: right 0.15s ease-in-out, opacity 0.15s ease-in-out;
-webkit-transition: right 0.15s ease-in-out, opacity 0.15s ease-in-out;
transition: right 0.15s ease-in-out, opacity 0.15s ease-in-out;;

opacity: 0;
position: absolute;
top: 0;
right: -100px;
}

.gadget-container:hover,
.gadget-item:hover .gadget-container,

.gadget-selected .gadget-container {
visibility: visible;
right: 49px;
opacity: 1;
}

.gadget-selected .gadget-container {
border: 1px solid #ccc;
-moz-border-radius: 2px 0 0 2px;
-ms-border-radius: 2px 0 0 2px;
-o-border-radius: 2px 0 0 2px;
-webkit-border-radius: 2px 0 0 2px;
border-radius: 2px 0 0 2px;;
cursor: auto;
z-index: -100;
}

.gadget-selected.gadget-dock-overflow-bottom .gadget-container {
position: fixed;
bottom: 27px;
top: auto;
}

.gadget-selected.gadget-dock-overflow-client-area .gadget-container {
position: fixed;
top: 0;
bottom: 24px;
}

/* HACK: Because IE8 ignores max-width when "overflow-y: scroll" is set */


/* the scroll-bar is shown by the child element of .gadget-container. */
.gadget {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
/* IE scroll-bar */
scrollbar-arrow-color: white;
scrollbar-track-color: white;
scrollbar-face-color: #999;
scrollbar-highlight-color: #999;
scrollbar-shadow-color: #999;
scrollbar-3dlight-color: white;
scrollbar-darkshadow-color: white;
}
.gadget-selected.gadget-dock-overflow-client-area .gadget {
overflow-y: scroll;
}

.gadget::-webkit-scrollbar {
width: 14px;
}

.gadget::-webkit-scrollbar:hover {
background-color: #f3f3f3;
}

.gadget::-webkit-scrollbar-thumb {
border-width: 0 0 0 4px;
border-color: #999;
border-style: solid;
}

.gadget::-webkit-scrollbar-thumb:hover {
border-width: 0 0 0 12px;
}

.gadget::-webkit-scrollbar-button {
width: 14px;
height: 16px;
}

.gadget::-webkit-scrollbar-corner {
background-color: transparent;
}

.gadget-content {
display: none;
overflow: hidden;
position: relative;
}

.gadget-selected .gadget-content {
display: block;
}

.gadget-container .gadget-title {
display: block;
background-color: #333;
color: white;
display: block;
font-size: 14px;
padding: 1px 16px 0 16px;
height: 50px;
line-height: 50px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
position: relative;
}

.gadget-container .gadget-title:hover {
text-decoration: underline;
}

.gadget-selected .gadget-container .gadget-title {


background-color: transparent;
color: black;
font-size: 16px;
height: 40px;
}

.gadget-selected .gadget-container .gadget-title:hover {


text-decoration: none;
}

.gadget-content {
background-color: white;
}

.gadget-resize-detector {
background-color: transparent;
border-style: none;
margin: 0;
padding: 0;
outline: 0;
width: 0;
height: 100%;
position: absolute;
right: 0;
top: 0;
z-index: -1;
}

/* Center align posts. Border between them. */


ol.items {
text-align: center;

padding: 18px 10px 20px 10px;

}
li.item {
background-color: white;
background-clip: padding-box;
/* TODO(kiyono): re-enable box-shadow when the performance of box-shadow */
/* gets better. */

-moz-border-image:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAANUlEQVQIW
2NkYGBgQ8JAJsMvEGYEEjxQzA0SBYKvQPwFJCEExIJAfBcqoQyk3+OVwGkUVssBP4wMT0ZBZV0AAAAASUVO
RK5CYII=) 2 / 2px repeat;

-ms-border-image:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAANUlEQVQIW
2NkYGBgQ8JAJsMvEGYEEjxQzA0SBYKvQPwFJCEExIJAfBcqoQyk3+OVwGkUVssBP4wMT0ZBZV0AAAAASUVO
RK5CYII=) 2 / 2px repeat;

-o-border-image:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAANUlEQVQIW
2NkYGBgQ8JAJsMvEGYEEjxQzA0SBYKvQPwFJCEExIJAfBcqoQyk3+OVwGkUVssBP4wMT0ZBZV0AAAAASUVO
RK5CYII=) 2 / 2px repeat;

/* If border-image is declared below -webkit-border-image */


/* Webkit doesn't render correctly. */

border-image:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAANUlEQVQIW
2NkYGBgQ8JAJsMvEGYEEjxQzA0SBYKvQPwFJCEExIJAfBcqoQyk3+OVwGkUVssBP4wMT0ZBZV0AAAAASUVO
RK5CYII=) 2 / 2px repeat;

-webkit-border-image:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAANUlEQVQIW
2NkYGBgQ8JAJsMvEGYEEjxQzA0SBYKvQPwFJCEExIJAfBcqoQyk3+OVwGkUVssBP4wMT0ZBZV0AAAAASUVO
RK5CYII=) 2 / 2px repeat;
border-width: 2px;
padding: 20px 70px;
max-width: 750px;
margin: 0px auto;
position: relative;
}
li.item + li.item {
margin-top: 30px;
}
li.ad {
padding: 20px 70px;
max-height: 200px;
margin: 0px auto;
position: relative;
}
.article {
position: static;
}

/* Ribbon to hang off the left. */


.article .article-header .date.ribbon {
position: absolute;
left: 20px;
top: 20px;
}

/* Unloaded images to have loading indicator. */


img.deferred {
background-repeat: no-repeat;
background-position: center center;
background-image:
url(data:image/gif;base64,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
yEAOwAAAAAAAAAAAA==);
border: solid 1px #ccc;
}

@media only screen and (max-width : 600px) {


#header-container {
height: 81px;
}
#header .header-bar,
#header .header-bar .title h1,
#header .header-bar .title h3 {
height: 48px;
}
#header .header-bar .title {
height: 48px;
line-height: 48px;
margin-right: 50px;
}
#header .header-bar .title h1 {
font-size: 20px;
}
#header .header-bar .title h3 {
font-size: 16px;
}
/* Show magnifier icon instead of showing placeholder. */
#header input#search {
background-image:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAuElEQVQ4y
72UQQ2GMAyFJwEJk1AJSEBCJUwCTiaB086/BCQgAQlQki55aSD/mhEO77Dt7UvXtQ2llPCWwlewKBpF1AO7
Lv9EB2gXsRdGevECbKJFtAI0eWA1omz2GYCxBRYhojtz/hcdLkY1Lw/mSc/nFhipeX0wJw8sQPLtzw1wRq0
wTHTWpyXzw646S6bGDgDVNLCnA6JCZ1V9GtYc9/Ymm2i5t9EtkHqnBkP+hjdGECHo03nm1gl0/D1dbs3/WA
AAAABJRU5ErkJggg==);
background-repeat: no-repeat;
background-position: center center;
color: transparent;
top: 9px;
-moz-transition: width 0.17s ease-in-out;
-ms-transition: width 0.17s ease-in-out;
-o-transition: width 0.17s ease-in-out;
-webkit-transition: width 0.17s ease-in-out;
transition: width 0.17s ease-in-out;;
width: 22px;
}
#header input#search:focus {
background-image: none;
color: black;
width: 200px;
}
#header input#search::-webkit-input-placeholder {
color: transparent;
}
#header input#search:focus::-webkit-input-placeholder {
color: #b5b5b5;
}
#header .header-drawer,
#header .menu .menu-heading,
#header .tabs li,
#header .admin-controls,
#header .admin-controls .dashboard,
#header .admin-controls .new-post {
height: 28px;
line-height: 28px;
}
#header .header-drawer,
#header .header-drawer.sticky {
top: 17px;
}

#header:hover .header-drawer,
#header .header-drawer.open {
top: 48px;
}

#header .menu .menu-heading {


height: 28px;
line-height: 28px;
}

#header #pages::before {

height: 14px;
}
}

@media only screen and (max-width : 600px) {


#gadget-dock {
width: 40px;
right: 0;
top: 100px;
}
#gadget-dock:after {
display: none;
}
.gadget-icons {
width: 40px;
height: 40px;
line-height: 40px;
}
.gadget-container {
max-width: 280px;
}

.gadget-container:hover,
.gadget-item:hover .gadget-container,
.gadget-selected .gadget-container {
right: 39px;
}
.gadget-title {
height: 40px;
line-height: 40px;
}
.gadget-selected .gadget-title {
line-height: 50px;
}
}

@media only screen and (max-width : 600px) {


li.item {
padding: 20px 10px 20px 10px;
}
li.ad {
padding: 20px 0;
}
.article .article-header {
height: 64px;
}
.article .article-header .title {
padding-right: 0px;
padding-left: 50px;
}
}

.article-content iframe {
max-width: 100%;
}

.article-content a[imageanchor] {
margin: 0 !important;
}</style><!-- Yo Dawg... --><meta name="meta" content="meta"></head>
<body class="variant-classic classic notouch">

<div id="header-container">
<div id="header" class="header">
<div class="header-bar">

<span class="title" onclick="$


(&#39;html,body&#39;).stop().animate({&#39;scrollTop&#39;: 0})">
<a href="./tugas 1 aplikasi komputer_files/tugas 1 aplikasi komputer.html"
target="_self"><h1 title="tugas 1 aplikasi komputer">tugas 1 aplikasi
komputer</h1></a>

</span>
<input type="text" id="search" autocomplete="off" placeholder="Telusuri">
</div>
<div class="header-drawer sticky">

<div id="views" class="tabs">


<span class="menu-heading">Classic<span class="indicator"></span></span>
<ul>

<li class="Classic"><span class="menu-background"></span><a class="menu-


item current" href="http://ss-muhammadalam.blogspot.com/?view=classic"
target="_self">Klasik</a></li>

<li class="Flipcard"><span class="menu-background"></span><a class="menu-


item " href="http://ss-muhammadalam.blogspot.com/?view=flipcard"
target="_self">Kartu Lipat</a></li>

<li class="Magazine"><span class="menu-background"></span><a class="menu-


item " href="http://ss-muhammadalam.blogspot.com/?view=magazine"
target="_self">Majalah</a></li>

<li class="Mosaic"><span class="menu-background"></span><a class="menu-


item " href="http://ss-muhammadalam.blogspot.com/?view=mosaic"
target="_self">Mozaik</a></li>

<li class="Sidebar"><span class="menu-background"></span><a class="menu-


item " href="http://ss-muhammadalam.blogspot.com/?view=sidebar"
target="_self">Bilah Sisi</a></li>

<li class="Snapshot"><span class="menu-background"></span><a class="menu-


item " href="http://ss-muhammadalam.blogspot.com/?view=snapshot"
target="_self">Cuplikan</a></li>

<li class="Timeslide"><span class="menu-background"></span><a


class="menu-item " href="http://ss-muhammadalam.blogspot.com/?view=timeslide"
target="_self">Kronologis</a></li>

</ul>
</div>

<div class="blog-admin admin-controls">


<a class="new-post" href="http://www.blogger.com/post-edit.g?
blogID=1477045285096257897&from=pencil" target="_self" title="Pos baru"></a>
<a class="dashboard" href="http://www.blogger.com/home" target="_self"
title="Dasbor"></a>
</div>
</div>
</div>
</div>

<div id="main" class="hfeed " tabindex="0">


<ol id="items" class="items"><li class="item" data-id="5894205287751946445">

<div class="article hentry " itemscope=""


itemtype="http://schema.org/BlogPosting">

<meta itemprop="blogId" content="1477045285096257897">


<meta itemprop="postId" content="5894205287751946445">

<div class="article-header">

<a class="ribbon date " title="11th October 2012" href="http://ss-


muhammadalam.blogspot.com/2012/10/tugas-2-aplikom_11.html" itemprop="url">

<div class="top ribbon-piece">Oct</div>


<div class="bottom ribbon-piece">11</div>
<div class="tail">
<div class="left ribbon-piece"></div>
<div class="right ribbon-piece"></div>
</div>

</a>

<h1 class="title entry-title" itemprop="name">

<a href="http://ss-muhammadalam.blogspot.com/2012/10/tugas-2-aplikom_11.html"
rel="bookmark" itemprop="url">

tugas 2 aplikom</a>

<span class="blog-admin"><a class="edit" href="http://www.blogger.com/post-edit.g?


blogID=1477045285096257897&postID=5894205287751946445&from=pencil" target="_self"
title="Edit"></a></span>

</h1>
</div>
<div class="article-content entry-content" itemprop="articleBody">
<h4 style="font-family: Arial,Helvetica,sans-serif; font-weight: normal; text-
align: left;">
&nbsp;<b style="color: red;"><i>A. PENGERTIAN EQUATION</i></b></h4>
<h4 style="font-family: Arial,Helvetica,sans-serif; font-weight: normal; text-
align: left;">
Equation
editor adalah sebuah aplikadi MS OFFICE WORD yg fungsinya membantu kita
dalam membuat rumus-rumus matematika,persamaan,akar pangkat
kuadrat,rumus kimia,dan sejenisnya.microsoft equqtion berbeda pada setiap tipe MS
word nya.</h4>
<div style="color: red; font-family: Arial,Helvetica,sans-serif;">
<b><i>B. CARA PENGGUNAAN EQUATION</i></b>.</div>
<div style="font-family: Arial,Helvetica,sans-serif;">
&nbsp;</div>
<div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: small;">Jika anda ingin menampilkan sebuah rumus dan fungsi
matematika seperti
logaritma,eksponen,integral dan lainnya ke dalam dokumen word anda dapat
menggunakan simbol equation pada saat mengetik rumus,maka Equatin
Editor akan memfomat secara otomatis setiap elemen rumus yang anda
inginkan dan langsung dapat disisipkan pada dokumen.</span></div>
<div style="font-family: Arial,Helvetica,sans-serif;">
</div>
<div style="color: red; font-family: Arial,Helvetica,sans-serif;">
<b><i>C. LANGKAH-LANGKAH PEMBUATAN EQUATION</i></b></div>
<ol style="font-family: Arial,Helvetica,sans-serif;">
<li><span style="font-size: small;">Klik menu insert tab dan klik equation pada
group symbol</span></li>
<li><span style="font-size: small;">Kemudian akan muncul tab design pada ribbon dan
muncul lembar kerja equation</span></li>
<li><span style="font-size: small;">Kemudian masukkan rumus yang ingin anda
masukkan&nbsp;</span></li>
<li><span style="font-size: small;">Setelah selesae memasukkan rumus simpan rumus
yang telah anda buat</span></li>
<li><span style="font-size: small;">Klik tombol panah pada save as pada equation
kemudian muncul kotak dialog create new building block</span></li>
<li><span style="font-size: small;">Rumus yang telah anda simpan dapat di lihat di
equation pada tool</span></li>
</ol>
<div style="color: red;">
<b><i><span style="font-size: small;">D. CARA-CARA PEMBUATAN
RUMUS</span></i></b></div>
<b><i><span style="font-size: 12pt;"><span style="font-size: small;"><span
style="color: blue;">1. </span></span><span style="color: blue; font-size:
small;">MENGGUNAKAN MOUS</span><span style="font-size: small;"><span style="color:
blue;">E</span></span></span></i></b><b><i><span style="font-size:
12pt;"></span></i></b><span style="font-size: 12pt;"></span>
<br>
<ul style="font-family: Arial,Helvetica,sans-serif;" type="disc">
<li class="MsoNormal" style="line-height: normal;"><span style="font-size:
12pt;">Tekan menu insert</span></li>
<li class="MsoNormal" style="line-height: normal;"><span style="font-size:
12pt;">Tekan menu Equation [ liat menu bagian atas kanan ]</span></li>
<li class="MsoNormal" style="line-height: normal;"><span style="font-size:
12pt;">Akan muncul sebuah kotak di area dokumen</span></li>
<li class="MsoNormal" style="line-height: normal;"><span style="font-size:
12pt;">Silakan pilih model dari rumus yang dikehendaki</span></li>
<li class="MsoNormal" style="line-height: normal;"><span style="font-size:
12pt;">Mulai menulis rumus&nbsp;<span></span></span></li>
</ul>
<div class="MsoNormal" style="font-family: Arial,Helvetica,sans-serif; line-height:
normal;">
<b style="color: blue;"><i><span style="font-size: 12pt;">2) </span></i></b><span
style="font-size: small;"><i style="color: blue;"><b><span>MENGGUNAKAN
KEYBOARD</span></b></i></span><span style="font-size: 12pt;"></span></div>
<div class="MsoNormal" style="font-family: Arial,Helvetica,sans-serif; line-height:
normal;">
<b><i><span style="font-size: 12pt;">Cara 1:</span></i></b><span style="font-size:
12pt;"></span></div>
<ul style="font-family: Arial,Helvetica,sans-serif;" type="disc">
<li class="MsoNormal" style="line-height: normal;"><span style="font-size:
12pt;">Tekan tombol Alt</span></li>
<li class="MsoNormal" style="line-height: normal;"><span style="font-size:
12pt;">Liat posisi menu yang berwarna kuning</span></li>
<li class="MsoNormal" style="line-height: normal;"><span style="font-size:
12pt;">Gunakan tombol arrow kakan / kiri, untuk berpindah
antar menu / sub menu [ pastikan ke menu insert ]</span></li>
<li class="MsoNormal" style="line-height: normal;"><span style="font-size:
12pt;">Gunakan tombol tab untuk masuk ke sub menu</span></li>
<li class="MsoNormal" style="line-height: normal;"><span style="font-size:
12pt;">Gunakan tombol tab / arrow untuk menuju ke menu
Equation</span></li>
<li class="MsoNormal" style="line-height: normal;"><span style="font-size:
12pt;">Akan muncul sebuah kotak di area dokumen</span></li>
<li class="MsoNormal" style="line-height: normal;"><span style="font-size:
12pt;">Silakan pilih model dari rumus yang dikehendaki</span></li>
<li class="MsoNormal" style="line-height: normal;"><span style="font-size:
12pt;">Mulai menulis rumus&nbsp;<span></span></span></li>
</ul>
<div class="MsoNormal" style="font-family: Arial,Helvetica,sans-serif; line-height:
normal;">
<b><i><span style="font-size: 12pt;">Cara</span></i><span style="font-size: 12pt;">
2:</span></b></div>
<ul style="font-family: Arial,Helvetica,sans-serif;" type="disc">
<li class="MsoNormal" style="line-height: normal;"><span style="font-size:
12pt;">Tekan tombol Alt</span></li>
<li class="MsoNormal" style="line-height: normal;"><span style="font-size:
12pt;">Tekan huruf N [ masuk ke menu insert ]</span></li>
<li class="MsoNormal" style="line-height: normal;"><span style="font-size:
12pt;">Tekan huruf E [ masuk ke menu Equation ]</span></li>
<li class="MsoNormal" style="line-height: normal;"><span style="font-size:
12pt;">Akan muncul sebuah kotak di area dokumen</span></li>
<li class="MsoNormal" style="line-height: normal;"><span style="font-size:
12pt;">Silakan pilih model dari rumus yang dikehendaki</span></li>
<li class="MsoNormal" style="line-height: normal;"><span style="font-size:
12pt;">Mulai menulis rumus&nbsp;<b><span></span></b></span></li>
</ul>
<div class="MsoNormal" style="font-family: Arial,Helvetica,sans-serif; line-height:
normal;">
<b><i><span style="font-size: 12pt;">Cara 3:</span></i></b><span style="font-size:
12pt;"></span></div>
<ul type="disc">
<li class="MsoNormal" style="font-family: Arial,Helvetica,sans-serif; line-height:
normal;"><span style="font-size: 12pt;">Tekan kombinasi tombol Alt + = [ Alt dan
= , ditekan
bareng ]</span></li>
<li class="MsoNormal" style="font-family: Arial,Helvetica,sans-serif; line-height:
normal;"><span style="font-size: 12pt;">Akan muncul sebuah kotak di area
dokumen</span></li>
<li class="MsoNormal" style="font-family: Arial,Helvetica,sans-serif; line-height:
normal;"><span style="font-size: 12pt;">Silakan pilih model dari rumus yang
dikehendaki</span></li>
<li class="MsoNormal" style="line-height: normal;"><span style="font-family:
&quot;Times New Roman&quot;,&quot;serif&quot;; font-size: 12pt;"><span style="font-
family: Arial,Helvetica,sans-serif;">Mulai menulis rumus </span></span></li>
</ul>
<div style="color: red;">
<br></div>
<div style="color: red;">
<b><i><span style="font-size: small;">A.PENGERTIAN DAFTAR ISI</span></i></b></div>
<br>
<span style="font-size: small;"><span style="font-family: Arial, Helvetica, sans-
serif;">Daftar isi merupakan salah satu bagian dari penulisan terstruktur seperti
karya ilmiah laporan kerja karya tulis dan buku. daftar isi memuat daftar dari isi
atau judul baba/chapter yang ada secara keseluruhan dari awal hingga akhir termasuk
letak halaman.</span></span><br>
<div style="color: red;">
<br></div>
<div style="color: red;">
<b><i><span style="font-size: small;"><span style="font-family: Arial, Helvetica,
sans-serif;">B. LANGKAH-LANGKAH DALAM PEMBUATAN DAFTAR
ISI</span></span></i></b></div>
<ol>
<li><span style="font-size: small;"><span style="font-family: Arial, Helvetica,
sans-serif;">Sorot teks atatu judul bab yang akan dimasukkan dalam daftar isi
kemudian klik add text&nbsp;</span></span></li>
<li><span style="font-size: small;"><span style="font-family: Arial, Helvetica,
sans-serif;">Klik tab references pada ribbon&nbsp;</span></span></li>
<li><span style="font-size: small;"><span style="font-family: Arial, Helvetica,
sans-serif;">Pilih icon table of countents&nbsp;</span></span></li>
<li><span style="font-size: small;"><span style="font-family: Arial, Helvetica,
sans-serif;">kemudian pilih insert table of countents&nbsp;</span></span></li>
<li><span style="font-size: small;"><span style="font-family: Arial, Helvetica,
sans-serif;">Maka akan muncul kotak dialog of countents</span></span></li>
<li><span style="font-size: small;"><span style="font-family: Arial, Helvetica,
sans-serif;">Kemudian klik ok&nbsp;</span></span></li>
</ol>
<br>
<div style="color: red;">
<b><i><span style="font-size: small;"><span style="font-family: Arial, Helvetica,
sans-serif;">A. PENGERTIAN DAFTAR PUSTAKA</span></span></i></b></div>
<br>
<span style="font-size: small;"><span style="font-family: Arial, Helvetica, sans-
serif;">Daftar pustaka merupakan bagian dar penulisan </span></span><span
style="font-size: small;"><span style="font-family: Arial, Helvetica, sans-
serif;">terstruktur seperti karya ilmiah laporan kerja karya tulis dan
buku</span></span><span style="font-size: small;"> <span style="font-family: Arial,
Helvetica, sans-serif;">yang berisi keterangan sumber atau referensi berupa
buku,artikel dsb.</span></span><br>
<span style="font-size: small;"><span style="font-family: Arial, Helvetica, sans-
serif;">Daftar pustaka biasanya memuat nama pengarang tahun terbit,judul,kota
tempat diterbitkan,dan nama penerbit.</span></span><br>
<div style="color: red;">
<br></div>
<div style="color: red;">
<b><i><span style="font-size: small;"><span style="font-family: Arial, Helvetica,
sans-serif;">B. LANGKAH-LANGKAH DALAM PEMBUATAN DAFTAR
PUSTAKA</span></span></i></b></div>
<ol>
<li><span style="font-size: small;"><span style="font-family: Arial, Helvetica,
sans-serif;">&nbsp;Pilih tab references pada ribbon&nbsp;</span></span></li>
<li><span style="font-size: small;"><span style="font-family: Arial, Helvetica,
sans-serif;">&nbsp;Kemudian pilih menu insertt citation yang tersedia dalam group
citation dan bibliography add</span></span></li>
<li><span style="font-size: small;"><span style="font-family: Arial, Helvetica,
sans-serif;">&nbsp;Kemudian akan muncul kotak dialog create
source&nbsp;</span></span></li>
<li><span style="font-size: small;"><span style="font-family: Arial, Helvetica,
sans-serif;">&nbsp;Setelah itu anda tinggal menginputkan data kemudian apabila
sudah selesai klik ok</span></span></li>
<li><span style="font-size: small;"><span style="font-family: Arial, Helvetica,
sans-serif;">&nbsp;Kemudian pilih bibliography maka seluruh kata yang telah anda
inputkan ke kotak dialog create source akan di tampilkan </span></span></li>
</ol>
<span style="font-size: small;"><span style="font-family: Arial, Helvetica, sans-
serif;">&nbsp;new source &nbsp; </span></span><br>
<span style="font-size: small;"><span style="font-family: Arial, Helvetica, sans-
serif;">&nbsp;</span></span><br>
<div style="font-family: Arial,Helvetica,sans-serif;">
</div>
</div>
<div class="article-footer">

<div class="publish-info">

Diposkan <abbr class="time published" title="2012-10-11T11:35:00.000Z"


itemprop="datePublished">11th October 2012</abbr> oleh <a class="url fn"
href="https://plus.google.com/116767744532319259016" rel="author"
itemprop="author">muhammad alam</a>

</div>

<div class="share-controls defer delay" data-defer="true" data-delay="1000">


<span class="share-plusone g-plusone defer" data-href="http://ss-
muhammadalam.blogspot.com/2012/10/tugas-2-aplikom_11.html" data-hl="id" data-
size="" data-source="blogger:blog:plusone" data-annotation="" data-width="90" data-
text="tugas 2 aplikom"></span>

<span data-href="http://twitter.com/share" class="share-twitter twitter-share-


button defer" data-url="http://ss-muhammadalam.blogspot.com/2012/10/tugas-2-
aplikom_11.html" data-count="" data-size="" data-text="tugas 2 aplikom"></span>

<span class="share-facebook defer" data-url="http://ss-


muhammadalam.blogspot.com/2012/10/tugas-2-aplikom_11.html" data-count="" data-
layout="" data-text="tugas 2 aplikom"></span>

</div>

</div>

<div class="comments" data-defer="view">


<div class="comments-header toggle-switch">

<span class="bubble comments-count " title="0 comments">


<span class="bubble-content">0</span>
<span class="bubble-tail"></span>
</span>
<h3>

Tambahkan komentar
</h3>
</div>

<div class="comments-wrapper blogger-comments toggle-container toggle-active" data-


itemid="5894205287751946445" style="display: none;">
<div class="comments-content"></div>
<div class="comments-footer">
<iframe frameborder="0" class="comments-replybox" data-
src="//www.blogger.com/comment-iframe.g?
blogID=1477045285096257897&amp;postID=5894205287751946445"></iframe>
</div>
</div>

</div>

</div>

</li><li class="item" data-id="1207209270218164920">

<div class="article hentry " itemscope=""


itemtype="http://schema.org/BlogPosting">

<meta itemprop="blogId" content="1477045285096257897">


<meta itemprop="postId" content="1207209270218164920">

<div class="article-header">

<a class="ribbon date " title="13th September 2012" href="http://ss-


muhammadalam.blogspot.com/2012/09/tugas-aplikom-1_12.html" itemprop="url">

<div class="top ribbon-piece">Sep</div>


<div class="bottom ribbon-piece">13</div>
<div class="tail">
<div class="left ribbon-piece"></div>
<div class="right ribbon-piece"></div>
</div>

</a>

<h1 class="title entry-title" itemprop="name">


<a href="http://ss-muhammadalam.blogspot.com/2012/09/tugas-aplikom-1_12.html"
rel="bookmark" itemprop="url">

tugas aplikom 1 dan 2</a>

<span class="blog-admin"><a class="edit" href="http://www.blogger.com/post-edit.g?


blogID=1477045285096257897&postID=1207209270218164920&from=pencil" target="_self"
title="Edit"></a></span>

</h1>
</div>
<div class="article-content entry-content" itemprop="articleBody"><div
style="text-align: center;">
<b>MICROSOFT WORD</b></div>
<div style="text-align: center;">
<b>BAB 1</b></div>
<div style="text-align: left;">
<b>Pengertian microsoft word</b></div>
microsoft word merupakan program aplikasi komputer yang mengolah data berupa
file,dokumen,surat,dll<br>
microsoft word sering digunakan dalam pekerjaan kantor.<br>
Langkah memulai kerja pada microsoft word:<br>
1. arahkan kursor pada start<br>
2. lalu klik start 1 kali<br>
3. lalu pilih all program<br>
4. setelah itu pilih microsoft office<br>
5. lalu pilih microsoft office 2007 atau 2003<br>
6. microsoft word siap di operasikan<br>
<br>
<b>Tampilan pada window word</b><br>
1. menu bar : home insert,page lay out,references,mailing,review,view<br>
2.office button<br>
3. ribbon<br>
4. ruller <br>
5. status bar<br>
6. title bar<br>
7. quick acces tolbar<br>
<br>
<b>&nbsp;Menggunakan ribbon</b><br>
&nbsp;&nbsp;&nbsp;&nbsp; ribbon terletak dibagian atas window dan merupakan tab
baru.<br>
&nbsp;&nbsp;&nbsp;&nbsp; kontrol dalam setiap tab akan disusun berdasarkan
kelompok-kelompok atau subtasks.<br>
ribbon menyediakan 3 tab, yakninya :<br>
a. Standar tab yang terdiri atas : home, insert,review, view,page lay out add-
ins<br>
b. Contextual tab yang terdiri atas : picture tools, drawing, atau table<br>
c. Program tab yang terdiri atas : print preview<br>
<br>
<b>&nbsp;Memilih Perintah</b><br>
&nbsp;&nbsp; cara memilih perintah dari Office menu yakni:<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1.dengan klik office button
pada ribbon<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 2. setelah itu klik perintah
yang kita inginkan<br>
dapat juga menggunakan tombol pada keyboard untuk perintah-perintah tertentu,
seperti<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp
;&nbsp; a. Save : Ctrl+S<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp
;&nbsp; b. New: Ctrl+ N<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp
;&nbsp; c. Print: Ctrl+P<br>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; d. Membuka:
Ctrl+O<b>&nbsp;</b><br>
<br>
<b>&nbsp; Memilih perintah dari shortcut menu</b><br>
&nbsp;&nbsp;&nbsp; caranya adalah sebagai berikut :<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1. dengan
mengklik kanan pada objek yang ingin di edit<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 2. setelah itu
klik perintah pada shortcut menu.<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 3. jika panah
telah menunjukkan pada perintah yang diinginkan maka klik opsi tersebut.<br>
<br>
<b>Bekerja dengan toolbar</b><br>
cara memilih sebuah perintah menggunakan toolbar atau ribbon<br>
1. dengan perintah bantuan<br>
jika anda tidak yakin dengan apa yang ada pada tombol, maka arahkan panah ke
perintah
untuk&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp; menampilkan screentip<br>
2. lalu memilih sebuah perintah<br>
&nbsp;klik button atau tanda panah dan klik perintah yang diinginkan.<br>
<br>
kita juga dapat : - memindahkan quick acces toolbar ke lokasi lain<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp
;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; - menonaktifkan atau
menukar screen tips<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp
;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; - mereset quick acces
toolbar ke keadaan semula<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp
;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; - meminimize
ribbon.<br>
<br>
&nbsp;<b> Menambah atau menghapus item dari quick acces toolbar.</b><br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Caranya , sebagai berikut :<br>
1. menambah atau menghapus perintah button : klik quik acces toolbar
dan klik tombol nama (item yang diperiksa akan muncul pada toolbar)<br>
2.menambah ribbon button : klik kanan buton / kelompok nama pada ribbo dan klik add
pada quick acces toolbar<br>
3.menghapus ribbon : klik kanan button / nama kelompok pada quick acces toolbar
kemudian klik remove dari quick acces toolbar.<br>
<br>
<b>&nbsp;&nbsp;</b> <b>Menyesuaikan quick access toolbar.</b><br>
&nbsp; &nbsp;&nbsp; Langkah sebagai berikut :<br>
a. klik tanda panah pada customize quick access toolbar kemudian klik beberapa
perintah<br>
b. klik pilihan perintah dari tanda panah kemudian klik semua perintah atau ribbon
tertentu.<br>
c. klik daftar panah pada customize quick access toolbar, kemudian klik untuk semua
dokumen<br>
d. klik perintah yang ingin ditambahkan (kolom kiri) atau menghapus (kolom kanan),
kemudian klik add atau remove.<br>
e. klik move up atau move down untuk mengatur tampilan<br>
f.&nbsp; setelah semua perintah selesai, klik ok.<br>
<br>
<b>Memilih options dialog box</b><br>
&nbsp;&nbsp;&nbsp; ada beberapa jenis dari option box ini, yaitu<br>
&nbsp;a. tabs : setiap kelompok tab berhubungan dengan set pilihan. klik tab untuk
menampilkan pilihan.<br>
&nbsp;b. options button : klik tombol pilihan untuk memilih. biasanya hanya bisa
memilih satu.<br>
&nbsp;c. up and down arrows : klik panah atas atau bawah untuk manambah atau
menurunkan nomor
atau&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ketik
nomor dalam kotak<br>
&nbsp;d. check box : klik box untuk mengaktifkan atau nonaktifkan pilihan. kotak
yang dipilih akan ditandai.<br>
&nbsp;e. list box. : klik daftar panah untuk menampilkan pilihan, kemudian klik
opsi yang diinginkan.<br>
&nbsp;f. text box : klik pada kotak untuk informasi yang diminta.<br>
&nbsp;g. button : klik tombol untuk melakukan perintah.<br>
&nbsp;h. preview box. : banyak kotak dialog menamapilkan gambar yang mempelihatkan
pilihan yang dipilih.<br>
&nbsp; <br>
<b>Menggunakan status bar</b><br>
<span class="" id="result_box" lang="id"><span class="hps">Status bar akan
muncul</span> <span class="hps">di bagian bawah</span> <span
class="hps">layar</span> <span class="hps">dan menampilkan</span><br> <span
class="hps">Dokumen </span><span class="atn">serta </span><span
class="">informasi</span> <span class="hps">seperti</span> <span class="hps">jumlah
kata</span><span class="">,</span> <span class="hps">nomor halaman</span><span
class="">,</span> <span class="hps">bahasa</span><span class="">,
dll</span></span><span class="" id="result_box" lang="id"><span
class="">&nbsp;</span></span><br>
<span class="" id="result_box" lang="id"><span class="">1.&nbsp;
</span></span><span class="" id="result_box" lang="id"><span class="">menambah
item pada status bar : klik kanan status bar, kemudian klik item yang
ingin di tambah ( item yang dipilih ditandai dengan chek list )</span></span><span
class="" id="result_box" lang="id"><span class="">&nbsp;</span></span><br>
<span class="" id="result_box" lang="id"><span class="">2. menghapus
item dari status bar : klik kanan status bar, kemudian klik item yang
ingin di hapus ( item yang dipilih tidak ditandai).</span></span><br>
<br>
<b><span class="" id="result_box" lang="id"><span class="">Menggunakan task dan
window panel</span></span><span class="" id="result_box" lang="id"><span
class="">&nbsp;</span></span></b><br>
<span class="" id="result_box" lang="id"><span class="">1. membuka window panel
:window panel akan tampil ketika anda klik kotak dialog
launcher.</span></span><span class="" id="result_box" lang="id"><span
class="">&nbsp;</span></span><br>
<span class="" id="result_box" lang="id"><span class="">2. menutup window panel :
&nbsp;</span></span><span class="" id="result_box" lang="id"><span class="">
</span></span><span class="" id="result_box" lang="id"><span class="hps">klik
tombol</span> <span class="hps">tutup</span> <span class="hps">di</span> <span
class="hps">upperright</span><span class="hps"> sudut</span> <span
class="hps">panel</span><span class="">.</span></span><span class=""
id="result_box" lang="id"><span class="">&nbsp;</span></span><br>
<span class="" id="result_box" lang="id"><span class="">3. mengubah
ukuran task panel : arahkan pointer ke tepi perbatasan task panel sampai
panah berubah ganda, kemudian tarik tepi untuk mengubah
ukurannya.</span></span><span class="" id="result_box" lang="id"><span
class="">&nbsp;</span></span><br>
<span class="" id="result_box" lang="id"><span class="">4. mengubah
ukuran window panel : arahkan pointer ke tepi window perbatasan bar
sampai pointer berubah ganda, kemudian tarik tepi untuk mengubah
ukuran</span></span><br>
<span class="" id="result_box" lang="id"><span class="">.</span></span><span
class="" id="result_box" lang="id"><span class="">&nbsp;</span></span><span
class="" id="result_box" lang="id"><span class="">&nbsp;</span></span><br>
<b><span class="" id="result_box" lang="id"><span class="">Membuka sebuah
dokume</span></span><span class="" id="result_box" lang="id"><span
class="">n</span></span></b><br>
<span class="" id="result_box" lang="id"><span class="">1. klik office button,
kemudian klik open</span></span><span class="" id="result_box" lang="id"><span
class="">&nbsp;</span></span><br>
<span class="" id="result_box" lang="id"><span class="">2. jika ingin membuka file
tertentu klik panah daftar jenis berkas, kemudian klik jenis
file.</span></span><span class="" id="result_box" lang="id"><span
class="">&nbsp;</span></span><br>
<span class="" id="result_box" lang="id"><span class="">3. jika file tersebut
berada di lokasi lain, klik panah pada daftar, kemudian arahkan ke file
tersebut.</span></span><span class="" id="result_box" lang="id"><span
class="">&nbsp;</span></span><br>
<br>
<b><span class="" id="result_box" lang="id"><span class="">&nbsp;Membaca sebuah
dokumen</span></span><span class="" id="result_box" lang="id"><span
class="">&nbsp;</span></span></b><br>
<span class="" id="result_box" lang="id"><span class="">&nbsp; 1.
</span></span><span class="hps">untuk menampilkan</span> <span class="hps">teks
dalam suatu</span> <span class="hps">yang lebih besar</span> <span
class="hps">atau</span><span class="hps"> ukuran yang lebih kecil</span><span
class="">,</span> <span class="hps">klik</span> view, kemudian klik Increase text
size atau decrease<span class="" id="result_box" lang="id"><span
class="hps">&nbsp;</span></span><br>
<span class="" id="result_box" lang="id"><span class="hps">&nbsp; 2. text
size.</span></span><span class="" id="result_box" lang="id"><span class="hps">
</span></span><span class="hps">&nbsp;</span><br>
<span class="hps">&nbsp; 3. untuk menampilkan</span> <span class="hps">dua</span>
<span class="hps">halaman sekaligus</span> <span class="hps">atau</span><span
class="" id="result_box" lang="id"><span class="hps">&nbsp;</span></span><br>
<span class="" id="result_box" lang="id"><span class="hps">&nbsp; 4.
halaman</span><span class="">,</span> <span class="hps">klik</span> <span
class="hps">view, </span></span><span class="hps">kemudian klik</span><span
class="hps"> tampilkan</span> <span class="hps">one page</span> <span
class="hps">atau</span> <span class="hps">tampilkan</span> <span
class="hps">dua</span><span class="" id="result_box" lang="id"><span
class="hps"></span></span><span class="" id="result_box" lang="id"><span
class="hps"> halaman</span><span class="">.</span></span><span class=""
id="result_box" lang="id"><span class="">&nbsp;</span></span><br>
<span class="" id="result_box" lang="id"><span class="">&nbsp; 5. setelah selesai,
klik tombol close.</span></span><span class="" id="result_box" lang="id"><span
class=""> </span></span><br>
<span class="" id="result_box" lang="id"><span class=""><br></span></span>
<br>
<div style="text-align: center;">
<span class="" id="result_box" lang="id"><span class=""><br></span></span></div>
<div style="text-align: center;">
<b><span class="" id="result_box" lang="id"><span class="">BAB
2&nbsp;</span></span></b></div>
<b><span class="" id="result_box" lang="id"><span class="">&nbsp;Membuat dokumen
kosong</span></span></b><br>
<span class="" id="result_box" lang="id"><span class="">1. arahkan kursor ke office
button&nbsp;</span></span><br>
<span class="" id="result_box" lang="id"><span class="">2. setelah itu klik blenk
dan recent</span></span><br>
<span class="" id="result_box" lang="id"><span class="">3. setelah itu klik
create</span></span><br>
<span class="" id="result_box" lang="id"><span class="">4. dokumen siap di
operasikan.</span></span><br>
<span class="" id="result_box" lang="id"><span
class=""><br></span></span>&nbsp;<span class="" id="result_box" lang="id"><span
class=""><b>Membuat dokumen baru dari pengadaan</b></span></span><br>
<span class="" id="result_box" lang="id"><span class="">1. arahkan kursor ke office
button lalu klik new</span></span><br>
<span class="" id="result_box" lang="id"><span class="">2. dilayar kirinya klik new
for exsiting</span></span><br>
<span class="" id="result_box" lang="id"><span class="">3. lalu klik file of
tipe,setelah itu pilh tipe filenya</span></span><br>
<span class="" id="result_box" lang="id"><span class="">4. klik look in dari
nafigasi anak panah setelah itu navigasikan ke file</span></span><br>
<span class="" id="result_box" lang="id"><span class="">5. klik create
new</span></span><br>
<span class="" id="result_box" lang="id"><span
class=""><br></span></span>&nbsp;<b><span class="" id="result_box" lang="id"><span
class="">Membuat dokumen menggunakan template</span></span></b><br>
<span class="" id="result_box" lang="id"><span class="">1. arahkan kursor ke office
lalu klik new</span></span><br>
<span class="" id="result_box" lang="id"><span class="">2. pilihlah salah satu dari
yang ada di bawah ini</span></span><br>
<span class="" id="result_box" lang="id"><span class="">&nbsp; &nbsp; &nbsp;&nbsp;
a.blank and recent</span></span><br>
<span class="" id="result_box" lang="id"><span class="">&nbsp; &nbsp; &nbsp;&nbsp;
b intalled template&nbsp;</span></span><br>
<span class="" id="result_box" lang="id"><span
class="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; c.my templete</span></span><br>
<span class="" id="result_box" lang="id"><span
class="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; d. featured
category</span></span><br>
<span class="" id="result_box" lang="id"><span
class="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; e.klik microsoft online lalu pilih
templete</span></span><br>
<span class="" id="result_box" lang="id"><span class="">3. klik created atau
download</span></span><br>
<span class="" id="result_box" lang="id"><span class="">4. lalu klik
ok</span></span><br>
<span class="" id="result_box" lang="id"><span
class=""><br></span></span>&nbsp;<b><span class="" id="result_box" lang="id"><span
class="">Mengedit text</span></span></b><br>
<span class="" id="result_box" lang="id"><span class="">pilih dan edit teks
</span></span><br>
<span class="" id="result_box" lang="id"><span class="">1. pindahkan pointer kekiri
atau kekanan sesuai yang diinginkan</span></span><br>
<span class="" id="result_box" lang="id"><span class="">2. atur letak teks sesuai
yang di inginkan&nbsp;</span></span><br>
<span class="" id="result_box" lang="id"><span class=""><br></span></span>
<span class="" id="result_box" lang="id"><span class="">memasukkan dan menghapus
teks</span></span><br>
<span class="" id="result_box" lang="id"><span class="">1. klik dan pilih dokumen
yang akan anda hapus atau yang akan anda masukkan</span></span><br>
<span class="" id="result_box" lang="id"><span
class=""><br></span></span>&nbsp;<b><span class="" id="result_box" lang="id"><span
class="">Mengcopy dan memindahkan teks</span></span></b><br>
<span class="" id="result_box" lang="id"><span class="">1. pilih elemen yang akan
ada copy</span></span><br>
<span class="" id="result_box" lang="id"><span class="">2. klik home
tab</span></span><br>
<span class="" id="result_box" lang="id"><span class="">3. klik copy atau cut
button</span></span><br>
<span class="" id="result_box" lang="id"><span class="">4. klik lokasi dimana anda
akan mengkopy teks tersebut</span></span><br>
<span class="" id="result_box" lang="id"><span class="">5. klik
paste</span></span><br>
<span class="" id="result_box" lang="id"><span class=""><br></span></span>
<br>
<div style="text-align: center;">
<b><span class="" id="result_box" lang="id"><span class="">BAB
3</span></span></b></div>
<b><span class="" id="result_box" lang="id"><span class="">&nbsp;Menformat teks
dengan cepat</span></span></b><br>
<span class="" id="result_box" lang="id"><span class="">1. pilih teks yang akan
anda format</span></span><br>
<span class="" id="result_box" lang="id"><span class="">2. klik home
tab</span></span><br>
<span class="" id="result_box" lang="id"><span class="">3. lalu klik font
list</span></span><br>
<span class="" id="result_box" lang="id"><span class=""><br></span></span>&nbsp;
<b><span class="" id="result_box" lang="id"><span class="">Menformat teks
menggunakan font dialog</span></span></b><br>
<span class="" id="result_box" lang="id"><span class="">1. pilih teks yang akan
anda format</span></span><br>
<span class="" id="result_box" lang="id"><span class="">2. klik home
tab</span></span><br>
<span class="" id="result_box" lang="id"><span class="">3. klik font dialog box
launcher</span></span><br>
<span class="" id="result_box" lang="id"><span class="">4. lalu klik font,dan pilh
tipe font dan ukurannya</span></span><br>
<span class="" id="result_box" lang="id"><span class="">5. jika anda menginginkan
warna klik font warna</span></span><br>
<span class="" id="result_box" lang="id"><span class="">6. lalu klik
ok</span></span><br>
<b><span class="" id="result_box" lang="id"><span
class=""><br></span></span></b>&nbsp;<b><span class="" id="result_box"
lang="id"><span class="">Menukar karakter spasi</span></span></b><br>
<span class="" id="result_box" lang="id"><span class="">1. pilih teks yang akan
anda format&nbsp;</span></span><br>
<span class="" id="result_box" lang="id"><span class="">2. klik home
tab</span></span><br>
<span class="" id="result_box" lang="id"><span class="">3. klik font dialod box
launcher</span></span><br>
<span class="" id="result_box" lang="id"><span class="">4. klik character spacing
tab</span></span><br>
<span class="" id="result_box" lang="id"><span class="">5. atur lah letak spasi
sesuai keinginan anda</span></span><br>
<span class="" id="result_box" lang="id"><span class="">6. lalu klik
ok</span></span><br>
<span class="" id="result_box" lang="id"><span class=""><br></span></span>
<b><span class="" id="result_box" lang="id"><span class="">Mengatur jarak
spasi</span></span></b><br>
<span class="" id="result_box" lang="id"><span class="">1. blok teks yang akan di
atur</span></span><br>
<span class="" id="result_box" lang="id"><span class="">2. klik home
tab</span></span><br>
<span class="" id="result_box" lang="id"><span class="">3. klik line
spacing</span></span><br>
<span class="" id="result_box" lang="id"><span class="">4. pilih jarak spasi yang
anda inginkan</span></span><br>
<span class="" id="result_box" lang="id"><span class="">5. lalu klik
ok</span></span><br>
<br>
<b><span class="" id="result_box" lang="id"><span class="">&nbsp;Mengatur paragraf
tabs</span></span></b><br>
<span class="" id="result_box" lang="id"><span class="">1. pilih paragraf yang akan
di atur</span></span><br>
<span class="" id="result_box" lang="id"><span class="">2. klik tab
button</span></span><br>
<span class="" id="result_box" lang="id"><span class="">3. klik ruler yang akan di
atur</span></span><br>
<span class="" id="result_box" lang="id"><span class="">4. setelah selesae lepaskan
kursor anda</span></span><br>
<br>
<b><span class="" id="result_box" lang="id"><span class="">Menulis buleted and
numbered</span></span></b><br>
<span class="" id="result_box" lang="id"><span class="">&nbsp; menulis
numbered</span></span><br>
<span class="" id="result_box" lang="id"><span class="">&nbsp; a.klik dimana anda
akan memilih numberd</span></span><br>
<span class="" id="result_box" lang="id"><span class="">&nbsp; b.lalu klik home
tab</span></span><br>
<span class="" id="result_box" lang="id"><span class="">&nbsp; c.klik
numbering</span></span><span class="" id="result_box" lang="id"><span class="">
lalu pilih jenisnya</span></span><br>
<span class="" id="result_box" lang="id"><span class="">&nbsp; d. lalu klik
ok</span></span><br>
<span class="" id="result_box" lang="id"><span class="">&nbsp;</span></span><span
class="" id="result_box" lang="id"><span class="">membuat
buletted&nbsp;</span></span><br>
<span class="" id="result_box" lang="id"><span class="">&nbsp; a.klik dimana anda
akan memberi buletted</span></span><br>
<span class="" id="result_box" lang="id"><span class="">&nbsp; b.lalu klik home
tab&nbsp;</span></span><br>
<span class="" id="result_box" lang="id"><span class="">&nbsp; c.klik buleted dan
pilh jenis nya</span></span><br>
<span class="" id="result_box" lang="id"><span class="">&nbsp; d.lalu klik
ok</span></span><br>
<span class="" id="result_box" lang="id"><span
class=""><br></span></span>&nbsp;<b><span class="" id="result_box" lang="id"><span
class="">Menghilangkan teks</span></span></b><br>
<span class="" id="result_box" lang="id"><span class="">menghilangkan dan tidak
menghilangkan teks</span></span><br>
<span class="" id="result_box" lang="id"><span class="">1. pilih teks yang akan
anda hilangkan</span></span><br>
<span class="" id="result_box" lang="id"><span class="">2. klik home tab dan klik
font dialog box launcher</span></span><br>
<span class="" id="result_box" lang="id"><span class="">3. klik font
tab</span></span><br>
<span class="" id="result_box" lang="id"><span class="">4. pilih hilangkan
teks&nbsp;</span></span><br>
<span class="" id="result_box" lang="id"><span class="">5. klik
ok</span></span><br>
<span class="" id="result_box" lang="id"><span class=""></span></span><br>
<div style="text-align: center;">
<b>BAB 4</b></div>
<div style="text-align: center;">
<b>MENGGUNAKAN TEMPLATE STYLE DAN TEMA</b></div>
<b>Membuat template</b><br>
1. pilih semua informasi pada semua dokumen<br>
2. arahkan kursor ke office button lalu pilih save as dan pilih word template<br>
3. klik save as dan pilh template format<br>
4. pilih tipe nama template anda<br>
5. klik save<br>
<br>
<b>Membuka template</b><br>
1. arahkan kursor ke office button setelah itu pilh open<br>
2. klik lah tipe file ke bawah dan lalu pilih template<br>
3.klik look in lalu pilih template yang ingin anda buka<br>
4. klik nama file yang ingin anda buka<br>
5. langkah terakhir klik open<br>
<br>
<b>Menukar template</b><br>
1. arahkan kursor ke office button lalu klik new<br>
2. buka template yang anda inginkanlalu gunakan pilihan<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; microsoft template klik
instal template lalu klik created<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; klik my template dan klik
template yang anda inginkan<br>
3. buat template yang akan anda tukar<br>
4. klik office buttoin lalu klik save as<br>
5. klik tipe save as lalu klik word template<br>
6. buat nama baru untuk file anda<br>
7. klik save as lalu ok<br>
<br>
<b>Menggunakan quick style</b><br>
1. pilh lah teks yang akan anda beri style<br>
2. lalu klik home tab<br>
3. klik scorol ke ataske bawah<br>
4. klik style yang akan anda gunakan dari galery<br>
<br>
<b>Memebuat dan memodifikasi style</b><br>
1. pilihlah teks yang akan andabuat style nya<br>
2. lalu klik home tab<br>
3. klik scorol ke atasatau ke bawah<br>
4. beri nama<br>
5. lalu klik modify<br>
6. setelah itu klik nstyle tipe lalu klik paragrap<br>
7. lalu pilih format yang anda inginkan<br>
8. lalu pilih add untuk quick style list<br>
9. langkah terakhir klik ok<br>
<br>
<b>Mengatur style</b><br>
1. klik home tab<br>
2. lalu klik style dialog box launcher<br>
3. setelah itu klik option<br>
4. lalu pilih style yang kamu inginkan<br>
5. pilih tipe periksa style pane<br>
6. pilih style di style pane<br>
7. lalu klik only this document<br>
8. klik ok lalu klik close<br>
<br>
<b>Menggunakan format painter</b><br>
1. pilih teks yang akan anda format<br>
2. klik home tab<br>
3. lalu klik format pointer button<br>
4. pilih teks yang akan anda format<br>
5. klik 2 kali pada format pointer button<br>
<br>
<b>Menambah menu warna</b><br>
1. klik font color lalu klik more font colors<br>
2. lalu klik costum tabs<br>
3.&nbsp; klik color mode setelah itu klik RGB<br>
4. pilih custom color yang akan anda gunakan<br>
5. setelah itu klik ok<br>
<br>
<b>Menampilkan dan menambah tema</b><br>
1. buka document yang akan anda beri nama<br>
2. lalu klik tabe page lay out\<br>
3. setelah itu klik thme button untuk pilih tema <br>
4. arahkan mouse pada tema yang anda inginkan<br>
<br>
<b>Membuat warna tema</b><br>
1. buka dokumen yang akan di beri warna<br>
2. klik tabe page lay outs<br>
3. klik theme colors button<br>
4. klik create new theme color<br>
5. setelah itu klik panah pada themes colors<br>
6. lalu klik warna baru,,yang di inginkan<br>
7. jika warna yang di inginkan tidak suka klik reset,,akan kembali seperti bentuk
semula<br>
8. ketik nama baru pada warna yang telah sesuai keinginan<br>
9. setelah itu klik save<br>
<br>
<b>Memilih font tema</b><br>
1. buka document<br>
2. klik home tab<br>
3. select teks yang akan di ubah lalu font list<br>
4. klik desain tab dan selanjutnya klik thmes button<br>
5. langkah terkhir klik font tema yang di inginkan<br>
<br>
<b>Memilih efek tema</b><br>
1. buka document<br>
2. setelah itu klik page lay out<br>
3. klik theme effect button<br>
4. lalu klik tema vyang di inginkan<br>
<br>
<b>Membuat custom tema</b><br>
1. klik page lay out tab<br>
2. klik themes button<br>
3. klik save current themes<br>
4. buatlah nama file tema<br>
5. langkah terkhir klik save<br>
<br>
<b>Memilih custom tema</b><br>
1. klik page lay out tab<br>
2. klik theme button<br>
3. klik galery yang kamu inginkan<br>
4. klik themes button<br>
5. klik browse for theme<br>
6. klik file of type jika ingin melihat yang lebih spesifik<br>
7. klik panah pada look in list<br>
8. klik file tema yang diinginkan<br>
9. klik open <br>
<br>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 6pt; text-align:
justify;">
<b><span style="font-size: 12pt;"><br></span></b></div>
</div>
<div class="article-footer">

<div class="publish-info">

Diposkan <abbr class="time published" title="2012-09-13T04:28:00.000Z"


itemprop="datePublished">13th September 2012</abbr> oleh <a class="url fn"
href="https://plus.google.com/116767744532319259016" rel="author"
itemprop="author">muhammad alam</a>

</div>

<div class="share-controls defer delay" data-defer="true" data-delay="1000">


<span class="share-plusone g-plusone defer" data-href="http://ss-
muhammadalam.blogspot.com/2012/09/tugas-aplikom-1_12.html" data-hl="id" data-
size="" data-source="blogger:blog:plusone" data-annotation="" data-width="90" data-
text="tugas aplikom 1 dan 2"></span>

<span data-href="http://twitter.com/share" class="share-twitter twitter-share-


button defer" data-url="http://ss-muhammadalam.blogspot.com/2012/09/tugas-aplikom-
1_12.html" data-count="" data-size="" data-text="tugas aplikom 1 dan 2"></span>

<span class="share-facebook defer" data-url="http://ss-


muhammadalam.blogspot.com/2012/09/tugas-aplikom-1_12.html" data-count="" data-
layout="" data-text="tugas aplikom 1 dan 2"></span>

</div>

</div>

<div class="comments" data-defer="view">


<div class="comments-header toggle-switch">

<span class="bubble comments-count " title="0 comments">


<span class="bubble-content">0</span>
<span class="bubble-tail"></span>
</span>

<h3>

Tambahkan komentar
</h3>
</div>

<div class="comments-wrapper blogger-comments toggle-container toggle-active" data-


itemid="1207209270218164920" style="display: none;">
<div class="comments-content"></div>
<div class="comments-footer">
<iframe frameborder="0" class="comments-replybox" data-
src="//www.blogger.com/comment-iframe.g?
blogID=1477045285096257897&amp;postID=1207209270218164920"></iframe>
</div>
</div>

</div>

</div>

</li><li class="item" data-id="5208804790620238955">

<div class="article hentry " itemscope=""


itemtype="http://schema.org/BlogPosting">

<meta itemprop="blogId" content="1477045285096257897">


<meta itemprop="postId" content="5208804790620238955">

<div class="article-header">

<a class="ribbon date " title="12th September 2012" href="http://ss-


muhammadalam.blogspot.com/2012/09/cara-hidup-sehat-ala-mahasiswa.html"
itemprop="url">

<div class="top ribbon-piece">Sep</div>


<div class="bottom ribbon-piece">12</div>
<div class="tail">
<div class="left ribbon-piece"></div>
<div class="right ribbon-piece"></div>
</div>

</a>
<h1 class="title entry-title" itemprop="name">

<a href="http://ss-muhammadalam.blogspot.com/2012/09/cara-hidup-sehat-ala-
mahasiswa.html" rel="bookmark" itemprop="url">

cara hidup sehat ala mahasiswa..</a>

<span class="blog-admin"><a class="edit" href="http://www.blogger.com/post-edit.g?


blogID=1477045285096257897&postID=5208804790620238955&from=pencil" target="_self"
title="Edit"></a></span>

</h1>
</div>
<div class="article-content entry-content" itemprop="articleBody">kita sebagai
seorang mahasiswa pasti membutuhkan stamina yang fit supaya dalam belajar kita bisa
berkosentrasi dalam menerima pelajaran.berikut ini ada beberapa cara untuk belajar
hidup sehat :<br>
1.mengatur pola makan<br>
cara mengatur pola makan kita adalah dengan makan pagi hari sebelum berangkat ke
kampus<br>
<br>
2.istirahat yang cukup<br>
dengan istirahat yang cukup kita tidak akan kesiangan saat bangun pagi dan tidak
terlambat datang ke kampus.<br>
<br>
3.olahraga yang cukup<br>
kita bisa melakukan olahraga yang berat maupun yang ringan.berkelpmpok atatu
individu juga bisa kita lakukan.seperti joggiing di sore hari.<br>
<br>
4.kebersihan lingkungan<br>
lingkungan juga sangat berpengaruh terhadap kesehatan kita.karena jika lingkungan
kita tidak bersih maka kita akan mudah terserang penyakit.akan tetapi jika
lingkungan kita bersih maka kita tidak akan mudah terserang penyakit. </div>
<div class="article-footer">

<div class="publish-info">

Diposkan <abbr class="time published" title="2012-09-12T04:13:00.001Z"


itemprop="datePublished">12th September 2012</abbr> oleh <a class="url fn"
href="https://plus.google.com/116767744532319259016" rel="author"
itemprop="author">muhammad alam</a>

</div>

<div class="share-controls defer delay" data-defer="true" data-delay="1000">


<span class="share-plusone g-plusone defer" data-href="http://ss-
muhammadalam.blogspot.com/2012/09/cara-hidup-sehat-ala-mahasiswa.html" data-hl="id"
data-size="" data-source="blogger:blog:plusone" data-annotation="" data-width="90"
data-text="cara hidup sehat ala mahasiswa.."></span>

<span data-href="http://twitter.com/share" class="share-twitter twitter-share-


button defer" data-url="http://ss-muhammadalam.blogspot.com/2012/09/cara-hidup-
sehat-ala-mahasiswa.html" data-count="" data-size="" data-text="cara hidup sehat
ala mahasiswa.."></span>

<span class="share-facebook defer" data-url="http://ss-


muhammadalam.blogspot.com/2012/09/cara-hidup-sehat-ala-mahasiswa.html" data-
count="" data-layout="" data-text="cara hidup sehat ala mahasiswa.."></span>

</div>

</div>

<div class="comments" data-defer="view">


<div class="comments-header toggle-switch">

<span class="bubble comments-count " title="0 comments">


<span class="bubble-content">0</span>
<span class="bubble-tail"></span>
</span>

<h3>

Tambahkan komentar
</h3>
</div>

<div class="comments-wrapper blogger-comments toggle-container toggle-active" data-


itemid="5208804790620238955" style="display: none;">
<div class="comments-content"></div>
<div class="comments-footer">
<iframe frameborder="0" class="comments-replybox" data-
src="//www.blogger.com/comment-iframe.g?
blogID=1477045285096257897&amp;postID=5208804790620238955"></iframe>
</div>
</div>

</div>

</div>

</li></ol>
</div>

<div id="gadget-dock" class=""><div class="gadget-item" data-gadget-id="0">


<div class="gadget-menu">
<div class="gadget-icons">
<img class="gadget-icon"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYAgMAAACdGdVrAAAACVBMVEX/
//8AAAD///9+749PAAAAAnRSTlMAAHaTzTgAAAAwSURBVHherYyxCQAwCAR/yhTZy8ZeC6c0BETU1msOjuc
BeyBF54s1FHEs5fZYWb12TL8307RAxVQAAAAASUVORK5CYII=">
<img class="gadget-icon-selected"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYAgMAAACdGdVrAAAACVBMVEX/
//8AAAAzMzMTx/ayAAAAAnRSTlMAAHaTzTgAAAAwSURBVHherYyxCQAwCAR/yhTZy8ZeC6c0BFS09pqD43n
AHijR+WINZZxLuTN2Vq8dTL8301DjA9oAAAAASUVORK5CYII=">
</div>
<span class="gadget-title">Arsip Blog</span>
</div>
<div class="gadget-container">
<div class="gadget">
<span class="gadget-title">Arsip Blog</span>
<div class="gadget-content"><div class="blogarchive-tree blogarchive-
expanded">
<ul class="blogarchive-dates">

<li class="blogarchive-date blogarchive-collapsed">


<div class="blogarchive-title">
<a href="http://ss-muhammadalam.blogspot.com/search?updated-min=2012-01-
01T00:00:00-08:00&updated-max=2013-01-01T00:00:00-08:00&max-
results=3">2012</a><span class="blogarchive-post-count">3</span>
</div>
<ul class="blogarchive-dates">

<li class="blogarchive-date blogarchive-collapsed">


<div class="blogarchive-title">
<a href="http://ss-
muhammadalam.blogspot.com/2012_10_01_archive.html">Oktober</a><span
class="blogarchive-post-count">1</span>
</div>
<ul class="blogarchive-dates">

<li class="blogarchive-post">
<a href="http://ss-muhammadalam.blogspot.com/2012/10/tugas-2-
aplikom_11.html">tugas 2 aplikom</a>
</li>

</ul>
</li>

<li class="blogarchive-date blogarchive-collapsed">


<div class="blogarchive-title">
<a href="http://ss-
muhammadalam.blogspot.com/2012_09_01_archive.html">September</a><span
class="blogarchive-post-count">2</span>
</div>
<ul class="blogarchive-dates">

</ul>
</li>

</ul>
</li>

</ul>
</div></div>
</div>
</div></div><div class="gadget-item" data-gadget-id="1">
<div class="gadget-menu">
<div class="gadget-icons">
<img class="gadget-icon"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAB40lEQVRI
x7XWwWoTURQG4Lst0jTiolRa2qW4sAWhbrsTBJ8h2bpKNkUUBKGL2idQfIgGuhNsLW7UTaiPYTFpN92Y1s/
NmTSEzGSmpj8MAzPnP//cc/97zqRUACyggX30cIlB3C/j2X7E1HJyJBSKtNGPZJ/wAg8xh3lsYhtHEdNDq7
QQVnGCP3iJO2kKsIId/AruaqEQ1mMVh7iXKgJL6OIM6xOFYiV9fMTddENgEQchtjpJqIvDNAPEPn6PnNdCI
xv/oIBcx7FrHKNeEL+B32hhaOE+3kz5ylGRodgUzl64sZbQxMU0d8lHfYobL9BI6OBribpXFgreZ3RSuONV
CaHKpQvea/QT/uJJCUIlM4zwnuIqE6pVsG69jMDYubrKaj+fbglYzoQusVkQuIa30cPGcRLv1gr4zzOhHrZ
zgpo4Nx3naObk2M3MsI+jipYubXV8y+zdiM6wMgOhrQlGGKCZUIvy7dyC0Ic4pwvZgxZOsTQWuFXxqo9wH8
fwbI+PiZNo64szsPT92Jtu0eA7wNx/inzJ9r1olJ/hJzZuIPIoWlP+KB9bWTeG1t4kN+a0mffhsO4op8zvV
ivceIEfeIdnkXQ5TvxujOxBHNp25f+6CKrFOetEza/Grn68aw4tnCP0D7HegqWQsg0fAAAAAElFTkSuQmCC
">
<img class="gadget-icon-selected"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAB8klEQVRI
x7XWT0uUURTH8buVcJxoIYaiy2iRwgds6y4Ieg3OttW4kSgIAhfmKyh6ETPgLkiTNtVmsJeR5OjGTWpPm/M
M0zjz/DE9cHng3nPO93nu/d1znpQKDDNYRwfHuMB5PC9irhM+jXE5sixLWZYVQjbQj2Qf8RwPMYVprGIT+
+FzjHZlEBZxiN94gTupxLCALfyM2MVCEJbjK/ZwL9U0zKGHEyzH3L+g+JI+PuBuuqZhFrsBWxwH6mEv3YDF
OX6LnAlXDv5BQXATB8hiHKBZ4L+CX2hjIOE+Xpe85TBkACuJ2Qk1NhJaOCtT1xhIPpolajzDekIXXyrse21
QxH1CN4U6XlYA1d66iHuFfsIfPK4QUEsMQ3FPcJmDGjWk26wCGLlXl/neT6dbMsznoAusFjgu4U3UsNEzOo
y1pYL4ZznoGJsTnFo4LVBcPk7RmpBjOxdDB/s1JV1Z6viay3s9KsPCDYDWxgjhHK2ERmzf1i2A3sc9nckn2
jjC3IjjWs3RHIoVzXNjUL1j4TDK+uwNSPp+nE2vqPHtYuo/IZ/zc78CGmrlJ/iBlWtAHkVpGrTysp+TXjSt
nXFqnFBm3oXCesMxVX632qHGM3zHWzyNpPNx47ejZZ/Hpd0YzVMKClgj7lk39vxyZPRjrTWQ8ATQX2/rqVT
nkWAqAAAAAElFTkSuQmCC">
</div>
<span class="gadget-title">Mengenai Saya</span>
</div>
<div class="gadget-container">
<div class="gadget">
<span class="gadget-title">Mengenai Saya</span>
<div class="gadget-content"><div class="profile">
<dl class="profile-data">

<dt class="profile-name">
<a href="https://plus.google.com/116767744532319259016" class="profile-name-link
g-profile" rel="author" style="background-image:
url(&#39;//www.google.com/images/icons/ui/gprofile_button-16.png&#39;);" data-
gapiscan="true" data-gapiattached="true">muhammad alam</a>
</dt>

<br>
<div class="g-follow" data-href="https://plus.google.com/116767744532319259016"
data-height="20" data-annotation="bubble" id="___follow_0" style="text-indent: 0px;
margin: 0px; padding: 0px; border-style: none; float: none; line-height: normal;
font-size: 1px; vertical-align: baseline; display: inline-block; width: 106px;
height: 20px; background: transparent;"><iframe frameborder="0" hspace="0"
marginheight="0" marginwidth="0" scrolling="no" style="position: static; top: 0px;
width: 106px; margin: 0px; border-style: none; left: 0px; visibility: visible;
height: 20px;" tabindex="0" vspace="0" width="100%" id="I0_1424938240803"
name="I0_1424938240803" src="./tugas 1 aplikasi komputer_files/follow.html" data-
gapiattached="true"></iframe></div>

<dd class="profile-aboutme"></dd>

</dl>

</div></div>
</div>
</div></div></div>

<div id="loading">
<span>Memuat</span>
</div>

<div id="chromefix">
<!-- Fix Chrome 12+ bug with GPU accelerated composition causing
flickering/performance issues. Note: put this last, else text glitches. -->
</div>

<div id="attribution-container"><div class="attribution">Template Dynamic Views.


Diberdayakan oleh <a href="http://www.blogger.com/"
target="_blank">Blogger</a>.</div></div><iframe name="oauth2relay1685889503"
id="oauth2relay1685889503" src="./tugas 1 aplikasi
komputer_files/postmessageRelay.html" tabindex="-1" style="width: 1px; height: 1px;
position: absolute; top: -100px;"></iframe></body></html>

You might also like