@charset "utf-8";
body {
	margin:0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5d5a4b;
	background:url(../img/family-blogs-safe.gif) #FFFFFF;
}

img {
	border:none;
}

.spacer {
	clear:both;
	margin:0px;
	padding:0px;
	display:block;
	height:1px;
	overflow:hidden;
}

p {
	margin:15px 0px; 
	line-height:15px;
	text-align:justify;
}

a {
	color:#a36318; 
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

h1 {
	display:block;
	font-size:18px;
	color:#66625a;
	font-weight:normal;
	margin:0px 0px 20px;
	padding:0px;
	width:100%;
}

h2 {
	font-size:15px;
	color:#a36318;
	font-weight:normal;
	margin:0px 0px 10px;
	padding:0px;
	font-style:italic;
}

h3 {
	margin:0px 0px 10px;
	padding:0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#FFFFFF;
	font-style:italic;
}

h4 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:17px;
	color:#a36318;
	font-style:italic;
	margin:0px;
	padding:0px 0px 0px 20px;
	font-weight:normal;
	background:url(../img/safe-blogs-family.gif) 3px 2px no-repeat;
	margin-left:-20px;
}
/*********** header styles ************/

#header {
	display:block; 
	height:118px; 
	overflow:hidden;
	background:url(../img/family-internet-safety.jpg) top center no-repeat;
}

#header .wrapper {
	width:1102px; 
	display:block; 
	margin:0px auto;
}

#header .hleft {
	width:295px; 
	float:left; 
	padding-left:60px;
}

#header .hright {
	width:730px; 
	float:right;
}

#header .hright .searchbar {
	float:right; 
	background:url(../img/families-blog.gif) top left no-repeat; 
	width:236px; 
	height:29px;
	overflow:hidden; 
	float:right; 
	text-align:left;
	padding-left:65px; 
	padding-top:5px;
}

#header .hright .searchbar .txtbox {
	width:120px; 
	border:none; 
	background:none; 
	padding-top:5px;
}

#header .hright .searchbar .button {
	background:none; 
	margin-left:5px; 
	cursor:pointer;
	border:none; 
	width:30px;
}

#header .hright .toplinks {
	float:right; 
	padding-top:8px; 
	padding-right:5px;
}

#header .hright .toplinks span {
	color:#5d5746;
}

#header .topbar {
	text-align:right; 
	font-size:13px; 
	color:#3b2d08; 
	display:block; 
	height:40px;
	overflow:hidden;
	padding-top:8px;
}

#header .topbar a {
	color:#3b2d08;
	text-decoration:none;
	padding:0px 5px;
}

#header .topbar a:hover {
	color:#ffffff;
	text-decoration:underline;
}

#header .topbar .sep {
	vertical-align:middle;
}

/************ topnav styles **************/

#topnav {
	margin:0px;
	padding:23px 0px 0px 0px;
	display:block;
	list-style:none;
/*	font-size:16px;*/
	color:#ffffff;
	text-transform:uppercase;
}

#topnav li {
	display:block;
	float:left;
	padding:0px 10px;
}

#topnav a {
	color:#FFFFFF;
	text-decoration:none;
	padding-bottom:30px;
	display:block;
}

#topnav a:hover {
	color:#3b2d08;
	background:url(../img/safe-blog-family.gif) bottom center no-repeat;	
}

#topnav .active {
	color:#3b2d08;
	background:url(../img/safe-blog-family.gif) bottom center no-repeat;
}

/************ content styles ************/

#content {
	display:block; 
	background:url(../img/family-blogs.gif) top repeat-x;
}

#content .shadow {
	background:url(../img/families-blog-safety.jpg) top center no-repeat;
}

#content .innercont {
	width:980px; 
	margin:0px auto; 
	background:#FFFFFF; 
	padding:20px;
}

#content .innercont .wraptop {
	background:url(../img/family-safety-online-blog.gif) repeat-y; 
	display:block;
}

