/*
Theme Name: Spokeo
Author: Imran
*/

/*==========     Reset Default Styles     ==========*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}

:focus { outline: 0; }

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote, q { quotes: "" ""; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }

ul, ol { list-style: none; }

table {
	border-collapse: collapse;
	border-spacing: 0;
}


























/*==========     Basic Styles     ==========*/

html, body {
	height: 100%;
	padding-bottom: 1px; /* Make Scrollbar for all browsers to same layout */
}

body {
	font-size: 81%;
	line-height: 1.25em;
}

body,
input,
select,
textarea { font-family: Arial, Helvetica, sans-serif; }
textarea { font-size: 1em; }

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.25em;
	font-family: Arial, Helvetica, sans-serif;
}

a:link, /* All unvisited Links */
a:visited { /* All visited Links */
	color: #1a67b2;
	text-decoration: none;
}


a:hover,
a:active { color: #2a96ff; }


label,
select,
button,
input[type="check"],
input[type="submit"],
input[type="button"],
input[type="radio"] { cursor: pointer; }


.hide { display: none; }
.show { display: block; }


sup { vertical-align: super; }


.clear {
	clear: both;
	font-size: 0;
	line-height: 0;
}
	.clearfix:after {
		clear: both;
		display: block;
		content: ".";
		visibility: hidden;
		height: 0;
	}


	
	
/*==========     End Basic Styles     ==========*/




























/*==========     Global Layout     ==========*/

body > .topline {
	background-color: #f3fafe;
	border-bottom: 1px solid #d4e7f7;
	height: 4px;
}

#wrapper {
	width: 960px;
	margin: 0 auto;
}

.border1 {
	background-color: #fff;
	border: 1px solid #97b9d9;
	padding: 1px;
}

.border2 {
	background-color: #97b9d9;
	border: 4px solid #d9e7f3;
	padding: 1px;
}

#container {
	background-color: #fff;
	position: relative;
}

.back-to-top {
	background: #fcfcfc url(images/back-to-top.png) 5px 7px no-repeat;
	border: 1px solid #97b9d9;
	border-right: 0;
	padding: 3px 5px 5px 15px;
	position: fixed;
	bottom: 30px;
	right: -1px;
}
.back-to-top:hover {
	background-color: #f6f6f6;
	border-color: #b3d4f2;
	right: 0;
}

/*==========     End Global Layout     ==========*/




























/*==========     Header     ==========*/

	#header {
		padding: 7px 0 0;
		margin: 0 0 10px;
	}
	
		#header .logo {
			display: block;
			margin: 10px 0 0;
			width: 164px;
			height: 38px;
			float: left;
		}
		#header .logo img {
			width: 164px;
			height: 38px;
		}
		


	/*-----     Main Menu     -----*/
	
	#header .main-menu {
		float: right;
	}
		#header .main-menu li {
			float: left;
			background: url(images/main-menu-sep.png) right top no-repeat;
			padding: 4px 10px 6px;
		}
		
		#header .main-menu li a,
		#header .main-menu li a:link,
		#header .main-menu li a:visited { color: #a0a8b1; }
		
		#header .main-menu li a:hover,
		#header .main-menu li a:active { color: #718dac; }
		
		#header .main-menu li.current { font-weight: bold; }
		
		#header .main-menu li.last { background-image: none; }
		
	/*-----     End Main Menu     -----*/
	
	
	
	
	
	
	
	
	
	
	/*-----     Breadcrumb     -----*/
	
	#header .breadcrumb {
		margin: 25px 0 0;
		background: #d9e7f3;
		border-width: 1px 0;
		border-style: solid;
		border-color: #acc7de #d9e7f3 #d9e7f3;
		padding: 0 0 0 10px;
	}
		#header .breadcrumb .circle {
			background: url(images/breadcrumb-icon.png) no-repeat;
			display: block;
			float: left;
			margin: 2px 0 0;
			width: 26px;
			height: 26px;
		}
			#header .breadcrumb .circle .icon {
				background-repeat: no-repeat;
				display: block;
				width: 16px;
				height: 16px;
			}
				#header .breadcrumb .circle .icon-about {
					background-image: url(images/icon-about.png);
					margin: 5px 0 0 6px;
				}
				#header .breadcrumb .circle .icon-blog {
					background-image: url(images/icon-blog.png);
					margin: 4px 0 0 5px;
				}
				#header .breadcrumb .circle .icon-privacy {
					background-image: url(images/icon-privacy.png);
					margin: 4px 0 0 7px;
				}
				#header .breadcrumb .circle .icon-terms {
					background-image: url(images/icon-terms.png);
					margin: 4px 0 0 7px;
				}
				#header .breadcrumb .circle .icon-help {
					background-image: url(images/icon-help.png);
					margin: 5px 0 0 6px;
				}
		
		#header .breadcrumb ul {
			padding: 0 0 0 15px;
			float: left;
		}
			#header .breadcrumb ul li {
				color: #4c7ba2;
				background-color: #f4f9fe;
				background-repeat: no-repeat;
				background-image: url(images/breadcrumb-sep.png);
				background-position: top right;
				float: left;
				height: 24px;
				padding: 5px 20px 0 15px;
			}
				#header .breadcrumb ul li.first {
					background-image: url(images/breadcrumb-first.png);
					width: 8px;
					padding: 5px 0 0;
				}
				
				#header .breadcrumb ul.multi-breadcrumb li.first { background-image: url(images/multi-breadcrumb-first.gif); }
				#header .breadcrumb ul.multi-breadcrumb li {
					background-color: #d9e7f3;
					background-image: url(images/multi-breadcrumb-sep.gif);
				}
				
				
				#header .breadcrumb ul li.last { background-image: url(images/breadcrumb-last.png); }
				#header .breadcrumb ul li.current,
				#header .breadcrumb ul li.current_page_item { background-color: #f4f9fe; font-weight: bold; }
	
	/*-----     End Breadcrumb     -----*/
	

