/* STANDARD */
body{ background-color: #222; margin: 0px; padding: 0px; font-size: 11pt; line-height: 130%; font-family: 'Roboto Condensed', sans serif; background-position: top center;}

h1{ font-weight: 300; font-size: 24pt; line-height: 110%; margin: 0px; color: #FFF}
h2{ font-weight: 700; font-size: 14pt; line-height: 110%; margin: 0px}
h3{ font-weight: 700; font-size: 11pt; line-height: 100%; margin: 0px 0px 5px 0px; color: #999;}
p{ font-family: 'Roboto'}
img{ border: none}

a{ color: #4BE; text-decoration: none}
a:hover{ color: #AFF; text-decoration: none}
/*
#site_menu{ width: 100%; text-align: center; background-image: url(images/menu_background.png); background-repeat: repeat-x}
#site_menu a{ display: block; color: #000; font-weight: 300; font-size: 14pt; padding: 0px 15px 6px 15px;}
#site_menu ul{ list-style: none; display: inline-block; margin: 0px; padding: 0px}
#site_menu li{ float: left; margin: 0px 1px 0px 0px; height: 60px; line-height: 45px; background-image: url(images/menu_background.png); background-repeat: repeat-x}
#site_menu .active{ background-image: url(images/menu_background_active.png); background-position: top center}
#site_menu img{ vertical-align: middle}*/

#site_menu{ width: 100%; text-align: center; background-image: url(images/menu_background.png); background-repeat: repeat-x}
#site_menu a{ color: #000; font-weight: 300; font-size: 13pt}
#site_menu ul{ list-style: none; display: inline-block; margin: 0px; padding: 0px; width: 720px}
#site_menu li{ float: left; margin: 0px 1px 0px 0px; padding: 0px 10px 0px 10px; height: 60px; line-height: 60px; background-image: url(images/menu_background.png); background-repeat: repeat-x}
#site_menu .active{ background-image: url(images/menu_background_active.png); background-position: top center}
#site_menu img{ vertical-align: middle}

#sprinkle_menu{ width: 100%; text-align: center}
#sprinkle_menu a{ color: #DEF; font-weight: 300; font-size: 14pt}
#sprinkle_menu ul{ list-style: none; display: inline-block; margin: 0px; padding: 0px}
#sprinkle_menu li{ float: left; margin: 0px; padding: 0px 25px 0px 25px; height: 60px; line-height: 35px}
#sprinkle_menu .active{ background-image: url(images/sprinkle_menu_active.png); background-position: top center; background-repeat: no-repeat}
#sprinkle_menu img{ vertical-align: middle}

#page{ width: 730px; margin: auto; color: #CCC;}

#top_menu_container{width: 500px; height: 40px; margin: 0px auto 50px auto}
#top_menu_container a{color: #FFF}
#top_menu_container img{margin: 0px 10px 0px 10px}
#top_menu_left{width: 150px; display: inline-block; float: left; margin-top: 10px}
#top_menu{width: 200px; display: inline-block; margin: auto; text-align: center}
#top_menu_right{width: 150px; text-align: right; display: inline-block; float: right; margin-top: 10px}

#content{ width: 730px; margin-top: 13px}

#about_us{ font-family: 'Roboto Condensed', sans serif; font-weight: normal; font-size: 19pt; text-align: center; margin-bottom: 30px; color: #EEE}
#back_link{ float: left; margin-left: 50px; font-family: 'Roboto Condensed', sans serif, cursive; font-weight: normal; font-size: 19pt}
#mediocre { text-align: center; margin: 15px 0px 20px 0px; clear: both}

.blog_post{ width: 500px; margin-top: 5px; clear: both; margin: auto; margin-bottom: 70px; text-align: left;}
.blog_post .date{ color: #479; margin-bottom: 7px}

.comments_title{ border-top: solid 1px #39C}
.showhide{ display: inline-block; background-color: #39C; padding: 1px 5px 1px 5px; float: right; color: #000; font-weight: 700; font-size: 11pt}
.comments{ background-color: #246; padding: 10px 0px 10px 0px}
.comment_name{ font-size: 11pt; float: left; font-weight: 700; margin: 0px 10px 0px 10px; color: #8BC}
.comment_date{ font-size: 9pt; font-weight: 700; color: #479}
.comment_text{ margin: 5px 0px 10px 0px; padding: 0px 10px 10px 10px; border-bottom: dashed 1px #467; font-family: 'Roboto'; font-size: 10pt !important;}
#comment{ width: 472px; height: 50px; margin: 8px 0px 0px 0px; border: none; padding: 4px 4px 4px 6px}

#rss{ position: absolute; top: 60px; left: 10px; color: #FFF; font-weight: 700}
#rss img{ vertical-align: middle; margin-right: 3px}
#copy{ font-size: 10pt; font-weight: 700; color: #888; margin: 0 0 10px 13px}

.about{ width: 750px; margin-top: 5px; clear: both; margin: auto; margin-bottom: 70px; text-align: justify;}
.about_col{ width: 250px; float: left; margin: 30px 0px 30px 0px;}
.about_col img{ margin: 10px 0px 10px 0px}
.about_back { color: #FFF; margin: 20px 0px 50px 0px}

/* kreawebb additions */
h1 a:link, h1 a:visited, h1 a:hover, h1 a:active{ color: #FFFFFF; }

.blog_post img {	max-width:100%;}
.showhide { cursor: pointer; }
.blog-paginate { width: 500px; margin-top: 5px; clear: both; margin: auto; margin-bottom: 70px }
.comment_text p { margin: 0px; }
.reply { font-size: 9pt; color: #AAA; text-align:right; margin-top: -20px}
.comment.depth-2 .comment_name, .comment.depth-2 .comment_text { padding-left: 15px; margin-left: 15px;}
.comment.depth-3 .comment_name, .comment.depth-3 .comment_text { padding-left: 30px; margin-left: 30px;}
.comment.depth-4 .comment_name, .comment.depth-4 .comment_text { padding-left: 45px; margin-left: 45px;}
.comment.depth-5 .comment_name, .comment.depth-5 .comment_text { padding-left: 60px; margin-left: 60px;}

.comments #submit { display: none;}
#respond { margin: 0 10px; }
#reply-title { font-size: 10pt; font-weight: bold; margin: 0px}
.logged-in-as { font-size: 9pt; margin: 0px;}
#respond { font-size: 9pt; }
.comments {display: none; }

#back_link {margin-bottom: 20px; }
#infscr-loading {
	text-align: center;
}

.comment-form label { width: 100px; width: 65px; display: inline-block;}
.comment-form .cptch_block label { width: 100%; }
.comment-form p { margin-top: 5px; margin-bottom: 5px; }

.comment-form-email, .comment-form-url, .comment-notes { display:none }

.comment-name {
	padding: 4px 4px 4px 6px;
	border: 0;
	margin: 8px 0px 0px 0px;
	width: 472px;
}