#content .innercont .wrapbot {
	background:url(../img/safe-blogs-for-families.gif) bottom left no-repeat;
}

#content .leftcol {
	width:218px; 
	float:left; 
	background:url(../img/safe-blogs-for-kids.gif) top left no-repeat; 
	padding:10px 16px;
}

#content .leftcol h1 {
	font-size:14px; 
	color:#a36318; 
	font-family:Georgia, 'Times New Roman', Times, serif; 
	font-style:italic;
}

#content .rightcol {
	float:right; 
	width:716px;
}

#content .rightcol .banner {
	display:block; 
	width:716px; 
	height:149px; 
	overflow:hidden; 
	padding-bottom:15px;
}

#content .contbox {
	background:url(../img/family-blog-safe.gif) repeat-y; 
	width:715px; 
	margin-bottom:-7px;
}

#content .contbox .cb-top {
	background:url(../img/families-blog-safe.gif) top left no-repeat;
}

#content .contbox .cb-bot {
	background:url(../img/internet-safety-forfamilies.gif) bottom left no-repeat; 
	padding:8px 15px 20px;
}

#content .cols {
	display:block; 
	background:url(../img/blogs-for-kids.gif) 345px repeat-y;
}

#content .cols  .col01 {
 	 width:310px; 
	 line-height:16px; 
	 text-align:justify; 
	 float:left;
 }
 
#content .cols .col02 {
 	 width:310px; 
	 line-height:16px; 
	 text-align:justify; 
	 float:right;
 }
 
#content .box {
	background:url(../img/blogs-family.jpg) repeat-y; 
	width:673px; 
	display:block; 
	margin-top:20px;
}

#content .box .box-top {
	background:url(../img/safe-kid-blogs.jpg) top left no-repeat;
}

#content .box .box-bot {
	background:url(../img/family-safety-online.jpg) bottom left no-repeat;
	color:#FFFFFF; 
	font-size:12px; 
	text-align:justify; 
	padding:15px; 
	font-size:12px;
}
/************ leftnav styles *************/

.leftnav {
	margin:5px;
	padding:0px;
	list-style:none;
}

.leftnav li {
	display:block;
	padding:1px 0px;
}

.leftnav li a {
	display:block;
	height:23px;
	text-decoration:none;
	color:#000000;
	padding:7px 16px 0px 16px
}

.leftnav li a:hover {
	color:#ffffff;
	background:#969072;
}

.leftnav li .active {
	color:#ffffff;
	background:#969072;
}

.leftnav ul {
	margin:0px;
	padding:0px 0px 10px;
}

.leftnav ul li a {
	background:url(../img/bullet-blog-safety.gif) 18px 10px no-repeat;
	font-size:12px;
	color:#5c6125;
	padding-left:35px;
	height:auto;
}

.leftnav ul li a:hover {
	text-decoration:underline;
	color:#5c6125;
	background:url(../img/bullet-blog-safety.gif) 18px 10px no-repeat;
}
/** blog styles **/
.blog-title{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:17px;
	color:#a36318;
	font-style:italic;
	margin:0px;
	padding:0px 0px 0px 20px;
	font-weight:normal;
	background:url(../img/safe-blogs-family.gif) 3px 2px no-repeat;
	margin-left:-20px;
}
.blog-text{
	color:#2C2C2C;
	font-size:12px;
	line-height:16px;
	margin:10px 0;
}
.date{
	color:#9C9C9C;
	font-family:Georgia,'Times New Roman',Times,serif;
	font-size:12px;
	font-style:italic;
}
/************ home-banner styles *************/

#home-banner {
	background:url(../img/family-blog-safe.jpg) top left no-repeat; 
	height:260px; 
	display:block; 
	padding-bottom:15px;
}

#home-banner .text01 {
	 display:block; 
	 font-size:26px; 
	 color:#f9fafc; 
	 font-family:'Century Gothic', Arial, Helvetica, sans-serif; 
	 padding-left:60px; 
	 padding-top:26px;
}

