/*
Theme Name: HyperlocalForum Base Styles
*/


body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	background-color: white;
	background-image: url('http://forum.hyperlocal.co.uk/bb-templates/hyperlocal/images/background.jpg');
	background-position: top left;
	background-repeat: no-repeat;

}


img {
	border: none;
	margin: 0px;
	padding: 0px;
}
form {
	margin: 0px;
	padding: 0px;
    border: none;
}
h1
{
    color: #367DC1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
    margin:0 0 10px 0;
	padding: 0px 0px 0px 0px;
    font-weight: normal;
}
h1, h1 a:link, h1 a:hover, h1 a:visited {
    text-decoration: none;
    color:#fff;
}

h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
    margin:0 0 10px 0;
	padding: 0px 0px 0px 0px;
    font-weight: normal;
}
h3
{
	font-size: 28px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

h4
{
	font-size: 11px;
	padding: 5px 0px 7px 0px;
    font-weight: normal;
	margin: 0px;
}

#page {
   	margin: 0px;
	padding: 0px;

}

#hyperlocalheader {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	height: 120px;
	width: 750px;
    text-align: center;	
}

#logo {
    display:block;
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 83px;
	width: 304px;
}

#menu {
	margin: 0px;
	padding: 53px 0px 0px 5px;
	float: left;
	width: 420px;
	height: 30px;
}

#menubuts {
	margin: 0px;
	padding: 0px 0px 0px 0px;
		height: 30px;

}
#menubuts ul {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#menubuts ul li {
	display: block;
	list-style-type: none;
	float: left;
	margin: 0px;
	padding: 0px;
			height: 30px;

}

#menubuts ul li.separ {
	display: block;
	margin: 0px;
	padding: 0px 2px 0px 2px;
}



#menubuts ul li a.mcl {
	cursor: pointer;
	display: block;
	margin: 0px;
	padding: 0px;
    font-size: 10px;
	color: #fff;
    font-weight: bold;
	text-decoration: none;
}
#menubuts ul li a.mcl:hover {
	cursor: pointer;
	display: block;
	margin: 0px;
	padding: 0px;
    font-size: 10px;
	color: #9cf;
    font-weight: bold;
	text-decoration: none;
}

#menubuts ul li.current {
	background-image: url(images/menupuce.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin: 0px;
	padding: 0px;
	font-size: 10px;
    font-weight: bold;
}

#menubuts ul li.current a {
	color: #9cf;
}

/*main content area */

#cnt {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	padding:20px 0px 0px 0px;
	width: 890px;
}

/* bloggie section added by JTk */

#content {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 620px;
	    color: #1C2023;
		text-align:left;
		margin: 0 0 25px 0;
}

/* Then JTk made this a sidebar */

#cntbox {
	float: right;
	margin: 25px 0 25px 10px;
	padding: 0px;
	width: 250px;
}

#cnttop {
	background-image: url(images/cnt_top.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 9px;
		width: 250px;
}

#cntmdl {
	background-image: url(images/cnt_mdl.gif);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width: 250px;
}


#cntbot {
	background-image: url(images/cnt_bot.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 2px;
	width: 250px;

}


#cnttxt {
	background-image: url(images/cntgrad.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 15px;
    text-align: left;
}
#home #cnttxt {
    padding:0;
    font-weight: bold;
}

#home h1 {margin:0;}

#exmpl
{
	height: 29px;
	padding: 20px 0px 0px 0px;
	margin: 0px;
}

#srch
{
	margin: 0px;
    padding: 0px 0px 15px 0px;
	height: 124px;
	width: 684px;
    background: url(images/srchbg.gif) no-repeat;
}

#scfrm
{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 540px;
}

.frmblok
{
	margin: 0px;
	padding: 0px 0px 0px 150px;
}

.frmfld
{
	margin: 0px;
	padding: 20px 0px 0px 0px;
}

