@charset "UTF-8";
/* Instivate layout */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, img {
	padding: 0;
	margin: 0;
	border: 0;
	}

body {
	font: .7em Arial, Helvetica, Verdana, sans-serif ;
	color: #666;
	}

body.home {
	background: transparent url(/media/system/ui/bg.png) repeat-x;
	}
	
body.interior {
	background: transparent  url(/media/system/ui/bg_int.png) repeat-x;
	}

h1 {
	font-weight: normal;
	font-size: 2.6em;
	color: #999;
	padding: 20px 0px;
	}

h2 {
	font-weight: bold;
	font-size: 1em;
	text-transform: uppercase;
	color: #000;
	padding: 0px;
	}
	
h3 {
	font-weight:normal;
	font-size: 2.0em;
	color:#999;
    }

p {
	padding: 0px 0px 20px 0px;
	}

a {
	outline: none; 
	text-decoration: none;
	color: #0084DB;
	}

a:hover {
	color: #ad3133;
	}

ul{
	list-style: none;
	}

.right {float: right;}
.left {float:  left;}
.center {float:  left; padding-left: 30px;} /* also see '.interior #main .center' (below) */

#header {
	height:  98px;
	}

#logo {padding-top: 35px;}

#wrap {
	width: 856px;
	margin: 0px auto;
	text-align: left;
	}


/*---- NAV ---- */

#Nav {
	padding-top: 20px;
	width: 155px;
	}
	
#Nav li {
	padding: 10px 5px;
	}
	
#Nav li a {
	color: #fff;
	font-size: 20px;
	padding: 5px 10px;
	font-weight: 700;
	background: #5C281B url() no-repeat;
	text-transform: uppercase;
	line-height: 1.2em;
	}
	
#Nav li a:hover {
	background: #C92B20 url() no-repeat;
	}

.interior #Nav {
	width: 840px;
	height: 28px;
	overflow: hidden;
	padding-top: 13px;
	*padding-bottom:4px;
	}

.interior #Nav ul li {
	display: inline;
	}

.interior #Nav li  a.active {
	color: #4284e8;
	background: #fff url() no-repeat;
	}

.interior #main {
	clear:both;
	font-size:1.1em;
	margin-top:0;
	padding-left:5px;
	}

/* These are the rounded nav items */

#features { 
	margin-top: 20px;}

#features a {
	background: #4284e8 url() no-repeat;
	display: block;
	color: #fff;
	padding: 10px;
	margin-left: 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	}

.home #features a {	*width: 125px;}

#features a:hover {
	background: #234476 url() no-repeat;
	}

#features .top {
	display: block;
	font-weight: bold;
	font-size: 1.5em;}


.interior #features {
	display: inline;
	position: absolute;
	top:  132px;
	margin-left: 600px;
	}

.interior #features .top {
	display: inline;
	font-weight: bold;
	font-size: 1.2em;
	}
	
.interior #features a {
	padding: 5px 10px;
	}
	

/*--- TAGLINE --*/

#tagline {
	position: absolute;
	height: 44px;
	margin-left: 160px;
	
	}

.interior #tagline {
	margin-left: 5px;
	position: static;;
	}





/*--- SIGN IN AREA --*/

#signInDrop {
	position: fixed;
	z-index: 500;
	font-size: 1.1em;
	text-align: right;
}

#signIn_inputs {
	background: #d0d0d0 url() no-repeat;
	width: 856px;
}

#inner {
	padding: 15px 20px;
	font-weight: bold;
	color:  #4c4c4c;
}

input.signin  {
	border: 0px solid #999;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 5px;
}


.greenButton {
	background: #3a9a38 url() no-repeat;
	color: #fff;
	text-transform: uppercase;
	padding: 4px 7px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-weight: normal;
	font-size: .9em;
	}

.greenButton:hover {background: #234476 url() no-repeat; color:  #fff;}

.blueButton {
	background: #376cbb url() no-repeat;
	color: #fff;
	text-transform: uppercase;
	padding: 4px 7px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-weight: normal;
	font-size: .9em;
	border: 0px solid #999;
	font-family: arial, sans-serif;
	}
	
.blueButton:hover {background: #234476 url() no-repeat;}




/*--- MAIN CONTENT AREAS --*/

#main {
	margin-top: 44px;
	overflow: auto;
	}


#signupLeft {
	margin-top: 54px;
	margin-left: 5px;
	}