#home-banner .text02 {
	 font-size:16px; 
	 color:#1c1c1c; 
	 font-family:'Century Gothic', Arial, Helvetica, sans-serif; 
	 text-transform:uppercase; 
	 padding-top:45px;
	 padding-left:60px;
}

#home-banner .text02 span {
	 color:#d64f00;
}

#home-banner .text03-block {
	 padding-top:40px; 
	 padding-left:20px; 
	 width:500px;
}

#home-banner .text03-block .left {
	font-size:14px; 
	color:#f9fafc; 
	font-family:'Century Gothic', Arial, Helvetica, sans-serif; 
	float:left;
}

#home-banner .text03-block .left .icon {
	vertical-align:middle; 
	margin-right:10px;
}

#home-banner .text03-block .right {
	float:right; 
	padding-top:10px;
}

/************ featured styles **************/

#featured {
	display:block; 
	background:url(../img/create-safe-kid-blog.gif) repeat-y;
	margin-bottom:10px;
}

#featured .feat-top {
	background:url(../img/create-family-safe-blog.gif) top left no-repeat;
}

#featured .feat-bot {
	background:url(../img/create-child-safe-blog.gif) bottom left no-repeat; 
	padding-bottom:20px;
	padding-top:8px;
}

#featured .feat-cont {
	background:url(../img/create-safe-family-blog.gif) 327px 0px no-repeat;
	display:block;
	width:975px;
	padding-left:5px;
}

#featured .feat-cont .column {
	width:325px; 
	float:left;
}

#featured .feat-cont .column .title {
	font-size:14px; 
	color:#272727; 
	text-align:center;
	display:block;
	height:34px;
}

#featured .feat-cont .column .title img {
	vertical-align:middle;
}

#featured .feat-cont .column .cont {
	padding:10px 15px 10px;
	font-size:12px; 
	color:#272727;
}

#featured .feat-cont .column .cont img {
	margin-bottom:10px;
}

#featured .feat-cont .column .cont a {
	color:#a36318;
	text-decoration:none;
}

/************ home-cont styles ***********/

#home-cont {
	display:block;
}

#home-cont .home-leftcol {
	width:300px;
	float:left;
}

#home-cont .home-leftcol .brownbox {
	background:url(../img/blog-safe.jpg) repeat-y; 
	width:300px; 
	margin-bottom:15px;
}

#home-cont .home-leftcol .brownbox h1{
	color:#FFFFFF;
	font-size:16px;
	text-align:center;
	text-transform:uppercase;
}

#home-cont .home-leftcol .brownbox .bb-top {
	background:url(../img/family-internet-safe.jpg) top left no-repeat;
}

#home-cont .home-leftcol .brownbox .bb-bot {
	background:url(../img/blog-posts-safety.jpg) bottom left no-repeat; 
	text-align:justify; 
	font-size:12px; 
	color:#FFFFFF; 
	padding:20px 15px;
}

#home-cont .home-leftcol .brownbox .title {
	font-size:16px; 
	color:#fFFFFF; 
	text-transform:uppercase; 
	text-align:center;
}

#home-cont .home-leftcol .brownbox p {
	margin:10px 0px;
}

#home-cont .home-leftcol .brownbox .link {
	text-align:right;
	color:#1c1c1c; 	
}


#home-cont .home-leftcol .brownbox .link a {
	color:#1c1c1c; 
	text-decoration:none;
}

#home-cont .home-leftcol .brownbox .link a:hover {
	text-decoration:underline;
}

#home-cont .home-leftcol .graybox {
	background:url(../img/safe-personal-blog.jpg) repeat-y; 
	width:300px;
}

#home-cont .home-leftcol .graybox .gb-top {
	background:url(../img/internet-safety-blog.jpg) top left no-repeat;
}

#home-cont .home-leftcol .graybox .gb-bot {
	background:url(../img/safe-personal-blogs.jpg) bottom left no-repeat; 
	padding:20px 15px; 
	color:#1e1e1e; 
	text-align:justify;
}

