/*
     FILE ARCHIVED ON 10:21:57 May 16, 2013 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 3:37:57 Jul 5, 2014.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/* 
Theme Name: Blog Building University
Theme URI: http://blogbuidingu.com/
Description: Blog theme created specifically for Blog Building Unviersity
Version: 1.1
Author: Hendry Lee
Author URI: http://blogbuildingu.com/
*/

body, div, dl, dt, dd, ul, ol, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0em; padding: 0em; }

/*////////// GENERAL //////////*/
body {
  margin: 0;
  color: #000;
  background: #D4EBF3 url(images/wp-content-themes-bbu-images-bg.jpg) repeat-x left top;
  font-size: 75%;
  font-family: Verdana, Arial, Tahoma, sans-serif;
}

#container {
  width: 82em;
  margin: 0 auto;
  background-color: #fff;
  border-left: 1px solid #aaa;
  border-right: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
}

/*////////// TYPEOGRAPHY //////////*/
h1 {
  font-family: Arial, Verdana, Tahoma, sans-serif;
  font-weight: normal;
  font-size: 250%;
  line-height: 0.9em;
  color: #888;
  margin: 0.3em 0 0.5em;
}

h1.headline, h2.headline, h3.headline {
	font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
	font-weight: bold;
	letter-spacing: 0.005em;
	text-align: center;
}

h1.headline {
	font-size: 320%;
	letter-spacing: -0.015em;
	line-height: 1.1em;
	color: #BA0000;	
}

h2 {
  font-family: Arial, Verdana, Tahoma, sans-serif;
  font-weight: normal;
  font-size: 180%;
  color: #9AA4A6;
  margin: 0.5em 0 0.3em;
}

h2.headline {
	font-size: 220%;
	color: #000;
}

h3 {
  font-family: Arial, Verdana, Tahoma, sans-serif;
  font-weight: normal;
  font-size: 160%;
  color: #9AA4A6;
  margin: 0.5em 0 0.3em;
}

h3.headline {
	font-size: 160%;
	color: #000;
}

h4 {}

p {
  font-size: 1.2em;
  line-height: 1.3em;
  margin-bottom: 1em;
}

a:link, a:visited {
color: #00e;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}
		
/*///////// HEADERS //////////*/
#header {
  background: #84C6DD url(images/wp-content-themes-bbu-images-header-bg.jpg) repeat-x left bottom;
  width: 82em;
  margin: 0 auto;
  height: 60px;
}

#headernarrow {
	background: #84C6DD url(images/wp-content-themes-bbu-images-header-bg.jpg) repeat-x left bottom;
	width: 82em;
	margin: 0 auto;
	height: 20px;
}

#header p, #header h1, #header h2/**/ { 
   /*display: none;*/
}

#logo {
  float: left;
  margin-left: 2em;
}

/*////////// CONTENT //////////*/
#content {
  float: left;
  width: 46em;
  padding: 0 2em;
  margin-top: 1em;
  background: #fff;
}

#contentsingle {
	float: left;
	width: 55em;
  padding: 0 2em;
	margin: 1em 0 0 13.5em;
	background: #fff;
}
	
#content h1 a {
  color: #888;
}
		
#content h2 a {
	color: #9AA4A6;
}

#content ul {
  list-style-type: circle;
}

#content ul li, #content ol li {
  margin-left: 2em;
  margin-bottom: 1em;
  font-size: 1.2em;
}

#content ul li li, #content li li {
  font-size: 1em;
}

#contentsingle ul {
  list-style-type: circle;
}

#contentsingle ul li, #contentsingle ol li {
  margin-left: 2em;
  margin-bottom: 1em;
  font-size: 1.2em;
}

#contentsingle ul li li, #contentsingle li li {
  font-size: 1em;
}

/*
p.rssfeed {
  display: block;
  width: 275px;
  height: 95px;
  margin-left: 0px;
  background: url('images/wp-content-themes-bbu-images-rss-feed.jpg') no-repeat;
}
*/

.rsslink {
  display: block;
  width: 275px;
  height: 95px;
  margin: 0;
  padding: 0;
}

code {
  font-family: 'Courier New', Courier, Monospace;
  font-size: 1.1em;
  padding: 1em 0 1em 0;
}

