/*
SNEINTON BUSINESS FORUM
http://www.sneintonbusinessforum.com

Website design and coding by 2hD - http://www.2hd.co.uk
*/





/* --------------------------------------------------------------------------------- GLOBAL RESET -- */
/* Based on code from Nick Rigby - http://www.nickrigby.com */


*
	{
	margin: 0;
	padding: 0;
	}
	
a img, iframe
	{
	border: 0;
	}

h1, h2, h3, h4, h5, h6
	{
	font-size: 100%;
	font-weight: normal;
	}

ul, ol, dl, li, dt, dd
	{
	list-style: none;
	}

form, fieldset
	{
	border: 0;
	}
legend
	{
	}
input, textarea, select, button
	{
	font-size: 100%;
	font-family: serif;
	}
select
	{
	margin: inherit;
	}

table
	{
	border-collapse: collapse;
	border: 0;
	}
td, th, caption
	{
	font-size: 100%;
	font-weight: normal;
	text-align: left;
	}


/* --------------------------------------------------------------------------------- GLOABL LAYOUT -- */

	
body
	{
	margin: auto;
	text-align: center;
	font-family: Helvetica, Arial, Verdana,sans-serif;
	font-size: 13px;
	line-height: 150%;
	color: #000;
	}

#container
	{
	position: relative;
	margin: auto;
	text-align: left;
	}
	

#header #title
	{
	}

#content
	{
	}

#extra
	{
	clear: left;
	padding-top: 100px;
	padding-bottom: 5px;
	font-size: 80%;
	line-height: 120%;
	color: #999;
	background-color: transparent;
	}

#footer
	{
	clear: both;
	padding-top: 5px;
	padding-bottom: 20px;
	font-size: 80%;
	line-height: 120%;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #999;
	}


#navigation,
#accessibility
	{
	display: none;
	}


/* --------------------------------------------------------------------------------- CONTENT FORMAT -- */


#content h2,
form legend
	{
	margin-bottom: 0.5em;
	font-size: 150%;
	line-height: 100%;
	font-weight: normal;
	}

#content h3
	{
	margin-bottom: 0.25em;
	font-size: 150%;
	line-height: 130%;
	font-weight: normal;
	}

#content p
	{
	margin-bottom: 0.75em;
	}

#content ul
	{
	margin-left: 3em;
	margin-bottom: 0.75em;
	}

#content ul li
	{
	list-style-type: disc;
	}

#content table
	{
	width: 100%;
	padding: 0;
	margin: 1em 0;
	border-width: 0 0 1px 0;
	border-style: solid;
	}

#content table td,
#content table th
	{
	padding: 0.1em 0;
	margin: 0;
	border-width: 1px 0 0 0;
	border-style: solid;
	}

#content p.readmore
	{
	margin-top: 0.5em;
	}

#content p.readmore a
	{
	text-decoration: none;
	font-weight: bold;
	}

#content a
	{
	color: #000;
	}

#content a:hover
	{
	background-color: #000;
	color: #fff;
	}










/* SECTION-SPECIFIC FORMATTING */


#main
	{
	padding-top: 20px;
	font-size: 12px;
	}


/* --------------------------------------------------------------------------------- STATIC -- */


.static
	{
	display: inline; 	/* IE float margin bug fix */
	float: left;
	width: 520px;
	}


/* --------------------------------------------------------------------------------- HOME -- */


.home #latest_news
	{
	display: inline; 	/* IE float margin bug fix */
	float: left;
	width: 260px;
	margin-right: 20px;
	}

.home #latest_news h3
	{
	text-transform: uppercase;
	font-size: 1em;
	font-weight: bold;
	}

.home #subscribe
	{
	float: left;
	width: 260px;
	margin-right: 20px;
	}

#announcement
	{
	display: inline; 	/* IE float margin bug fix */
	float: left;
	width: 260px;
	height: 240px;
	margin-top: 20px;
	border: 1px #999 solid;
	}

#announcement h3
	{
	margin-top: 5px;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: bold;
	}

#announcement h4
	{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	font-size: 150%;
	font-weight: normal;
	line-height: 110%;
	}

#announcement div
	{
	line-height: 130%;
	}

#announcement .event_preview
	{
	padding: 13px 25px;
	}

.home #announcement
	{
	margin-top: 0px;
	}

#subscribe form
	{
	position:relative;
	}

