@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Habibi&subset=latin,latin-ext);

/* CSS Document */

/* Fonty */
/*@font-face {font-family: "DejaVu"; src: url('../fonts/') format('opentype');}*/

* {padding:0; margin:0; line-height: 130%;}
body {background-color: #ffffff; padding: 0px; margin: 0px; font-size: 110%; font-family: 'Habibi', serif; text-align: left; color: #424242;}

img {border: none;}

a:link {color: #006ca5; text-decoration: underline;}
a:visited {color: #004ca5; text-decoration: underline;}
a:hover {color: red; text-decoration: underline;}
a:active {color: blue;}

p {margin: 15px 30px 0px 30px;}

sup, sub {font-size: 10px;}

h1, h2, h3, h4, h5, h6 {text-decoration: none;}

h1 {font-size: 200%; font-weight: bold; margin: 0px 30px 0 30px;}
h2 {font-size: 150%; font-weight: bold; margin: 30px 30px 0 30px; border-bottom: 1px solid #c4c4c4;}
h3 {font-size: 130%; font-weight: bold; margin: 30px 30px 0 30px; border-bottom: 1px solid #c4c4c4;}
h4 {font-size: 120%; font-weight: bold; margin: 30px 30px 0 30px; border-bottom: 1px solid #c4c4c4;}
h5 {font-size: 110%; font-weight: bold; margin: 30px 30px 0 30px; border-bottom: 1px solid #c4c4c4;}
h6 {font-size: 100%; font-weight: bold; margin: 30px 30px 0 30px; border-bottom: 1px solid #c4c4c4;}

table {border: 1px solid #c4c4c4; margin: 15px auto; border-collapse: collapse; width: 80%;}
caption {font-weight: bold; font-size: 100%; margin: 15px 0 10px 0;}
thead {}
tbody {}
td, th {border: 1px solid #c4c4c4; padding: 5px;}
/*th {background: url('../images/background-5x5.png') repeat;}*/
th {background: #cfe1ea;}

ul, ol, dl, pre, blockquote {margin: 15px 30px 0px 60px;}

ol li {}
ul li {}

ol ol, ul ul, ol ul, ul ol {margin: 0 0 0 20px;}

dt {font-weight: bold;}

pre {overflow: auto; width: 80%;}

blockquote {border: 1px solid #c4c4c4; background: #ffffff; width: 80%; font-style: italic;}
blockquote p {margin: 15px 30px 15px 30px;}

img, img.center {display: block; margin: 15px auto 15px auto !important;}
figcaption {text-align: center;}

table.form {background: transparent; border: none;}
table.form th {width: 20%; background: transparent; border: none;}
table.form td {background: transparent; border: none;}

input, select, textarea {border: 1px solid #1f1a17;}

address > p {margin-top: 5px;}
address > p:first-child {margin-top: 15px;}
.fn {font-style: normal; font-weight: bold; font-size: 110%;}

.clr{clear:both}

#main {max-width: 800px; margin: 20px auto;}

.next {width: 40%; float: right; text-align:right; margin: 30px 0 30px 0;}
.prev {width: 40%; float: left; margin: 30px 0 30px 0;}

header {margin: 30px 0px 20px 0px;}
header a:link {color: #424242; text-decoration: none;}
header a:visited {color: #424242; text-decoration: none;}
header a:hover {color: #424242; text-decoration: underline;}
#page-name {font-size: 42px; font-weight: bold; letter-spacing: 9px; margin: 0px;}
nav {margin: 10px 30px 10px 30px; font-size: 140%; font-weight: bold; letter-spacing: 2px;}
nav a:hover {text-decoration: underline;}
nav a.selected {text-decoration: underline;}

#content {min-height: 350px;}

article {}

#article-menu {max-width: 30%; float: right; border: 1px solid #c4c4c4; margin: 0 30px 5px 5%; padding: 0 0 15px 0;}

.codehilite {margin: 15px 30px 0 60px; width: 80%; padding: 5px;}
.codehilite pre {margin: 0; width: 100%;}

.tags {text-align: justify;}
.article-tags {font-size: 80%;}

footer {background: #424242; color: #ffffff; padding: 5px 0 5px 0; margin-top: 20px;}
footer .inner {max-width: 800px; margin: 20px auto;}
footer p {margin-left: 0px;}
footer a:link {color: #ffffff; text-decoration: none;}
footer a:visited {color: #ffffff; text-decoration: none;}
footer a:hover {color: #ffffff; text-decoration: underline;}
footer ul {margin: 0 0 0 0;}
footer li {list-style: none; margin-bottom: 5px;}
footer .logo {font-size: 128px; font-weight: bold; float: left; height: 100%; padding-right: 10px; margin: 0 10px 0 0; border-right: 1px solid #ffffff;}
footer .logo a {text-decoration: none;}

ul.no-bullets > li {list-style-type: none;}

.social {margin: 15px 30px 0px 30px;}
.social > a {display: block; width: 48px; height: 48px; float: left; margin-right: 15px;}
a.bitbucket {background: transparent url('../images/social.png') 0 0 no-repeat;}
a.bitbucket:hover {background: transparent url('../images/social.png') -50px 0 no-repeat;}
a.gplus {background: transparent url('../images/social.png') 0 -100px no-repeat;}
a.gplus:hover {background: transparent url('../images/social.png') -50px -100px no-repeat;}
a.twitter {background: transparent url('../images/social.png') 0 -50px no-repeat;}
a.twitter:hover {background: transparent url('../images/social.png') -50px -50px no-repeat;}