/* button color #D1A319 */

a:hover { background:none;color:#c30;text-decoration:none; }
a span { color:#333; }
code { background:#ffc;padding:5px; }
blockquote { line-height:1.4; }
ol { margin-bottom:10px;margin-left:30px; }
ol li { margin-bottom:8px; }

.more-link { text-align:right; }

.gabewidget { margin-bottom:30px; }
    .gabewidget a { background:url(http://www.muledesign.com/images/gabewidget.jpg) 0 0 no-repeat;display:block;height:110px;text-indent:-9999px;width:200px; }
    .gabewidget a:hover { background-position:0 -110px; }
    
.podcast { margin-bottom:30px; height: 405px; background: url(http://muledesign.com/remote/mulers_blog.png) 0 0 no-repeat; }
 .podcast img { display:block; }
 .podcast p { padding:5px 8px 8px;text-align:center; }
 .podcast a { color:#f0edde; }
 .podcast a:hover,
 .podcast:hover a { color:#c90; }
.img-link { color: #f0edde;cursor:pointer;display:block;height:120px;padding: 310px 15px 10px 15px;line-height: 20px;position:relative;width:200px; }
#bobbles { display:block;height:61px;left:56px;position:absolute;top:71px;visibility:hidden;width:96px; }

.mistakes-excerpt img,
.podcast-excerpt img,
.mistakes-entry img,
.podcast-entry img { display:block;float:right;height:168px;margin-bottom:10px;width:170px; }
.mistakes-entry .posted img,
.podcast-entry .posted img { display:inline;float:none;height:auto;width:auto;margin:0; }

.entry { overflow:hidden; }

#blogbanner { width:950px;border-bottom:1px solid #000;position:relative;padding-bottom:4px;margin-bottom:20px; }
	#blogbanner h1 { width:325px;height:70px;text-indent:-9999px;background: url(http://www.muledesign.com/images/hoof_header.gif) top right no-repeat;	}
	#blogbanner h1 a { display:block;height:70px;width:325px; }
	#blogbanner h1 a:hover { background: none; }
a.feedicon { background:url(http://www.muledesign.com/images/feed-icon-16x16.gif) top right no-repeat;bottom:8px;color:#333;display:block;height:16px;padding:3px 22px 0 0;position:absolute;right:0; }
	a.feedicon:hover { text-decoration:underline; }
#blogcontent { float:left;padding:0 30px 100px 0;width:680px; }
	#blogcontent h2 { clear:both;margin-bottom:10px;margin-top:40px;padding-top: 80px;background:url(http://muledesign.com/images/v3-blog-divider.gif) no-repeat 50% 20px;font-size:2.5em;color:#000; }
	#blogcontent h2.firstentry, #blogcontent .entry h2 { background-image:none;padding-top: 0;margin-top: 0; }
	#blogcontent h2 a { color:#000; }
	#blogcontent h2 a:hover { background:none;text-decoration:none; }
	#blogcontent p { line-height:1.4;margin-bottom:10px; }
	#blogcontent p, #blogcontent blockquote, #blogcontent li { line-height: 1.4;font-size:14px; }
	#blogcontent li { margin-right:20px; }
	.posted { border-top:1px solid #e5e5e5;clear:both;color: #c90;height:20px;margin-top:30px;padding-top:10px;text-align:right; }
    .posted .author { display:block;float:right;padding:3px 5px 0 0; }
   	.posted .permalink { display:block;float:right;padding:3px 5px 0 0; }
   	.posted a.permalink:hover { color:#c90; }
   	.posted iframe { float:right; }
	#blogcontent ul { padding-left: 44px;margin-bottom:1.2em; }
	#blogcontent h3 { color:#000;font-size:1.4em;margin-bottom:8px;padding-top:10px; }
	#blogcontent h4 { color:#000;font-size:1.2em;margin-bottom:8px;padding-top:10px; }
	
#entry-nav-box{
	margin-bottom: 30px;
	-webkit-transition-propery: height;
	-webkit-transition-duration: 1s;
	-webkit-transition-timing-function: ease;
}
	
#site-nav-box{
	height: 0;
	overflow: hidden;
}

#site-nav-box.open{
	height: 550px;
}

	#site-nav-box ul li{
		padding-left: 0;
	}

	#entry-nav-box h3{
		color: #D1A319;
		font-size: 1em;
		font-weight: bold;
		margin: 5px 0;
	}
	
	#view-older{
		cursor: pointer;
	}
	
	#view-older:before{
		content: '\25BC \0000a0';
	}
	
	#view-older.link{
		color: #960;
	}
	
	#view-older.link:before{
		content: '\25B6 \0000a0';
	}
	
	#site-nav-box select{
		margin: 5px 0 10px 0;
	}

#mulebits { width: 200px;float: right;color: #d1a319; }
	#archivesheader { margin-left: -5000px;height: 0; }
	#mulebits form { margin-bottom: 10px;padding: 0 10px; }
	#mulebits h3 { font-size: 1em;font-weight: normal;margin-bottom: 3px;padding-left: 5px; }
	#mulebits select { width: 90%;color: #666; }
	#mulebits input { color: #ccc; }
	/* .mulebits-top {	padding: 10px 10px 10px 10px;background: #f8f1d7;text-align: center;margin-bottom: 20px;	} */
	.mulebits-top {	padding: 10px 10px 10px 10px;background: #f8f1d7;text-align: center;	}
	.mulebits-btm { display:none; }
	#mulebits-homebox {	margin-top: 40px; }
	#mulebits-storebox img { margin-bottom: 16px;padding-top: 12px; }
	
.unsuckit-promo {background:#d7eefe;padding-bottom:15px;margin-bottom:30px;font-size:15px; }
    .unsuckit-promo p { text-align:center;padding:0 10px 8px;line-height:1.4; }
    .unsuckit-promo a { color:#00aeef; }
    .unsuckit-promo a.tagline { color:#000; }
    .unsuckit-promo a:hover { color:#2d2d97; }

	
#blogroll { margin: 20px 0 0 0;text-align: left;padding: 10px 14px; }
	#blogroll a { color: #444;border-bottom: 1px dotted #444; }
	#blogroll a:hover { border-bottom-style: solid;text-decoration: none;background: none; }
	#blogroll ul { list-style-type: none;margin: 16px 0 0 0; }
	#blogroll li { margin-bottom: 1em; }
#grazing { width: 200px;float: left;line-height: 1.3;color: #777;padding: 41px 0 100px 0;background:url(http://muledesign.com/images/v3-grazing-mouse.gif) top left no-repeat; }
	#grazing h2 { font-size: 1.3em;color: #fff;height: 1px;margin-bottom: .8em; }
	#grazing a { color: #444;border-bottom: 1px dotted #444; }
	#grazing a:hover { border-bottom-style: solid;text-decoration: none;background: none; }
	#grazing ul { list-style-type: none;margin: 0;padding: 0; }
	#grazing li { margin-bottom: 1.4em; }
	#grazing p.feed { text-align: right; }
	#grazing .feed a { display: block;color: #333;height: 16px;background: url(http://muledesign.com/images/feed-icon-16x16.gif) top right no-repeat;padding: 2px 22px 0 0;position: relative;top: 0;right: 0;border: none; }
	#grazing .feed a:hover { text-decoration: underline; }
#entry-right-col { width: 200px;float:right;line-height: 1.3;padding: 0 0 10px 0; }
	#entry-right-col .mulebits-btm { width: 200px;height: 12px;margin-bottom: 20px;	}
	#entry-nav-box { color: #d1a319;text-align: left;padding: 16px 10px 14px 10px;background: #f8f1d7; }
	#entry-nav-box a { border: 0;text-decoration: underline;color: #960; }
	#entry-nav-box ul { list-style-type: none;margin: 14px 0 26px 0; }
	#entry-nav-box li { margin-bottom: 14px;padding-left: 28px; }
	#entry-nav-box li#prevpost { background: url(http://muledesign.com/images/v3-icon-blog-prev.gif) 0 3px no-repeat; }
	#entry-nav-box li#nextpost { background: url(http://muledesign.com/images/v3-icon-blog-next.gif) 0 3px no-repeat; }
	#entry-nav-box li a { display: block; }
#feedback { clear:both;background-color: #fff;border: 0;padding: 0; }
#comments { border-bottom: 1px dotted #960; }
	#comments h3 { color: #960;border-bottom: 1px solid #ee0;padding-bottom: 3px; }
	#comments .comment-count { float: none;color: #d1a319;font-size: 200%;margin-top: 70px;padding-top: 0;background-image: none; }
	#comments .comment-count span { font-size: 56%;font-weight: normal; }
	#comments .comment-count a { color: #d1a319;border-bottom: 1px dotted #d1a319; }
	#comments .comment-count a:hover { border-bottom-style: solid;text-decoration: none; }
.comment { clear: both;padding: 10px;border-top: 1px dotted #960; }
.comment-alt { background-color: #fbf9f0; }
.comment .posted { float: none; }
.commentauthor { color: #d1a319; }
.commentauthor a { color: #d1a319;border-color: #d1a319; }
#comment-form { clear: both;padding-top: 30px; }
	#comment-form h3 { color: #d1a319;font-size: 200%; }
	#comment-form textarea { margin: 10px 0;width: 99%; }
	#comment-form label { clear: both;display: block;float: left;width: 50px;text-align: right;margin-right: 5px; }
	#comment-form #remember label { float: none;width: auto;text-align: left;margin: 0 0 0 55px; }
#holla-button { clear: both;float:left; margin: 0 0 0 55px; }
#blogcontent p.caption,
.caption { color: #666;font-size:12px;margin:0 0 20px;padding:0 10px 0;clear:both; }
/*border-top: 1px dotted #666;color: #666;font-size:12px;margin:15px 0;padding:10px 10px 0;clear:both;*/
.caption a { color: #666;border: 0; }

a.followus { display:block;margin-bottom:30px; }
a.followus:hover { background:none; }
#entry-right-col { float:right;width:200px; }
h2.entry-title { font-size:2.5em;color:#000;padding-right:230px;margin-bottom:10px;padding-top:20px; }
h2.entry-title a { color:#000; }
h2.entry-title a:hover { background:none;text-decoration:none;color:#c30; }

.code-block { background:#ffc; }
div.code-block { padding:10px 15px;margin-bottom:15px; }
div.code-block code { padding:0; }

#turingbox { background-color:#fbf9f0;margin-left:55px;padding:5px;width:615px; }
#form-alert { background:#fcc;border:1px solid #000;color:#333;display:none;float:right;font-size:16px;padding:10px;width:500px; }


/* series nav */

.series-nav { float:left;margin:5px 18px 10px 0;background:#f8f3d6;border:1px solid #e9d8a0;width:200px; }
.series-nav a { color:#960; }
.series-nav p { padding:5px 10px;border-bottom:1px solid #e9d8a0; }
.series-nav ol { list-style-type:none;margin:0;padding:0 10px 10px; }
#blogcontent .series-nav p, #blogcontent .series-nav li { font-size:13px; }
.series-nav a.current { color:#333; }


/* blog home */

.blog-home #mulebits { padding-top:43px; }
.blog-home #blogcontent h2.firstentry { padding-top:20px; }
.blog-home #grazing { display:block; }

/* blog archive */

.blog-archive h1.archive-title { font-size:1.7em;color:#c90;margin-bottom:0;width:680px; }

.lym-module { text-align:center;padding-top:40px; }
.postpic { background:#efefef;text-align:center;width:680px; }
.postpic img {  display:block;margin:0 auto; }

.caption-image {margin: 0 0 40px 0; padding: 0 15px;}
.caption-image img {display:block; margin-bottom: 10px;}