/*
Theme Name: Lavra custom
Theme URI:
Description: This pattern has been completely redesigned, with a pre-existing framework for Black with Orange. Details oriented theme with modern and decent design. Menu is widgetized. Theme has got very light and optimized code (xHTML and CSS).
Author: Modiffer
Version: 1.6.2
Tags: three-columns, fixed-width, editor-style, sticky-post
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/* UTILITY */
.hide {display: none;}
.show {display: block;}
.clearfix {clear: both;height: 1px;margin: 0;padding: 0;}
.center   {text-align: center;}
.right    {float: right;text-align: right;}
.left     {float: left; text-align: left;}
.inline   {display: inline-block;zoom: 1;*display: inline;vertical-align: top;}
/* Reset browser styles
------------------------------------------ */
* {margin: 0; padding: 0}
html { padding-bottom: 1px; }
body {background: #fff; color: #444; font: 0.75em/1.5 "Segoe UI", "Helvetica", sans-serif; }
[class] {list-style: none; padding: 0}
h1, h2, h3, h4, h5, h6 {font-size: 1em;font-weight: bold;}
dt {font-weight: 700}
table {border-collapse: collapse}
img {border: none; vertical-align: middle}
a {color: #336699; text-decoration: none; outline: none; cursor: pointer}
a:hover {text-decoration: underline}
textarea, input, select, option, optgroup, button {font: 1em "Segoe UI", "Helvetica", sans-serif}
button, [type="radio"], [type="checkbox"], [type="submit"], [type="button"], [type="reset"], label[for], select {cursor: pointer}
input, select, textarea {outline: none}
fieldset {overflow: hidden; border: none;}
legend {display: none;}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner {padding: 0; border: none}


/* Global Styles
------------------------------------------ */

h1 {margin: 10px 0 0.75em; padding-bottom: 10px; background: url("images/big-line.gif") 0 bottom no-repeat; font: normal 2em "MuseoSans",sans-serif;}
h2 {margin: 1em 0; padding-bottom: 5px; background: url("images/big-line.gif") 0 bottom no-repeat; font: normal 1.667em "MuseoSans",sans-serif;}
h2 a {color: #444;}
h2 a:hover {color: #336699;}
h3 {margin: 1em 0 0; color: #969696; font: normal 1.5em "MuseoSans",sans-serif;}
h4 {margin: 1em 0 0; font: normal 1.25em "MuseoSans",sans-serif;}
h5 {margin: 1em 0 0; font-size: 1.083em; font-weight: bold;}
h6 {margin: 1em 0 0; color: #969696; font-size: 1em;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-family: "MuseoSans",sans-serif;font-weight: bold;}
blockquote {margin: 1.5em 0; padding: 10px 20px; border: 1px solid #f0f0f0; background: #fafafa; font-style: italic;}
sub, sup {line-height: 1em;}
ul li, ol li {margin: 5px 20px;}
dl {overflow: hidden; margin: 1em 0; }
dt {float: left; clear: left; width: 150px; margin: 0 0 1em; padding: 0; font-weight: bold;}
dd {width: 500px; margin: 0 0 1em 150px; }
p {margin: 1em 0;}
table {margin: 1em auto; border: 1px solid #cacaca;}
table th, table th[class] {padding: 5px 10px; border: 1px solid #cacaca; background: #e6e6e6;}
table td, table td[class] {padding: 5px 10px; border: 1px solid #cacaca;}
table tr.alternate td {background: #fafafa;}

form, form[class] {margin: 1.5em 0; padding: 10px 20px; border: 1px solid #f0f0f0; background: #fafafa;}
label {clear: left; width: 150px; padding: 4px 0; font-weight: bold;}
input, select {width: 180px; margin: 5px 0; padding: 4px 10px; border: 1px solid #cacaca; background: #fff; vertical-align: middle; }
select option {padding: 0 5px; }
input[type="radio"], input[type="checkbox"], input[type="submit"] {width: auto;}
span.required {padding: 0 5px; color: #336699; font-weight: bold; font-size: 1.333em;}
textarea {width: 430px; min-width: 430px; max-width: 430px; height: 100px; margin: 5px 0; padding: 5px 10px; border: 1px solid #cacaca; background: #fff; }
p.form-submit, p.form-allowed-tags {margin-left: 150px;}
button, input[type="submit"] {height: 24px; padding: 0 15px; border: 1px solid #cacaca; background: #ff6d16 url("images/button.png") repeat-x top; color: #fff; font-weight: bold; line-height: 24px; text-shadow: #c57240 1px 1px 1px; vertical-align: middle;}

/* Main Layout
------------------------------------------ */
body {min-width: 1200px;background: #f4f4f4;}
.header {min-width: 1200px;min-height: 200px; background: #ADC7FE url("images/header.png") center no-repeat;}
.header>div {overflow: hidden; margin: 0 15% 0 15%;}
.header p {margin: 0;text-shadow: 2px 2px 2px #336699;}
.header p.title { position: absolute;left: 0;top: 0; padding: 0px 0 0 20px; color: #fff; font-size: 32px;text-transform: uppercase; font-family: Georgia;font-weight: bold; }
.header p.title a {color: #fff; text-transform: uppercase;}
.header p.tagline {position: absolute;left: 20px;top: 35px;color: #fff;}
.nav {background: #336699;padding: 0 15% 0 15%;}
.nav>div {  }
.nav ul.menu {clear: left; margin: 0; padding: 0;}
.nav ul.menu li {margin: 0;}
.nav ul.menu>li {float: left; position: relative; z-index: 1; overflow: hidden;}
.nav ul.menu>li:hover {overflow: visible; z-index: 20;}
.nav ul.menu>li>a {float: left; height: 28px; padding: 0 18px; border-right: 1px solid #7A9CCA; color: #eee; font: normal 1.083em/28px sans-serif; }
.nav ul.menu>li>a:hover, .nav ul.menu>li:hover>a, .nav ul.menu>li.current_page_item>a, .nav ul.menu>li.current-menu-item>a {background: #37A8D1; color: #fff; text-decoration: none;}
.nav ul.menu ul {position: absolute; left: 0; top: 28px; width: 180px; list-style: none; margin: 0; padding: 0; border: 1px solid #7A9CCA; background: #336699;}
.nav ul.menu ul li {position: relative; margin: 0; padding: 0; overflow: hidden; border-top: 1px solid #7A9CCA; }
.nav ul.menu ul li:first-child {border-top: none;}
.nav ul.menu>li>ul>li:hover {overflow: visible;}
.nav ul.menu ul li a {display: block; padding: 5px 15px; color: #d5d5d5;}
.nav ul.menu ul li a:hover, .nav ul.menu ul li:hover>a {background: #37A8D1; color: #fff; text-decoration: none;}
.nav ul.menu ul ul {left: 180px; top: 0;}
.header form {float: right; width: 170px; margin: 20px 0 0; padding: 0; border: none; background: none; text-align: right;}
.header form button {overflow: hidden; width: 27px; height: 24px; margin: 0; padding: 0; border: 1px solid #6d6d6d; background: transparent url("images/search-button.png"); text-indent: -50em; vertical-align: middle;}
.header form input {width: 120px; height: 22px; margin: 0; padding: 0 5px; border: 1px solid #6d6d6d; background: transparent url("images/input.png") repeat-x; color: #ccc; line-height: 22px; vertical-align: middle;}

.body {}
.content {overflow: hidden; margin: 0; padding: 0;display: table;table-layout: auto;width: 100%;}
.main {
	display: table-cell;
	vertical-align: top;
	overflow: hidden;
	padding: 20px 10px;
	background-color: white;
	*margin: 0 15% 0 15%;
}

#sidebar_left {
	display: table-cell;
	vertical-align: top;
	width: 15%;
	min-width: 190px;
	background-image: url("images/bg_sidebar_l.png");
	background-position: right;
	background-repeat: repeat-y;
	padding-left: 10px;
	*background-image: none;
	*left: 0px;
	*position: absolute;
}
#sidebar_right {
	display: table-cell;
	vertical-align: top;
	width: 15%;
	background-image: url("images/bg_sidebar_r.png");
	background-repeat: repeat-y;
	padding-left: 10px;
	*background-image: none;
	*top: 200px;
	*left: 85%;
	*position: absolute;
}



.footer {background: #f4f4f4 url("images/footer.png") 0 0 repeat-x;}
.footer>div {overflow: hidden; width: 940px; margin: 0 auto; padding: 5px 0;}
.footer p {margin: 0; color: #999; font-size: 0.917em; line-height: 1.75em; text-align: center;}
.footer p.powered {font-size: 0.833em;}
.footer p.powered a {color: #999;}
.footer p.powered a:hover {color: #333;}
.footer ul {display: block; width: 1100px; text-align: center;}
.footer ul li {display: inline; margin: 0; padding: 0 5px; border-left: 1px solid #d5d5d5;}
.footer ul li:first-child {border-left: none;}
.footer ul a {color: #616161;}
.footer ul a:hover {color: #333;}
.footer ul ul {display: none;}

/* sidebar
------------------------------------------ */
.widget {margin-bottom: 1.5em; }
.sidebar ul, .sidebar_left ul {list-style: none; margin: 1.5em 0; padding: 0;}
.sidebar ul li, .sidebar_left ul li {margin: 0; padding: 5px 0; border-top: 1px solid #ddd; color: #969696;}
.sidebar ul li.current_page_item, .sidebar ul li.current_page_item,
.sidebar ul li.current-cat {background: #fff;}
.sidebar ul li.current_page_item li,
.sidebar ul li.current-cat li {background: #F4F4F4;}
.sidebar ul li a {padding-left: 5px; color: #616161;}
.sidebar ul li a:hover {color: #336699;}
.sidebar ul li a:visited {color: #999;}
.sidebar ul li ul {margin: 5px 0 -5px;}
.sidebar ul li ul li a {padding-left: 20px;}
.sidebar ul li ul li ul li a {padding-left: 35px;}
.sidebar form {padding: 0; border: none; background: transparent;}
.sidebar form input {width: 195px; margin: 0; padding: 4px 10px; vertical-align: middle;}
.sidebar form button { background: transparent url("images/search-button.png") center center; vertical-align: middle;}
.sidebar #wp-calendar { margin: 0;}
.sidebar #wp-calendar th,
.sidebar #wp-calendar td { padding: 2px 5px;border: none; }
.sidebar hr { border: 1px solid silver;border-bottom: 1px solid #EEE; }

#menu-left li ul { position: absolute;z-index: 99; width: 250px; list-style: none; margin: -112px 0 0 180px; padding: 0; }
#menu-left li ul { display: none; }
#menu-left li:hover { background-color: #EEE; }
#menu-left li:hover ul {
	display: block;
	border: 1px outset #C0C0C0;
	background-color: #FFF;
	opacity: 0.9;
	border-radius: 10px;
	text-align: left;
	box-shadow: 2px 2px 10px 0 #555555;
}

/* post styles
------------------------------------------ */
.post, .page {clear: both; overflow: hidden; margin-bottom: 30px; border-bottom: 1px solid #e6e6e6;}
.post h2, .page h2 {margin-top: 0;}
p.post-meta {margin: -1.25em 0 0; color: #aaa; line-height: 20px;}
p.post-meta span {padding: 2px 0 2px 25px; background: url("images/icons.png") no-repeat; line-height: 20px;}
p.post-meta span.date {background-position: 3px -3px;}
p.post-meta span.author {background-position: 3px -23px;}
p.post-meta span.cats {background-position: 3px -42px;}
p.post-meta span.comments {background-position: 3px -63px;}
p.tags {font-size: 0.917em;}
p.tags span {padding-left: 25px; background: url("images/icons.png") 0 -144px no-repeat;}
p.more {float: right; margin-top: 0.5em;  margin-bottom: 5px; padding-left: 20px; }
p.more a {float: right; height: 20px; padding: 0 25px 0 0; background: url("images/icons.png") no-repeat 100% -100px; line-height: 20px; }
p.more a:hover {color: #333; text-decoration: none;}
.main img { max-width: 500px; }
.archive_page img { max-width: 300px;float: left; }
.index_page img { max-width: 300px;float: left; }
.index_page ul img { max-width: 50px; }
.index_page li { clear: both; }


/* comments
------------------------------------------ */
.comments {clear: both;}
ul.commentlist {margin: 1em 0;}
ul.commentlist li {overflow: hidden; margin: 0.5em 0; padding: 10px 20px; border: 1px solid #e6e6e6; background: #fff;}
ul.commentlist li.odd {background: #fafafa;}
ul.commentlist li li {clear: both; margin-left: 20px;}
ul.commentlist ul {clear: both;}
img.avatar {float: left; margin: 0 10px 0 0; padding: 2px; border: 1px solid #e6e6e6; background: #fff;}
.reply {float: right; overflow: hidden; }
.reply a {float: right; padding-left: 20px; background: url("images/icons.png") 0 -64px no-repeat;}
ul.commentlist li .comment-body ul {margin: 1em 0; list-style: disc;}
ul.commentlist li .comment-body ol {margin: 1em 0; list-style: decimal;}
ul.commentlist li .comment-body li {overflow: visible; margin: 0 0 0 20px; padding: 0; border: none; background: transparent;}

/* misc
------------------------------------------ */
.clear {height: 0; clear: both; overflow: hidden;}
.alignleft {float: left; margin: 5px 20px 5px 0; padding: 0; }
.alignright {float: right; margin: 5px 0 5px 20px; padding: 0; }
.aligncenter {display: block; margin: 1em auto; text-align: center;}
.wp-caption-text {margin: 0.5em 0; color: #969696; font-size: 0.917em;}
.nocomments {clear: both; color: #666;}
img.size-thumbnail {margin: 5px;}
a.post-edit-link {font-size: 0.5em;}
img {margin: 0; max-width: 640px; height: auto;}
embed {max-width: 650px;}
.wp-caption img, .wp-caption embed {max-width: 620px;}

.gallery {overflow: hidden; padding: 1.5em 0;}
.gallery dl {text-align: center;}
.gallery dl dt {float: none; width: auto;}
.gallery dl dd {clear: left; width: auto; margin: 0; text-align: center;}
.gallery a img, .gallery a img[class] {padding: 2px; border: 1px solid #e6e6e6; background: transparent;}
[id*="gallery"] img {border: 1px solid #e6e6e6;}

.wp-caption {max-width: 620px;}
.wp-caption, .gallery-caption {padding: 5px; border: 1px solid #ddd; background: #fafafa; text-align: center;}

p.pagination {clear: both; overflow: hidden;text-align: center;font-size: 18px;margin: 20px 0; }
p.pagination a {background: url("images/icons.png") no-repeat; font-weight: bold;}
p.pagination a:hover {color: #000; text-decoration: none;}
p.pagination .next a {height: 20px; padding: 0 0 0 25px; background-position: 0 -120px; line-height: 20px;margin: 0 25px 0 0;}
p.pagination .prev a {height: 20px; padding: 0 25px 0 0; background-position: 100% -100px; line-height: 20px;margin: 0 0 0 25px;}
p.pages {clear: both;}

p label {display: inline; margin-bottom: 0;}
p.comment-form-comment label, p.comment-form-url label, p.comment-form-email label, p.comment-form-author label {display: block; float: left;}
.main h3, .main h2 {clear: both;}

.main img {margin: 10px;}

.searchform button {width: 27px; background: transparent url("images/search-button.png"); padding: 0;}

.sticky {padding-left: 5px; border-left: 3px solid #e6e6e6;}
.gallery-caption {position: static;}
.bypostauthor {position: static;}