#subscribe fieldset
	{
	border-width:0;
	}

#subscribe fieldset legend
	{
	padding-bottom: 0.5em;
	margin-top: 5px;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: bold;
	}

#subscribe div.field
	{
	position:relative;
	margin-bottom: 0.5em;
	}

#subscribe div.field input
	{
	width: 80%;
	padding: 0.25em;
	font-family: Helvetica, Arial, Verdana,sans-serif;
	font-size: 120%;
	}

#subscribe div.button
	{
	text-align: left;
	}

#subscribe div.field label
	{
	position:absolute;
	top:3px;
	left:5px; 
	padding: 0.15em;
	z-index:1;
	font-size: 120%;
	}

form small
	{
	display: block;
	font-size: 90%;
	color: #999;
	}


/* --------------------------------------------------------------------------------- TEAM -- */


.contact form
	{
	position:relative;
	}

.contact fieldset
	{
	border-width:0;
	}

.contact fieldset legend
	{
	padding-bottom: 0.5em;
	margin-top: 5px;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: bold;
	}

.contact div.field,
.contact div.checkbox
	{
	margin-bottom: 1.5em;
	}

.contact label
	{
	font-weight: bold;
	}

.contact div.button
	{
	text-align: left;
	}

.contact div.checkbox input
	{
	text-align: left;
	padding: 0.25em;
	}

.contact div.field input,
.contact div.field textarea
	{
	width: 80%;
	padding: 0.25em;
	font-family: Helvetica, Arial, Verdana,sans-serif;
	}


.contact div.button
	{
	text-align: left;
	}

.contact div.button input
	{
	padding: 5px;
	font-family: Helvetica, Arial, Verdana,sans-serif;
	font-size: 120%;
	}

.contact div.field label
	{

	}


/* --------------------------------------------------------------------------------- TEAM -- */


#content .team
	{
	clear: both;
	margin-left: 240px;	
	padding-bottom: 3em;
	font-size: 12px;
	}

#content .team h3 *
	{
	display: inline;
	}

#content .team .mugshot
	{
	display: inline; 	/* IE float margin bug fix */
	float: left;
	width: 200px;
	height: 200px;
	margin-left: -220px;
	margin-top: 0px;
	}

#content .team .mugshot img
	{
	display: block;
	width: 174px;
	height: 154px;
	margin: 12px 12px 0 12px;	
	}

#content .team .about
	{
	width: 360px;
	}


/* --------------------------------------------------------------------------------- NEWS -- */


#content .news
	{
	clear: both;
	width: 520px;
	padding-bottom: 1em;
	margin-bottom: 1em;	
	border-bottom: 1px #999 solid;
	}

#content .news .excerpt
	{
	font-weight: bold;
	}


/* --------------------------------------------------------------------------------- EVENTS -- */


#content .events
	{
	display: inline; 	/* IE float margin bug fix */
	float: left;
	width: 520px;
	}
	
#content .event
	{
	clear: both;
	float: left;
	width: 520px;
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
	border-bottom: 1px #999 solid;
	}

#content .event div.description
	{
	padding-top: 1em;
	margin-left: 5em;
	}

#content .event h3
	{
	padding-top: 0em;
	}

#content .event .date_calendar 
	{
	display: inline; 	/* IE float margin bug fix */
	float: left;
	width: 4em;
	margin-top: 0;
	margin-right: 1em;
	text-align: center;
	line-height: 130%;
	border: 1px #f3c7b0 solid;
	}

#content .event .date_calendar span
	{
	display: block;
	margin: 0;
	}

#content .event .date_calendar span.month
	{
	padding: 3px;
	font-weight: bold;
	font-size: 150%;
	}

#content .event .date_calendar span.day
	{
	padding-top: 12px;
	padding-bottom: 10px;
	font-size: 250%;
	font-weight: bold;
	}

#content .event ul
	{
	margin-left: 1em;
	}

#content .event ul li
	{
	padding-left: 16px;
	list-style-type: none;
	background: transparent url(images/tick.png) no-repeat left center;
	}


/* --------------------------------------------------------------------------------- SIDEBAR -- */


#sidebar
	{
	display: inline; 	/* IE float margin bug fix */
	float: left;
	width: 260px;
	margin-top: 20px;
	font-size: 90%;
	line-height: 150%;
	}