#signupInput {
	background: #fff url() no-repeat;
	margin-left: 57px;
	padding-left: 20px;
	width: 482px;
	padding-bottom: 10px;
	font-size: 1.3em;
	color: #666;
	padding-top: 0px;
	}


#signupInput .title {
	font-size: 1.5em;
	}

input.grey {
	background: transparent url() no-repeat;
	border: 0px;
	font-size: 1.4em;
	padding: 8px;
	font-family: arial, helvetica, verdana, sans-serif;
	color: #0b8ef4;
	font-weight: normal;
	vertical-align: top;
	margin-left: 10px;
	margin-top: 5px;
	margin-right: 13px;
	outline: 0px solid #999;
	}

textarea.grey {
	background: transparent url() no-repeat;
	border: 0px;
	font-size: 1.2em;
	padding: 8px;
	font-family: arial, helvetica, verdana, sans-serif;
	color: #0b8ef4;
	font-weight: normal;
	vertical-align: top;
	margin-left: 10px;
	margin-top: 5px;
	margin-right: 13px;
	outline: 0px solid #999;
	}

#siteName  {
	vertical-align: middle;padding-bottom: 10px;	
	background: url(/media/system/ui/input_bg_site_name.gif) no-repeat 107px 7px;
	*background: url(/media/system/ui/input_bg_site_name.gif) no-repeat 103px 7px; /* IE spaceing */
	}

#zipCode {
	background: url(/media/system/ui/input_bg_zip_code.gif) no-repeat 107px 5px;
	*background: url(/media/system/ui/input_bg_zip_code.gif) no-repeat 103px 5px; /* IE spaceing */
}

#firstname_fs  {
	vertical-align: middle;padding-bottom: 10px;	
	background: url(/media/system/ui/input_bg_site_name.gif) no-repeat 0px 7px;
	*background: url(/media/system/ui/input_bg_site_name.gif) no-repeat 0px 7px; /* IE spaceing */
	}
	
#lastname_fs {
	vertical-align: middle;padding-bottom: 10px;	
	background: url(/media/system/ui/input_bg_site_name.gif) no-repeat 0px 7px;
	*background: url(/media/system/ui/input_bg_site_name.gif) no-repeat 0px 7px; /* IE spaceing */
	}

#email_fs {
	vertical-align: middle;padding-bottom: 10px;	
	background: url(/media/system/ui/input_bg_site_name.gif) no-repeat 0px 7px;
	*background: url(/media/system/ui/input_bg_site_name.gif) no-repeat 0px 7px; /* IE spaceing */
	}

#phone_fs {
	vertical-align: middle;padding-bottom: 10px;	
	background: url(/media/system/ui/input_bg_site_name.gif) no-repeat 0px 7px;
	*background: url(/media/system/ui/input_bg_site_name.gif) no-repeat 0px 7px; /* IE spaceing */
	}
	
#questions_fs {
	vertical-align: middle;padding-bottom: 10px;	
	background: url(/media/system/ui/input_bg_contact.gif) no-repeat 0px 7px;
	*background: url(/media/system/ui/input_bg_contact.gif) no-repeat 0px 7px; /* IE spaceing */
	}
	
	
#zipCode, #zipCode img {vertical-align: top;}

.createButton {padding-left: 25px;padding-top: 5px;}

#rightAd {
	width:  124px;
	margin-top: 53px;
	}

#rightAdinner {
	background: #c5c3c3 url() no-repeat;
	color: #666;
	padding: 10px;
	font-size: 1.1em;
	height: 266px;
	}

#rightAdinner h1 {
	font-size: 1.4em;
	color: #333;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	}
	
#rightAdinner a {
	background: #999 url() no-repeat;
	color: #fff;
	padding: 3px 5px;
	*font-size:11px;
	}

#rightAdinner a:hover {background: #666 url() no-repeat;}

#blogs {
	padding-top: 40px;
	}

#blogs h1 {
	text-transform: uppercase;
	font-weight: bold;
	color: #666;
	font-size: 2.2em;
	letter-spacing: -1px;
	font-family: helvetica, verdana, arial, sans-serif;
	}

#blogs h2 {
	background: #fff url(/media/system/ui/grey_header_back.gif) no-repeat;
	padding: 3px 10px 20px 10px;
	font-weight: bold;
	font-size: 1.5em;
	color: #fff;
	text-transform: lowercase;
	display: inline;
	}


#blogs #first {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	font-size: 1.2em;
	}

