/*  
Theme Name: Dan Streeby
Description: Customized Theme
Author: SparkWeb Interactive
*/
@charset "UTF-8";

/* ----------  RESET  ------------ */

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,dd, dl, dt, li, ol, ul,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0px; padding: 0px; border: 0px; font-weight: inherit; font-style: inherit;font-size: 100%;font-family: inherit;
}
a img, :link img, :visited img { border: 0px; }
table { border-collapse: collapse; border-spacing: 0px; }
ol, ul { list-style: none; margin: 0; padding: 0; }
a { outline-color: -moz-use-text-color; outline-style: none; outline-width: 0; }


/* ----------  MISC BLOG CONTENT SETTINGS  ------------ */
.alignleft { float: left; margin: 5px 10px 5px 0; }
.alignright { float: right; margin: 5px 0 5px 10px; }
.aligncenter, div.aligncenter { margin: 10px auto; text-align: center; display: block; }
img.alignleft { float: left; margin: 5px 10px 5px 0; }
img.alignright { float: right; margin: 5px 0 5px 10px; }
img.aligncenter { margin: 10px auto; text-align: center; display: block; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px;padding: 0 4px 5px; margin: 0; color: #111; }
.highlight { color: #222222; font-weight: bold; }

/* ----------  STICKY FOOTER  ------------ */
html, body, #wraperp { height: 100%;}
body > #wrapper {height: auto; min-height: 100%;}
#maincontent {padding-bottom: 263px;}
#footer {margin-top: -263px; height: 263px; clear:both; position: relative;} 

/* ----------  CLEARFIX  ------------ */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */







/* ----------  BASIC SETUP  ------------ */


body {
	background: #058DB9 url(images/bg-clouds.jpg) repeat-y center top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 13px;
	margin: 0;
}

h1, h2 {
	font-size: 21px;
	font-family: Georgia;
	font-style: italic;
	font-weight: bold;
	margin-bottom: 9px;
}

h3 {
	font-weight: bold;
	margin-bottom: 7px;
	font-size: 15px;
}

p { margin-bottom: 1.2em; }
a { color: #0063A8; }
a:hover { color: #CD8054; }
strong { font-weight: bold; }
em { font-style: italic; }
.clr { clear: both; }
.alignright { float: right; }




/* ----------  BASIC DESIGN  ------------ */

#wrapper {
	width: 1076px;
	margin: 0 auto;
	background: url(images/bg-maincontent.png) repeat-y;
}
#header {
	height: 122px;
	width: 100%;
	position: relative;
	background: url(images/bg-menu.gif) no-repeat;
}
#maincontent {
	padding-top: 17px;
	padding-left: 83px;
	padding-right: 83px;
	min-height: 500px;
}


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

ul#nav li {
	float: left;
}
ul#nav li a {
	background-image: url(images/bg-nav.gif);
	background-repeat:  no-repeat;
	height: 122px;
	display: block;
	text-indent: -99999px;
}
ul#nav li a#menu-home		{ width: 131px; background-position: 0 0; }
ul#nav li a#menu-meet		{ width: 112px; background-position: -131px 0; }
ul#nav li a#menu-faq		{ width: 113px; background-position: -243px 0; }
ul#nav li a#menu-firstvisit	{ width: 127px; background-position: -356px 0; }
ul#nav li a#menu-kids		{ width: 114px; background-position: -483px 0; }
ul#nav li a#menu-teens		{ width: 114px; background-position: -597px 0; }
ul#nav li a#menu-parents	{ width: 116px; background-position: -711px 0; }
ul#nav li a#menu-blog		{ width: 113px; background-position: -827px 0; }
ul#nav li a#menu-contact	{ width: 136px; background-position: -940px 0; }



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

#footerbody {
	width: 1076px;
	margin: 0 auto;
	height: 243px;
	background: url(images/bg-footer.png) no-repeat;
	position: relative;
}
#footerbar {
	height: 20px;
	background-color: #3D1B01;
}

#address {
	position: absolute;
	top: 50px;
	left: 147px;
	width: 298px;
	height: 80px;
	text-align: center;
}
#address a { color: #0063A8; }

#phone {
	position: absolute;
	top: 164px;
	left: 249px;
	width: 298px;
	height: 80px;
	text-align: center;
	color: #fff;
}
#phone a { color: #fff; }

#follow {
	color: #000;
	font-family: Georgia;
	font-size: 21px;
	font-style: italic;
	font-weight: bold;
	height: 80px;
	left: 578px;
	position: absolute;
	top: 83px;
	width: 260px;
}
#social {
	position: absolute;
	top: 116px;
	left: 584px;
	width: 260px;
	height: 80px;
	color: #fff;
}
#social li {
	float: left;
	margin-right: 17px;
}
a#facebook {
	text-indent: -99999px;
	width: 64px;
	height: 64px;
	background: url(images/facebook.png) no-repeat;
	display: block;
}
a#twitter {
	text-indent: -99999px;
	width: 64px;
	height: 64px;
	background: url(images/twitter.png) no-repeat;
	display: block;
}
a#youtube {
	text-indent: -99999px;
	width: 64px;
	height: 64px;
	background: url(images/youtube.png) no-repeat;
	display: block;
}





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

