article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

/* Me */

div>h1:first-child,div>h2:first-child,div>h3:first-child,div>h4:first-child,div>h5:first-child { margin-top: 0; }

body { margin: 0; font: 300 15px/1.625 "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #fff; }

/* Icon font */
@font-face {font-family: 'icomoon';	src:url('http://images.akban.org/fonts/icomoon.eot');src:url('http://images.akban.org/fonts/icomoon.eot?#iefix') format('embedded-opentype'),url('http://images.akban.org/fonts/icomoon.woff') format('woff'),url('http://images.akban.org/fonts/icomoon.ttf') format('truetype'),url('http://images.akban.org/fonts/icomoon.svg#icomoon') format('svg');font-weight: normal;font-style: normal;}

.wrap { max-width: 960px; margin: 0 auto; padding: 0 15px; }
.header .wrap, .nav .wrap { padding: 0; }
.top-search { float: left; margin-top: 2px; width: 206px; }
.header { background: #333; padding: 6px 10px; height: 32px; }
.header h1 { margin: 0; line-height: 1em; }
.lang { float: right; margin-right: 10px; font-size: 0.8em; line-height: 32px; color: #fff; } .lang a { color: #aaa; font-weight: bold; }
.nav { height: 32px; position: relative; background: #f4f1ca; padding: 0 10px; font-size: 14px; background: -moz-linear-gradient(#F4F1CA, #D4D1AA);background: -webkit-linear-gradient(#F4F1CA, #D4D1AA); background: -o-linear-gradient(#F4F1CA, #D4D1AA); background: linear-gradient(#F4F1CA, #D4D1AA); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);-o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); }
#menu-main>li { float: right; }
.nav div>a { margin: 4px 0; }
#menu-main>li a {color: #333; font-size: 15px; display: block;text-decoration: none;padding: 4px 1.5125em;}
#menu-main>li.selected a { font-weight: bold; }
.nav .breadcrumbs>a { display: block; position: relative; float: right; text-decoration: underline; max-width: 300px; white-space: nowrap; overflow: hidden; }
.nav .breadcrumbs>a.inactive { font-weight: bold; color: #555; text-decoration: none; }
.nav a + a { background: url(http://images.akban.org/arrow_left.png) 100% 50% no-repeat; padding-right: 15px; margin-right: 10px; }
.nav .collapsed-button { float: right !important; padding: 5px; border: 1px solid transparent; cursor: pointer; border-radius: 3px; }
.nav .collapsed-button + a { margin-right: 0; background: none; padding-right: 7px; }
.nav .collapsed-button:hover, .nav .collapsed-button.active  { background: #c4c19a; }
.icon-bar { display: block; width: 16px; height: 2px; background: #333; border-radius: 1px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25) }
.icon-bar + .icon-bar { margin-top: 3px; }
.nav .sub { min-width: 160px; display: none; position: absolute; z-index: 999; top: 30px; padding: 3px 0; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 4px; background: #f9f9f9; box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2); }
.nav .sub a { display: block; padding: 3px 20px; font-size: 12px; }
.nav .sub a:hover { background: #ddd; }
.nav .sub:before {position: absolute;top: -7px;right: 5px; display: inline-block; border-left: 7px solid transparent; border-bottom: 7px solid #ccc; border-right: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: '';}
.nav .sub:after { position: absolute; top: -6px; right: 5px; display: inline-block; border-left: 6px solid transparent; border-bottom: 6px solid #f9f9f9; border-right: 6px solid transparent; content: ''; }
.nav>ul li { float: right; display: block; padding: 0 20px; } .nav a { color: #333; text-decoration: none; }
.nav-header {display: block;padding: 3px 20px;font-size: 11px;font-weight: bold;line-height: 20px;color: #999999;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);text-transform: uppercase;}
.search { display: block; font-size: 18px; width: 200px; border: 1px solid #ccc; border-radius: 5px; }
.main { clear: both; padding-top: 10px; }
.breadcrumbs { font-size: 15px; color: #666; }
.left { position: relative; float: right; width: 60%; margin-left: 8%; } .right { width: 32%; float: right; overflow: hidden; }
.left img { max-width: 100%; }
#toc li { list-style-type: none; }
#footer {margin-top: 3%;background: #f5f5f5;background:-moz-linear-gradient(#eeeeee, #ddd);background:-o-linear-gradient(#eeeeee, #ddd);background:-webkit-linear-gradient(#eeeeee, #ddd);-moz-box-shadow: 0 0 2px 0 rgba(0,0,0,0.2);box-shadow: 0 0 2px 0 rgba(0,0,0,0.2);}
#footer {padding: 2.8333% 2.8333% 5%;font-size: 13px;}
#footer p {margin: 0.4em 0;}
#footer ul {padding-right: 15px;}
#footer li {list-style-type: square;}
#footer .col {float: right;width: 30%;margin-left: 3%;}
.caret { display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 12px solid #555; border-right: 8px solid transparent; border-left: 8px solid transparent; content: ""; margin-top: 0; margin-left: 0; }
#catlinks { clear: both; padding-top: 15px; }
h1,h2 { clear: left; }
.videoResult { width: 45%; margin-left: 2%; float: right; padding: 5px; background: #f0f0f0; border: 1px solid #ccc; margin-bottom: 5px; min-height: 270px; }
.videoResult>div:first-child { position: relative; }
.loadVideo { background: url(http://images.akban.org/youtube-play.png) 50% 50% no-repeat; position: absolute; z-index: 3; width: 100%; height: 100%; cursor: pointer; }
.loadVideo + img { width: 100%; position: relative; z-index: 2; }
.video-container {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}
.video-container iframe,.video-container object,.video-container embed {position: absolute;top: 0;right: 0;width: 100%;height: 100%;}
.leftcol { float: right; width: 48%; padding-left: 4%; }
.left img { max-width: 100%; }
.rightcol { float: right; width: 48%; }
#content .contentActions ul {padding: 0;margin: 0;float: left;}
.warning {margin-top: .78em;padding: 1.5625%;background: #fff;color: #000;box-shadow: 0 0 3px #ba0000;}
div.tright, div.floatright, table.floatright { font-size: 0.8em; }
.searchButton { margin-right: 5px;  color: #222; font-size: 16px; line-height: 32px; float: left; cursor: pointer; padding: 0 9px; background: #777; display: none; }
.searchButton:hover { color: #ccc; }
.showOnSmall { display: none !important; }

/* Icons */
[data-icon]:before {font-family: 'icomoon';content: attr(data-icon);speak: none;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;}
li[data-icon] {font-size: 24px;line-height: 24px;color: #999;margin: 8px 0;list-style-type:none;}
li[data-icon="y"]:hover {color: #f00;}
li[data-icon="r"]:hover,li[data-icon="m"]:hover,li[data-icon="h"]:hover {color: #f60;}
li[data-icon="t"]:hover {color: #4099ff;}
li[data-icon="f"]:hover {color: #3b5998;}
li[data-icon="g"]:hover {color: #f90101;}
li[data-icon] a {font-size: 14px;vertical-align: top;padding-right: 10px;}

/* Wordpress specific styles */
#content.narrow {width: 75%;float: right;padding: 0 25% 0.78em 0;}
#left-nav {position: absolute;width: 20%;	right: 0;}
#left-nav h5 {-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.1);-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.1);box-shadow: 0 3px 3px rgba(0,0,0,0.1);padding: 5px 10px;margin: 5px 0 0 0;font-family: Arial, sans-serif;font-size: 13px;background: #e4e1ba;background-position: 100% 50%;background-repeat: no-repeat;}
#left-nav h5.closed {padding-right: 20px;background-image: url(http://images.akban.org/arrow-left.png);cursor: pointer;}
#left-nav h5.closed:hover, #left-nav h5.open:hover {text-decoration: underline;}
#left-nav h5.open {padding-right: 20px;background-image: url(http://images.akban.org/arrow-down.png);cursor: pointer;}
#left-nav .first h5 {margin-top: 0;}
#left-nav ul {padding: 0 0 10px;font-family: Arial, sans-serif;font-size: 12px;}
#left-nav li {margin: 3px 0;list-style: none;}
#left-nav li a {color: #36b;}
#left-nav div > ul > li {margin-right: 10px;}
#left-nav li.current_page_item > a, #left-nav li.current-menu-item > a {color: #000000;font-weight: bold;text-decoration: none;}
#right .right-widget {margin-bottom: 1.04167em;}
#right h3 {color: #222;font-size: 16px;}
#right li > a {color: #36b;}
#right ul { font-size: 14px; padding-right: 20px; }
.wordpress .left { width: 67%; }
.wordpress .right { width: 25%; }
.wordpress h1 { margin: 0; }
.wordpress h1, .wordpress h2 {color: #222; font-weight: normal; }
article { margin-bottom: 140px; }
article h1 {font-size: 30px;line-height: 130%;margin: 0.15625em 0;}
article h2 { font-weight: normal; font-size: 22px; margin: 0 0 5px; }
article h1 a { color: #333 !important; text-decoration: none; }
article h2 a { color: #36b; }
.post .meta a {background: #ccc;color: #555;}
.metafloat {float: left;margin: 0 10px 10px 0;width: 100px;font-size: 11px;color: #555;}
.nav li.current_page_item > a, .nav li.current_page_ancestor > a, .nav li.current-menu-item > a, .nav li.current-menu-ancestor > a, .nav li.current-page-ancestor > a {font-weight: bold;}
.expandButton {color: #777;font-size: 16px;cursor: pointer;background: url(http://images.akban.org/arrow-left.png) 100% 40% no-repeat;padding-right: 20px;}
.expanded {background: url(http://images.akban.org/arrow-down.png) 100% 40% no-repeat;text-decoration: none;}
.pdfButton {-moz-box-shadow:inset 0px 2px 10px 0px #caefab;-webkit-box-shadow:inset 0px 2px 10px 0px #caefab;box-shadow:inset 0px 2px 10px 0px #caefab;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7dcc39), color-stop(1, #5cb811) );background:-moz-linear-gradient( center top, #7dcc39 5%, #5cb811 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7dcc39', endColorstr='#5cb811');background-color:#7dcc39;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;border:1px solid #268a16;display:inline-block;color:#306108;font-family:arial;font-size:21px;font-weight:bold;padding:12px 47px;text-decoration:none;text-shadow:-1px 1px 14px #aade7c;}
.pdfButton:hover {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #7dcc39) );background:-moz-linear-gradient( center top, #5cb811 5%, #7dcc39 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#7dcc39');	background-color:#5cb811;}
.pdfButton:active {position:relative;top:1px;}

/* Tables for Fitness */
.data-table {margin-right: -6px;margin-bottom: 10px;padding: 0;border-top: solid 1px #aaa;border-right: solid 1px #aaa;}
.dara-table tr {height: 20px;background: #f7f7f7;}
.data-table .zebra {background: #e6e3d2;}
.data-table th,.data-table td {margin-bottom: 1em;padding: 2px 10px;border-bottom: solid 1px #aaa;border-left: solid 1px #aaa;}
.data-table th {background: #eee;}
.data-table td {color: #000;font-size: 0.9em;letter-spacing: 0;text-align: right;padding: 5px 10px;background: #fff;}
.point-to-note {background: #eee;border: dotted 1px #bbb;color: #333;font-size: 1em !important;padding: 1em;}

/* Wiki */
div.tright,div.floatright,table.floatright{clear:right;float:right;margin-left: 10px;}div.tleft,div.floatleft,table.floatleft{float:left;clear:left}div.floatright,table.floatright,div.floatleft,table.floatleft{position:relative}
.info{background:#fff;box-shadow:0 0 2px rgba(0,0,0,0.2);padding:5px 7px;margin-bottom:10px}
#toc{background:none repeat scroll 0 0 #F5F5F5;border:1px solid #EEEEEE;font-size:11px;padding:4px 8px}#toc h2{font-size:13px;font-weight:bold;display:inline}

/* Category Tree */
.CategoryTreeChildren {margin-left: 1.5ex;}
.CategoryTreeBullet {cursor: pointer;}
.CategoryTreeEmptyBullet {cursor: default;}
.CategoryTreeLabelPage {font-style: italic;}
.CategoryTreeParents {	margin-top: 1.5ex;font-style: italic;}
.CategoryTreeResult {margin-top: 1.5ex;}
.CategoryTreeTag {margin-top: 0.5ex;margin-bottom: 0.5ex;}
.CategoryTreeNotice {font-style: italic;}
.CategoryTreeCategoryBarItem {margin:-0.5ex 0 0 1ex;padding:0;zoom: 1;*display: inline;}
.CategoryTreeSection {direction: rtl;}

@media (min-width: 700px) {
	#menu-main>li a:hover { background:#efefef;color:#373737; }
}

@media (max-width: 800px) {
	.nav .breadcrumbs>a { max-width: 250px; }
	.left, .wordpress .left { float: none; width: 100%; margin: 0; }
	.right, .wordpress .right { float: none; width: 100%; margin: 0; }
	#content.narrow { float: none; width: 100%; padding: 0; margin: 0; }
	#left-nav { position: static; width: 100%; }
}

@media (max-width: 700px) {
	#menu-main { height: 32px; overflow: hidden; white-space: nowrap; }
	.hiddenOnSmall { display: none !important; }
	.showOnSmall { display: block !important; }
}

@media (max-width: 600px) {
	h1 { font-size: 1.5em; }
	.leftcol { float: none; width: 100%; padding: 0; }
	.rightcol { float: none; width: 100%; }
	#footer .col {float: none;width: 100%;margin:0 auto;}
	.nav .breadcrumbs .catlink1 {display: none !important;}
	.videoResult { width: 100%; margin-left: 0; padding: 5px; min-height: auto; }
	.searchButton { display: block; }
	.top-search { display: none; }
	.header, .nav { height: auto; }
	.header { min-height: 32px; }
}

@media (max-width: 450px) {
	.top-search { clear: both; float: none; width: 95%; }
	.search { width: 100%; }
	.lang { font-size: 0.9em; }
	div.tright, div.floatright, table.floatright, div.tleft, div.floatleft, table.floatleft { float: none !important; }
}

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: right; direction: rtl; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } 
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}