/*
Theme Name: Tempo
Theme URI: http://tempobarokok.se/
Description: Theme for Tempo bar & kök.
Version: 1.0
Author: Joel Arvidsson
Author URI: http://oblador.se
Template: H5
*/

@font-face {
	font-family: Steelfish;
    src: url('fonts/steelfish/steelfis.eot');
    src: local(Steelfish), url('fonts/steelfish/steelfis.ttf') format('opentype');
}

html, body
{
	margin: 0;
	padding: 0;
	background: #fff url(images/background.jpg);
	font: 14px Palatino, Georgia, Times, serif;
	height: 100%;
	color: #2a3431;
}

nav, section, header, aside, article, footer, hgroup
{
	display: block;
}

#wrap>nav, 
.front article header h1
{
	font-family: Steelfish, 'Trebuchet MS', Trebuchet, Arial, sans-serif;
}

body>footer, 
article h2,
.front article section, 
#content>header, 
.menu #content>section>article>header>h1, 
aside .recent-comments .meta .permalink,
.user-posting>header>h1, 
.comment-list header cite,
.user-posting-form input,
.user-posting-form textarea,
.user-posting-form button, 
.user-posting-form label
{
	font-family: 'Trebuchet MS', Trebuchet, sans-serif;
}

article h1,
aside h1
{
	font-size: 24px;
	font-style: italic;
	font-weight: normal;
	margin: 0 0 10px 0;
}

article h2
{
	font-size: 14px;
	font-weight: normal;
	margin: 0 0 10px 0;
	text-transform: uppercase;
}

