/*
Theme Name: Blackpool Breaks
Theme URI: http://blackpoolbreaks.co.uk/
Description: Blackpool Breaks blog Theme
Version: 0.1
Author: David Obersby
Author URI: http://bestdesigns.co.uk
Tags: custom header, fixed width, two columns, widgets
*/

/* Begin Typography & Colors */
body {
	font: 75% 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: url("images/body_bg.jpg") no-repeat 50% 0 #fff;
	color: #333;
	margin: 20px;
	padding: 0;
	}
p {
        margin: 0 0 20px 0;
        }

a {
        color: #06c;
        }
a:hover {
        color: #c30;
        }
/*
div#container {
        background: url("images/container_bg.jpg") repeat-y 50% 0;
        }
div#container div.top {
        background: url("images/header_bg.jpg") no-repeat 50% 0;
        }
div#container div.bottom {
        background: url("images/footer_bg.jpg") no-repeat 50% 100%;
        }
*/
div.container_12, div.container_16 {
        }

div#header {
        height: 120px;
        }
        
div#logo {
        }
div#logo h1 {
        width: 180px;
        height: 80px;
        overflow: hidden;
        background: url("images/logo.png") no-repeat 0 0;
        margin: 0 auto;
	}
div#logo h1 a {
        display: block;
        padding: 80px 0 0 0;
        }

ul#header_links {
        margin: 0;
        padding: 0;
        text-align: right;
        }
ul#header_links li {
        margin: 0 0 10px 0;
        padding: 0;
        list-style-type: none;
        }
ul#header_links li a img {
        border: 0;
        }
        
ul#header_nav {
        margin: 0;
        padding: 0;
        text-align: center;
        }
ul#header_nav li {
        float: left;
        display: block;
        margin: 0 10px 0 0;
        padding: 0;
        list-style-type: none;
        }
ul#header_nav li a {
        display: block;
        padding: 3px 10px;
        border: 1px solid #c30;
        background: #f60;
        color: #fff;
        text-decoration: none;
        }
ul#header_nav li a:hover {
        display: block;
        padding: 3px 10px;
        border: 1px solid #c00;
        background: #c33;
        color: #fff;
        text-decoration: none;
        }

        
div#sidebar {
        }
        
div#sidebar ul {
        margin: 0;
        padding: 0;
        }
div#sidebar ul li {
        margin: 0;
        padding: 0;
        list-style-type: none;
        }
div#sidebar ul li h2 {
        margin: 0;
        padding: 3px 10px 3px 0;
        text-align: right;
        font-size: 100%; 
        background: #06c;
        color: #fff;
        }
div#sidebar ul li ul {
        margin: 0 0 10px 0;
        padding: 10px 10px 10px 0;
        border-right: 1px solid #999;
        text-align: right; 
        }
div#sidebar ul li ul li {
        margin: 0 0 5px 0;
        padding: 0 0 5px 0;
        border-bottom: 1px dotted #ccc;
        list-style-type: none;
        }
div#sidebar ul li p {
        text-align: center;
        margin: 0 0 10px 0;
}
div#sidebar a {
        text-decoration: none;
        }
div#sidebar a:hover {
        text-decoration: underline;
        }
/*
div#sidebar ul li a {
        display: block;
        padding: 4px 0;
        text-align: center;
        background: #f60;
        color: #fff;
        text-decoration: none;
        }
div#sidebar li.current_page_ancestor a,
div#sidebar li.current_page_item a {
        display: block;
        padding: 4px 0;
        text-align: center;
        background: #c33;
        color: #fff;
        text-decoration: none;
        }
div#sidebar li a:hover {
        display: block;
        padding: 4px 0;
        text-align: center;
        background: #f93;
        color: #fff;
        text-decoration: none;
        }
*/
        
.widget_links {
        text-align: center;
        }
.widget_links a img {
        border: 0;
        }
        
.even, .alt {

	border-left: 1px solid #ddd;
}

div#footer {
	}
div#footer ul {
        margin: 0;
        padding: 0;
        text-align: center;
        }
div#footer ul li {
        display: inline;
        margin: 0;
        padding: 0 10px;
        list-style-type: none;
}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	margin: 0 0 20px 0;
	}

h1 {
	font-size: 4em;
	text-align: center;
	}

h2 {
	font-size: 1.6em;
	}

h2.pagetitle {
	font-size: 1.6em;
	}


div.clear {
        clear: both;
        }
        
.alignright {
        float: right;
        margin: 0 0 10px 20px;
        }
.alignright img {
        border: 1px solid #ccc;
}
        
ul#attractions {
        margin: 0;
        padding: 0;
        text-align: center;
        }
ul#attractions li {
        margin: 0 10px 0 0;
        padding: 0;
        list-style-type: none;
        float: left;
        width: 120px;
        height: 200px;
        display: block;
        }
ul#attractions li a img {
        border: 0;
        }


.center {
	text-align: center;
}

.post {
        border-bottom: 1px solid #ccc;
        margin: 0 0 20px 0;
        padding: 0 0 20px 0;
}

.postdate {
        float: left;
        width: 59px;
        height: 60px;
        margin: 0 10px 10px 0;
        background: url("images/calendar.png") no-repeat 0 0;
}
.postdate p span.month {
        display: block;
        text-align: center;
        color: #fff;
        font-weight: bold;
}
.postdate p span.day {
        display: block;
        padding: 4px 0 0 0;
        text-align: center;
        font-size: 250%;
        font-weight: bold;
        color: #333;
}

div#hotel_list { text-align: left; float: left; margin: 0px 0px 20px 0px; width: 28%; }
div#hotel_list ul { margin: 0px; padding: 0px; }
div#hotel_list ul li { padding: 0px; margin: 0 0 5px 0; list-style-type: none; }
div#hotel_list div#list_header { color: #903; text-align: center; font-weight: bold; } 

div#photo_listings { float: right; width: 390px; }
div#photo_listings ul { padding: 0px; margin: 0px; }
div#photo_listings ul li { list-style-type: none;  float: left; text-align: center; margin: 0 0 0 10px; padding: 0px; width: 120px; height: 180px; }
div#photo_listings ul li a img { border: 0px; }

div#index_photo_listings { clear: both; } 
div#index_photo_listings h2 { text-align: center; padding: 3px 10px; font: bold 100% sans-serif; text-transform: uppercase; margin: 0px 0px 20px 0px; color: #000; }
div#index_photo_listings ul { padding: 0px; margin: 0px; }
div#index_photo_listings ul li { list-style-type: none;  float: left; text-align: center; margin: 0px; padding: 0px; width: 25%; height: 200px; }
div#index_photo_listings ul li a img { border: 1px solid #333; }

.column { width: 50%; float: left; }