@extends('site.templates.base')
@section('body')

<div class="container" style="max-width:960px">
	
	@include('site.includes.header')

<div class="row" style="margin-top: 20px">
<div class="col-md-8">

@if(Request::is('/'))
	@include('site.includes.homepage')
    @elseif(Request::is('bake-off/*/level-*'))
        @include('site.includes.dailyAnswers')
    @elseif(Request::is('bake-off/*'))
        @include('site.includes.dailyLevels')
    @elseif(Request::is('bake-off'))
        @include('site.includes.dailyDates')
    @elseif(Request::is('ghost-hunt/*'))
        @include('site.includes.ghostAnswers')
    @elseif(Request::is('ghost-hunt'))
        @include('site.includes.ghostDates')
    @elseif(Request::is('holiday-event/*'))
        @include('site.includes.holidayAnswers')
    @elseif(Request::is('holiday-event'))
        @include('site.includes.holidayDates')
@elseif(Request::is('links'))
    @include('site.includes.links')
@elseif(Request::is('privacy'))
    @include('site.includes.privacy')
@elseif('/word-cookies-{category}-answers')
    @include('site.includes.categoryResults')
@endif
</div><!-- col-md-9 -->


<div class="col-md-4">
	@include('site.includes.sidebar')
</div><!-- col-md-4 -->
</div>
@include('site.includes.footer')
</div>

<style>
body
{
	background: url({{ URL::to('assets/img/bg.png') }}) repeat;
}
	.container
	{
		background: #fff;
		padding-top: 20px;
		padding-left: 50px;
		padding-right: 50px;
		margin-top: 15px;
		margin-bottom: 50px;
	}
body
{
    padding-top: 20px;
    background-color: #F7F7F7;
}
.list-group ul li a
{
    font-size: 19px;
}
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
    .container
    {
        background: #fff;
        padding-top: 5px;
        padding-left: 5px;
        padding-right: 5px;
        margin-top: 15px;
        margin-bottom: 5px;
    }
    body
    {
        padding: 0px;
        margin: 0;
        background-color: #F7F7F7;
    }
}

.panel > .list-group
{
    margin-bottom: 0;
}
.panel > .list-group .list-group-item
{
    border-width: 1px 0;
}
.panel > .list-group .list-group-item:first-child
{
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
.panel > .list-group .list-group-item:last-child
{
    border-bottom: 0;
}
.panel-heading + .list-group .list-group-item:first-child
{
    border-top-width: 0;
}
.panel-default .list-group-item.active
{
    color: #000;
    background-color: #DDD;
    border-color: #DDD;
}
.panel-primary .list-group-item.active
{
    color: #FFF;
    background-color: #428BCA;
    border-color: #428BCA;
}
.panel-success .list-group-item.active
{
    color: #3C763D;
    background-color: #DFF0D8;
    border-color: #D6E9C6;
}
.panel-info .list-group-item.active
{
    color: #31708F;
    background-color: #D9EDF7;
    border-color: #BCE8F1;
}
.panel-warning .list-group-item.active
{
    color: #8A6D3B;
    background-color: #FCF8E3;
    border-color: #FAEBCC;
}
.panel-danger .list-group-item.active
{
    color: #A94442;
    background-color: #F2DEDE;
    border-color: #EBCCD1;
}
.panel a.list-group-item.active:hover, a.list-group-item.active:focus
{
    color: #000;
    background-color: #DDD;
    border-color: #DDD;
}

</style>
@stop