.fld1
{
    height: 32px;
    width: 380px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
    background: transparent;
  	border: none;
    color: #2D5690;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align: center;
    font-weight: normal;
}


.frmbut
{
	margin: 0px;
	padding: 25px 0px 0px 0px;
}

.butgo
{
    background-image: url(images/srchbut.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 42px;
	width: 161px;
    border: none;
	cursor: pointer;
}

#bkm
{
	margin: 0px;
	padding: 110px 0px 0px 10px;
	height: 16px;
    width: 125px;
	float: left;
}
.bkmimg
{
	margin: 0px;
	padding: 0px;
	height: 16px;
	float: left;
	border: none;
}



a.blu:link {
	color: #fff;
}
a.blu:visited {
	color: #fff;
}
a.blu:hover {
	color: #fff;
	text-decoration: underline;
}

#hby {
    display: block;
	margin: 0px 0px 0px 0px;
	padding: 10px 0;
	width: 684px;
	background-image: url(images/hbygrad.gif);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration:none;
}

#hby span.domain {
    display:block;
    color:#fff;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
    text-decoration:none;
    font-weight:normal;
}
#hby span.host {
    display:block;
    color: #cff;
	font-size: 28px;
    text-decoration:none;
    font-weight:normal;
}


.e8 {
	color:#e8e8e8;
	font-size: 22px;
    font-weight: normal;
}

.sitedescr
 {
	margin: 0px;
	padding: 20px 30px 0px 30px;
	text-align: left;
	}

.sitedescr ul
 {
	margin: 0px;
	padding: 0px 0px 0px 0px;
		list-style-type: none;

}

.sitedescr ul li
 {	display: block;
background-image: url(images/puce1.gif);
	background-repeat: no-repeat;
	background-position: left 6px;

	margin: 0px;
	padding: 0px 0px 15px 15px;
		font-weight: normal;

}


.sitedescr ul li.nopc
 {
background-image: none;
	
}

.sitedescr .profile_info {font-weight:normal;}

.sitedescr p.call_to_action {font-size:1.6em;font-weight:bold;text-align:center;}

.sdttl
{
font-family: Arial, Helvetica, sans-serif;
color: #9ff;

	font-size: 16px;
	padding: 3px 0px 7px 35px;
	margin: 0px;
	font-weight: bold;
	background-repeat: no-repeat;
	height: 21px;
}


.one
{
	background-image: url(images/iko1.gif);
}
.two
{
	background-image: url(images/iko2.gif);
}


.sdprg
{
	padding: 7px 0px 7px 0px;
	margin: 0px;
	font-weight: normal;

}
.sdexpl
{
	color: #cff;
	font-size: 14px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	font-weight: bold;
	
}

.imgholder {
	float: left;
	padding: 5px 0px 0px 5px;
	margin: 0px 15px 0px 0px;
	background-image: url(images/pikbg.gif);
	background-repeat: no-repeat;
	height: 157px;
	width: 207px;
}

	
.tplimg
{
	float: left;
	width: 380px;

}

p.inaccurate
{
	font-size: 11px;
	padding: 5px 0px 7px 0px;
    font-weight: normal;
	margin: 0px;
}
#popsit
{
	padding: 10px 0px 20px 0px;
	margin: 0px;
	font-size: 12px;
	line-height: 20px;

}

#kod {
	background:#f3f5f8 url(images/kodbg.gif) repeat-x center top;
	margin: 12px 0px;
	padding: 6px 6px 4px 6px;
	color: #666;
	font-weight: normal;
	text-align: center;
    border:1px solid #2985c2;
}



.adver
{
	padding: 25px 0px 35px 0px;
    text-align:center;
}

#cntbox .adver {padding:5px 0;}

a:link {
	color: #282780;
}
a:visited {
	color: #cff;
}
a:hover {
	color: #cff;
}




.bld {
	font-weight: bold;
}

#footer {
    margin: 0;
	padding: 0px 0px 30px 0px;
	background-color: #E9F2F8;
    color: #000;
}