#maincontent ul li {
	list-style: disc outside;
	margin-left: 35px;
	padding-left: 1px;
	margin-bottom: 4px;
}
#maincontent  ul {
	padding-bottom: 8px;
}
#maincontent ul.starbullets li {
	list-style: none;
	padding: 9px 0  0 23px;
	background: url(images/bullet_star.png) no-repeat -8px 0;
}
#maincontent ul.starbullets {
	margin-bottom: 20px;
}

.pageleft {
	float: left;
	width: 475px;
}

.pageright {
	float: right;
	width: 430px;
}











/* ----------  CONTACT FORM  ------------ */
label {
	clear: both;
	float: left;
	width: 160px;
	margin-bottom: 5px;
	text-align: right;
	padding-right: 5px;
}
input[type=text], select, textarea {
	float: left;
	width: 250px;
	margin-bottom: 5px;
	font-family: Arial;
	font-size: 12px;
}
input[type=submit] {
	clear: both;
	margin-top: 10px;
	margin-right: 20px;
	margin-left: 165px;
}
.required {
	margin-left: 3px;
	font-weight: bold;
	color: red;
}





/* ----------  FAQ  ------------ */
#faqsummary {
	margin-bottom: 30px;
}
.faq_approve { display: none; }
ol.faq li div.author {
	height: 50px;
}
body .faq h3 {
	font-size: 15px;
	margin-bottom: 7px;
	font-family: Georgia;
	font-style: italic;
}
ol.faq div.answer {
	padding: 4px;
}


/* ----------  KIDS  ------------ */
.imgclr {
	clear: both;
	height: 15px;
	text-indent: -99999px;
}


/* ----------  FRONT PAGE  ------------ */

#fpleft {
	float: left;
	width: 475px;
}

#fpright {
	float: right;
	width: 430px;
}

#content ul#fpblog li {
	margin: 0 0 10px 0;
	list-style: none;
	padding: 0;
}
#fpblog {
	padding: 0 10px 0 90px;
	background: url(images/blog.png) no-repeat;
}
.postName {
	font-weight: bold;
	margin-bottom: 4px;
}
.postDate {
	font-size: 11px;
	margin-bottom: 4px;
}

#mainlogo {
	padding-bottom: 10px;
	height: 180px;
	width: 380px;
	float: right;
	text-indent: -99999px;
	background: url(images/main-logo.gif) no-repeat center top;
}


#homeslideshow_outer {
	width: 380px;
	height: 425px;
	float: right;
	padding: 2px;
	border: 1px solid #E1E1E1;
	margin-bottom: 38px;
}
#homeslideshow_container {
	width: 380px;
	height: 425px;
	overflow: hidden;
}

#twitter_container {
	width: 425px;
	position: relative;
	height: 150px;
	clear: both;
}
#twitter_bird {
	width: 150px;
	height: 150px;
	background: url(images/twitter-bird.png) no-repeat 0 -11px;
	position: absolute;
	top: 0;
	left: 0;
}
#twitter_box {
	background-color: #FDCD50;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	width: 296px;
	height: 112px;
	position: absolute;
	top: 0;
	left: 130px;
}
#twitter_follow {
	width: 240px;
	height: 50px;
	position: absolute;
	top: 118px;
	left: 150px;
	font-family: Georgia;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
}
#maincontent .twitter_update_list li {
	padding: 16px 16px 0 36px;
	list-style-type: none;
	margin-left: 0;
}

.twitter_update_list li span {
	display: block;
	margin-bottom: 5px;
}

#feedbacklink {
    background: url("images/feedback.png") no-repeat scroll 0 4px transparent;
    display: block;
    font-family: georgia;
    font-size: 27px;
    font-style: italic;
    font-weight: bold;
    margin: 30px;
    padding: 4px 0 6px 42px;
    text-decoration: none;
}





/* ----------  BLOG  ------------ */

.topPost {
	padding-bottom: 10px;
}
#blogcontent {
	width: 650px;
	float: left;
}
.pagebar {
	clear: both;
	padding: 3px;
}
.pagebar a {
	padding: 2px 4px;
	border: 1px solid #048DB9;
}
.this-page {
	padding: 2px 4px;
}




/* ----------  SIDEBARS  ------------ */
#sidebar {
	background-color: #9ECA87;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	width: 230px;
	margin-bottom: 20px;
	padding: 8px 4px 5px 17px;
	float: right;
}
#sidebar ul li {
	list-style-type: none;
	margin-left: 0;
}
#wp-calendar tbody td {
	padding: 1px 4px;
}
#wp-calendar caption {
	font-weight: bold;
}
#wp-calendar thead th {
	font-weight: bold;
}
#calendar_wrap {
	margin-bottom: 12px;
}
#maincontent #sidebar #twitter_update_list li {
	padding: 0 0 10px 0;
}