/* Misc elements
---------------- */

.block { padding: 10px; }
.inline { display: inline !important; }
.inline-link { text-decoration: none !important; }
.inline-link b { border-bottom: 1px dotted; font-weight: normal; position: relative; top: -0.13em;}
.inline-link b i { font-style: normal; position: relative; top: 0.13em;}
.small { font-size: 0.9em; }
.large { font-size: 1.2em; }
.bold { font-weight: bold; }
.strike { text-decoration: line-through; }
.highlighted { background:  #ffc; }
.hint { color: #aaa; font-size: 0.9em; }
.hint a,
.hint:visited,
.hint a:visited { color: #888; }
.gray:not(button):not(input) { color: #aaa; }
.gray a,
a.gray:visited,
.gray a:visited { color: #888; }
.float-left { float: left; }
.float-right { float: right; }
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.clear-left { clear: left; }
.clear-right { clear: right; }
.clear-both { clear: both; }
.shadowed { -moz-box-shadow: 0 5px 15px #aaa; -webkit-box-shadow: 0 5px 15px #aaa; box-shadow: 0 5px 15px #aaa; }
.nowrap { white-space: nowrap; }
.hr { border-top: 1px solid #ccc; margin-bottom: 15px; }
.uppercase { text-transform: uppercase; }



/* Misc elements
---------------- */

.mobile-only { display: none; }

.container { padding: 25px 35px; }

.sidebar.left { width: 170px; float: left; }
.sidebar.right { width: 190px; float: right; }
.content.left { margin-left: 200px; }
.content.right { margin-right: 200px; }
.content.right #page { margin-right: 50px; /* extra margin in case page tree is on the right */ }
.sidebar p { line-height: 1.3em; }

.sidebar.left.double { width: 270px; float: left; }
.content.left.double { margin-left: 300px; float: left; }
.sidebar.right.double { width: 270px; float: right; }
.content.right.double { margin-right: 300px; }

.sidebar.left.triple { width: 450px; float: left; }
.content.left.triple { margin-left: 450px; margin-top: 0; }
.sidebar.right.triple { width: 450px; float: right; }
.content.right.triple { margin-right: 450px; margin-top: 0; }

/*
.content { padding: 25px 0; overflow: hidden; }
.content.top-padded { padding-top: 50px; }
*/
.page p { max-width: 80%; }
.page.app-nav-ousted { margin-top: 51px; }

.welcome { text-align: center; padding: 80px 0 150px; }
.welcome p { max-width: 100%; }

.sub-links { margin-bottom: 20px; padding-left: 0; }
.sub-links li { list-style: none; line-height: 1.5em; }
.sub-links li a { text-decoration: none; }

.breadcrumbs { padding: 5px 0; }
.breadcrumbs a { color: #777; }
.breadcrumbs span.rarr { color: #ccc; margin: 0 3px; }

.tags { line-height: 2em; min-height: 50px; }
.tags a { color: green !important; display: inline !important; padding: 5px 7px !important; }
.tags a:hover { color: red !important; }

/* Sidebar theme layout
----------------------- */

/* Menus
-------- */

ul.menu-v { margin: 0 0 20px -6px; padding: 0; }
ul.menu-v li { list-style: none; padding: 0; margin: 2px 0 6px; line-height: 1.1em; }
ul.menu-v li a { padding: 5px 6px; display: block; }
ul.menu-v li ul.menu-v { margin-left: 15px; margin-top: 10px; margin-bottom: 15px; }
ul.menu-v li ul.menu-v li a { padding: 2px 6px; }

ul.menu-h { margin: 0; padding: 0; }
ul.menu-h.bottom-padded { margin-bottom: 15px; }
ul.menu-h li { list-style: none; display: inline-block; padding: 0 10px 0 0; line-height: 1.1em; }
ul.menu-h li a { display: inline-block; padding: 3px 5px; }
ul.menu-h li a img.icon16 { position: relative; top: 3px; left: -3px; }
ul.menu-h li a i.icon16 { margin-top: -0.1em; }
ul.menu-h li.selected a { color: #000; text-decoration: none; }