/*  
Theme Name: Willowbrook Centre
Theme URI: http://www.fireandknowledge.org/
Description: Willowbrook theme based on the <a href="http://code.google.com/p/blueprintcss/">Blueprint CSS Framework</a>.
Version: 1.0
Author: Substrakt
Author URI: http://www.fireandknowledge.org/

Credits:

Based on the Blueprint CSS Framework:
http://code.google.com/p/blueprintcss/

Uses Fam Fam Fam Silk Icons: 
http://www.famfamfam.com/lab/icons/silk/

*/

/*-----------------------------------------------------------------------------
	Blueprint-WP Theme
	By: Joshua Sowin (fireandknowledge.org)
-----------------------------------------------------------------------------*/

body 	{  margin-bottom: 0; margin-top: 0; }

#page {
	float: left;
	margin-bottom: 20px;
}

blockquote {
	font-style: normal;
	padding: 0 0 0 0;
	color: #000;
	background: url('images/quote.png') .5em top no-repeat;
}

a 				{ color: #3E4967; }
a:hover			{ color: #000; }
blockquote p 	{ padding: 0 20px 0 30px; }
hr 				{ height: 1px; }
img				{ margin: 0; }
p img			{ float: none; }
a.button 		{ float: left; } /* Fix for buttons */
input 			{ padding-left: 0; border: 1px solid #BBBBBB;  }
ul 				{ margin-left: 15px; list-style-type: none; }
ul li 			{ padding: 2px 0 2px 9px; background: url('images/icons/bullet_square_grey.gif') left 5px no-repeat; }
ol				{ margin-left: 35px; }
label			{ font-weight: normal; }
textarea		{ height: 200px; width: 275px;}
.nomargin		{ margin: 0; }
a.button, button { font-weight: normal; }

h3, h3 a {
	font-size: 1.3em;
	line-height: 1.2;
 	letter-spacing: 0px;
	text-decoration: none;
}

.headline em {
color:#990000;
}

#maincontent h2 		{ color: #3B4A25; border-bottom: 1px dotted #CCC; margin-bottom: 15px; }
h2 a 					{ color: #3B4A25; text-decoration: none; }
#maincontent .post h2	{ margin-bottom: 5px; }
						/* Padding inside columns */
#maincontent .content 	{ padding:25px 0pt 0pt 20px; }	
#maincontent .contentright 	{ padding:25px 20px 0pt 0px; }	

.navigation, 
.navigation a			{ color: #AAA; }
.alignright 			{ float: right; }
.alignleft 				{ float: left; }

.post					{ margin-bottom: 25px; }

/*-----------------------------------------------------------------------------
	Header
-----------------------------------------------------------------------------*/

#header {
	height: 100px;
}

#header h1, #header .description {
	margin: 0;
	line-height: 1em;
	position:absolute;
	display:none;
}

#maincontent, #sidebar { padding: 0 0 20px 0; }
#map span {display:none;}

/*-----------------------------------------------------------------------------
	Navigation
-----------------------------------------------------------------------------*/

#nav, #subnav	{ padding: 0; line-height: 1.5em; font-size:1.1em;}

#nav ul,
#subnav ul		{ margin: 0; padding: 0; list-style: none; }

#nav li,
#subnav li		{ margin: 0; padding: 0; float: left; background-image: none; }

#nav li a,
#subnav li a 	{ color: #222; margin:0pt 14px; padding:3px 0px; float: left; text-decoration: none;cursor: pointer;}

#nav li.current_page_item a { background: #FFF; }
#nav li a:hover 	{ color: #000; }

#subnav				{ background: #616161; }

#nav li.current_page_item a,
#subnav li.current_page_item a,
#subnav li a:hover 	{ color: #3f4e5d; }

#nav li.first a { margin-left: 50px; }

	/*-------------------------------------------------------------------------
		Navigation bar in posts (use main nav html inside a post)
	-------------------------------------------------------------------------*/

	.entry #nav .content {
		padding: 0;
		margin: auto;
	}

	.entry #nav {
		margin-bottom: 15px;
		background: #FFF;

	}

	.entry #nav li a 		{ color: #FFF; border-right: 1px solid #AAA; background: #666; }
	.entry #nav li.last a	{ border-right: none; }
	.entry #nav li a:hover 	{ background: #333; color: #FFF;}

/*-----------------------------------------------------------------------------
	Sidebar
-----------------------------------------------------------------------------*/


#sidebar h2 { font-size: 1.3em; line-height: 1.2; }


#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 25px 20px;
}

