/* CSS Document */


body {
	margin: 0; padding:0; border: 0;
	font-size: 62.5%;
	background: #444;
	padding-left: 8px;
	padding-top: 8px;
	padding-bottom: 30px;
}

blockquote { border-left: 2px solid #ccc; padding: 10px 20px 10px 20px; background: #f8f8f8; }

div#topnav {
	width: 760px;	
	margin: 0; padding:0; border: 0;
	background: #fff url(http://kylemaclean.com/tumble/img/headfoot/blue-bg-top.gif) no-repeat top right;
}

div#topleft {
	width: 220px;	height: 70px;
	margin: 0; padding:0; border: 0;	
	float: left;
}

.banner { width: 220px; height: 200px; border: 0;  }


div#topright {
	width: 540px;	height: 90px;
	margin: 0; padding: 70px 0 0 0; border: 0;	
	float: right;
}

.logo-green { padding-left: 15px; 
display:none;        
border:0;}

.logo-blue { padding-left: 15px; 
        border:0;}

div#bread {
	width: 500px;	
	margin: 0 0 0 0; margin-right: 20px !important; margin-right: 10px; padding: 9px 0 0 0; border: 0;	
	float: right;
	border-bottom: 1px solid #ddd;
}


#bread ul { list-style: none; margin: 0; padding: 0 0 10px 0; font: normal 1.2em Verdana, Arial, sans-serif; }
#bread ul li { display: inline; }
#bread ul li a { color: #5c91ce; text-decoration: none; font-weight: bold; }
#bread ul li a:hover { color: #444; }

#bread .left { padding: 0 10px 0 0; border-right: 1px solid #ccc; }
#bread .regular { padding: 0 10px 0 10px; border-right: 1px solid #ccc; }
#bread .right { padding: 0 0 0 10px; border-right: 0; }




div#overlord { width: 760px; background: #fff url(http://kylemaclean.com/tumble/img/headfoot/blue-bg-bottom.gif) no-repeat bottom right; }

/* left side */

div#container {
	width: 760px;
	margin: 0; border: 0; padding: 0;
	float: left;
	background:url(http://kylemaclean.com/tumble/img/left-fade.gif) repeat-y;
}


div#blogbody {
 	width: 510px;
	margin: 0 0 0 0; margin-right: 10px !important; margin-right: 0px; border: 0;
	padding: 18px 0px 100px 0px;
	float: right;
}

div#leftnav {
	width: 190px;
	margin: 0; border: 0; padding: 15px 15px 120px 15px;
	float: left;
	text-align: left;
}

#leftnav ul { margin: 0 0 10px 0; padding: 0; border: 0; list-style: none; }
#leftnav ul li { text-align: left; margin: 0 0 0 0; font: normal 1.1em Verdana, Arial, sans; border-top: 1px solid #444; background:none;}
#leftnav ul li a { width: 175px; display: block; margin: 0;color: #ccc; padding: 8px 5px 8px 10px; text-decoration: none; }
#leftnav ul li a:hover { color: #fff; background: #444; }

#leftnav p { padding: 5px 0 0 10px; text-align: left; margin: 0 0 0 0; font: normal 1.1em Verdana, Arial, sans; border-top: 1px solid #444; background:none; color: #ccc;}

#leftnav .style { margin:0 0 -2px 0; border:0px;}

#leftnav .header { margin: 0 0 1px 0; color: #888; text-transform: uppercase; letter-spacing: 0.2em; border-top: 0; padding:12px 5px 12px 10px;  font: normal 1.1em Arial, Helvetica, sans; }
#leftnav .header a { width: 175px; display: block; color: #888; margin: 0; border-top: 0; padding:0; }
#leftnav .header a:hover { color: #ccc; background: none; }
#leftnav .rss-green { margin:0 0 -2px 0; border:0px; display:none;}
#leftnav .rss-blue { margin:0 0 -2px 0; border:0px;}
#leftnav .inputText {font: 1em Verdana, Arial, Helvetica, sans; color: #444; font-weight: bold; padding: 1px 1px 1px 1px; }



