/*#############################################################

© 2006-2007 Takeaways.se
Author: Viktor Persson
URL: http://arcsin.se

#############################################################*/

/* standard elements */
* {margin: 0; padding: 0;}
body {font: normal 62.5% Verdana,sans-serif; margin: 0; color: #333; background: #BEB098;}
select,input,textarea {font: normal 1em sans-serif;}
table {width: 100%; border-collapse: collapse;}
td {vertical-align: top;}
h1 {margin: 12px 0 6px; font: normal 1.6em sans-serif; color: #432;}
h2 {margin: 12px 0 3px; font: normal 1.4em sans-serif; color: #432;}
h4 {margin-bottom: 3px;}
a {color: #C00; font-family: Verdana,sans-serif;}
p {margin-bottom: 12px;}
form {line-height: 2em;}
small {font-size: 0.9em;}
ul {padding-left: 1.4em;}

.right h2, .left h2 {margin-top: 0;}

/* main structure */
.wrapper {width: 960px; margin: 0 auto; font-size: 1.3em;}
.wrapper#main {padding-top: 14px; background: #E9CFAA url(img/main.jpg) repeat-y;}
.main {background: #E9CFAA;}
.mainleft {width: 520px; float: left;}
.mainright {width: 380px; float: right;}

.mainleft2 {width:530px; float:left; margin-right: 10px;}
.mainright2 {width:380px; float:left; margin-left: 15px;}
.mainveryright2 {float:left;margin-left: 20px;}

.adspace {padding: 10px 0; background: #EEA; text-align: center; margin-top: 10px;}

.ad468 {width: 468px; height: 60px; margin-top: 10px;}
.ad46815 {width: 468px; height: 15px; margin: 10px auto 0;}
.ad336 {width: 336px; height: 280px; margin: 10px auto;}

/* top */
.top {background: #FFF; border-top: 10px solid #0A3; padding-top: 10px;}
.top .logo {background: url(img/takeaways_se.jpg) no-repeat left center; width: 200px; height: 90px; float: left;}
.top .logo a {display: block; height: 90px;}

/* ads */
.top .ad {width: 728px; height: 90px; float: right;}
p.ad {padding: 10px 0; text-align: center;}

/* misc */
.quickjump {background: url(img/quickjump.png) no-repeat; padding-left: 70px;}
.close {border: 1px solid #AAA; background: #FFF url(img/icon_cross.png) no-repeat center center; width: 14px; height: 14px;}
.dec_bottom {height: 40px; background: url(img/dec_bottom.gif) no-repeat; clear: both;}

/* lists */
li {padding: 1px 0;}
ul.newres,ul.feature {padding-left: 0;}
ul.newres li {background: url(img/icon_new.png) no-repeat; list-style: none; padding-left: 20px;}
ul.feature li {background: url(img/icon_feature.png) no-repeat; list-style: none; padding-left: 20px;}
ul {margin-bottom: 3px;}

/* suggest restaurant */
.suggest h2 {background: url(img/suggest.jpg) no-repeat; height: 36px; width: 240px; margin: 24px 0 6px;}
.suggest h2 span {visibility: hidden;}

/* navigation */
.navigation {font: bold 1em Verdana,sans-serif; color: #222; padding: 12px 0;}
.navigation a {padding: 3px 4px; text-decoration: none;}
.navigation a:hover {text-decoration: underline;}
.navigation#top a {color: #03A;}
.navigation#top {background: #FFF url(img/navtop.gif) repeat-x left bottom;}
.navigation#footer a {color: #542;}
.navigation#footer a:hover {color: #222;}
.navigation#footer {background: #FFF url(img/navfooter.gif) repeat-x;}

/* Updates */
.updates {background: #C00 url(img/bg_updates.png) repeat-x; padding: 4px 12px; border-bottom: 1px solid #666; color: #FFF;}
.updates .label {margin-top: 0; font-size: 1.1em;}

/* Menu */
.menu a {text-decoration: none;}
.menu {margin: 0 auto; font: normal 1em "Trebuchet MS",sans-serif;text-align:left}
.menu h2 {color: #063; font-size: 1.4em; text-align:center; padding-top: 12px;}
.menu dl {display: block; width: 100%; overflow: auto; margin: 0 0 3px; background: url(img/dot.gif) repeat-x 0 1.1em;}
.menu dt,.menu dd.price{background: url(img/bg_menu.png); font-weight: bold;}
.menu dt {float: left; padding-right: 3px; color: #C00;}
.menu dd {margin:0}
.menu dd.price {float: right; padding-left: 3px; color: #333}
.menu dd.ingredients {float: left; width: 99%; padding: 1px 0 3px; font: italic 1em Georgia,Times,sans-serif; color: #333}
.menu strong {display: block; font: bold 1.1em sans-serif; margin-bottom: 8px;}

/* Text formatting */
div.success,div.error {text-align: center; font: normal 1.2em "Lucida Sans Unicode",sans-serif; padding: 4px 8px; color: #FFF; background: #0A0; border: 3px double #AFA; margin: 10px 0;}
div.error {background: #F00; border-color: #C00;}

/* My restaurant styling */
ul.options li {color: #333; padding: 3px 0;}

/* restaurant */
.rst_right input,.rst_right textarea {padding: 2px 3px;}
.rst_dectop {margin: 8px auto; width: 110px; height: 45px; background: url(img/rst_dectop.png) no-repeat;}
.rst_decbottom {margin: 24px auto; width: 89px; height: 24px; background: url(img/rst_decbottom.png) no-repeat;}
.rst_decfooter {margin: 24px auto 0; width: 40px; height: 40px; background: url(img/rst_decfooter.jpg) no-repeat; clear: both;}
.rst_image {border: 5px solid #623F20; margin-bottom: 6px;}
.rst_rating {height: 21px; background: url(img/rst_rating.png) repeat-x left top; margin-bottom: 12px;}
.rst_rating_small {height: 14px; background: url(img/rst_rating_small.png) repeat-x right top;}
.rst_right h1 {font: bold 2.4em "Lucida Sans Unicode",sans-serif; color: #623F20;}
.rst_box {background: url(img/rst_comment.png); padding: 0 12px 10px; margin-bottom: 12px; border: 1px dotted #AA9076;}
.rst_left h2 {color: #422; margin-top: 12px;}
.rst_thumb {width: 140px; border: 3px solid #623F20;}

/* restaurant listing */
.restaurant .image {width: 150px; float: left; padding-bottom: 14px;}
.restaurant .image img {border: 2px solid #963;}
.restaurant .right {float: right; width: 355px; padding-bottom: 14px;}
.restaurant i {font-size: 0.9em; color: #444;}
.restaurant i a {color: #444;}

/* comments */
.comment {background: url(img/rst_comment.png); padding: 6px 8px; margin-bottom: 12px; border: 1px dotted #AA9076;}
.comment_text {clear: both; padding-top: 4px; border-top: 1px solid #D4BFA1;}

/* links */
.link_rst,.link_rst_nomenu {font-weight: bold; font-size: 0.9em;}
a.link_rst,a.green {color: #060;}
a.link_rst_nomenu {color: #333;}

/* misc */
.row_bright {background: url(img/row_bright.png);}
.row_dark {background: url(img/row_dark.png);}

table.list td {padding: 3px 8px;}
table.list td a {color: #060; font-size: 0.9em;}

.divider {height: 1px; background: url(img/divider.jpg) center top repeat-x; margin: 16px 0; clear: both;}
.clearer {clear: both;}
div.clearer {font-size: 0;}
.left {float: left;}
.right {float: right;}
.col3 {float: left; width: 33%;}
.w40 {float: left; width: 40%;}
.col3 div,.col3 p {width: 90%;}
.col2 .left,.col2 .right {width: 48%;}
.label {font: bold 1em "Lucida Sans Unicode",Verdana,sans-serif;}
div.label {padding: 12px 0 2px;}
.long {width: 70%;}
.medium {width: 50%;}
.short {width: 30%;}
.button {padding: 3px 6px; text-align: center; font: bold 1em "Lucida Sans Unicode",Verdana,sans-serif; margin-top: 12px;}