blockquote {
  margin: 0 0 1em 1em;
  padding: 1em 1em 0 1em;
  font-weight: normal;
  border: 1px solid #F7DBB4;
  background-color: #F9F2E2;
  width: 90%;
} 

.highlight { background: #faf5be; }
.underline { padding-bottom: .15em; border-bottom: 1px dotted #000; }


.postmetadata {
  color: #9AA4A6;
  background-color: #F6F7F8;
  padding: 0.5em 0;
  margin-bottom: 2em;
  border-top: 1px solid #9AA4A6;
  border-bottom: 1px solid #9AA4A6;
}

.postmetadata2 {
  color: #9AA4A6;
}

/*////////// SIDEBARS //////////*/
#sidebar {
  float: right;
  width: 30em;
  padding: 1em 1.8em 0 0;
  margin-top: 1em;
  background: #fff;
}

#sidebar h2 { 
  display: block;
  background-color: #F7DBB4;
  margin: 0.5em 0 0.1em;
  padding: 0.25em;
}

#sidebar ul {
  margin-bottom: 1em;
}

#sidebar ul li {
  list-style-type: none;
  border-bottom: 1px solid #ededed;
}

#sidebar ul li a, #sidebar ul li a:visited {
  display: block;
/*  background: url('images/wp-content-themes-bbu-images-arrow.gif') no-repeat left center; */
  padding: 5px 0;
  font-size: 1.2em;
  color: #000;
  text-decoration: none;
}

#sidebar ul li a:hover {
  background-color: #F9F2E2;
}

#sidebar ul.STO_cma_archive_list ul {
  margin-top: 0.5em;
}

#sidebar ul.STO_cma_archive_list ul li {
  margin-left: 2em;
}

#sidebar ul.STO_cma_archive_list li {
  border-bottom: none;
}

#sidebar .STO_cma_archive_list ul li a {
  display: inline;
  padding: 0.25em 0.5em;
}

#sidebar ul li .STO_cma_link a {
  background-image: none;
}

#subscription { width: 27.75em; margin-bottom: 0.5em; padding: 0.8em; background: #F9F2E2; border: 3px solid #F7DBB4; }

#sidebar ul#intouch li a { width: 15em; padding: 10px 0 10px 2.5em; }
#sidebar ul#intouch li.rssfeed a { background: url('images/wp-content-themes-bbu-images-rssfeed.png') 5px 8px no-repeat; }
#sidebar ul#intouch li.rssfeed { background: url('/web/20130516102157/http://feeds.feedburner.com/~fc/blogbuildingu?bg=FF9900&fg=444444&anim=0') no-repeat center right; }
#sidebar ul#intouch li.rssfeed a:hover { background: #F9F2E2 url('images/wp-content-themes-bbu-images-rssfeed.png') 5px 8px no-repeat; }
#sidebar ul#intouch li.twitter a { background: url('images/wp-content-themes-bbu-images-twitter.png') 5px 8px no-repeat; }
#sidebar ul#intouch li.twitter { background: url('/web/20130516102157/http://twittercounter.com/counter/?username=hendrylee&style=') no-repeat center right; }
#sidebar ul#intouch li.twitter a:hover { background: #F9F2E2 url('images/wp-content-themes-bbu-images-twitter.png') 5px 8px no-repeat; }
#sidebar ul#intouch li.facebook a { background: url('images/wp-content-themes-bbu-images-facebook.png') 5px 8px no-repeat; }
#sidebar ul#intouch li.facebook a:hover { background: #F9F2E2 url('images/wp-content-themes-bbu-images-facebook.png') 5px 8px no-repeat; }
#sidebar ul#intouch li.youtube a { background: url('images/wp-content-themes-bbu-images-youtube.png') 5px 8px no-repeat; }
#sidebar ul#intouch li.youtube a:hover { background: #F9F2E2 url('images/wp-content-themes-bbu-images-youtube.png') 5px 8px no-repeat; }

#sidebar-left {
	float: left;
	width: 15em;
	background: #fff;
}

#sidebar-right {
	float: right;
	width: 15em;
	background: #fff;
}

/*////////// NAV //////////*/

#top_navlist {
  float: right;
  margin: 20px 2em 0 0;
  padding: 0;
}

#top_navlist ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
}