#footer h5 {font-size:1.1em;margin:1em 0 0.5em 0;}
#footer ul, #footer ol {margin:0.5em 0;}
#footer ul {list-style:none;padding:0;}
#footer ol {padding-left:2em;}

#footer div.columns {width:700px;margin:0 auto;padding-left:75px;}
#footer div.col {float:left;margin:0 5px;padding:0 10px;width:150px;}
#footer div.thin_col {width:100px;}

.foottxt {
    color: #1C2023;
	padding: 15px 0px 8px 0px;
    text-align: center;
}

#footer a:link, #footer a:visited, #footer a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	color:#367DC1;
}
#footer a:hover {
	color:#000;
}
.sma {
	color:#367DC1;

	}
#colbtm
{
	margin: 0px;
	padding: 0px;
	height: 10px;
}

.expander p, .expander a.hide {display:none;}
.expander a.show {display:inline;}
.expander p.first {display:block;}
.expander_open p {display:block;}
.expander_open a.show {display:none;}
.expander_open a.hide {display:inline;}

div.crosssell {
    margin: 16px 0;
}
div.crosssell a
{
    color: #367DC1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
    font-weight: bold;
}

div.adsense {margin:15px 0;}

.clearing {clear:both;}

.error {color:#ff0000;}


/* position stuff is for IE6 workaround with reCAPTCHA */
.captcha {position:relative;height:130px;margin-top:10px;margin-bottom:10px;}
.captcha_inner {position:absolute;}

#faq dt { position: relative; vertical-align: middle; font-weight: bold; padding-left: 24px; }
#faq dt:first-line { border: 1pt solid green;}
#faq dt img { position: absolute; left: 0px; top: 0.247em; }
#faq dd { margin: 0px 0px 20px 25px; }

#tools dt { vertical-align: middle; font-weight: bold; }
#tools dt img { display: inline; margin: 0 5px -2px 0; }
#tools dd { margin: 0px 0px 20px 25px; }

#top-lists-menu { margin-left: 10px; }
#top-lists-menu li { display: inline; margin: 0; }
#top-lists-menu li.selected { font-weight: bold; }
#top-lists-menu li.selected a{ font-weight: bold; }
#top-lists-menu li.selected a:hover{ font-weight: bold; }
#top-list { margin-left: 10px; }
#top-list ol{ margin-left: 30px; }

#top-list .host-list {margin:1em 0;}

#tag-cloud { text-align: justify; }
#tag-cloud a { text-align: justify; text-decoration: none; }
#tag-cloud a:hover { text-decoration: underline; }
#tag-cloud .level1 { font-size: 0.8em; color: #81c1ef; }
#tag-cloud .level2 { font-size: 0.9em;	}
#tag-cloud .level3 { font-size: 1em; }
#tag-cloud .level4 { font-size: 1.1em; }
#tag-cloud .level5 { font-size: 1.2em; }
#tag-cloud .level6 { font-size: 1.3em; }
#tag-cloud .level7 { font-size: 1.4em;	font-weight: bold; }
#tag-cloud .level8 { font-size: 1.5em;	font-weight: bold; }
#tag-cloud .level9 { font-size: 1.6em;	font-weight: bold; }
#tag-cloud .level10 { font-size: 1.7em;	font-weight: bold; }

form.vertical label {display:block;margin-top:0.5em;font-weight:700;}
form.vertical input.button {margin-top:0.5em;padding:0.3em 0.6em;border:1px solid #666;}
form.vertical p.note {margin:0.2em 0 0.5em 0;font-size:95%;color:#333;}
#contact_form input.textbox {width:50%;}
#contact_form textarea {width:75%;}

#sitemap ol {padding-left:4em;}

.thanks {font-weight:bold;color:#ff0000;}
.advertise { margin-left: 20px; border: 1px solid gray; }
img.host_logo {border:1px solid #ccc;}
.last_time {text-align:right;}

#qotd dd { margin: 0 0 8px 15px; }

#improve fieldset { border: none;	padding: 0px; margin: 0px; }
#improve fieldset ul { list-style-type: none;	padding: 0px; margin: 0px; }
#improve fieldset ul li	{ list-style-type: none; display: block; clear: left; padding: 4px; border-bottom: 1px solid #c4c4c7; }
#improve fieldset ul li	label	{ line-height: 2em;	display: block;	width: 150px; float: left; }
#improve div.button_panel, #improve div.captcha { padding-left: 145px; }
#improve input, textarea, select { color: #474747; border: 1px solid #a4a4a7;	background: white; margin-bottom: 0px; }
#improve select	{ padding: 2px 0 0; }
#improve option	{ display: block; padding: 1px; }
#improve #txtHoster {margin-top:4px;}

#submit_review h2 {margin:1em 0 0.4em 0;}
#submit_review td {padding:0.5em;padding-left:0;vertical-align:top;border-bottom:1px solid #ccc;}
#submit_review td.note {padding:0.5em 1em;color:#333;vertical-align:middle;background-color:#fff9e6;}
#submit_review td span.error {display:block;}

#submit_review table#ratings {width:100%;}
#submit_review table#ratings label {display:block;padding:0.5em 1em;}
#submit_review table#ratings th, form#submit_review table#ratings td {padding:0.2em 0.5em;text-align:center;border-bottom:1px solid #aaa;}
#submit_review table#ratings tr.explanation th {border:none;}
#submit_review table#ratings th.title {text-align:left;}
#submit_review table#ratings col.odd {background-color:#ececef;}
#submit_review textarea#comment {width:100%;height:6em;}

#host_profile p {line-height:130%;}
#host_profile h2 {margin:1em 0 0.4em 0;font-size:1.5em;}
#host_profile .precis {margin:1em 0;font-size:1.2em;font-weight:bold;}
#host_profile .profile p {margin:0.5em 0;}
#host_profile p.call_to_action {font-size:1.6em;font-weight:bold;text-align:center;}
#host_profile p.add_review {font-size:1.2em;font-weight:bold;text-align:right;}
#host_profile p.add_review a {padding-left:22px;background:transparent url('images/add.png') no-repeat left center;}
#host_profile table.plans {margin:1em 0;border-collapse:collapse;}
#host_profile table.plans th, #host_profile table.plans td {padding:0.5em 1em;border:1px solid #ccc;}
#host_profile table.ratings th, #host_profile table.ratings td {padding:0.3em 0;}
#host_profile table.ratings th {padding-right:1em;}
#host_profile .review {margin:1em 0;padding:1em;border:1px solid #efefef;}
#host_profile .review .comment {}

#hosting_reviews table.host_list, #hosting_coupons table.coupon_list {width:100%;}
#hosting_reviews table.host_list td, #hosting_coupons table.coupon_list td {padding:0.6em 1em;border-bottom:1px solid #eee;}
#hosting_reviews p.sort_links {margin-right:5px;text-align:right;}
table.coupon_list td {vertical-align:top;}
table.coupon_list td.logo {width:120px;}
table.coupon_list td.claim {vertical-align:middle;}
table.coupon_list h3 {margin-bottom:0.2em;font-size:1.3em;}
table.coupon_list p.expires {margin:0.1em 0;color:#999;}

#hosting_coupon p.claim_now {font-size:1.6em;font-weight:bold;text-align:center;}
#hosting_coupon img.host_logo {float:left;}
#hosting_coupon #coupon_content {float:right;width:400px;padding:10px 20px;background-color:#fdfefe;border:1px solid #e1e8f3;}
#hosting_coupon #coupon_content p {color:#333;}

#pager_nav {margin-top:1em;}
#pager_nav a.previous {float:left;}
#pager_nav a.next {float:right;}

table#lander_hosts th, table#lander_hosts td {padding:0.2em;}
table#lander_hosts th {vertical-align:top;}


.post {
	text-align: left;
}

small {
	color: #686868;
	font-weight: bold;
	font-size: 10px;
	text-transform: none;
	padding: 0 0 5px 0;
}

a:link.postmetadata  {
	color: black;
}

.postmetadata {
	padding: 7px 10px 7px 10px;
	margin: 5px 0 5px 0;
	line-height: 14px;
	background-color: #E9F2F8;
	color: black;
	font-weight: bold;
	font-size: 10px;
	text-transform: none;
}




.entry {
	margin: 0 10px 0 0;
	padding: 0;
	color: #363636;
}

.entry img {
	margin: 0 10px 5px 0;
	border: none;
}

.post ul li{
	list-style-type: disc;
	margin-left: 25px;
	padding: 5px 0 3px 0;
}

.post ol li{
	list-style-type: decimal;
	margin-left: 25px;
	padding: 5px 0 3px 0;
}



.post h2 {
	margin: 25px 0 2px 0;
	font-size: 1.66em; 
	line-height: .9em; 
	font-weight: bold; 
	color: #3B88C7; 
	letter-spacing: -.2px;
	word-spacing: -.3px;
}

.post a, .post a:visited {
	color: #3B88C7;
	text-decoration: none;
}

.post a:hover {
	text-decoration: underline;
}

#cntbox ul{
	margin: 0 5px 10px 0;
	padding: 0;
	list-style: none;
	text-align: left;
}

#cntbox li {
	margin: 0;
	text-align: left;
}

#cntbox li ul{
	margin: 0;
	list-style: disc;
}

#cntbox ul li {
  	padding: 2px 0 4px 0;
	margin: 0 0 0 18px;
	font-size: 11px;

	line-height: 1.2;
}


#cntbox ul li h2 {
	color:	#fff;
	margin: 10px 20px 5px 0;
	padding: 4px 0 0 0;
	font-size: 12px; 
	text-transform: none;
	border-bottom: 1px solid #DFECF9;
	text-align: left;
		font-family: verdana, Helvetica, sans-serif;

}



#cntbox a:hover {
	color: #fff;
}




