/*
Theme Name: The Cresset
Theme URI: http://www.adrenalinecreative.co.uk/
Description: Theme for The Cresset, Peterborough.
Version: 1.0
Author: Adrenaline Creative
Author URI: http://www.adrenalinecreative.co.uk/
Tags: blue, white, grey, clean, accordian menu
*/
@import "reset.css";
form.wpcf7-form { float: left; }
/* - layout - */
body { background: url(images/global/background-body.jpg) repeat-x #DDDDDD; }
hr { padding: 0; margin: 0; color: #adcbe2; height: 1px; background-color: #adcbe2; border: none; overflow: hidden; }

#wrapper { width: 945px; padding: 0 5px 5px 5px; margin: 10px auto 0 auto; background: #FFF; overflow: hidden; }
.cell p a { color: #fff; text-decoration: none; }
.cell p a:hover { text-decoration: underline;  } 

#header { width: 945px; height: 100px; margin: 5px 0 5px 0; background: #316AB2; }

#logo { width: 445px; height: 100px; float: left; overflow: hidden; position:relative; z-index:0;}
#social-tickets { width: 490px; padding: 5px 0px 5px 0; height: 90px; float: left; overflow: hidden; position:relative; }


#social-tickets a { color: #FFF !important; text-decoration: none; }
#social-tickets a:hover { text-decoration: underline; }
p.icon, img.icon { padding: 0; margin: 0 5px 0 0; float: left; border: none;  }


#social { width: 340px; height: 45px; position: relative; left: 160px; }

a#tickets-large { width: 110px; height: 45px; display: block; -moz-border-radius: 5px; -webkit-border-radius: 5px; float: left; font-size: 18px; text-align: center; color: #7E7E7E !important; background-color: #B6DEFF; margin: 0 0 0 5px; }
#tickets { width: 335px; height: 45px; overflow: hidden; position: absolute; right: 0px; }
#tickets p { padding: 0; margin: 24px 0 0 5px; float: left; overflow: hidden; }

#main { width: 935px; padding: 5px; background: #DBDBDB; }
#thin-column { width: 170px; float: left; overflow: hidden; }
#wide-column { width: 760px; margin: 0 0 0 5px; float: left; overflow: hidden; }
.banner { width: 760px; height: 320px; margin: 0 0 5px 0; }
#text-holder { width: 320px; padding: 20px 0 0 20px; }
#text-holder p { line-height: 18px; }

.cell { width: 181px; height: 75px; padding: 5px 0 0 5px; overflow: hidden; margin: 0 5px 0 0; float: left; color: #FFF; }
.cell_bo { width: 175px; height: 75px; padding: 0 0 0 0; overflow: hidden; margin: 0 5px 2px 0; float: left; color: #FFF; }
.cell_bo img { float: left; margin: 10px 5px 0 0; padding-bottom: 20px;}
.cell_bo p { margin: 15px 0 0 0; }
.cell img { float: left; margin: 0 5px 0 0; }
.cell p { padding: 0; margin: 0; }
.null-border { margin: 0 0 0 1px!important; }
.green { background: url(images/cell/green-curve.jpg) no-repeat; }
.cream { background: url(images/cell/cream-curve.jpg) no-repeat; }
.pink { background: url(images/cell/pink-curve.jpg) no-repeat; }
.blue { background: url(images/cell/blue-curve.jpg) no-repeat; }
.green_bo{ background: url(images/cell/green-curve_box.jpg) no-repeat; }
.cream_bo{ background: url(images/cell/cream-curve_box.jpg) no-repeat; }
.pink_bo{ background: url(images/cell/pink-curve_box.jpg) no-repeat; }
.blue_bo { background: url(images/cell/blue-curve_box.jpg) no-repeat; }

#latest-events { width: 735px; height: 135px; background: #FFF; float: left; overflow: hidden; }

#latest-events li { list-style: none; margin: 0; padding: 0; }
#latest-events li div { margin: 0; padding: 0; }
#latest-events li div a { margin: 0; padding: 0; }
#latest-events li div a img{ margin: 0; padding: 0; }
.l-event { width: 240px; padding: 0 10px 0 0; float: left; overflow: hidden; }
.l-event-thumb { width: 110px; height: 135px; margin: 0 10px 0 0; float: left; overflow: hidden; }
img.sold-out { position: absolute; z-index: 2 !important; }
.l-event-text { height: 115px; overflow: hidden; }

#blog-box { width: 235px; height: 135px; margin: 0 0 0 5px; float: left; overflow: hidden; }
.blue-header { width: 235px; height: 25px; overflow: hidden; background: #316AB2; }
.blue-header p { padding: 0; margin: 5px 0 0 5px; color: #FFF; font-weight: bold; }
#blog-content { width: 225px; padding: 5px 0 0 10px; margin: 0 0 5px 0; height: 55px; background-color: #94B1D5; overflow: hidden; }
#blog-content h3 { color: #FFF !important; }
#blog-content p { color: #FFF !important; padding: 0; margin: 0; }
.small-block { width: 105px; height: 40px; padding: 5px; margin: 0 5px 0 0; float: left; background-color: #f4f4f4; }
.small-block img { float: left; margin: 10px 10px 0 5px; }
.small-block p { width: 50px; float: left; }

#footer { width: 935px; height: 15px; background: #316AB2; overflow: hidden; }
#footer p { font-size: 10px; color: #FFF; text-align: right; padding: 1px 5px 0 0; margin: 0; }
#footer p a { color: #FFF; text-decoration: none; }

#footer p a:hover { text-decoration: underline; }

/* archive list */
.title { width: 576px; padding: 10px 10px 10px 10px; background-color: #FFF; overflow: hidden; }
#content { width: 569px; float: left; overflow: hidden; }
.event { width: 559px; height: 135px; padding: 5px; background: #FFF; overflow: hidden; }
.event-text { width: 139px; height: 135px; padding: 0 5px 0 0; border-right: solid 1px #adcbe2; float: left; overflow: hidden; }
a.buy { width: 100px; height: 28px; padding: 3px 0 0 0; float: left; font-size: 18px; background-color: #316AB2 !important; color: #FFF !important;  }
.event-info { width: 284px; height: 135px; padding: 0 0 0 10px; float: left; overflow: hidden; }
a.more {  width: 50px; height: 17px; padding: 3px 0 0 0; float: right; }
.holder { height: 105px; overflow: hidden; }
.event-info .holder { height: 115px !important; }

a.button { color: #7E7E7E ; background-color: #B6DEFF; text-decoration: none; text-align: center; }
a.button:hover { background-color: #316AB2; color: #FFF; }

/* - sidebar - */
#small-column { width: 186px; margin: 0 0 0 5px; float: left; overflow: hidden; }
#small-column .cell { float: none; margin: 0 0 5px 0; }
select#cat { width: 176px; }
.block { widows: 176px; padding: 5px; margin: 0 0 5px 0; background: #FFF; }
/* search */
form#sidebar-search { padding: 0; margin: 5px 0 0 0; }
form#sidebar-search input { width: 151px; padding: 2px 2px 2px 20px; border: solid 1px #999999; margin: 0; background: url(images/icons/zoom.jpg) left no-repeat; background-position: 2px; }

/* - single - */
.full { background: #FFF; }
#main-content { width: 554px; padding: 10px; }
#large-image img { float: left; margin: 0 10px 0 0; }
.green-background { background-color: #ABBF44; border-bottom: solid 1px #899936; }
.brown-background { background-color: #CEC285; border-bottom: solid 1px #a59b6a; }
.red-background { background: #aa3859; border-bottom: solid 1px #882d47; }
.blue-background { background: #9dc0dc; border-bottom: solid 1px #7e9ab0; }
.standard-page { border-bottom: solid 1px #999999; }
.standard-page h2 { color: #666666 !important; }

ul { list-style: disc; }
ul li { padding: 3px 0 3px 0; }

/* - page - */
.page-title { width: 760px !important; }
#page { width: 750px; padding: 5px; background: #FFF; }
.column { width: 360px; padding: 5px; float: left; overflow: hidden;  }
.full-page { width: 740px !important; padding: 0 !important; }
/* sub nav */
#sub-nav { width: 180px; float: left; }
#sub-nav ul { padding: 0; margin: 5px 0 0 0; }
#sub-nav ul li { float: left; list-style: none; padding: 0; margin: 0 0 2px 0; }
#sub-nav ul li a { -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 150px; height: 22px; float: left; padding: 8px 0 0 5px; text-decoration: none; font-weight: bold; color: #fff; display: block; white-space: nowrap; }

div.menu-wedding ul li a { background-color: #CEC285; } /* brown menu */
div.menu-conferences ul li a { background-color: #aa3859; } /* red menu */
div.menu-fayre ul li a { background-color: #8c8c8c; } /* grey menu */
div.menu-grey ul li a { background-color: #8c8c8c; } /* red menu */

/* #page-content { width: 490px; padding: 15px 60px 0 0; float: left; } */
#page-content { width: 550px; padding: 15px 0 0 0; float: left; }
#page-content h2 { font-size: 14px; margin-top: 10px; }

/* menu */
ul#menu { padding: 0; margin: 0; }
ul#menu li { float: left; list-style: none; padding: 0; margin: 0 0 2px 0; }
ul#menu li a { width: 165px; height: 22px; float: left; padding: 8px 0 0 5px; background-color: #f4f4f4; text-decoration: none; font-weight: bold; color: #6c6c6c; display: block; white-space: nowrap; }
ul#menu li a:hover, li.dropitem a:hover,
li.current a { background-color: #A1D0E0 !important; color: #FFF !important; }
ul.dropdown-menu li.current a { background-color: #666666 !important; color: #FFF !important; }
/* drop down menu */
ul.dropdown-menu { padding: 0 !important; margin: 0 !important; }
/* hides the dropdown when the page loads */
li.dropdown1, li.dropdown2, li.dropdown3, li.dropdown4, li.dropdown5, li.dropdown6 { display: none;  }
ul.menu-open li { display: block !important; }
li.dropitem a { background-color: #8c8c8c !important; color: #FFF !important; }
li.menu-null { padding: 0 !important; margin: 0 !important; }

/* form */
.wpcf7-form { padding: 10px; margin: 0; }
.wpcf7-form input, .wpcf7-form textarea { margin: 5px 0 5px 0; padding: 2px; font-family: Arial, Helvetica, sans-serif, "MS Reference Sans Serif"; font-size: 12px; }
.wpcf7-form textarea { width: 270px; height: 100px; }

p.bubble { padding: 5px; background-color: #CCCCCC; }

.clear { clear: both; }
.clear5 { height: 5px; clear: both; overflow: hidden; }
.clear10 { height: 10px; clear: both; overflow: hidden; }
.clear20 { height: 20px; clear: both; overflow: hidden; }
.null-right { padding-right: 0!important; margin-right: 0!important; }
.null-right-margin { margin-right: 0!important; }
.null-border-right { border-right: none !important; }
.left { float: left; }
.right { float: right; }

/* - typography */
body { font: 11px "Lucida Grande",Tahoma,Verdana,sans-serif; color: #666666; }
a { color: #316AB2; }
p { padding: 0; margin: 5px 0 5px 0; }
h2 { padding: 0; margin: 0 0 10px 0; }
h2.pagetitle { color: #FFF; padding: 0; margin: 0; }
h3 { padding: 0; margin: 0; color: #316AB2; font-size: 14px; }
h4 { padding: 0; margin: 0 0 5px 0; font-size: 12px; }
h4 a { color: #fff; }
h5 { padding: 0; margin: 8px 0 4px 0; color: #ADADAD; font-size: 14px; }
.event-title { padding: 0; margin: 0; color: #316AB2; font-size: 14px; font-weight: bold; }
.event-title a { text-decoration: none; }
.event-title a:hover { text-decoration: underline; }

.large { font-size: 16px !important; font-weight: normal !important; }
.light-blue { color: #98B5D9; }
.alert { color: #FF0000; font-weight: bold; text-transform: uppercase !important; }
h3 { padding: 0; margin: 0; color: #316AB2; font-size: 14px; }
h3 a { text-decoration: none; }
h3 a:hover { text-decoration:  underline; }
h4 { padding: 0; margin: 0 0 5px 0; font-size: 12px; }
h5 { padding: 0; margin: 8px 0 4px 0; color: #ADADAD; font-size: 14px; }

.large { font-size: 20px; }
.light-blue { color: #98B5D9; }
.alert { color: #FF0000; font-weight: bold; text-transform: uppercase !important; }

.hoverpanto
{
	float: right;
	width: 351px;
	height: 317px;
}