#top_navlist ul li { 
  float: left; 
}

#top_navlist ul li a {
  text-decoration: none;
  background: url('images/wp-content-themes-bbu-images-navbar.jpg') no-repeat top left;
  float: left;
  margin: 0 5px 0 0;
  padding-top: 8px;
  width: 95px;
  height: 50px;
}

#top_navlist ul li.current_page_item a, #top_navlist ul li.current_page_item a:hover {
  background-position: -95px 0;
  width: 95px;
  height: 50px;
}

#top_navlist ul li a, #top_navlist ul li a:visited {
  font-family: Arial, Verdana, Tahoma, sans-serif;
  font-size: 1.5em;
  letter-spacing: -1px;
  color: #333;
  font-weight: normal;
}

#top_navlist ul li a:hover {
  background-position: -190px 0;
  color: #777;
}

#top_navlist ul li.current_page_item a {
  color: #000;
}

#addresstop {
  float: right;
  margin: 0 2em 0 0;
  padding: 0;
}
	
/*////////// BLOG ELEMENTS //////////*/
ol.commentlist, ol.tblist {
  margin-top: 1em;
}

#boxcomments {
  margin-top: 2em;
}
 
#boxcomments p {
  font-size: 1em;
}
		
/*////////// FORMS //////////*/
form#searchform { 
  margin-bottom: 1em;
}

form#searchform input {
  padding: 0.2em;
  background-color: #F5F5F5;
  color: #777;
  width: 23.25em;
  font-size: 1.25em;
}

form#searchform input:hover, form#search input:focus {
  background-color: #fff;
  color: #000;
}
 
form#ecourse input {
  padding: 0.1em;
  background-color: #F5F5F5;
  color: #777;
  width: 9.5em;
  font-size: 1em;
}

form#ecourse input:hover, form#ecourse input:focus {
  background-color: #fff;
  color: #000;
}

form#ecourse input.submit {
  background-color: #E3E0DB;
  color: #000;
  font-weight: bold;
}

form#ecourse input:hover.submit {
  background-color: #329600;
  color: #fff;
}


#optinform {
  width: 55em;
  margin: 1.5em auto;
}

form#mainoptin { 
  margin: 0 auto;
  padding-top: 1em;
  overflow: hidden;
  width: 450px;
  text-align: center;
}

form#mainoptin dl dt {
  padding: 0.5em 0em;
  clear: both;
  width: 31%;
  float: left;
  text-align: right;
}

form#mainoptin dl dt label {
  font-size: 1.5em;
}

form#mainoptin dl dt.submit {
  margin: 0em auto;
  width: 430px;
}

form#mainoptin dl dt.submit button {
  border-width: 2px;
  margin: 0em auto;
  padding: 0.25em;
  background: #D5D0CA url('images/wp-content-themes-bbu-images-tick.png') no-repeat 1.5em 0.25em;
  width: 420px;
  font-size: 210%; 
  font-weight: bold;
  cursor: pointer;
  text-align: center;
}

form#mainoptin dl dt.submit button:hover {
  background-color: #329600;
  color: #fff;
}

form#mainoptin dl dd { 
  margin: 0em 0em 0.5em 0.25em;
  float: left; width: 68%;
}

form#mainoptin dl dd input {
  padding: 0.5em;
  background-color: #F5F5F5;
  width: 230px;
  font-size: 1.5em;
}

form#mainoptin dl dd input:hover, form#mainoptin dl dd input:focus {
  background-color: #fff;
  color: #000;
}
  
/*////////// FOOTER //////////*/
#infooter {
  clear: both;
  text-align: center;
  padding-top: 2em;
}

#footer {
  clear: both;
  text-align: center;
  margin-top: 1em;
}
		