a
{
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

a img
{
	border: 0;
}

p
{
	margin: .3em 0 .5em 0;
}

fieldset
{
	margin: 0;
	padding: 0;
	border: 0;
}

table, tbody
{
	font-size: 1em;
	margin: 0;
	padding: 0;
}

.align-left, 
.avatar
{
	float: left;
	margin: 0 10px 10px 0;
}

.align-right
{
	float: right;
	margin: 0 0 10px 10px;
}

/* Blogg */
.blog-page #content a,
.blog-page .user-posting h1,
.blog-page article h1,
.blog-page aside h1,
.blog-page .user-posting-form input,
.blog-page .user-posting-form textarea
{
	color: #b57a3b;
}

.blog-page button
{
	background: #b57a3b;
}

.blog-page #content-wrapper:before
{
	content: url(images/blog/top.png);
}

.blog-page #content-wrapper
{
	background: url(images/blog/background-repeat.jpg) repeat-y left;
}

.blog-page #content
{
	background: url(images/blog/background.jpg) no-repeat left top;
}

.blog-page #content>header>h1
{
	background-image: url(images/blog/title.png);
}

/* Om tempo */
.default #content a,
.default .user-posting h1,
.default article h1,
.default aside h1,
.default .user-posting-form input,
.default .user-posting-form textarea
{
	color: #4b81a4;
}

.default button
{
	background: #4b81a4;
}

.default #content-wrapper:before
{
	content: url(images/about/top.png);
}

.default #content-wrapper
{
	background: url(images/about/background-repeat.jpg) repeat-y left top;
}

.default #content
{
	background: url(images/about/background.jpg) no-repeat left top;
}

.default #content>header>h1
{
	background-image: url(images/about/title.png);
}

/* Galleri */
.gallery #content a,
.gallery .user-posting h1,
.gallery article h1,
.gallery aside h1,
.gallery input,
.gallery textarea
{
	color: #915e7f;
}

.gallery button
{
	background: #915e7f;
}

.gallery #content>header>h1
{
	background-image: url(images/gallery/title.png);
}

.gallery #content-wrapper:before
{
	content: url(images/gallery/top.png);
}

.gallery #content
{
	background: url(images/gallery/background-repeat.jpg) repeat-y left top;
}

/* Gästbok */
.guestbook #content a,
.guestbook .user-posting h1,
.guestbook article h1,
.guestbook aside h1,
.guestbook input,
.guestbook textarea
{
	color: #b5503b;
}

.guestbook button
{
	background: #b5503b;
}

.guestbook .user-posting-form .image-label, 
.guestbook .placeholder
{
	color: #b68676;
}

.guestbook #content>header>h1
{
	height: 91px;
	background-image: url(images/guestbook/title.png);
}

.guestbook #content-wrapper:before
{
	content: url(images/guestbook/top.png);
}

.guestbook #content-wrapper
{
	background: url(images/guestbook/background-repeat.jpg) repeat-y left top;
}

.guestbook #content
{
	background: url(images/guestbook/background.jpg) no-repeat left top;
}

/* Meny */
.menu #content a,
.menu .user-posting h1,
.menu article h1,
.menu aside h1,
.menu input,
.menu textarea,
.menu-content .price,
.menu-content .likes, 
#ajax-menu h1, 
#content #ajax-menu a
{
	color: #42977d;
}

.menu button
{
	background: #42977d;
}

.menu #content>header>h1
{
	background-image: url(images/menu/title.png);
}

.menu #content-wrapper:before
{
	margin: 0 0 -96px 1px;
	top: -192px;
	content: url(images/menu/top.png);
}

.menu #content-wrapper
{
	margin-top: 190px;
	padding-top: 18px;
	background: url(images/menu/background-repeat.jpg) repeat-y left top;
}

.menu #content
{
	background: url(images/menu/background.jpg) no-repeat left top;
}

.menu #content>header
{
	margin-top: -50px;
}

/* Kalendern */
.calendar #content a,
.calendar .user-posting h1,
.calendar article h1,
.calendar aside h1,
.calendar .user-posting-form input,
.calendar .user-posting-form textarea
{
	color: #7b9d52;
}

.calendar button
{
	background: #7b9d52;
}

.calendar #content>header>h1
{
	background-image: url(images/calendar/title.png);
}

.calendar #content-wrapper:before
{
	content: url(images/calendar/top.png);
}

.calendar #content-wrapper
{
	background: url(images/calendar/background-repeat.jpg) repeat-y left top;
}

.calendar #content
{
	background: url(images/calendar/background.jpg) no-repeat left top;
}

#content:after, 
#content>section>article>section:after, 
.user-posting-form:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


#wrap, 
body>footer
{
	position: relative;
	width: 1072px;
	margin: 0 auto;
}

#wrap
{
	min-height: 100%;
	background: url(images/borders.png) repeat-y 50%;
	padding: 0 4px;
}

#content-wrapper
{
	margin-top: 40px;
	padding-top: 18px;
	background: none no-repeat left top;
}

body.home #content-wrapper
{
	margin-top: 0px;
}

#content-wrapper:before
{
	display: block;
	margin: 0 0 -18px 1px;
	padding: 0;
	position: relative;
	top: -36px;
	height: 0;
}

#content
{
	width: 831px;
	padding: 50px 53px 90px 63px;
}

#content>header
{
	margin: 0 0 50px -20px;
}

#content>header>h1
{
	text-indent: -9999px;
	background: none no-repeat left top;
	height: 82px;
	margin: 0;
}

#content>section
{
	float: left;
	width: 592px;
}

#wrap>nav
{
	margin: 0 -3px;
}

#wrap>nav>ul
{
	background: url(images/nav/background.png) no-repeat left top;
	margin: 0;
	padding: 0;
	height: 60px;
	font-size: 24px;
	line-height: 42px;
	text-transform: uppercase;
}

#wrap>nav>ul>li
{
	float: left;
	list-style: none;
	margin: 0 0 0 10px;
	padding: 0;
}

#wrap>nav>ul>li>a
{
	color: #e8e8ef;
	text-decoration: none;
	float: left;
}

.blog-page #wrap>nav>ul>li.page-item-9>a
{
	background: url(images/nav/underline/brown.png) repeat-x bottom;
}

.gallery #wrap>nav>ul>li.page-item-11>a
{
	background: url(images/nav/underline/purple.png) repeat-x bottom;
}

.menu #wrap>nav>ul>li.page-item-7>a
{
	background: url(images/nav/underline/turquoise.png) repeat-x bottom;
}

#wrap>nav>ul>li.page-item-17.current_page_item>a,
#wrap>nav>ul>li.page-item-17.current_page_ancestor>a
{
	background: url(images/nav/underline/blue.png) repeat-x bottom;
}

.calendar #wrap>nav>ul>li.page-item-13>a
{
	background: url(images/nav/underline/green.png) repeat-x bottom;
}

#wrap>nav>ul>li.page-item-15.current_page_item>a,
#wrap>nav>ul>li.page-item-15.current_page_parent>a,
#wrap>nav>ul>li.page-item-15.current_page_ancestor>a
{
	background: url(images/nav/underline/red.png) repeat-x bottom;
}

#wrap>nav>ul>li>a:hover
{
	background: url(images/nav/underline/white.png) repeat-x bottom;
}

#wrap>nav>ul>li.page-item-4
{
	text-indent: -9999px;
	width: 55px;
}

#wrap>nav>ul>li.page-item-4>a
{
	background: url(images/nav/logo.png) no-repeat 50% -3px;
	width: 55px;
	height: 60px;
}

.front #content
{
	background: url(images/collage.png) no-repeat 50% top;
	height: 638px;
	position: relative;
	font-size: 12px;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	width: auto;
}

.front #content>section
{
	width: auto;
	float: none;
}

.front #content>section>article
{
	background: none;
	padding: 0;
}

.front #content>section>article>header
{
	margin: 0;
}

.front article h1
{
	font-style: normal;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0 0 10px 0;
	font-size: 30px;
}

.front article h2
{
	font-size: 1em;
	margin: 0;
	font-weight: normal;
	text-transform: uppercase;
}

.front article p
{
	margin: 0 0 .5em 0;
}

.front article a
{
	color: #d8d8e6;
}

.front .menu a
{
	color: #2a3431;
}

.front article.menu
{
	position: absolute;
	left: 223px;
	top: 265px;
	width: 90px;
	text-transform: uppercase;
}

.front article.menu h1
{
	font-size: 46px;
}

.front article.blog,
.front article.calendar
{
	color: #d8d8e6;
}

.front article.blog
{
	position: absolute;
	left: 500px;
	top: 275px;
	width: 110px;
}

.front article.calendar
{
	position: absolute;
	left: 850px;
	top: 320px;
	width: 90px;
}

.front article.luckan
{
	position: absolute;
	left: 648px;
	top: 346px;
	width: 146px;
}

p.read-more
{
	text-align: right;
}

.hentry, 
.comment-list,
.user-posting-form, 
aside>ul>li
{
	margin: 0 0 13px 0;
	padding: 15px 26px;
	background: url(images/white-transp.png);
}

#content>section>article>header,
aside>ul>li>section>h1,
.user-posting>header>h1
{
	position: relative;
	margin: 0 -15px 10px -15px;
}

#content>section>article>footer
{
	margin-top: 10px;
	font-style: italic;
}

.user-posting>header
{
	margin: 20px 0 0 0;
}

.user-posting>header>h1
{
	font-size: 24px;
	text-transform: uppercase;
}

.comment-list
{
	margin: 0;
}

.comment-list article
{
	margin-bottom: 20px;
}

.comment-list header
{
	font-style: italic;
}

.comment-list header cite
{
	font-style: normal;
}

.user-posting-form label
{
	display: none;
}

.user-posting-form input,
.user-posting-form textarea, 
#content>header>form input
{
	padding: 5px 7px;
	border: 0;
	background: #fff;
	margin-bottom: 13px;
	font-size: 14px;
}

#content>header>form input
{
	margin: 0;
}

#content>header>form
{
	padding-top: 10px;
}

.user-posting-form input
{
	float: left;
	width: 157px;
}

.user-posting-form #author
{
	margin-right: 13px;
}

.user-posting-form #url
{
	float: right;
}

.user-posting-form #title,
.user-posting-form #comment
{
	clear: both;
	width: 526px;
}

.user-posting-form .image-label
{
	clear: both;
	float: left;
	display: inline;
	line-height: 30px;
	padding: 0 0 0 7px;
}

.user-posting-form #image
{
	float: right;
	width: 480px;
}

button
{
	border: 0;
	color: #fff;
	background: #999;
	text-transform: uppercase;
	font-size: 14px;
}

.user-posting-form button
{
	float: right;
}

.current-img
{
	margin: 0 0 13px 0;
}

.current-img img
{
	display: block;
}

.page-template-gallery-php #content>section
{
	width: auto;
	float: none;
}

ol.albums
{
	list-style: none;
	margin: 0;
	padding: 0;
}

ol.albums li
{
	float: left;
	width: 180px;
	overflow: hidden;
	white-space: nowrap;
	margin: 7px;
	padding: 0;
}

ol.albums li img
{
	display: block;
	margin-bottom: 5px;
}


ol.album
{
	list-style: none;
	margin: 0;
	padding: 0 0 13px 0;
	white-space: nowrap;
	overflow: auto;
}

ol.album li
{
	display: inline;
	margin: 0 13px 0 0;
	padding: 0;
}

ol.album img
{
	vertical-align: top;
}

.gallery #content>section>article>header
{
	margin-left: 0;
	margin-right: 0;
}

.image-nav
{
	position: absolute;
	top: 0;
	right: 0;
}

.image-nav a
{
	float: right;
	width: 24px;
	height: 24px;
	margin-right: 10px;
}

.image-nav .next
{
	background: url(images/gallery/next.png) no-repeat left top;
}

.image-nav .prev
{
	background: url(images/gallery/prev.png) no-repeat left top;
}

#content>header>nav
{
	margin: 8px 0 0 0;
	text-transform: uppercase;
	color: #666;
}

.event-date
{
	color: #666;
}

.menu #content>section
{
	width: 810px;
	float: none;
}

.menu #content>section>article>header>h1
{
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
}

.menu #content>section>article
{
	background: none;
}

.menu #content>section>nav
{
	text-align: center;
}

.menu-content
{
	width: 100%;
	border-collapse: collapse;
	margin: 5px 0 50px 0;
}

.menu-content .even td
{
	background: url(images/menu/background-transp.png);
}

.menu-content .drink td.title
{
	padding-left: 40px;
}

.menu-content td
{
	padding: 0 15px;
	line-height: 30px;
}

.menu-content img
{
	vertical-align: middle;
}

.menu-content td.title
{
	width: 60%;
}

.menu-content td.price,
.menu-content td.icons
{
	width: 12%;
	text-align: center;
}

.menu-content td.favorite
{
	width: 20%;
	text-align: right;
}

.menu-content td.favorite .likes
{
	padding-right: 20px;
	background: url(images/menu/icons/heart.png) no-repeat right 50%;
	cursor: pointer;
	font-size: 14px;
	height: 30px;
	float: right;
	font-style: normal;
}

.menu-content td.favorite .likes.liked
{
	cursor: auto;
	font-weight: bold;
}

.menu-content td.favorite .twitter-link
{
	visibility: hidden;
	height: 30px;
	line-height: 30px;
	float: right;
	padding-left: 10px;
}

aside
{
	float: right;
	width: 210px;
}

aside>ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

aside li article
{
	margin: 0 0 1em 0;
}

aside article h2
{
	margin: 0;
}

aside .meta
{
	font-size: 11px;
	font-style: italic;
}

aside .recent-comments .meta .permalink
{
	font-size: 14px;
	font-style: normal;
}

aside .recent-comments article p
{
	margin: 0;
}

aside .children .selected a
{
	text-decoration: none;
	border-bottom: 2px solid #4b81a4;
}

body>footer
{
	text-transform: uppercase;
	color: #6e6a4f;
	font-size: 11px;
	margin-top: -68px;
	text-align: right;
	
}

body>footer>section
{
	background: #000 url(images/footer/background.jpg) no-repeat left bottom;
	padding: 25px 40px 20px 0;
	margin-right: 125px;
}

.front>footer>section
{
	margin-right: -1px;
}

body>footer a
{
	color: #6e6a4f;
}

body>footer .menu-link
{
	position: absolute;
	text-align: left;
	bottom: 0;
	left: 0;
	text-indent: -9999px;
	height: 94px;
	width: 102px;
	background: url(images/footer/menu-icon.png) no-repeat left bottom;
}
/*
#ajax-menu .inner>h1
{
	background: url(images/menu/title.png) no-repeat left top;
	text-indent: -9999px;
	height: 82px;
	margin: 0 0 20px -20px;
}

body div#fancybox-outer, 
body div#fancybox-outer .fancy-bg
{
	background: none;
	padding: 0;
}

#ajax-menu .top
{
	height: 96px;
	margin: 0;
	background: url(images/menu/top.png) no-repeat left top;
}

#ajax-menu .outer
{
	margin: 0;
	background: url(images/menu/background-repeat.jpg) repeat-y left top;
}

#ajax-menu .inner
{
	margin: 0;
	background: url(images/menu/background.jpg) no-repeat left top;
	padding: 0 80px 10px 63px
}

#ajax-menu .likes
{
	display: none;
}
*/