body { margin: 0; padding: 0; font-family: Helvetica, sans-serif; }
img { border: 0; }
form { margin: 0; padding: 0; }

#titlebar, #titlebar h1 { padding: 6px 0 4px; background: #FF1ACE url('/img/bg-pink-stars.gif') repeat 0 0; text-align: center; }
#titlebar #logo {  }
#titlebar a { color: #FFF; text-decoration: none; }
#titlebar a:hover { color: #98A8C5; }
#titlebar span { }

#fh-grid { margin: 0; padding: 0; }
#fh-grid ul { margin: 0; padding: 0; border: 0px solid #CCC; }
#fh-grid li { display: block; border-bottom: 1px solid #EEE; margin: 0; padding: 10px 0px 10px 4px; list-style: none; color: #999; }
#fh-grid li a { color: #000; font-weight: bold; text-decoration: none; }
#fh-grid li:hover { background-color: #EEE; }
#fh-grid li.ad { margin: 0 0 0 -2px; }
#fh-grid h2 { margin: 0 3px; padding: 0; }

#site-wrap { margin: 0 0 0 2px; padding: 0; clear: both; }
#site-wrap h1, #site-wrap h2 { margin: 0 0 6px 0; padding: 0; text-align: center; }
#site-wrap h1 > a, #site-wrap h2 > a { color: #000; text-decoration: none; border-bottom: 1px solid #EEE; }
#site-wrap h1 > a:hover, #site-wrap h2 > a:hover { border-bottom: 1px solid #CCC; }
#site-wrap h3 { margin: 8px 0; padding: 0; text-align: center; clear: both; }
#site-wrap h3 > a { color: #000; text-decoration: none; padding-right: 20px; background: url('/img/ext-link.gif') no-repeat 100% 40%; }
#site-wrap h1 img, #site-wrap h2 img {  margin-right: 4px; }
#site-wrap ul { margin: 0 0 0 4px; padding: 0; }
#site-wrap li { list-style: none; color: #BBB; }
#site-wrap #options { margin-top: 24px; clear: both; }
#site-wrap #options a { text-decoration: none; font-weight: bold; }
#site-wrap ul.sl > li { padding: 4px 0; } 
#site-wrap a.sl { color: #000; text-decoration: none;  }
#site-wrap a.slo { color: #000; font-weight: bold; text-decoration: none;  }

#tpb { width: 100%; margin: 0; padding: 0; background-color: #f5f5f5; border: 0; box-shadow: 0 1px 3px rgba(0,0,0,0.2); }
#tpb a { text-decoration: none; padding: 3px 8px 2px; white-space: nowrap; }
#tpb a:hover { background-color: #F8FCFF; border: 1px solid #bbb; color: #777; }
#tpb a.sitename { color: #666; font-weight: bold; }
#tpb td.l { width: 10%; text-align: left; margin: 0; padding: 0; }
#tpb td.c { width: 80%; text-align: center; }
#tpb td.r { width: 10%; text-align: right; }