/*==========     End Header     ==========*/




























/*==========     Footer     ==========*/

#footer-logos {
	margin: 20px 0 0;
}

	#footer-logos ul {
		width: 730px;
		margin: 0 auto;
	}
		#footer-logos ul li {
			float: left;
			margin: 0 30px 0 0;
		}		
			#footer-logos ul li + li + li + li + li { margin-right: 0; } /* target specific 5th number li supported in all browsers IE6?, IE7* FF, Chrome, Safari & Opera*/
			
		#footer-logos ul li a {
			display: block;
			float: left;
			width: 120px;
			height: 60px;
			text-indent: -9999px;
		}
		
			#footer-logos ul li > a { background-image: url(images/article1.gif); }
			#footer-logos ul li + li > a { background-image: url(images/article2.gif); }
			#footer-logos ul li + li + li > a { background-image: url(images/article3.gif); }
			#footer-logos ul li + li + li + li > a { background-image: url(images/article4.gif); }
			#footer-logos ul li + li + li + li + li > a { background-image: url(http://www.spokeo.com/blog/wp-content/uploads/2010/06/see_more_reviews.gif); 
                                                                      background-repeat: no-repeat; 
                                                                      margin-top: 6px; }

		#footer-logos ul li.last { margin-right: 0; }


#footer {
	font-size: .81em;
	background-color: #ebebeb;
	border-top: 1px solid #ddd;
	text-align: center;
	padding: 8px 0 0;
	margin: 20px 0 0;
}

	p.links a,
	p.links a:link,
	p.links a:visited { color: #666; }
	
	p.links a:hover,
	p.links a:active { color: #333; }
	
	p.copyright {
		color: #999;
		padding: 4px 0 8px;
	}

/*==========     End Footer     ==========*/



























/*==========     Sidebar     ==========*/

#sidebar {
	float: left;
	width: 230px;
	margin: 0 10px 40px 0;
}


#sidebar img {
	width: 222px;
	margin: 0 0 20px;
}

	
	/*-----     Widget     -----*/
	
	.widget {
		width: 180px;
		float: right;
                margin-right: 15px;
                margin-bottom: 50px;
	}

		.widget h3 {
			background: url(images/widget-title.png) no-repeat;
			border-bottom: 1px solid #dcdcdc;
			font-weight: normal;
			height: 31px;
			line-height: 31px;
			padding: 0 0 0 15px;
		}
		
		.widget .content {

			background: url(images/widget-bottom.png) bottom left no-repeat;
			padding: 0 0 10px;
		}
				
			.widget .content ul {
				border-width: 0 1px;
				border-style: solid;
				border-color: #ececec;
				padding: 10px 0 0 15px;
			}
			
				.widget .content ul li { margin: 0 0 10px; }
					.widget .content ul li.last { margin-bottom: 0; }
					.widget .content ul li:last-child { margin-bottom: 0; }
					
					.widget .content ul li.current,
					.widget .content ul li.current-cat,
					.widget .content ul li.current_page_item { font-weight: bold; }
				
				.widget .content ul li a,
				.widget .content ul li a:link,
				.widget .content ul li a:visited { color: #5a96c8; }
				
				.widget .content ul li a:hover,
				.widget .content ul li a:active { color: #29679a; }
			
	/*-----     End Widget     -----*/


#fb-widget { 
        margin-left: 20px; 
        margin-bottom: 40px;
}

#twitter-widget img {
        width: 180px;
        margin-left: 35px; 
        margin-bottom: 40px;
}

