/*

Theme Name: Red Modern

Author URI: http://bazahoteli.pl

Theme URI:

Description: Elegant theme with red modern menu and elements.

Author: bazahoteli.pl

Version: 1.3

Tags: gray, red, white, light, two-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

*/



/* Reset browser styles

------------------------------------------ */

* {margin: 0; padding: 0}

	#my-menu.widget {  
	background: none repeat scroll 0 0 #FFFFFF;
    margin-bottom: 0;
    padding: 0;
	}
 #my-menu .widget {background: #fff; padding:0; border:none; margin:0;}
 #my-menu form[class],#my-menu form {
    background: url("images/comment2.png") no-repeat scroll 0 0 #F3F3F3;
	width: 320px;
    padding: 0;
    margin: 0;
}
 #my-menu input, select, select[class] {
    background: url("images/input.png") repeat-x scroll 0 0 #FFFFFF;
    border: medium none;
    margin: 5px;
    padding: 5px 10px;
    vertical-align: middle;
    width: 250px;
}
 
 #my-menu button, input[type="submit"] {
    background: url("images/search-btn.png") no-repeat;
    border: none;
    clear: left;
    color: #FFFFFF;
    display: inline-block;
    font: bold 1em/27px  Tahoma,sans-serif;
    height: 27px;
    width:32px;
    text-shadow: 1px 1px 0 #6B0000;
    vertical-align: middle;
}