.timeline { margin-top: 6px; width: auto; text-align: center; font-size: .8em; color: #c2c2c2; }
.sitedate { padding: 2px 0 0 16px; background: url('/img/clock.png') no-repeat 0% 50%; background-size: 12px 12px; }
.siteauthor { padding: 2px 0 0 16px; background: url('/img/author.png') no-repeat 0% 50%; background-size: 12px 12px; }
.siteattr { padding: 2px 0 0 16px; background: url('/img/globe.png') no-repeat 0% 50%; background-size: 12px 12px; }
.siteattr a { color: #ababab; text-decoration: none; border-bottom: 1px solid #999; }
.sitedesc { margin: 18px 4px 24px; }
.sitedesc img { margin: 0 auto; padding: 4px 0; max-width: 100%; height: auto; }
.sitedesc > img { padding: 4px 8px 4px 0; } 
.pi { text-align: center; }

#subcatmenu { margin-top: 12px; }
#subcatmenu h3 { margin: 0 12px 0 3px; padding: 0 0 0 4px; border-bottom: 1px solid #BBB; }
#subcatmenu span { color: #FFF; background: #000; padding: 0 8px; border: 1px solid #BBB; }

#catnav { color: #666; }
#catnav ul { list-style: none; margin: 0 0 0 12px; padding: 2px; }
#catnav li { }
#catnav li > a { color: #000; text-decoration: none; }
#catnav li > a:hover { background: #eee; }
#catnav ul > li.active > a { padding: 0 3px; font-weight: bold; color: #000; background: #EEE; border: 1px solid #BBB; }

#npage { margin: 24px 0; text-align: center; clear: both; }
#npage span { color: #999; font-weight: bold; font-size: xx-large; vertical-align: top; padding: 0 8px; }

a.sitename:hover { background-color: #e2e4e8 !important; border: 1px solid #9CF; color: #FFF; }

#disqus-container { padding: 10px 12px; }
#disqus-container a { color: #000; }
#disqus-container a:hover { color: #16C; }

#about { margin: 0 4px; }
#suggest a { padding-left: 8px; color: #666; }

.ad { margin: 12px 0 0 -3px; text-align: center; }

.bottom-nav { font-size: larger; padding: 0; text-align: center; }
div.bottom-nav { margin: 10px 0; }
.bottom-nav a { font-weight: bold; text-decoration: none; }
.bottom-nav a:hover { color: #000; }

#footer { clear: both; margin: 4px auto 0; padding: 0 14px 1px 14px; background: #FDF0FB; border-top: 1px solid #FFB9F5; font-size: .8em; text-align: center; text-shadow: 0px 1px 1px #fff; }
#footer a { color: #c39; text-decoration: none; }
#footer p {	padding: 8px 12px; margin: 0; }
#footer strong { background-color: #e9e9ec; padding: 2px 4px; border: 1px solid #bbb; border-radius: 6px; }

ul#share-options { list-style: none; margin: 12px 20px 24px 12px; border: 0px solid red; }
#share-options li { margin: 12px 0; text-align: center; }
#share-options li a { margin: 0 auto; width: 80%; }
.socials { padding-top: 8px; }
.fb-mshare { margin-top: 8px; }

hr.fade {
    border: 0;
    height: 1px;
    margin: 4px 0;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    clear: both;
}

.shadow-box { margin: 12px auto !important; padding: 12px 6px 8px; background-color: rgba(255,255,255,0.2); border: 1px solid rgba(255,255,255,0.25); border-radius: 6px; box-shadow: rgba(255,255,255,0.4) 0 1px 2px; }

/* nice buttons */
.nicebutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow: inset 0px 1px 0px 0px #ffffff, 0 1px 0 0 #c2c2c2;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color: #7c7d82;
	font-size: 15px;
	font-weight:bold;
	padding: 5px 18px 7px 14px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;	
}
.nicebutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}
.nicebutton:active { position: relative; top: 1px; }
.nicebutton img { padding: 4px 8px 0 0; }

/* Minimal */
.minimalbutton {
  background: #e3e3e3;
  border: 1px solid #bbb;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
  box-shadow: inset 0 0 1px 1px #f6f6f6;
  color: #333;
  font: bold 14px/1 "helvetica neue", helvetica, arial, sans-serif;
  padding: 9px 6px 10px;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  text-decoration: none;
  width: 150px;
}
.minimalbutton:hover {
    background: #d9d9d9;
    -webkit-box-shadow: inset 0 0 1px 1px #eaeaea;
    box-shadow: inset 0 0 1px 1px #eaeaea;
    color: #222;
    cursor: pointer; }
.minimalbutton:active {
    background: #d0d0d0;
    -webkit-box-shadow: inset 0 0 1px 1px #e3e3e3;
    box-shadow: inset 0 0 1px 1px #e3e3e3;
    color: #000; }