/*
THEME NAME: Friends Coffee House
THEME URI: http://www.ajgraham.com/
DESCRIPTION: Theme for Friends Coffee House
VERSION: 1.0
AUTHOR: <a href="http://www.ajgraham.com/">Alex Graham</a>
AUTHOR URI:
*/

/* CSSReset v1.0 | 20080212 */

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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }


/* Generics */
body {background:#ffffff url('images/bg.png') repeat-x; font:100%/1.25em Arial, Helvetica, sans-serif; color:#3f3f3f; line-height:1.125em; text-align:justify;}
.wf-active body {font:100%/1.25em 'Droid Sans', sans-serif;}
a {text-decoration:none; border:0;}
p {}
img {border:0;}
h1, h2, h3, h4, h5, h6 {letter-spacing:-0.05em;}
abbr {border-bottom:1px dotted #cccccc;}
ol {list-style-type:decimal; margin:0 0 0 25px;}
.clear {clear:both;}
.clear-left {clear:left; float:left;}
.clear-right {clear:right;}

#order-update {display:none; color:#fff; padding:5px; border-right:2px solid #704025; border-bottom:2px solid #704025; border-left:2px solid #704025; background:red; font-weight:bold; text-align:center;}

#wrapper {position:relative; width:1008px; margin:0 auto; overflow:auto}

#header {clear:both;}

.menu-czech-top-container, .menu-english-top-container {clear:left; float:right; height:18px; margin:5px 20px 0; font-size:0.75em;}
	.menu-czech-top-container ul, .menu-english-top-container ul {float:right;}
	.menu-czech-top-container ul li, .menu-english-top-container ul li {float:left; margin:0 15px 0 0;}
	.menu-czech-top-container ul li a, .menu-english-top-container ul li a {color:#57341d; line-height:16px;}
	.menu-czech-top-container ul li a:hover, .menu-english-top-container ul li a:hover, .menu-czech-top-container ul li a:focus, .menu-english-top-container ul li a:focus {text-decoration:underline;}
	.menu-czech-top-container ul li.current-menu-item a, .menu-english-top-container ul li.current-menu-item a {color:#fff; background-color:#55311a;}

#qtranslate-container {float:right; margin:7px 0 0;}
#qtranslate-container ul#qtranslate-chooser {}
#qtranslate-container ul#qtranslate-chooser li {float:left; margin:0 10px;}
#qtranslate-container ul#qtranslate-chooser .qtrans_flag {width:18px; height:12px; padding:0; overflow:auto;}

#top-corners {clear:both; height:18px; background:transparent url('images/bg-top.png') no-repeat center top;}
#bottom-corners {clear:both; height:18px; background:transparent url('images/bg-bottom.png') no-repeat center bottom;}
#bottom-corners-dark {clear:both; height:18px; background:transparent url('images/bg-bottom-dark.png') no-repeat center bottom;}

/* content wrapper */
#content-wrapper {clear:both; padding:0 10px; background:transparent url('images/bg-middle.png') repeat-y;}

#content-wrapper #column-right {float:right; width:700px; margin:10px 20px 10px 10px}

.menu-czech-main-container, .menu-english-main-container {clear:both; height:38px; margin-bottom:8px; overflow:hidden; background-color:#fdc600;}
	.menu-czech-main-container ul, .menu-english-main-container ul {}
	.menu-czech-main-container ul li, .menu-english-main-container ul li {float:left;}
	.menu-czech-main-container ul li a, .menu-english-main-container ul li a {-webkit-text-size-adjust:none; color:#55311a; display:block; padding:0 17px; line-height:38px; font-size:0.875em; font-weight:bold; text-transform:uppercase;}
	.menu-czech-main-container ul li a:hover, .menu-english-main-container ul li a:hover, .menu-czech-main-container ul li a:focus, .menu-english-main-container ul li a:focus {color:#fff; background-color:#55311a;}
	.menu-czech-main-container ul li.current-menu-item a, .menu-english-main-container ul li.current-menu-item a {color:#fff; background-color:#55311a;}
	
	.menu-czech-main-container ul ul, .menu-english-main-container ul ul {display:none; z-index:1000; position:absolute; top:28px; left:0; float:left; width:180px; -moz-box-shadow:5px 5px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 5px 5px 2px rgba(0,0,0,0.2); box-shadow: 5px 5px 2px rgba(0,0,0,0.2);}
	.menu-czech-main-container ul ul li, .menu-english-main-container ul ul li {min-width:180px;}
	.menu-czech-main-container ul ul a, .menu-english-main-container ul ul a {background:#6F6F6F; padding:10px; width:160px; height:auto;}
	.menu-czech-main-container ul ul ul, .menu-english-main-container ul ul ul {left:100%; top:0;}
	.menu-czech-main-container ul li:hover > ul, .menu-english-main-container ul li:hover > ul {display:block;}

#content {float:left; width:100%;}
#content img.main {width:700px; overflow:hidden;}
#content .post {}
#content .post p {font-size:0.875em; margin-bottom:10px;}
#content .post a {color:#800; border-bottom:1px dotted #800;}
#content .post a:hover, #content a:focus {border-bottom:1px solid #800;}
#content .post h1 {color:#704025; margin:15px 0; font-size:1.25em;}
#content .post ul {font-size:0.875em; list-style-type:disc; margin:10px 0 10px 25px}
#content .post ol {font-size:0.875em;}

#content #offer-box {clear:both; height:38px; margin:8px 0; background:#fdc703 url('images/fb-icon.png') no-repeat left center;}
#content #offer-box a#offer-text-link {float:right; color:#543019; display:block; width:650px; height:38px; line-height:38px; overflow:hidden; font-size:0.875em; font-weight:bold;}
#content #offer-box a#offer-text-link:hover, #content #offer-box a#offer-text-link:focus {color:#fff; border:0;}
#content #offer-box a#offer-more-info {}

/* Mapping */

#content #map-canvas {width:700px; height:400px;}

/* FOOD MENU */
#food-menu {position:relative; border:20px solid #ffc423;}
#food-menu-top {clear:left; height:25px; background:#ffc423 url('images/bg-top-edge.png') repeat-x left bottom;}
#food-menu-bottom {clear:left; height:25px; background:#ffc423 url('images/bg-bottom-edge.png') repeat-x left top;}

#food-menu #accordion {padding:5px;}
#food-menu h2.ui-accordion-header {cursor:pointer;}

#food-menu .menu-containers {color:#543019; position:relative; margin:10px; padding:10px; font-size:0.875em}

#food-menu h2 {margin:15px 0 10px; font-weight:normal;}
#food-menu h3 {clear:both; float:left; margin:15px 0 10px; font-weight:normal;}
#food-menu h2, #food-menu h3 {font-size:1.4em; letter-spacing:1.5px; font-family:"Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;}

#food-menu p {color:#543019; margin:0;}
#food-menu .menu-item {position:relative; clear:both; margin:8px 0 0;}
#food-menu .item {font-variant:small-caps; text-transform:uppercase;}
#food-menu .eng {margin:0 5px; font-variant:small-caps; text-transform:lowercase;}

#food-menu .menu-item span.desc {font-weight:normal;}
#food-menu .menu-item span.desc {font-size:1em; font-family: "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;}
#food-menu .menu-item span.price {position:absolute; top:0; right:0; padding:0 18px 0 0; background:url('images/kc.png') no-repeat right 5px;}

#food-menu .space {margin:20px 0 0;}
#food-menu p.notice {margin:15px auto; text-align:center;}

/* Sidebar */

#content-wrapper #column-left {float:left; width:210px; margin:10px 0 0 30px}
#column-left #banner {left:4px; position:absolute; top:27px;}
#column-left h2#logo {margin:20px 0;}
#column-left h2#logo a {position:relative; z-index:100;}
#column-left h2#logo a img {display:block; position:relative; z-index:100; margin:0 auto}
#column-left .feature-buttons {display:block; margin:0 0 10px;}

.sidebar {}
.sidebar .xoxo {width:210px; margin:0 0 10px;}
.sidebar .xoxo .widget {margin:0 0 10px;}
.sidebar .xoxo .widget .textwidget {}
.sidebar h2 {}
.sidebar h2.widgettitle {display:none;}
.sidebar a {}
.sidebar p {}
.sidebar li {list-style:none; margin:0 0 2em;}
.sidebar li form {margin:0.2em 0 0; padding:0;}

.sidebar #fb-widget {overflow:hidden; width:210px; height:70px !important; margin:0 0 10px; background:transparent url('images/fb-box.png') no-repeat left top;}
.sidebar #fb-widget .fan_box .profileimage {width:50px; height:50px;}
.sidebar #fb-widget .fan_box .connect_action .name {font-size:12px !important;}


.sidebar #reviews {margin:0 0 10px; border:2px solid #ececec; text-align:center; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px;}
.sidebar #reviews h2.widgettitle {display:none;}
.sidebar #reviews h3 {color:#543019; display:block; padding:5px; border-bottom:2px solid #ECECEC; background-color:#FDC703; text-align:center; letter-spacing:0.06em; -moz-border-radius-topright:4px; -moz-border-radius-topleft:4px; -webkit-border-top-right-radius:4px; -webkit-border-top-left-radius:4px; border-top-right-radius:4px; border-top-left-radius:4px;}
.sidebar #reviews a {}
.sidebar #reviews a img {margin:5px 0;}

#footer-widget {overflow:auto; clear:both; margin:15px 15px 15px 0;}
#footer-widget h2 {display:none;}
#footer-widget a {float:left; margin-left:30px; width:210px;}


/* Footer */
#footer {clear:both; margin:0 10px 5px; font-size:0.5625em;}
#footer #dev {float:right;}
#footer a {color:#272726;}
#footer a:hover {text-decoration:underline;}

#advertise-footer {clear:both; padding:10px 0 0; text-align:center; background-color:#dadada;}
#advertise-footer .widget_text {margin:0 auto;}
#advertise-footer h2.widgettitle {display:none;}
#advertise-footer .widget a {margin:0 20px;}

/* image-rotation */
#image-rotator {width:700px; height:320px; overflow:hidden;}