#blogs #first img {vertical-align: middle;}

#blogTop #more li {
	border-bottom: 1px solid #ccc;
	padding: 10px 0px;
	font-size: 1.3em;
	}
	
#blogs #first h3 {
	font-weight: normal;
	font-size: 1.5em;
	}


.details, .postingByline, .tiny {
	font-size: .8em;
	color: #666;
	padding-left: 10px;
	}

#blogTop #first {
	overflow: auto;
}

#blogTop .thumbnail {
	border: 1px solid #999;
	float: left;
	margin-right: 15px;
	}

#blogbottom  {
overflow: auto;
padding: 0px 0px 40px 0px;
	}

.stars {
	background: transparent url(/media/system/ui/star_red_bg.gif) no-repeat;
	display: inline;
	padding: 4px 10px;
	color: #fff;
	font-weight: normal;
	font-size: 1.6em;
	float: left;
	}
	
.views {
	width:40px;
	height:13px;
    background: transparent url(/media/system/ui/views_red_bg.gif) no-repeat;
	display: inline;
	padding: 8px 5px;
	color: #fff;
	font-weight: normal;
	font-size: 1em;
	float: left;
}

#live, #bestOf {
	width: 400px;
	}

#live h4, #bestOf h4 {
	display: inline;
	font-size: 1.3em;
	font-weight: normal;
	}

#live h5, #bestOf h5 {
	display: inline;
	font-size: 1em;
	font-weight: normal;
	color: #666;
	}

#live h4, #live h5, #bestOf h4, #bestOf h5 {
	padding-left: 10px;
	}

#live li, #bestOf li {
	overflow: auto;
	padding: 10px 0px;
	border-bottom: 1px dotted #ccc;
	}

	#live ul, #bestOf ul {
		margin-top: 15px;
		}


/*--- INTERIOR PAGES --*/

.interior #main .left, .interior #main .center, .interior #main .right {
	width: 260px;
	color: #666;
	line-height: 1.3em;
}





/*---- AD BLOCK ---- */

#header .adBlock {
	background: #e4e4e4 url() no-repeat;
	width:  502px;
	padding: 5px 0px 5px 5px;
	position: absolute;
	top: 20px;
	margin-left: 200px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	float:left;
	}

#footerTop .adBlock {
	background: #e4e4e4 url() no-repeat;
	width:  502px;
	padding: 5px 0px 5px 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	float: left;
}

/*---- FOOTER ----*/


#footerTop {
	background: #eee url() no-repeat;
	overflow: auto;
	padding: 0 20px 20px 20px;
	font-family: helvetica, arial, verdana, sans-serif;
	border-top: 1px solid #ccc;
}

#footerTop h1 {
	font-size: 1.2em;
	font-weight: bold;
	padding: 15px 0px 5px 0px;
	color: #666;
	}

#footerTop h2 {
	font-size: 1em;
	font-weight: bold;
	text-transform: lowercase;
	padding-bottom: 10px;
	color:  #666;
	}

#footerTop a {color: #999;}
#footerTop a:hover {color: #ad3133;}

#footerTop #col1, #footerTop #col2, #footerTop #col3 {
	float: left;
	padding-right: 30px;
	}

#footer {
	clear: both;
	font-size: .9em;
	color: #000;
	height: 26px;
	margin-top: 5px;
}

#footer a {
	text-decoration: none;
	font-weight: bold;
	color: #000;
	}

#footer a:hover {
	color: #4284e8;
	}


/*---- Extra ----*/

/* Can be used insdead of HR tag */
#divider {
	clear:  both; 
	border-bottom: 1px solid #56656c;
	padding: 10px 0;
	}

.signupSubLinks {
	font-size:.9 em;
}

.post textarea {
	background-color: #F2F2F2;
	width: 500px;
}

.post .PostForm textarea {
	width: 500px;	
}

.post input {
	background-color: #F2F2F2;
	width: 500px;
}

.post .PostForm input {
	width: 500px;	
}

.post input.largeField {
	width: 250px;
	font-size: 18px;
	margin-left: 15px;
	margin-top: 10px;
	margin-bottom: 10px;	
}

.post .PostForm input.largeField {
	width: 500px;	
	margin: 0px 0px 0px 0px;
}

#right {
	float:right;
	width:180px;
}

#center {
	padding:15px;
	width:650px;
	*width:640px;
}