#sidebar ul li	{ padding: 0; }

#sidebar ul li ul { padding-top: 0; }

#sidebar ul li ul li {
	margin: 0 0 0 -18px;
	padding: 2px 0 2px 9px;
	background: url('images/icons/bullet_square_grey.gif') left 3px no-repeat;
	font-size: 0.9em;
}

.feedlink {
	padding: 2px 0 2px 20px;
	background: url('images/icons/feed_small.png') left center no-repeat;
}

#sidebar ul li, #sidebar ul li#subscribe ul li {
	list-style-type: none;
	background: none;
	margin-bottom: 20px;
}

#sidebar ul li#subscribe ul li { margin: 0 0 0 -30px; }

/* Hide search from sidebar */
#sidebar #search { display: none; }

/*-----------------------------------------------------------------------------
	Footer
-----------------------------------------------------------------------------*/

#footer 		{ text-align: center; font-size: .9em; margin: 0;}

#footer a 		{ text-decoration: none; }

/*-----------------------------------------------------------------------------
	Search
-----------------------------------------------------------------------------*/

#search #s {
background:white url('images/icons/search_grey.gif') no-repeat scroll 0px center;
color:#999999;
font-size:0.9em;
letter-spacing:1px;
padding:3px 0pt 3px 17px;
width:135px;
}

#searchcontainer {
width:700px;
margin:0px auto;
display:block;
margin-top:10px;
}

#search #searchform {
float:right;
}
#search #s:hover 	{ color: #000; }
.search-excerpt 	{ margin: 0; }


/*-----------------------------------------------------------------------------
	Comments
-----------------------------------------------------------------------------*/

.commentlist li { padding: 8px 15px; } 
.comments-alt 	{ background: #EEE;}

body {
	background:#d5ecef url(images/bg.jpg) repeat-x;
	margin:0;
	padding:0;
	text-align:center;
}
.container {
background-color:#FFF;
margin-top:10px;
border-top:4px solid #1f2633;
padding:10px;
	text-align:left;

}
* html .container {
	padding:10px;
	width:720px !important;
}
#spotlight {
background-color:#EEEEEE;
}
#spotlight .introtext {
font-family:Georgia, "Times New Roman", Times, serif;
padding:10px;
}
#header, #spotlight, #base, #footer {
	width:700px;
	margin: 0px auto;
}
#logo img {
padding:5px 0pt 0pt 40px;
}
#nav {
margin-top:60px;
}
#footer {
margin:20px auto 100px;
color:#FFF;
background-color:#242b39;
font-size:80%;
text-align:left;
}
#footer a {
color:#00ACA1;
}
.inside {
padding:10px;
}
#threecol {
color:#FFF;
background-color:#242b39;
}
#threecol h3 {
color:#00aca1;
letter-spacing:-1px;
font-weight:bold;
margin-bottom:1em;
}
#threecol ul, #threecol ul li{
margin:0;
padding:0;
list-style:none;
background:none;
}
#threecol ul {
margin-top:10px;
}
#threecol ul li a {
	text-decoration:none;
	display:block;
	color:#FFFFFF;
	background:url(images/blue_divider.gif) repeat-x scroll left top;
	border:none;
	padding:5px 0;
}
#threecol a:hover {
background-color:#171c26;
}
.storelist {
background-color:#f0f0f0 !important;
color:#949494;
}
.storelist ul, .storelist ul li{
margin:0;
padding:0;
}
.storelist ul li a {
color:#949494 !important;
background:url(images/list_divide.gif) repeat-x scroll left top !important;
border:none !important;
padding:5px 0 !important;
}
.storelist a:hover {
background-color:#ccc !important;
}