.dotted_line {
	border-bottom: 1px solid #DFECF9;
}



#commentform {
	margin: 20px 0 10px 25px;
}


.commentlist a, .commentlist {
	color: #367DC1;
}

#postcomment {
	padding-left: 20px;
}

.comments_links {
	padding-left: 20px;
}

#comments  {
	padding-left: 15px;
}

ol.commentlist{
	margin: 0 0 50px 0;
}

.commentlist li {
		list-style: none;
		margin: 0;
		padding: 0;
}

h3#respond, h3#comments {
color: #367DC1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
    margin: 10px 0 10px 0;
	padding: 0px 0px 0px 0px;
    font-weight: bold;
	border-bottom: 1px solid #DFECF9;

}

li.comment {
	padding-bottom:6px;
	background: #E9F2F8;
}

.mad_city_comment {
	margin: 15px 0 0 0;
	padding: 5px 10px 15px 10px;
	font-size: 1.22em;
	background: #E9F2F8;
	color: #555;
	line-height: 12px;
	font-size: 11px;
	}

.mad_city_commenter {
	margin: -10px 0 25px 30px;
}




#commentform input {
	 width: 250px;
	 border: 1px solid #bbb;
	}

	#commentform textarea {
	 width: 300px;
	 border: 1px solid #bbb;
	}

.small_comments {
	font-size: 10px;
	color: #bbb;
}

.allowed_tags {
	font-size: 9px;
	color: #777;
		background-color: #E9F2F8;
		padding: 5px 10px 5px 10px;

}

#commentform #submit {
	 	font-size: 10px;
    font-weight: bold;
		padding: 2px;
	width: 125px;
	color: #377EC2;
	}

 /* WordPress likes this http://codex.wordpress.org/CSS
-----------------------------------------*/

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}