.boxgradientprimary .content,
.boxgradientprimary .boxtop,
.boxgradientprimary .boxbottom,
.boxgradientprimary .boxbottom div {
	background-image: none;
	*background-image:none;
}

.boxgradientprimary ul {
	margin-left: 0px;
}

.boxgradientprimary li {
	border-bottom: 1px #aaa solid;
	margin-left: 0px;
	margin-right: 0px;
	font-size:11px;
	color:#1E7FB6;
	display:block;
}

.boxgradientprimary h5 {
	font-size: 16px;
	font-weight: normal;
	*font-weight: bold;
	color: #555555;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
}

.boxgradientprimary h6 {
	*font-weight: bold;
	color: #555555;
	font-size:11px;
}

.box {
	max-width:490px; /* based on image dimensions  */	
}

.boxgradientsecondary .content,
.boxgradientsecondary .boxtop,
.boxgradientsecondary .boxbottom,
.boxgradientsecondary .boxbottom div {
	background-image:none;
	*background-image:none;
}

.boxgradientsecondary {
	margin-top:25px;
	margin-bottom:25px;
	color: #1E7EB4;
}


.boxgradientsecondary a {
	text-decoration: none;
	font-size:12px;
}

.boxgradientsecondary .navlink {
    font-family:Arial, Helvetica, sans-serif;
	color: #666666;
	font-size:9px;
}

.boxgradientsecondary ol {
	background-color:#F9F9F9;
}

.boxgradientsecondary li {
	border-bottom: 1px #CCCCCC dotted;
	color: #666666;
	margin-left: 5px;
	margin-right: 5px;	
	padding-top: 5px;
	padding-bottom:5px;
}

.boxgradientsecondary h5 {
	font-size: 11px;
	font-weight: normal;
	color:#A5A5A5;
	padding-top: 2px;
	text-align:left;
	border-bottom:1px solid #A5A5A5;
}

.boxgradientsecondary h6 {
	color: #444;
	padding-top: 2px;
}

.contentTitleRule h2 {
	font-size:16px;
}

.contentTitleRule h3 {
	color:#333333;
	font-size:14px;
}

.boxsolid .content,
.boxsolid .boxtop,
.boxsolid .boxbottom,
.boxsolid .boxbottom div {
	background-image: none;
	*background-image:none;
}

.boxsolid {
	margin-bottom:15px;	
}

.boxsolid h1 {
	padding-bottom:0px;
}

.boxsolid a {
	font-size:10px;
}

.boxsolid ul {
	margin:0px;
	padding:0px;
	background-color:#F9F9F9;
}

.boxsolid li {
	margin:0px;
	padding:0px;
	margin-left: 3px;
	margin-right: 3px;	
	padding-top: 3px;
	padding-bottom:3px;
	border-bottom: 1px #CCCCCC dotted;
}

.boxsolid h5 {
	font-size: 10px;
	color:#999999;
	font-weight:normal;
	padding-top: 0px;
	text-align:left;
	border-bottom:1px solid #A5A5A5;
}

.boxsolid h6 {
	font-size:10px;
	font-weight:normal;
}

.postingSummary {
	color: #333;
	border-bottom: 1px dotted #cbcbcb;
	margin-top: 20px;
	padding-bottom: 15px;
	/*min-height: 125px;*/
}

.postingByline {
	font-size:10px;
	padding:0px;
	margin-bottom:10px;
}

.postingBylineDetailed {
	margin:0px;
	font-size:12px;
}

.postingImageFrame {
	float: left;
	border: 1px #888 solid;
	padding: 0px;
	margin-right: 10px;
	background-color: #eee;
	text-align: center;	
}

.postingImageFrame img {
	display:block;
}

.detailspage {
	padding:5px; 
	margin-top:1px; 
	*margin-top:20px;
	margin-bottom: 10px; 
	clear: left;
}

.postingMoreLink {
	font-size:9px;
	margin: 0px 0px 0px 10px;
}

.postingFooter {
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left:0px;
}

.postingFooterRowSmall {
	margin-top:20px;
	font-size:10px;
	text-align:center;
}

.postingFooterDetailed {
	color: #555;
	padding: 0px 10px 0px 10px;
	margin-top: 30px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 550px;
	*width:600px;
	clear: left;
}

.postingFooterRow {
	margin-top: 0px;
	margin-bottom:10px;	
	font-size:11px;
}

.comment {
	margin:15px;
}

.commentTitle {
	font-size:13px;
	font-weight:bold;
}