/* text styles */

#blogbody { font: normal 1.2em Verdana, Arial, Helvetica, sans; color: #444; text-align: left; line-height: 1.5em; }
#blogbody a { text-decoration: none; color: #5c91ce; font-weight: bold; }
#blogbody a:hover {  color: #444; }

#blogbody .highlight { border: 1px solid #ccc; padding: 10px 20px 10px 20px; background: #f8f8f8; }

#blogbody .lighttext { color: #aaa; }

#blogbody .description { font: normal 1.1em Verdana, Arial, Helvetica, sans; color: #444; text-align: left; line-height: 1.2em; }

#blogbody .stats { background: #f8f8f8; font: normal 1.2em Verdana, Arial, Helvetica, sans; color: #444; }

#blogbody .blogimg { float: left; border: 1px solid #ccc; margin: 5px 10px 5px 5px; padding: 2px 2px 2px 2px;}
#blogbody a:hover .blogimg { border: 1px solid #5c91ce; }

#blogbody .brown { font: normal 1.1em Verdana, Arial, Helvetica, sans; color: #444; text-align: left; line-height: 1.2em; }
#blogbody .brown a { font-weight: bold; color: #CE9A00; }

/* Flickr Styles */

#blogbody .flickr {float: right; margin-left: 10px; margin-bottom: 10px; }
#blogbody .flickrimg {border: 1px solid #ccc; padding: 2px 2px 2px 2px; }
#blogbody a:hover .flickrimg {border: 1px solid #5c91ce; }

/* list item styles */

#blogbody ul {	text-align: left; font: 1.1em Verdana, Arial, Helvetica, sans; color: #444; margin: 5px 5px 5px 30px; border: 0; padding: 0;}

#blogbody ul li { list-style-type: none; line-height: 1.5em; margin: 0; padding-left: 30px; }

#blogbody ul li a { text-decoration: none; color: #5c91ce; font-weight: bold; }

#blogbody ul li a:hover { color: #444; }

#blogbody .li-large {	font: normal 2em "Times New Roman", Times, serif; color: #444; padding-left: 30px;	background:url(images/leaf-small.gif) no-repeat left top; }

#blogbody .li-uparrow { text-align: left; font: normal 1.1em Verdana, Arial, Helvetica, sans; color: #444; line-height: 1.6em; margin-bottom: 10px; padding-left: 20px; background:url(http://kylemaclean.com/tumble/img/bullets/grey-bullet-up.gif) no-repeat left center; }

#blogbody .li-arrow { list-style-type: none; line-height: 1.5em; margin: 0; padding-left: 30px; background:url(http://kylemaclean.com/tumble/img/bullets/blue-bullet-right.gif) no-repeat center left;}

#blogbody .li-noindent { list-style-type: none; font: normal 1.1em Verdana, Arial, Helvetica, sans; line-height: 1.6em; margin-bottom: 10px; padding-left: 0px; }

#blogbody .li-indent { text-align: left; font: normal 1.1em Verdana, Arial, Helvetica, sans; color: #444; line-height: 1.6em; margin-bottom: 10px; margin-left: 30px; background:url(http://kylemaclean.com/tumble/images/leaf-small.gif) no-repeat left top; }

#blogbody .li-bigindent { text-align: left; font: normal 1.1em Verdana, Arial, Helvetica, sans; color: #444; line-height: 1.6em; margin-bottom: 10px; margin-left: 60px; background:url(http://kylemaclean.com/tumble/images/leaf-small.gif) no-repeat left top; }

#blogbody .ul-feasability {	 text-align: left; font: normal 1em Verdana, Arial, Helvetica, sans; color: #444; margin: 0 0 20px 0; border: 0; padding: 0; }

#blogbody .li-feasability {	display: inline; text-align: left; padding: 0; margin-right: 0; color: #ccc; }



/* header styles */