#sidebar_links {
        color: #fff;
        font-size: 1px;
        position: absolute;
        left: -10000px;
        top: -10000px;
        height: 1px;
        width: 1px;
}


/*==========     End Sidebar     ==========*/



























/*==========     Content     ==========*/

#content {
	color: #333;
	float: left;
	width: 680px;
	padding: 20px 0 50px 10px;
}

#content a,
#content a:link,
#content a:visited { color: #176fb9; }

#content a:hover,
#content a:active { color: #0d4c81; }













	/*-----     Layout Page     -----*/

		.layout-page h1 {
			font-size: 1.69em;
			font-weight: normal;
			padding: 0 0 20px;
			
			text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
		}
	
	
		.layout-page .entry > ol {
			list-style: decimal;
			padding: 0 0 15px 25px;
			margin: 0 0 60px;
			border-bottom: 1px solid #c1c1c1;
		}	
			.layout-page .entry > ol li {
				margin: 0 0 10px;
			}
			
			
		.layout-page h4 {
			font-size: 1.38em;
			font-weight: normal;
			padding: 0 0 10px;
			margin: 60px 0 0;
			
			text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
		}
			
			
		.layout-page p {
			line-height: 22px;
			margin: 0 0 20px;
		}
	
		.layout-page .other-topics {
			padding: 15px 0 0;
			margin: 60px 0 5px;
			border-top: 1px solid #c1c1c1;
		}
			.layout-page .other-topics + ul { padding: 0 0 0 15px; }
				.layout-page .other-topics + ul li { margin: 0 0 4px; }
				
	/*-----     End Layout Page     -----*/
	
	
	
	
	
	
	
	
	
	
	
	
	
	/*-----     Layout Blog     -----*/
	
	.layout-blog .article {
		margin: 0 0 80px;
		padding: 0 0 8px;
		background: url(images/article-bottom.png) bottom left repeat-x;
	}
		
		.layout-blog h2.pagetitle {
			color: #666;
			font-size: 1.53em;
			font-weight: normal;
			padding: 0 0 0px;
			margin: 0 0 20px;
			
			text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);			
		}
		
		.layout-blog .navigation {
			margin: 0 0 20px;
		}
		
			.layout-blog .navigation .alignleft { float: left; }
			.layout-blog .navigation .alignright { float: right; }
		
		.layout-blog .article h1 {
			font-size: 1.84em;
			font-weight: normal;
			padding: 0 0 7px;
			
			text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
		}
			.layout-blog .article h1 a,
			.layout-blog .article h1 a:link,
			.layout-blog .article h1 a:visited { color: #333 !important; }
		
			.layout-blog .article h1 a:hover,
			.layout-blog .article h1 a:active { color: #666 !important; }
		
		
		.layout-blog .article small {
			display: block;
			font-size: .92em;
			margin: 0 0 20px;
		}	
			.layout-blog .article small span.date { color: #777; }
			.layout-blog .article small span.comments {
				background: url(images/icon-comment.png) 0 2px no-repeat;
				padding: 0 0 0 18px;
                                margin-left: 5px;
			}
                        .layout-blog .article small span.likes { margin-left: 15px; }
				
			.layout-blog .article .entry img,
			.layout-page .article .entry img { max-width: 680px; }
	
			.layout-blog .article .entry p {
				line-height: 22px;
				margin: 0 0 20px;
			}
			
			
			.layout-blog .article .meta .category {
				background: url(images/icon-category.png) 0 1px no-repeat;
				padding: 0 0 0 20px;
			}
	
	
	
	
		/*-----     Comments + Form     -----*/
		
		.layout-blog #comments h4,
		.layout-blog #respond h4 {
			font-size: 1.69em;
			font-weight: normal;
			padding: 0 0 20px;
			
			text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
		}
		
			.layout-blog #comments .commentlist li {
				padding: 10px;
				border: 1px solid #dcdcdc;
				margin: 0 0 30px;
			}
				.layout-blog #comments .commentlist li.odd { background-color: #fafafa; }
			
			
				.layout-blog #comments .commentlist li span.author {
					display: block;
					font-weight: bold;
				}
				
				.layout-blog #comments .commentlist li span.comment-date {
					color: #999;
					display: block;
					font-size: .92em;
					margin: 0 0 10px;
				}
				.layout-blog #comments .commentlist li span.comment-approved {
					font-style: italic;
					display: block;
					padding: 5px;
					background-color: #f6ffeb;
					border: 1px solid #c1dba3;
				}
				
				.layout-blog #comments .commentlist li p {
					line-height: 18px;
					margin: 0 0 10px;
				}
				
				
				.layout-blog #respond .input-field { margin: 0 0 10px; }
				
					.layout-blog #respond .input-field input[type="text"],
					.layout-blog #respond .input-field textarea {
						width: 320px;
						padding: 4px 5px 0;
						border: 1px solid #e4e4e4;
					}
					.layout-blog #respond .input-field input[type="text"] {
						background: url(images/input-text.png) repeat-x;
						height: 22px;
					}
						.layout-blog #respond .input-field input[type="text"]:focus,
						.layout-blog #respond .input-field textarea:focus {
							border-color: #daf3ff;
									box-shadow: 0 0 4px rgba(190, 220, 255, 0.8);
							-webkit-box-shadow: 0 0 4px rgba(190, 220, 255, 0.8);
							-moz-box-shadow: 0 0 4px rgba(190, 220, 255, 0.8);
						}
					
					.layout-blog #respond .input-field label { color: #777; }
					
					.layout-blog #respond .input-field input[type="submit"] {
						background: url(images/input-button.png) repeat-x;
						color: #4c7fb1;
						font-weight: bold;
						border: 1px solid #dae7f5;
						height: 28px;
						position: relative;
						top: -7px;
						padding: 0 15px 2px;
						margin: 0 0 0 5px;
						
						text-shadow: 1px 1px 0 #fff;
								border-radius: 5px;
						-webkit-border-radius: 5px;
						-moz-border-radius: 5px;
					}
						.layout-blog #respond .input-field input[type="submit"]:hover  {
							border-color: #daf3ff;
									box-shadow: 0 0 4px rgba(190, 220, 255, 0.8);
							-webkit-box-shadow: 0 0 4px rgba(190, 220, 255, 0.8);
							-moz-box-shadow: 0 0 4px rgba(190, 220, 255, 0.8);
						}
				
		/*-----     End Comments + Form     -----*/
	
	
	/*-----     End Layout Blog     -----*/
	
	
	
	
	
