html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, b 
{
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;  
  vertical-align: baseline;
}
input[type=image] {border:0px;}
/* remember to define focus styles! */
:focus {
  outline: 0;
}
body {
  line-height: 1;
  color: #000;
  background: #333;
}
ol, ul {
  list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}

html {
  height:100%; /* fix height to 100% for IE */
  max-height:100%; /* fix height for other browsers */      
}

body {
  background-color:#40281d;
  height:100%; /* fix height to 100% for IE */
  max-height:100%; /* fix height for other browsers */
  font-family:verdana,tahoma,arial,sans-serif,"Trebuchet MS";
  font-size:12px;
  color:#333;
}
.clear {clear: both; overflow: hidden;height: 0px;}
.clearLeft {clear: left; overflow: hidden;height: 0px;}
/*=================================================================*/
#wrapper {margin: 0px auto;height: 100%;}
.topLine {background-color: #dcc3a5;height: 30px;}
.topLine .innerTopLine {width: 1000px; margin: 0px auto;}
/*===================languages===================================*/
#languages {float: right; margin: 7px 10px 0px 0px; font-size: 0px; overflow: hidden; display:inline;}
#languages li {float: left; margin-left: 5px; display:inline;}
#languages a {font: bold 12px Verdana; color: #40281D; text-decoration: none;}
#languages a:hover {text-decoration: underline;}
#languages .langSelected {color: #f5ede3;}
/*=================================================================*/

#center {min-height: 100%; position: relative; background-color: #f5ede3; overflow: hidden;}
* html #center {height: 100%;} 
.logo {width: 1000px; margin: 85px auto 0px;}
.logo img {margin-left: 13px;}

.menu a:hover {background-position: bottom left; }

#center .content {background-color: #dcc3a5;margin: 50px 0px 66px 0; height: 285px;}
#center .content .innerContent {background: #dcc3a5 url("../images/background_content.jpg") no-repeat top right;width: 1000px;margin: 0px auto; position: relative;}
#center .content .innerContent .icons {position: absolute; right: 0; bottom: -50px;}
#center .content .menu {margin: 0px 0px 0px 11px;/*margin: 0px 0px 0px 61px;*/background-color: #fff;/*width: 175px;*/width: 225px;height: 285px;text-align: right;}
#center .content .menu li {padding: 28px 22px 0px 0px;display: inline-block;float: right;}

#footer {margin: 30px 0px 0px 0px;padding-bottom: 20px;}

.bottomLine {background-color: #dcc3a5; height: 16px; margin:-16px auto 0px; position: relative; text-align: right; }
.bottomLine .bottomText {font: bold 10px Verdana; color: #40281D; margin-right: 30px; }
.bottomLine .bottomText a {color: #601F1D; text-decoration: none; }

/*=================Admin=============================*/

.adminList {border: 1px solid #40281D; margin-right: 260px;}
.adminList .headRow {background-color: #DCC3A5; padding: 2px 0px; height: 12px; }
.adminList .headRow .actions .action {color: black; font-weight: bold;}
.adminList .headRow .info .action {color: black; font-weight: bold;}
.adminList .row {background-color: #F2DFBE; padding: 3px 0px; }
.adminList .even {background-color: #F5EDE3;}
.adminList .info {font: bold 12px Verdana; color: black; float: left; width: 560px; overflow: hidden; height: 14px; padding-left: 3px;}
.adminList .actions {float: right; width: 170px;}
.adminList .actions a {font: normal 12px Verdana; color: black; text-decoration: underline;}
.adminList .actions i {font: normal 12px Verdana; color: black;}

.adminPanel {width: 1110px; margin: 0px auto;}
.adminPanel h3 {margin: 10px 260px 17px 0px; text-align: center; }
.adminPanel a.addPhoto {margin-left: 715px; }
.adminPanel a {color: #40281D }
.adminPanel a.delete {margin-left: 41px; }


.adminPanel .photos {margin-top: 20px; width: 880px; }
.adminPanel .photos .photo {float: left; text-align:center; width:150px; margin: 20px; display: inline; }
.adminPanel .photos .photo img {margin-top: 5px; }
.adminPanel .photos .photo a {color: #40281D; text-decoration: underline; }
.adminPanel .photosCategory {border: 1px solid #C79C6F; }
.adminPanel .photosCategoryName {margin: -10px 0px 0px 30px; float: left; background-color:#F5EDE3; font: bold 14px Verdana; z-index: 10; position: relative; padding: 0px 10px; }
.adminPanel .addDish {text-align: right; margin-right: 260px;}

.adminPanel .form {padding: 10px; display: block; margin-right: 260px;}
.adminPanel .formContent {background: #f2dfbe; padding: 0 10px; }
.adminPanel .form .inputRow {margin: 0px 20px 10px 20px; position: relative;}
.adminPanel .form .inputRow label {display: inline-block; display: -moz-inline-box; *display: inline-block; width: 150px; line-height: 18px; vertical-align: top; margin-left: 10px; }
.adminPanel .form .inputRow .input {width: 250px; }
.adminPanel .form .inputRow .price {width: 70px; }
.adminPanel .form .inputRow label.error {color: red; width: 300px;} 


.loginForm h1 {font: bold 20px Verdana; color: black; text-align: center;}
.loginForm .form {width: 300px; margin: 10px auto; background-color:#F2DFBE;}
.loginForm .form .buttonRow {text-align: center;}
.loginForm .form .inputRow input {width: 140px; display: inline-block; display: -moz-inline-box; *display: inline-block;}
.loginForm .form .inputRow .login {width: 90px;}

.adminChoice {text-align: center;}
.adminChoice #restaurants {margin:20px auto; text-align: center; width:400px;}
.adminChoice #restaurants h2 {margin-bottom: 10px;}
.adminChoice #restaurants li {text-align: left;}
.adminChoice #restaurants li a {font: bold 16px Verdana; color: #40281D; text-decoration: none;}
.adminChoice #restaurants li a:hover {text-decoration: underline;}


#adminMenu {background-color: #DCC3A5; width: 250px; float: right; margin-top: 31px;}
#adminMenu li {margin-left: 10px;}
#adminMenu li a {font: bold 14px Verdana; color: #40281D; text-decoration: none;}
#adminMenu li a:hover {color: #F5EDE3;}
#adminMenu li:hover {background-color: #40281D;}

#quit {position:absolute; right:175px; top:135px;}
#quit a {font: bold 14px Verdana; color: #40281D; }
#quit a:hover {text-decoration: none;}

.buttonRow {text-align: center; }

.noItems {margin-bottom: 400px; text-align: center; }
.noItems .addDish {margin-top: 20px; font: bold 12px Verdana; text-align: center; }

.hidden {display: none; }

/* Tabs styling */
.ui-tabs .ui-tabs-hide {display: none;}

#tabs {background: none; border: none; clear: right;}
#tabs ul {float: left; background: #C79C6F; width: 100%; padding-top: 4px; display: inline;}
#tabs li {float: left; display: inline; margin-left: 8px; list-style: none;}
* html #tabs li {display: inline; /* ie6 double float margin bug */}
#tabs li a {float: left;}
#tabs ul li a {text-decoration: none; padding: 8px 20px; color: #40281D; font-weight: bold;}

#tabs ul li.ui-state-active a {background-color: #F2DFBE;}
#tabs .tab {background: #f2dfbe; clear: left; padding: 10px; }
#tabs .tab h3 {text-transform: uppercase; margin-bottom: 10px; letter-spacing: 1px;}
#tabs .tab p {line-height: 150%;}


/* .restMenu #tabs {font-size: 0.9em; width: 100%; }
.restMenu #tabs .tab {background: url("../images/menu_background.jpg") no-repeat; padding: 0px; height: 365px; width: 575px; margin: 10px; overflow: hidden;}

.restMenu #tabs ul {float: right; position: relative; width: 196px; margin-top: 9px; display: inline;}
* html .restMenu #tabs ul {width: 190px;}
.restMenu #tabs ul li {list-style: none; list-style-position: outside; width: 196px; background: url("../images/menu_btn_background.jpg") no-repeat; height: 25px; margin-bottom: 4px;}
* html .restMenu #tabs ul li {width: 190px;}
.restMenu #tabs ul li a {line-height: 25px; margin-left: 10px; display: block; color: #40281D; text-decoration: none; font-weight: bold; position: relative; }
.restMenu #tabs ul li.ui-state-active {background: url("../images/menu_btn_background_active.jpg") no-repeat;} 
.restMenu #tabs .tab h3 {text-transform: uppercase; margin: 10px 0px; letter-spacing: 1px;}
.restMenu #tabs .tab p {line-height: 150%;}
*/

.menuItem {margin-bottom: 5px; padding-left: 10px;}
.evenItem {background-color: #DCC3A5;}
.menuItem p {float: left; display: inline;}
.menuItem .dishName {margin-right: 200px; width: 400px; display: inline;}
.menuItem .noTabs {width: 550px; }
.menuItem .dishWeight {width: 30px; margin-right: 10px; display: inline;}
.menuItem .dishPrice {font: bold 12px Georgia; color: #40281D; float: right; margin-right: 5px; display: inline;}

img.language {padding: 4px; }
img.langSelected {padding: 3px; border: 1px solid #40281D; }

.adminPanel .dishTabs {width: 100%; border: none; background: none; }

.dishTabs ul {float: left; background: #C79C6F; width: 77%; padding-top: 4px; display: inline;}
.dishTabs li {float: left; display: inline; margin-left: 8px; list-style: none;}
* html .dishTabs li {display: inline; /* ie6 double float margin bug */}
.dishTabs li a {float: left;}
.dishTabs ul li a {text-decoration: none; padding: 8px 20px; color: #40281D; font-weight: bold;}

.dishTabs ul li.ui-state-active a {background-color: #F2DFBE;}
.dishTabs .tab {background: #f2dfbe; clear: left; padding: 10px; }
.dishTabs .tab h3 {text-transform: uppercase; margin-bottom: 10px; letter-spacing: 1px;}
.dishTabs .tab p {line-height: 150%;}

.dishTabs .form {width: 77%; padding: 0; background-color:#F2DFBE;}
.dishTabs .form  .priceRow {margin-left: 30px; }

#newsForm  {padding-top: 50px; }
#newsForm .dateRow {height: 20px; margin-left: 30px; }

.list {list-style: none; list-style-image: none; list-style-position: outside; padding: 0; width: 60%; margin: 0 0 0 12%; }
.list tr {line-height:20px; }
.list .number {width: 20px; display: inline-block; display: -moz-inline-box; *display: inline-block; text-align: right;}
.list .actions {width: 165px;}
.list .posNumber {width: 20px; text-align: right;}
.list thead {background-color: #40281D;}
.list th {text-align: left; color: #fff; padding: 4px 2px;}
.list th.posNumber {text-align: center;}
.list .even {background-color: #DCC3A5;}

.comments {width: 90%;}
.comments .posNumber {text-align: center; }
.comments .actions {width: 250px; }

.commentView {width: 50%; margin: 50px 0 0 12%; }
.commentView li {line-height: 20px;}
.commentView .name {font-weight: bold; float: left; width: 120px;}

.addLink {margin-left:60%;}

.commentsImage {padding: 0 0 2px 15px; }

#center .content .innerContentNoBack {width: 1000px; margin: 0px auto; position: relative; height: 285px; }

/* Items list */
#center .content .itemsList {background-color: #fff; width: 225px; height: 265px; text-align: left; padding-top: 20px; float: left; margin-left: 11px; display: inline;}

#center .content .itemsList li {margin: 0 0 0 20px; height: 20px; }
#center .content .itemsList a {color: #964D17;}

/* MainContent */
#center .content .mainContent {background: url("../images/news_background.jpg") no-repeat; height:285px; float: left; width: 764px; }

/* NewsItem */
.newsItem {margin-bottom: 15px; padding: 0px 30px; line-height:16px;}
.newsItem .restName {font-size: 12px; font-weight: bold; color: #8B1F1D;}
.newsItem .name {color: #8B1F1D; fint-size: 11px; font-style: italic;}
.newsItem .date {color: #40281D; font: bold 12px Georgia; }
.newsItem .newsDate {color: #40281D; font: bold 12px Georgia; margin: 10px 0;}
.newsItem .description {font-size: 11px; }
.newsItem a {text-decoration: underline; color: #8B1F1D; }
.newsItem a:hover {text-decoration: none;}


.mainContent .scroll-pane {width: 764px; height: 265px; padding-top:20px; }

.message {font-size:16px; font-weight:bold; margin: 0 0 15px 20px; color: #89281D; }

/* Comment form */
.commentForm {margin-left: 20px; }
.commentForm .warning {margin: 15px 0;}
.commentForm label {width:150px; display: inline-block; display: -moz-inline-box; *display: inline-block; vertical-align:top;}
.commentForm label.error {color: red;}
.commentForm input, textarea, select {width: 300px; margin-bottom: 10px; overflow: auto;}
.commentForm input.error, textarea.error {border: solid 1px red; }
.commentForm .submit {margin-right: 287px; }
.commentForm .captcha input {width: 140px; margin-left: 10px; font-size: 20px;}
.commentForm .captcha img {float: left;}
.commentForm .captcha .label {float: left; width: 154px;}

.noNews {width: 200px; margin: 10px auto;}

.info {margin:0 20px 20px; font-style: italic; font-weight: bold;}
.preFormInfo {font-style: italic; font-weight: bold; float:right; width: 270px;}

.sectionName {margin-top: -30px; height: 30px; text-align: center; font-family: Georgia; position: relative;}

.beautifulForm input, textarea, select {background-color: #F5EDE3; border: 1px solid #40281D;}
.beautifulForm .submit {background-color: #40281D; color: #F5EDE3; border: 1px solid #F5EDE3; display:inline; float:right; width:100px;}

#center .content .menu .pizza {background-color:#DCC3A5; width:225px; margin-top:25px; padding:0; text-align:center;}