#home-cont .home-leftcol .graybox .title {
	 font-size:16px; 
	 color:#4f4f4f; 
	 text-transform:uppercase; 
	 text-align:center;
}

#home-cont .home-leftcol .graybox .title p {
	 margin:10px 0px;
}

#home-cont .home-leftcol .graybox .txtbox {
	background:url(../img/safe-blog-for-families.gif) top left no-repeat; 
	width:250px; 
	height:17px; 
	border:none; 
	font-size:12px; 
	color:#303030; 
	padding:7px 10px; 
	margin-bottom:10px;
}

#home-cont .home-leftcol .graybox .link {
	text-align:right;
}

#home-cont .home-rightcol {
	width:660px; 
	float:right;
}

#home-cont .home-rightcol .bloghead {
	background:url(../img/safe-blog-posts.gif) repeat-x; 
	display:block; 
	height:52px;
}

#home-cont .home-rightcol .bloghead .bhead-left {
	float:left; 
	padding-left:20px; 
	padding-top:5px;
}

#home-cont .home-rightcol .bloghead .bhead-left .head {
	font-size:10px; 
	color:#c7c4b9; 
	text-transform:uppercase; 
	padding-bottom:10px;
}

#home-cont .home-rightcol .bloghead .bhead-left .subhead {
	font-size:15px; 
	color:#525252; 
	text-transform:uppercase;
}

#home-cont .home-rightcol .bloghead .bhead-right {
	float:right; 
	color:#bdbcb7;
	font-size:10px; 
	padding-right:18px; 
	padding-top:20px;
}

#home-cont .home-rightcol .bloghead .bhead-right a {
	color:#bdbcb7;
	text-decoration:none;
}

#home-cont .home-rightcol .bloghead .bhead-right a img {
	vertical-align:middle;
}

#home-cont .home-rightcol .blogpost {
	background:url(../img/child-blog-safety.gif) bottom repeat-x; 
	padding:10px 20px;
}

#home-cont .home-rightcol .blogpost p {
	font-size:12px; 
	color:#2c2c2c;
	line-height:16px; 
	margin:10px 0px;
}


#home-cont .home-rightcol .blogpost span {
	font-size:12px; 
	font-family:Georgia, 'Times New Roman', Times, serif; 
	color:#9c9c9c; 
	font-style:italic;
}

#home-cont .home-rightcol .viewall {
	 text-align:right; 
	 padding-top:10px; 
	 padding-right:10px;
}

.sbot{
	background:url(../img/btn-family-blogs.gif) no-repeat;
	border:none;
	width:124px;
	height:25px;
	margin-left:140px;
}
/************ footer styles *************/

#footer {
	display:block; 
	height:120px; 
	background:url(../img/family-blog-safety.jpg) top repeat-x;
}

#footer .wrapper { 
	width:1018px; 
	margin:0px auto;
}

#footer .copyright {
 	display:block; 
	font-size:12px; 
	color:#FFFFFF; 
	padding-top:15px; 
	clear:both; 
	padding-left:15px;
}

#footer .copyright a {
	text-decoration:none;
	color:#FFFFFF;
}

#footer .copyright a:hover {
	text-decoration:underline;
}

/********** footnav styles **************/

#footnav {
 	display:block; 
	height:43px; 
	overflow:hidden; 
	background:url(../img/family-blog-safety.gif) 50px 0px no-repeat;
}

#footnav .icon {
	float:left; 
	padding-left:19px; 
	padding-right:50px; 
	padding-top:5px;
}

#footnav ul {
	display:block;
	list-style:none;
	margin:0px;
	padding:14px 0px 0px 0px;
	float:left;
}

#footnav ul li {
	display:block;
	float:left;
	padding:0px 10px;
}

#footnav ul li a {
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
}

#footnav ul li a:hover {
	color:#f18900;
}

#footnav ul .active a {
	color:#f18900;
}