#sidebar dl.linklist
	{
	list-style-type: none;
	padding-bottom: 0.5em;
	border-bottom: 1px #ddd solid;
	}

#sidebar dl.linklist dt
	{
	margin-top: 0.5em;
	padding-top: 0.5em;
	border-top: 1px #ddd solid;
	font-weight: bold;
	}

#sidebar div.feed
	{	
	}


#footer p
	{
	margin-bottom: 0.5em;
	}

#footer a
	{
	display: none;
	}
/* --------------------------------------------------------------------------------- Autocomplete -- */

#content ul.listings
	{
	list-style-type: none;
	margin-left: 0;
	}

#content ul.listings li
	{
	list-style-type: none;
	padding-left: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight: bold;
	background: transparent url(images/icon-flag-mini.png) no-repeat left center;
	}

/* --------------------------------------------------------------------------------- Autocomplete -- */


.autocompleter
	{
	text-align: left;
	border: 1px solid #6FBEFF;
	width: 250px;
	background-color: #EFF8FF;
	}
 
.autocompleter ul li
	{
	padding: 2px 10px 2px 20px;
	background: transparent url(images/tag.png) no-repeat 2px center;
	white-space: nowrap;
	font-size: 11px;
	border-top: thin #ddd solid;
	}
 
.autocompleter ul li.selectAutocompleter
	{
	background-color: #d2fb8f;
	}


/* --------------------------------------------------------------------------------- SEARCH FORM -- */

form#directory_search 
	{
	border-width: 0;
	background-color: transparent;
	padding: 0;
	}	

form#directory_search label
	{
	display: block;
	font-weight: bold;
	color: white;
	}
form#directory_search #search_what
	{
	display: inline;
	float: left;
	}
form#directory_search #search_submit
	{
	padding-top: 0;
	}
form#directory_search #search_what input
	{
	width: 300px;
	padding: 3px;
	font-size: 16px;
	font-family: inherit;
	}

form#directory_search p.hints
	{
	margin-top: 0.5em;
	font-size: smaller;
	color: #99cccc;
	}

form#directory_search #search_submit
	{
	display: inline;
	float: left;
	}

form#directory_search #search_submit input
	{
	padding-top: 3px;
	}


/* --------------------------------------------------------------------------------- SEARCH LISTING  -- */

p#search_sort
	{
	float: left;
	display: inline;
	margin-bottom: 0.25em;
	}

#content div#search_info
	{
	padding-bottom: 0.5em;
	margin-bottom: 0.25em;
	border-bottom: thin solid #ddd;
	}

#content div.search_pagination
	{
	text-align: right;
	color: #999;
	border-top: thin solid #ddd;
	}

#content div.search_pagination strong
	{
	color: #444;	
	}


#content .business
	{
	position: relative;
	clear: left;
	padding-top: 10px;
	padding-bottom: 1em;
	padding-left: 40px;
	margin-bottom: 0.25em;
	background: transparent url(images/icon-flag.png) no-repeat 3px 5px;
	border-bottom: thin solid #ddd;
	}

#content .premium
	{
	background-image: url(images/icon-flag-premium.png);
	}

#content .business h3
	{
	padding: 0;
	margin: 0;
	font-size: 20px;
	font-weight: bold;
	}
	
#content .business h3 a
	{
	display: block;
	background: transparent url(images/button-website.png) no-repeat right center;
	}

#content .business h3 a:hover
	{
	display: block;
	color: #f63;
	background: transparent url(images/button-website.png) no-repeat right center;
	}

#content .business div.website 
	{
	position: absolute;
	top: 1em;
	right: 0;
	width: 85px;
	height: 26px;	
	text-indent: -1000em;
	background: transparent url(images/button-website.png) no-repeat right center;
	font-weight: bold;
	}

#content .business div.location 
	{
	margin: 0;
	}

#content .business div.contacts
	{
	color: #999;
	}
	
#content .business div.contacts span.tel
	{
	font-weight: bold;
	padding-right: 1em;
	}

#content .business div.contacts span 
	{
	color: #333;
	}

#content .business div.description 
	{
	margin-top: 0.5em;
	padding-left: 1em;
	border-left: thick solid #eee;
	font-style: italic;
	}

#content .business div.categories 
	{
	margin-top: 0.5em;
	font-weight: normal;
	}

hr
	{
	clear: left;
	visibility: hidden;
	}