/*////////// IMAGES //////////*/		
img { border: none; }
.alignright { float: right; clear: right; margin: 0 0 5px 10px; background: #fff; }
.alignleft { float: left; clear: left; margin: 0 10px 5px 0px; background: #fff; }
.aligncenter, div.aligncenter { display: block; margin: 0 auto 20px auto; float: none; clear: both; }
#content img.aligncenter { background-color: #f0f0f0; border: 1px solid #cecfd0; padding: 10px 25px; }

/*////////// TABLE //////////*/		
table.tbl {clear:both; width:520px; margin:1em auto; font-size: 12px; border-collapse:collapse; empty-cells:show; background-color:rgb(233,232,244);}
table.tbl th.top {height:2.5em; padding:0 7px 0 7px; empty-cells:show; background-color:#E5E4E0; text-align:center; color:#000; font-weight:bold;}
table.tbl th {height:2.0em; padding:2px 7px 2px 7px; border-left:solid 1px #fff; border-right:solid 1px #fff; border-top:solid 1px #fff; border-bottom:solid 1px #fff; background-color:#E5E4E0; text-align:center; color:#000; font-weight:bold;}
table.tbl td {height:2.0em; padding:2px 7px 2px 7px; border-left:solid 1px #fff; border-right:solid 1px #fff; border-top:solid 1px #fff; border-bottom:solid 1px #fff); background-color:#F5F5F3; text-align:center; font-weight:normal; color:#000;}
table.tbl td.tabtitle {background-color: #D2D2D2;}
table.tbl th.leftcol {width: 150px;}
table.tbl td p {font-size: 90%; line-height: 110%; margin: 0; padding: 0}

/*///////// WP-SYNTAXT //////////*/
.wp_syntax {
  color: #100;
  background-color: #f9f9f9;
  border: 1px solid silver;
  margin: 0 0 1.5em 0;
  overflow: auto;
}

/* IE FIX */
.wp_syntax {
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: expression(this.scrollWidth > this.offsetWidth ? 15 : 0);
  width: 100%;
}

.wp_syntax table {
  border-collapse: collapse;
}

.wp_syntax div, .wp_syntax td {
  vertical-align: top;
  padding: 2px 4px;
}

.wp_syntax .line_numbers {
  text-align: right;
  background-color: #def;
  color: gray;
  overflow: visible;
}

/* potential overrides for other styles */
.wp_syntax pre {
  margin: 0;
  width: auto;
  float: none;
  clear: none;
  overflow: visible;
  font-size: 12px;
  line-height: 1.333;
} 

/*/////////// COMMENTS ///////////*/
/************************************************
*	Comments									*
************************************************/
	
.commentlist li ul li {
	font-size: 12px;
	}

.commentlist li {
	font-weight: bold;
	}

.commentlist li .avatar { 
	background: #FFFFFF;
	float: right;
	border: 1px solid #EEEEEE;
	margin: 0px 5px 0px 10px;
	padding: 2px;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 12px;
	}

.commentlist p {
	font-size: 12px;
	font-weight: normal;
	text-transform: none;
	}

.commentmetadata {
	font-weight: normal;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0px;
	}

#commentform {
	margin: 5px 10px 0px 0px;
	}
	
#commentform textarea {
	width: 98%;
	padding: 2px;
	}
	
#respond:after {
	content: "."; 
	display: block; 
	height: 0px; 
	clear: both; 
	visibility: hidden;
	}
	
#commentform p {
	margin: 5px 0px 5px 0px;
	}
	
#commentform #submit {
	margin: 0px;
	float: left;
	}
	
.alt {
	margin: 0px;
	padding: 10px;
	}

.commentlist {
	margin: 0px;
	padding: 0px;
	}
	
.commentlist ol {
	margin: 0px;
	padding: 10px;
	}

.commentlist li {
	margin: 15px 0px 10px;
	padding: 10px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
	}

.commentlist p {
	margin: 10px 5px 10px 0px;
	padding: 0px;
	}
	
.children { 
	margin: 0px;
	padding: 0px;
	}

.nocomments {
	text-align: center;
	margin: 0px;
	padding: 0px;
	}

.commentmetadata {
	font-size: 10px;
	margin: 0px;
	display: block;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 40px;
	}
	
.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
	
.thread-alt {
	background: #FFFFFF;
	margin: 0px;
	padding: 0px;
	}
	
.thread-even {
	background: #EEEEEE;
	margin: 0px;
	padding: 0px;
	}
	
.depth-1 {
	border: 1px dotted #BBBBBB;
	margin: 0px;
	padding: 0px;
	}

.even, .alt {
	border-top: 1px dotted #BBBBBB;
	border-bottom: 1px dotted #BBBBBB;
	border-left: 1px dotted #BBBBBB;
	margin: 0px;
	padding: 0px;
	}