/*==========     End Content     ==========*/
#feedback_form input[type="submit"] {
background: url(images/input-button.png) repeat-x;
color: #4c7fb1;
font-weight: bold;
border: 1px solid #dae7f5;
height: 28px;
position: relative;
top: -7px;
padding: 0 15px 2px;
margin: 0 0 0 5px;
text-shadow: 1px 1px 0 #fff;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
#feedback_form input[type="submit"]:hover  {
border-color: #daf3ff;
box-shadow: 0 0 4px rgba(190, 220, 255, 0.8);
-webkit-box-shadow: 0 0 4px rgba(190, 220, 255, 0.8);
-moz-box-shadow: 0 0 4px rgba(190, 220, 255, 0.8);
}
#feedback_form textarea {
width:600px;
height:140px;
border:1px solid #e4e4e4;
margin:10px 0 20px 0;
padding:5px;
}
#feedback_form input[type="text"] {
background:#FFF;
border:1px solid #e4e4e4;
padding:5px;
margin:10px 0 20px 0;
}
#feedback_form p {
line-height:16px;
width:600px;
}
#feedback_form em {
color:#777;
padding-top:5px;
}

.entry div.wpcf7-mail-sent-ok {
border:none;
color:#8cb86f;
}

.entry div.wpcf7-validation-errors {
border:none;
color:#bc4c4f;
}
.entry span.wpcf7-not-valid-tip {
display:none;
}
.entry div.wpcf7-response-output {
padding:0;
}