#twocol h3{
font-size:1.5em;
}
#mall, #square, #retail{
height:275px;
}
#general, #letting, #promo{
height:310px;
}
#mall p, #square p, #retail p, #general p, #letting p, #promo p {
font-size:80%;
}
#mall h4, #square h4, #retail h4, #general h4, #letting h4, #promo h4 {
color:#FFF;
font-size:1.2em;
margin-bottom:0.5em;
}
#mall, #general {
background-color:#27a2c1;
}
#square, #letting {
background-color:#d78723;
}
#retail, #promo {
background-color:#8bc040;
}
#storemap{
margin-bottom:20px;
}
#storemap, .centre, .contact, .info {
background-color:#FFF !important;
color:#333 !important;
}
.news a, .events a, .greenhead {
	text-decoration:none;
	display:block;
	color:#00ACA1 !important;
	background:none !important;
	border-bottom:1px dotted #DDD !important;
	border:none;
	padding:5px 0;
}
.grey {
color:#999;
}
.current_page_item a{
border-bottom:4px solid #222;
}

.news .box {
	padding:1em 1em 0 0;
}



.gmnoprint span {
	display: none;
}

#join {
	padding: 5px;
	color: white;
	background: #242B39;
}

h2.storetitle { margin-top:10px;}

.mapcontainer { width:700px; height:595px; position:relative; margin:20px 0;}

.carpark { background: url('../willowbrook/images/carpark.png') no-repeat top left; width: 317px; height: 501px; position:absolute; bottom:15px; right:70px;}