.commentHeaderTitle {
	font-size:10px;
}

.commentHeaderRating {
	font-size:9px;
}

.commentText {
	font-size:11px;
	color:#555555;
	line-height:12pt;
	padding:5px 10px 10px 10px;
	background-color:#F9F9F9;
	border-top:1px dotted #CCCCCC;
}

.mediumTitle {
	font-size:16px;
}

#blogs .postingTitle {
	font-size:14px;
	margin-right:10px;
}

.postingTitle {
	font-size:18px;
}

.postingText {
	font-size:12px;
	line-height:14pt;
	color:#333333;
	margin-top:0px;
}

.menubody {
	background-color:#FFFFFF;
	border:1px solid #aaa;
	border-top-width:0px;
}

.promotionMenu {
  	z-index: 9000000;
	border:1px solid #C6C6C6;
}
 
.promotionMenu ul {
	width:90px;
	list-style:none;
	border-top-width: 0;
}

    .promotionMenu li {
		width:100%;
		*width:98px;
		height:100%;
		border-bottom:1px dotted #C6C6C6;
	}

	.promotionMenu a {
        display: block;
		padding:5px 3px 5px 20px;
		font-size:12px;
      }
	  
	  	.promotionMenu a:hover {
			background-color:#F4F4F4;
		}

.promotionDot {
	background: url(/media/system/ui/promotionDot.gif);
	background-repeat:no-repeat;
}

.postingLeadTitle {
	font-size:20px;
}

.leadpostingSummary {
	padding-bottom:5px;
	border-bottom:1px dotted #C6C6C6;
}

.leadtext {
	font-size:12px;
	margin:0px;
}

.featuredstories {
	padding:10px 0px 10px 0px;
	clear:both;
	border-bottom:1px dotted #C6C6C6;
}

.network {
	margin-top:15px;
}

.termsContainer {
	margin-top:20px;
	padding:20px 100px 20px 100px;
}

.registercopy {
	width:442px;
	padding: 0px 10px 10px 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.registercopy h6 {
	font-size:14px;
	color:#565656;
	font-weight:normal;
	margin-bottom:4px;
}

.centered {
	font-size: 12px;
	text-align: center;
}

h6.small {
	font-size: 11px;
}

.registercopy h5 {
	margin-top:8px;
	font-size:18px;
	color:#4B9AF4;
	text-align:center;
	font-weight:normal;
}

.morebutton {
	width:100%;
	text-align:left;
	margin-top:5px;
}

.morebutton a {
	padding:2px 4px 2px 4px;
	*padding:2px;
	font-size:9px;
	font-weight: 700;
	text-align:center;
	background-color:#0084DB;
	color:#FFFFFF;
}

	.morebutton a:hover {
		background-color:#ad3133;
	}

.small {
	font-size:10px;
}

ul.small {
	font-size:12px;
}

.tiny {
	font-size:9px;
}

.viewMore {
	padding: 3px 0px 0px 90px;
	*font-size:9px;
}

	.viewMore a {
		font-size:9px;
		text-decoration:none;
	}

.postingDetails {
	
}

.imagePagingControls {
	margin-left: auto;
	margin-right: auto;
	text-align: center;	
	padding-bottom: 5px;
	border-bottom: 1px #888 solid;
}

.imagePagingControls a {
	text-decoration: none;
}

.mediaFrameRule {
	border-top: 1px #888 solid;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 100%;
}


.mediaFrameLarge {
	margin-right: auto;
	border: 1px #888 solid;
	padding: 5px 5px 5px 5px;
	margin: 15px 0px 15px 0px;
}


.mediaSubframe {
	margin-left: auto;
	margin-right: auto;
	margin-top: 3px;	
	padding: 0px 0px 0px 0px;	
	font-size: 9px;
}

.mediaSubframe a {
	text-decoration: none;
}

.mediaSubframeCell {
	border-left: 1px #bbb solid;
	padding: 5px 10px 5px 10px;
	text-align: center;
}

blockquote {
	background-color:#f2f2f2;
	border:1px solid #CCCCCC;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	padding:5px 10px 5px 10px;
}

#main ul {
	
}

.neighborlogsLogo {
	width:75px;
	height:14px;
	background-image:url(/media/xsite/misc/neighborlogsLogo_black.png);
}

.instiadsLogo {
	width:75px;
	height:14px;
	background-image:url(/media/xsite/misc/instiads_logo_small.png);
}