html {min-height: 100%; padding-bottom: 1px;}
body { color: #575757; font: 0.813em/1.5 "Arial", "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: #008ba2; text-decoration: none; outline: none; cursor: pointer}

a:hover {color: #000; text-decoration: underline}

textarea, input, select, option, optgroup, button {font: 1em "Arial", "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}


/* Custom fonts

------------------------------------------ */

@font-face {font-family: 'AdventProBold'; src: url('fonts/adventpro-bd1-webfont.eot'); src: url('fonts/adventpro-bd1-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/adventpro-bd1-webfont.woff') format('woff'), url('fonts/adventpro-bd1-webfont.ttf') format('truetype'), url('fonts/adventpro-bd1-webfont.svg#adventproBold1') format('svg'); font-weight: normal; font-style: normal;}

@font-face {font-family: 'AdventPro'; src: url('fonts/adventpro-re-webfont.eot'); src: url('fonts/adventpro-re-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/adventpro-re-webfont.woff') format('woff'), url('fonts/adventpro-re-webfont.ttf') format('truetype'), url('fonts/adventpro-re-webfont.svg#adventproRegular') format('svg'); font-weight: normal; font-style: normal;}



/* Global Styles

------------------------------------------ */



h1 {margin: 0 0 1em; padding-bottom: 5px; border-bottom: 1px solid #008ba2; color: #575757; font: normal 1.923em  Tahoma,sans-serif;}

h2 {margin: 1em 0; padding-bottom: 5px; font: normal 1.538em  Tahoma,sans-serif;}

h2 a {color: #008ba2; font-weight:bold;}

h2 a:hover {color: #A2008B; ~color: #074085; text-decoration: none;}

h3 {margin: 1em 0 0; color: #969696; font: normal 1.5em  Tahoma,sans-serif;}

h4 {margin: 1em 0 0; font: normal 1.25em  Tahoma,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:  Tahoma,sans-serif;}

blockquote {margin: 1.5em 0; padding: 10px 20px 10px 50px; border: 1px solid #dedede; background: #f3f3f3 url("images/quotes.png") 10px 20px no-repeat; font-style: italic;}

sub, sup {line-height: 1em;}

ul li, ol li {margin: 5px 0px;}

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: #f3f3f3;}

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 #dedede; background: #f3f3f3 url("images/comment2.png") 0 0 no-repeat;}

label {float: left; clear: left; width: 150px; padding: 5px 0; font-weight: bold;}

input, select, select[class] {width: 250px; margin: 5px 0; padding: 5px 10px; border: 1px solid #d8d7d7; background: #fff url("images/input.png") 0 0 repeat-x; 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: #008ba2; font-weight: bold; font-size: 1.333em;}

textarea {width: 95%; min-width: 95%; max-width: 95%; height: 120px; margin: 5px 20px 5px 0; padding: 5px 10px; border: 1px solid #d8d7d7; background: #fff url("images/input.png") 0 0 repeat-x; }

p.form-submit, p.form-allowed-tags {margin-left: 150px;}

button, input[type="submit"] {display: inline-block; clear: left; height: 27px; padding: 0 15px; border: 1px solid #008ba2; background: #008ba2 url("images/button.png") 0 0 no-repeat; color: #fff; font: bold 1em/27px  Tahoma,sans-serif; text-shadow: #6b0000 1px 1px 0; vertical-align: middle;}





/* Main Layout

------------------------------------------ */

body {min-width: 960px; background: #f2f2f2;}

.nav { 
width:630px;
height:33px !important;

margin-right: 0px;
padding:0px;
margin:0px;
overflow: hidden; 
}
.nav>span { 
	margin: 0px 0.5px; 
	}
.nav>span>a { 
text-decoration:none;
color: #bbbbbb; 
	height:33px;
	display:inline-block; 

	~background: url("images/sup-menu.png") repeat-x; 
	-moz-border-radius:  11px 11px 0 0;
	-webkit-border-radius: 11px 11px 0 0;
	-khtml-border-radius: 11px 11px 0 0;
	border-radius: 11px 11px 0 0;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-top:1px solid #cccccc;
	float:left;
	overflow: hidden; 
	padding: 0;
	padding: 0 15px; 
	font-size: 1.05em;
	color: #bbbbbb; 
	font-weight:bold; 
	font-family:  Tahoma,sans-serif; 
	line-height: 33px;
	text-transform: uppercase; 
	cursor:pointer !important;
 }
 .nav>span>a:hover { 
text-decoration:none;
color: #bbbbbb; 
background: url("images/sup-menu.png");
 }
#menu-2 { background: url("images/sup-menu.png") repeat-x; }
#my-menu { 
width:960px;
padding: 10px 0px 10px 0px;
height: 245px; 
margin: -17px auto 10px auto;
margin-left:-1px;
display:none;
border-left: 1px solid #e1e1e1;
border-right: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.15);
font-family:  Tahoma,sans-serif; 
~text-transform: uppercase;
clear:both;
~background-color:#008ba2;
background-color:#ffffff;

 }
 #my-menu span { color:#008ba2; font-weight: bold; font-size: 1.154em; margin-left:20px;}
 #my-menu  a{ color:#575757; ~font-weight: bold; }

 #my-menu table { height:210px; border:0;margin:0 15px; }
 #my-menu table tr td { border:0; padding-top:0; margin:0 15px !important; }
 #my-menu ul { border:0; padding-top:0; margin-left:20px; }
 #my-menu table tr td { width:auto; ~width:220px; }
 #my-menu table tr td:first-child { width:220px; }
 
  
 #my-top-widget {
    width: 380px;
	height: 156px;
    padding: 0 0 10px;
	~float:right;
	~border:1px solid #cccccc;
 }
 

 #ads-wrapper1 { width:960px;height: 265px; margin:0px auto 10px auto; border: 1px solid #e1e1e1; box-shadow: 0 0 2px rgba(0, 0, 0, 0.15); }
 #ads-wrapper2 { width:960px;height: 265px; background-color:#cccccc; }
 #ads1 { float:right; width:305px; height: 265px; background-color:#ffffff; }
 #ads2 { float:right; width: 655px; height: 265px;  background-color:#ffffff; }

.nav-menu {  height: 160px; font-size: 1.154em; }
.nav-menu ul {margin-left:15px;}
.nav-menu ul li{color:#DDDAF0; list-style:disc;}

.sub-menu {  height: 160px; font-size: 1.154em; }

.widget h3 { text-align:center; }
.header {~background: #3a3a3a url("images/header.png") center repeat-y;}

.header>div {~background: url("logo.png") left no-repeat; width: 960px; margin: 0 auto; padding:0;}

.header p {margin: 0;}

.header p.title {margin: 10px 0  0; padding: 0; color: #eee; font: normal 2.083em/1em  Tahoma,sans-serif; text-shadow: 0 0 2px rgba(0, 0, 0, 30);}

.header p.title a {color: #eee; font-family:  Tahoma,sans-serif;}

.header p.title a:hover {color: #fff; text-decoration: none;}

.header p.tagline {margin: 0; padding: 5px 0; color: #eee; font-size: 0.923em; text-shadow: 0 0 2px rgba(0, 0, 0, 30);}



.header form {float: right; width: 240px; height: 28px; margin: 22px 0 0 50px; padding: 0; border: none; background: url("images/search.png"); text-align: right;}

.header form button {overflow: hidden; clear: none;  width: 30px; height: 28px; margin: 0; padding: 0; border: none; background: transparent; text-indent: -50em; vertical-align: middle;}

.header form input {width: 200px; height: 28px; margin: 0; padding: 0 5px; border: none; background: transparent; color: #ccc; line-height: 28px; vertical-align: middle;}




.body { background: #f2f2f2;  }
.content {overflow: hidden; width: 960px; margin: 0px auto 0px auto; padding: 0; border: 1px solid #e1e1e1; background: #fff url("images/content.png") left repeat-y; box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);}

.main {float: left; overflow: hidden; width: 597px !important; max-width:597px !important; min-height: 500px; padding: 20px; border: 1px solid #fff; ~background: url("images/main-shadow.jpg") right top no-repeat;}

.sidebar {float: right; width: 278px; padding: 20px; margin-top:0px !important;}



.footer { width: 960px; ~height: 100px; margin: 0px auto 0px auto; ~background: transparent url("images/footer.png") center bottom no-repeat;  ~padding: 0 5px 20px;  text-align: center;}

.footer p {margin: 0; color: #989898; font-size: 0.846em; line-height: 1.5em; text-align: center;}

.footer p a {color: #838383;}

.footer ul {display: block; width: 960px; padding: 5px 0 20px; background: transparent url("images/footer.png") center bottom no-repeat;  text-align: center;}

.footer ul li {display: inline; margin: 0; }

.footer ul li:first-child {border-left: none;}

.footer ul a {display: inline-block; height: 1em; padding: 0 10px; border-left: 1px solid #bebebe; color: #838383; font: 400 1em/1em "AdventPro",sans-serif; text-transform: uppercase;}

.footer ul li:first-child a {border-left: none;}

.footer ul a:hover {color: #000; text-decoration: none;}

.footer ul>li.current-menu-item>a, .footer ul>li.current_page_item>a {color: #000;}

.footer ul ul {display: none;}


 #my-footer-wrap { width:100%; min-height:285px; background-color:#18365b; ~background: url("images/footer_bg.png") repeat-x #074085; margin:0 auto; margin-top:-0.9em; }
 
 #my-footer { margin:0 auto; font-size:11px; }
 #my-footer table,tr,td, table tr, table tr { border:0; }
 #my-footer td { border:0px; }
 #my-footer a{ color:#f2f2f2; ~font-weight:bold; }
 #my-footer span{ color:#f2f2f2; font-weight:bold; font-size:15px; padding-left:15px; }
 #my-footer a:hover{ color:#ffffff; }
 #my-footer ul { border:0; padding-top:0; }
 #my-footer li { margin:0; }
 
 #footer-logo { margin:0 auto; width:222px; height:75px; background-color:#074085; background: url("images/footer-logo.png") no-repeat center bottom;  }

 #footer-logo a {color:#f2f2f2;}

 #search { width:200px; margin:0 auto; }

/* general form style

------------------------------------------ */

.main label {float: none;}

.content form.searchform button {~background-image: url("images/button-search.png"); background-color:#bbbbbb;}



/* sidebar

------------------------------------------ */

.widget {margin-bottom: 1.5em; padding: 0 15px 15px; border: 1px solid #cecece; background: #fff;}

.sidebar h3 {margin: 0 -15px 15px; padding: 0 15px; background: #008ba2 url("images/side-header.png") 0 0 no-repeat; color: #fff; font: normal 1.385em/32px  Tahoma, sans-serif;}

.sidebar ul {list-style: none; margin: 0; padding: 0;}

.sidebar ul li {margin: 0; padding: 5px 0; border-top: 1px solid #d9d9d9; color: #aaa; font-size: 0.846em;}

.sidebar ul li.current-menu-item>a, .sidebar ul li.current_page_item>a, .sidebar ul li.current-cat>a {font-weight: bold;}

.sidebar ul li a {color: #777; font-size: 1.091em;}

.sidebar ul li a:visited {color: #999;}

.sidebar ul li a:hover {color: #008ba2; text-decoration: none;}

.sidebar ul li ul {margin: 5px 0 -5px;}

.sidebar ul ul li {background-image: url("images/arrow2.gif"); font-size: 1em;}

.sidebar ul ul li a {padding-left: 20px;}

.sidebar ul ul ul li {background-image: url("images/arrow3.gif");}

.sidebar ul ul ul li a {padding-left: 35px; }



.sidebar form {padding: 0; border: none; background: none;}

.sidebar form input {width: 190px;}

.sidebar select {width: 250px;}



/* post styles

------------------------------------------ */

.post, .page {clear: both; overflow: hidden; margin-bottom: 30px; padding-bottom: 10px; background: url("images/shadow.png") center bottom no-repeat;}

.post h2, .page h2 {margin: 0 0 5px; padding: 0;}

.sticky p {color: #000}

body.post, body.page {background: #f2f2f2;}

p.post-meta {margin: 0 0 0 -6px; padding: 0; color: #aaa; font-size: 0.923em; line-height: 22px;}

p.post-meta span {padding: 3px 0 3px 30px; background: url("images/icons.png") no-repeat; line-height: 20px;}

p.post-meta span.date {background-position: 5px -1px;}

p.post-meta span.author {background-position: 5px -22px;}

p.post-meta span.cats {background-position: 5px -44px;}

p.post-meta span.comments {background-position: 5px -66px;}

p.post-meta a {color: #aaa;}

p.post-meta a:hover {color: #000;}

p.tags {float: left; width: 500px; margin-top: 0.5em; margin-bottom: 5px; font-size: 0.923em;}

p.tags span {padding: 3px 0 3px 25px; background: url("images/icons.png") 0 -88px no-repeat;}

p.tags a {color: #aaa;}

p.tags a:hover {color: #000; text-decoration: none;}

p.more {float: right; margin-top: 0.5em; padding-left: 20px; }

p.more a {float: right; overflow: hidden; width: 24px; height: 25px; padding: 0; background: url("images/icons.png") 0 -110px no-repeat; text-indent: -90em;}

.post img.attachment-post-thumbnail {float: left; margin: 10px 10px 10px 0;}



/* comments

------------------------------------------ */

.comments {clear: both;}

ul.commentlist {margin: 1em 0;}

ul.commentlist li {overflow: hidden; margin: 0.5em 0; padding: 10px 20px; border: 1px solid #dedede; background: #fff url("images/comment1.png") 0 0 no-repeat;}

ul.commentlist li.odd {background: #f3f3f3 url("images/comment2.png") 0 0 no-repeat;}

ul.commentlist li li {clear: both; margin-left: 20px;}

ul.commentlist ul {clear: both;}

img.avatar {float: left; margin: 0 10px 0 0; padding: 1px; border: 1px solid #dedede; background: #fff;}

.reply {float: right; overflow: hidden; }

.reply a {float: right; margin-bottom: 1em; padding-left: 30px; background: url("images/icons.png") 5px -66px 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;}

.comment-meta, .comment-author-vcard {font-size: 0.923em;}

.comment-author.vcard .fn {font-weight: bold;}

.comment-author.vcard .fn a {color: #575757;}

.comment-author.vcard .fn a:hover {color: #000; text-decoration: none;}

.comment-author.vcard .says {display: none;}

.commentmetadata a {color: #999;}

.commentmetadata a:hover {color: #000;}

.comments label {float: left; width: 150px;}



/* misc

------------------------------------------ */

.clear {height: 0; margin: 0; padding: 0; clear: both; float: none; overflow: hidden; border: none;}

.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: font-size: 0.846em;}

.nocomments {clear: both;}

img.size-thumbnail {margin: 5px;}

a.post-edit-link {font-size: 0.5em;}

.wp-caption {max-width: 590px;}

img {margin: 0; max-width: 600px; height: auto;}

embed {max-width: 600px;}



.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: 1px; border: 1px solid #dedede !important; background: transparent;}

.gallery a:hover img, .gallery a:hover img[class] {border-color: #000 !important;}



.wp-caption, .gallery-caption {padding: 5px; border: 1px solid #dedede; background: #f3f3f3; text-align: center;}

.gallery-caption {font-size: 0.923em;}

.wp-caption img {max-width: 580px;}



p.pagination {overflow: hidden; clear:both; height: 26px;}

p.pagination a {height: 22px; background: url("images/icons.png") no-repeat; font: normal 1.154em/22px  Tahoma,sans-serif;}

p.pagination a:hover {color: #000; text-decoration: none;}

p.pagination .prev a {float: left; padding: 0 0 0 30px; background-position: 0 -154px;  }

p.pagination .next a {float: right; padding: 0 30px 0 0; background-position: 100% -132px;}

p.pages {clear: both;}



p label {display: inline; margin-bottom: 0;}

p.comment-form-comment label {display: block; float: left;}

.main h3, .main h2 {clear: both;}





.gallery-caption {position: static;}

.bypostauthor {position: static;}