* {outline:none;}

body {
  padding-top: 70px;
  padding-bottom: 30px;
  background:url(../img/ui-bg_diamond-ripple_75_cccccc_22x22.png) repeat;
}

.article-list h2, 
.article-list h3{padding-bottom:10px;border-bottom:2px solid #cccccc;clear:both}
.article-list h4{padding-bottom:20px}
.article-list img{margin-bottom:20px}
.theme-showcase {
  background: url(../img/ui-bg_dots-small_75_61849b_2x2.png) repeat #61849b;
  margin-top:-20px;
  padding-top:15px;
}

#update-alert{vertical-align:middle;text-align:center;width:300px;height: 300px;margin-top:20%;-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);background-clip: padding-box;}
#update-alert ul {text-align:left;}
.clearflt{clear:both;}
.copyright {margin:15px 0px 0px 15px;}
.theme-dropdown .dropdown-menu {
  display: block;
  position: static;
  margin-bottom: 20px;
}

.theme-showcase > p > .btn {
  margin: 5px 0;
}

/*.article-list a{visibility:hidden; display:none}
.article-list a.artlist{visibility:visible; display:block}*/
.img-right-pad-featured {width: 150px; height: auto;margin: 0px 10px 10px 0px;}
.img-right-pad {width: 200px; height: auto;margin: 0px 10px 10px 0px;}
.page-header h2{min-width:400px;}

#social-media {width:auto;display:inline-block;float:right;margin:-25px 0px 0px 0px;}
#social-media .social-media-icon {float:left;width:auto;display:block;width:49px;height:49px;}
#social-media .social-media-icon a{display:block;width:49px;height:49px;text-decoration:none;outline:none;}
#social-media a.facebook {background: url('../img/social-media.png') no-repeat -65px 0px transparent;}
#social-media a.linkedin {background: url('../img/social-media.png') no-repeat -128px 0px transparent;}
#social-media a.googleplus {background: url('../img/social-media.png') no-repeat -65px -59px transparent;}
#social-media a.pinterest {background: url('../img/social-media.png') no-repeat -1px -58px transparent;}
#social-media a.twitter {background: url('../img/social-media.png') no-repeat 0px 2px transparent;}
#social-media a.youtube {background: url('../img/social-media.png') no-repeat -369px -59px transparent;}

#social-media a:hover.facebook {background: url('../img/social-media.png') no-repeat -65px -267px transparent;}
#social-media a:hover.linkedin {background: url('../img/social-media.png') no-repeat -125px -267px transparent;}
#social-media a:hover.googleplus {background: url('../img/social-media.png') no-repeat -65px -356px transparent;}
#social-media a:hover.pinterest {background: url('../img/social-media.png') no-repeat 0px -355px transparent;}
#social-media a:hover.twitter {background: url('../img/social-media.png') no-repeat 0px -267px transparent;}
#social-media a:hover.youtube {background: url('../img/social-media.png') no-repeat -369px -356px transparent;}

#footer {background-color: #eee;padding-top:15px;}
.compliance {padding:15px;}
a#xhtml {
	margin: 0px 0px 0px 0px;
	float: left;
	display: block;
	width: 92px;
	height: 31px;
	background: url(../img/buttons.png) no-repeat -296px -160px;
	text-decoration:none;	
}
a#css {
	margin: 0px 0px 0px 0px;
	float: left;
	display: block;
	width: 92px;
	height: 31px;
	background: url(../img/buttons.png) no-repeat -465px -160px;
	text-decoration:none;
}
a#browsers-f {
	float: left;
	display: block;
	width: 43px;
	height: 43px;
	background: url(../img/buttons.png) no-repeat -250px -69px;	
	text-decoration:none;
}
a#browsers-i {
	float: left;
	display: block;
	width: 43px;
	height: 43px;
	background: url(../img/buttons.png) no-repeat -293px -69px;	
	text-decoration:none;
}
a#browsers-s {
	float: left;
	display: block;
	width: 43px;
	height: 43px;
	background: url(../img/buttons.png) no-repeat -338px -68px;
	text-decoration:none;	
}
a#browsers-c {
	float: left;
	display: block;
	width: 43px;
	height: 43px;
	background: url(../img/buttons.png) no-repeat -250px -108px;
	text-decoration:none;	
}
a#browsers-o {
	float: left;
	display: block;
	width: 43px;
	height: 43px;
	background: url(../img/buttons.png) no-repeat -293px -109px;
	text-decoration:none;	
}
a#browsers-ff {
	float: left;
	display: block;
	width: 43px;
	height: 43px;
	background: url(../img/buttons.png) no-repeat -338px -109px;
	text-decoration:none;	
}
a#absolute {
	float: right;
	margin: 0px;
	display: block;
	width: 65px;
	height: 59px;
	background: url(../img/buttons.png) no-repeat -469px -78px;	
	text-decoration:none;
}

@media (max-width: 700px) {
.page-header h2{width:auto;display:block;clear:both}
}