a.tesco { width:219px; height:319px; background:#419dd7 url('../willowbrook/images/tescologo.png') no-repeat 50% 50%; display:block; position:absolute; bottom:15px; left:20px;}
a.tesco:hover { background:#59aee5 url('../willowbrook/images/tescologo.png') no-repeat 50% 50%;}

.mapcontainer a { font-family:helvetica; font-size:0.6em; color:#fff; text-decoration:none; text-align:left;}
.mapcontainer a .inner { padding:2px 5px; z-index:555; line-height:8px;}

/*-----------------------------------------------------------------------------
	Map Town Square Stores
-----------------------------------------------------------------------------*/

.townsquare h3 { font-family:helvetica; font-size:1em; color:#2a326d; position:absolute; top:170px; left:280px;}

.squarebottom { background:url('../willowbrook/images/squarebottom.gif') no-repeat top left; width:46px; height:23px; display:block; position:absolute; left:193px; top:220px;}
.squarebottom:hover { background:url('../willowbrook/images/squarebottomhover.gif') no-repeat top left; }

.squarerect { background:#419dd7; width:46px; height:15px; display:block; position:absolute;}
.squarerect:hover { background:#59aee5;}
.squarerect .inner { padding:2px 5px;}

#first { left:193px; top:188px;}
#second { left:193px; top:204px;}

.squarecorner1 { width:52px; height:34px; display:block; position:absolute; left:193px; top:153px;}

.squarecorner2 { width:55px; height:62px; display:block; position:absolute;}

#squarecorner2 { width:55px; height:62px; left:224px; top:101px; }

.smallsquarecorner { width:17px; height:19px; display:block; position:absolute; left:196px; top:146px;}

.smallsquarecorner2 { width:19px; height:19px; display:block; position:absolute; left:213px; top:120px;}

.squarelast { width:40px; height:55px; display:block; position:absolute; left:258px; top:90px;}

#squarecorner1.inner { font-family:helvetica; position:absolute; left:198px; top:173px; font-size:0.7em; color:#fff;}

.buslane { background:url('../willowbrook/images/buslane.png') no-repeat top left; width:30px; height:49px; display:block; position:absolute; left:341px; top:120px;}

/*-----------------------------------------------------------------------------
	Map Main Strip Stores
-----------------------------------------------------------------------------*/

.mainstriptop { background:url('../willowbrook/images/mainstriptop.png') no-repeat top left; width:60px; height:14px; display:block; position:absolute; left:300px; top:261px;}
.mainstriptop:hover { background:url('../willowbrook/images/mainstriptophover.png') no-repeat top left;}
.mainstriptop .inner { padding:2px 5px !important;}

.mainstripsquare { background:#419dd7; width:60px; height:21px; display:block; position:absolute;}
.mainstripsquare:hover { background:#59aee5;}
.mainstripsquare .inner { padding:1px 0 0 5px; font-size:7px;}

a.mainstrippink { background:#dd2782; width:60px; height:10px; display:block; position:absolute;}
a.mainstrippink:hover { background:#d94b92;}

#pink1 { left:300px; top:320px;}
#pink2 { left:300px; top:514px;}

#mainstrip1 { left:300px; top:276px;}
#mainstrip2 { left:300px; top:298px;}
#mainstrip3 { left:300px; top:331px;}
#mainstrip4 { left:300px; top:353px;}
#mainstrip5 { left:300px; top:470px;}
#mainstrip6 { left:300px; top:492px;}
#mainstrip7 { left:300px; top:525px;}

.mainstripcorner1 { background:url('../willowbrook/images/mainstripcorner1.png') no-repeat top left; width:45px; height:34px; display:block; position:absolute; left:300px; top:375px; text-align:left;}
.mainstripcorner1:hover { background:url('../willowbrook/images/mainstripcorner1hover.png') no-repeat top left;}
.mainstripcorner1 .inner { padding:5px 0 5px 3px;}

.office { background:#2a326d; display:block; position:absolute;}
#office1 { left:346px; top:375px; width:14px; height:12px;}
#office2 { left:345px; top:454px; width:15px; height:15px;}

.officelabel1, .officelabel2 { width:70px; height:35px; display:block; position:absolute; font-family:helvetica; color:#000; font-size:0.9em;}

.officelabel1 .inner, .officelabel2 .inner { padding:5px 5px 10px 5px;}

.officelabel1 { left:365px; top:368px;}
.officelabel2 { left:365px; top:435px;}

.mainstripsmall {  background:#419dd7; height:10px; width:30px; display:block; position:absolute; left:300px; top:417px;}
.mainstripsmall:hover {  background:#59aee5;}

a.mainstripbottom { background:url('../willowbrook/images/mainstripbottom.png') no-repeat top left; width:60px; height:33px; display:block; position:absolute; left:300px; bottom:15px;}
a.mainstripbottom:hover { background:url('../willowbrook/images/mainstripbottomhover.png') no-repeat top left;}

.mainstripmid { background:#419dd7; width:44px; height:20px; display:block; position:absolute;}
.mainstripmid:hover { background:#59aee5;}

#mid1 { left:300px; top:428px; }
#mid1 .inner { padding:2px 0 2px 5px; font-size:8px; line-height:8px;}
#mid2 { left:300px; top:449px;}

/*-----------------------------------------------------------------------------
 	Diagonal Stores
-----------------------------------------------------------------------------*/

.diag { position:absolute; left:410px; top:15px;}

#diag5 { position:absolute !important; left:600px !important; top:40px !important;}

#diagsmall  { position:absolute; left:370px; top:89px;}

a.box { background:#419dd7; width:33px; height:33px; display:block; position:absolute; left:650px; top:25px;}
a.box:hover { background:#59aee5;}

.diagupper { position:absolute; display:block; left:400px; top:90px;}

/*-----------------------------------------------------------------------------
	Icons
-----------------------------------------------------------------------------*/

.dotted { background:url('../willowbrook/images/dotted.png') no-repeat top left; width:46px; height:20px; display:block; position:absolute;}

#dotted1 { left:246px; top:260px;}
#dotted2 { left:246px; top:560px;}

.busicon { background:url('../willowbrook/images/busicon.png') no-repeat top left; width:18px; height:18px; display:block; position:absolute; left:310px; top:120px;}

.lift {  background:url('../willowbrook/images/lift.png') no-repeat top left; width:18px; height:18px; display:block; position:absolute; left:331px; top:397px;}

.cashicon { background:url('../willowbrook/images/cash.png') no-repeat top left; width:18px; height:18px; display:block; position:absolute; }
#cash1 { left:373px; top:280px; }
#cash2 { left:375px; top:175px; }

.taxi { background:url('../willowbrook/images/taxi.png') no-repeat top left; width:23px; height:23px; display:block; position:absolute;}

#taxi1 { top:185px; left:465px;}
#taxi2 { top:140px; left:573px;}

.setdown { background:url('../willowbrook/images/setdown.png') no-repeat top left; width:18px; height:18px; display:block; position:absolute; z-index:555;}

#setdown1 { left:373px; top:320px; z-index:555;}
#setdown2 { left:373px; top:495px; z-index:555;}

.mail { background:url('../willowbrook/images/mail.png') no-repeat top left; width:18px; height:18px; display:block; position:absolute; left:250px; top:255px;}

.parking { background:url('../willowbrook/images/parking.png') no-repeat top left; width:18px; height:18px; display:block; position:absolute; left:500px; top:350px;}

.recycle { background:url('../willowbrook/images/recycle.png') no-repeat top left; width:18px; height:18px; display:block; position:absolute; left:605px; top:20px;}


/*-----------------------------------------------------------------------------
	Upper Floor
-----------------------------------------------------------------------------*/

.upperbottom { background:url('../willowbrook/images/upperbottom.png') no-repeat top left; width:63px; height:35px; display:block; position:absolute; left:300px; top:540px;}
.upperbottom:hover { background:url('../willowbrook/images/upperbottomhover.png') no-repeat top left;}
.upperbottom a { padding:5px;}

.uppertop { background:url('../willowbrook/images/uppertop.png') no-repeat top left; width:33px; height:35px; display:block; position:absolute; left:330px; top:276px;}
.uppertop:hover { background:url('../willowbrook/images/uppertophover.png') no-repeat top left;}

.upperleft { background:#419dd7; width:28px; height:24px; display:block; position:absolute; left:301px; top:276px;}
.upperleft:hover { background:#59aee5;}

.upperback { background:#419dd7; width:25px; height:28px; display:block; position:absolute; }
.upperback:hover { background:#59aee5;}

#upperback1 { left:279px; top:380px;}
#upperback2 { left:279px; top:440px;}

.upperfront { background:#419dd7; width:22px; height:28px; display:block; position:absolute; }
.upperfront:hover { background:#59aee5;}

#upperfront1 { left:305px; top:380px;}
#upperfront2 { left:305px; top:440px;}

.uppertownsquare { position:absolute; display:block; left:200px; top:90px; }

.female { background:url('../willowbrook/images/female.png') no-repeat top left; width:28px; height:43px; display:block; position:absolute; left:279px; top:330px;}
.male { background:url('../willowbrook/images/male.png') no-repeat top left; width:28px; height:43px; display:block; position:absolute; left:279px; top:475px;}

.mou1 { height:23px; top:516px; font-size:9px;}
.mou2 { height:21px; top:494px; font-size:9px;}
.mou3 { height:17px; top:476px; font-size:8px;}
.mou4 { height:27px; top:340px;}
.mou5 { height:27px; top:312px;}

.mou1, .mou2, .mou3, .mou4, .mou5 { background:#419dd7; width:27px; display:block; position:absolute; left:335px;}
.mou1:hover, .mou2:hover, .mou3:hover, .mou4:hover, .mou5:hover { background:#59aee5; }
.mou1 .inner, .mou2 .inner, .mou3 .inner, .mou4 .inner, .mou5 .inner, .uppertop .inner, .upperleft .inner { padding:0 0 0 2px;}
.upperbottom .inner { padding:9px 0 0 4px; font-size:9px;}


/*-----------------------------------------------------------------------------
	Icons with popup Tooltips
-----------------------------------------------------------------------------*/

.trigger { position:static; z-index:555;}

.bubbleInfo { position: relative; display:inline;  }

.popup { position: absolute; top:-35px !important; left:0px !important; display: none; /* keeps the popup hidden if no JS available */  background:#999; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:2px 7px; text-align:center; z-index:999;}
.popup h3 { margin:0; padding:0; color:#fff; font-size:1.2em; font-family:helvetica; position:static; z-index:999;}
.popup .speech { width:19px; height:19px; background:url('../willowbrook/images/speech.png') no-repeat top left transparent; position:absolute; bottom:-15px; left:15px;}