/* For Quotes */
h1 { font: normal 1.8em "Times New Roman", Times, serif; color: #bbb; padding: 0 20px 0 40px; text-align: left; line-height: 1.2em; margin:20px 0 20px 10px; background: url('http://kylemaclean.com/tumble/img/bullets/quote.png') left top no-repeat; }

/* MTEntry Date Header */
h2 {font: bold 1em "Tahoma", "Lucida Grande", "Bitstream Vera Sans", "Verdana", sans-serif; margin: 0; padding: 0 0 5px 5px; color: #888; background: url(http://kylemaclean.com/tumble/img/headfoot/date-header-bg-blue.gif) left bottom repeat-x; text-transform: uppercase; }

/* MTEntry Title */
h3 { font: bold 1.5em "Tahoma", "Lucida Grande", "Bitstream Vera Sans", "Verdana", sans-serif; color: #777; padding: 0; margin: 0; line-height: 1.2em; }
h3 a { color: #5c91ce; text-decoration: none; }
h3 a:hover { color: #444; }

h4 { font: normal 2em "Times New Roman", Times, serif; color: #444; padding: 0; margin: 10px 0 12px 0; line-height: 1.4em; }
h5 { font: normal 3em "Times New Roman", Times, serif; color: #444; padding: 0; margin: 0 0 15px 0; }
h5 a { color: #5c91ce; text-decoration: none; }
h5 a:hover { color: #444; }
h6 { font: normal 2em "Times New Roman", Times, serif; color: #444; padding: 0; margin: 15px 0 0 0; line-height: 1.4em; }

/* clearing br */

.clear { clear: both; margin: 0; }

hr { border: 0; margin: 0; padding: 0; height: 1px; color: #ccc; background-color: #ccc; }

/* For Blog entries */

.posted {font-family:verdana, arial, sans-serif; font-size: x-small; color:#888; background:transparent; margin-bottom:10px; }

.bottomposted { text-align:right; }
.bottompostedimg { margin-bottom: -2px; }

/* Archives */
div#archiveleft {float: left; width: 225px; padding: 10px;}
div#archiveright {float: right; margin-right: 10px; width: 225px; padding: 10px;}

/* Del.icio.us */

.delicious-link {margin-right: 60px; padding: 0 5px 0 5px; 
}
.delicious-extended {margin-right: 60px; padding: 0 5px 0 5px; 
}
.delicious-tags {margin-right: 60px; border-bottom: 1px solid #ddd; margin-bottom: 5px; font-size: .8em; line-height: 1.1em; padding: 5px 5px 5px 15px; text-align: right;
}

/* Comments */
/* ------------------------------------------------------- */

.com0,
.com1,
#compreview {
	margin-bottom: 15px;
	padding: 0;
	background: #E2E2E2 url(http://kylemaclean.com/tumble/img/comments/odd/comtop-new.gif) no-repeat left top;
}

.message,
#TextDisplay {
	margin: 0;
	padding: 14px 14px 14px 40px;
	background: url(http://kylemaclean.com/tumble/img/comments/odd/combot.gif) no-repeat right bottom;
}

.authinfo {
	background: #fff url(http://kylemaclean.com/tumble/img/comments/odd/tail.gif) no-repeat left top;
	padding: 3px 0 0 33px;
	color: #666;
	font-size: 10px;
	margin-top: -1px;
}

.com0 {
	background: #eee url(http://kylemaclean.com/tumble/img/comments/even/comtop-new.gif) no-repeat left top;
}
.com0 .message {
	background: url(http://kylemaclean.com/tumble/img/comments/even/combot.gif) no-repeat right bottom;
}

.com0 .authinfo {
	background: #fff url(http://kylemaclean.com/tumble/img/comments/even/tail.gif) no-repeat left top;
}

.com1 span,
.com0 span,
#compreview span  {
	font-weight: bold;
	font-size: 12px;
	color: #888;
	display: block;
}
#TextDisplay {
	padding-bottom: 10px;
}

/* Typography */

h3#comment {
	margin: 3em 0 1em 0;
}