.btn img {padding-top: 10px;}

.nobullets ul {list-style: none; margin-left: 0; margin-right: 0;}
.subscribe {display: none;}

a.btn, a:hover.btn {color: red;}

.box {
  position: relative;
  /*margin: 60px auto;*/
  /*transform: rotate(30deg);   -webkit-transform: rotate(3deg);*/
}

box img {max-width: 100%; border: 1px solid #eee}

.box:after, .box:before
{
  z-index: -1; 
  position: absolute; 
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%; 
  top: 80%;
  max-width:300px;
  background: rgba(0, 0, 0, 0.1); 
  -webkit-box-shadow: 0 15px 10px rgba(0,0,0, 0.1);   
  -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.1);
  -webkit-transform: rotate(-3deg);    
  -moz-transform: rotate(-3deg);   
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

.box:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

.btn {background-image: none; border: 1px solid #eee;} 

item img, item iframe, itemContents {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; }
.item {padding: 0; display:block; margin-top: 3em; margin-bottom: 3em;}
.itemTitle {padding-top: 0.5em; padding-bottom: 0.5em; display:block; color: #888;}
.itemTitle a {display: block; }
.itemContents {background: white; text-align: left; padding: 5px;}
.item, .prominentButton, .note, .important {
	text-align: center;
	border-bottom: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	border-top: 1px solid #EEEEEE;
	border-left: 1px solid #EEEEEE;
	background: #EEEEEE;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; 

}


.blog .pluginButton img {filter: grayscale(100%);}
p {margin-top: 1.5em;}

/*BLOG*/
div.post {margin-bottom: 4.5em;}
div.comment {margin-bottom: 3em;}
.meta {font-size: 80%; color: #aaa;}
.leavecomment {margin-top: 4.5em; margin-bottom: 4.5em;}
.comments {margin-top: 4.5em;}
.addthis_toolbox a:hover {background: transparent;}
.addthis_toolbox {margin-top: 1em;}

.bodycontainer {line-height: 1.5em;}
.postticker li {line-height: 1.5em;}

.headercontainer {margin-top: 2em;}
.bodycontainer {margin-top: 6em;}
.footercontainer {
	background-color: #EEEEEE;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	padding: 2em;
	padding-bottom: 0px;
	margin-top: 8em;
}

.hero-unit {background: white; border: 1px solid #eee;}
.hero-unit p {font-weight: inherit}
.hero-unit h1{font-size: 60px;}

/*UTILS*/
#cyclerNav {text-align: center;}
#cyclerNav a {
	display: inline-block;
	text-decoration: none;
	width: 8px;
	height: 8px;
	background: #DDDDDD;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	margin-left: 5px;
	text-indent: -999em;}
#cyclerNav a.activeSlide {background: red;}

/* NAVIGATION */
.sidebar .button {display: none;}
.sidebar ul {margin-top: 2em; margin-left: 0;}
.sidebar ul ul ul {margin-top: 0em; margin-left: 0;}
.sidebar ul li {list-style-type: none; margin-top: 0.5em;}
.sidebar ul li .likea {margin-top: 2em;}
.sidebar ul li a, .sidebar ul li .likea {
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	display: block; }
.sidebar p,
.sidebar h1, .sidebar h2, .sidebar h3,
.sidebar .postticker .timestamp,
.sidebar .postticker .summary {padding-left: 0.3em;}
.sidebar .noblocka ul li a { display: inline;}

.postticker ul {list-style: none; margin-left: 0; padding-left: 0;}
.postticker li {margin-top: 3em;}
.postticker li:first-child {margin-top: 1.5em;}
.comment {display: none;}
.postticker .time {display: none;}
.postticker .date, .postticker .author {color: #888;}
.postticker .subscribe {margin-bottom: 3em; display: none;}


/* HEADER */
.hero-unit p {line-height: 1.5em; margin-top: 20px;}
.sidebar li a.active,
.menu li a.active {
 	color: white;
	background: red;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
	border-radius: 5px; }
.nohover a:hover
.logo a:hover,
.logo a:hover img,
.nohover a:hover img{background: none;}
.menu ul {
	margin: 0;
	margin-top: 0.2em;
	padding-bottom: 0.2em;
	list-style-type: none;}
.menu ul li {
	display: inline;
	margin: 0;
	margin-left: 1.5em;
	list-style-type: none;}
.menu li a {
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;}

iframe {border: 1px solid #DDDDDD;
 	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; } 

.copyrightcontainer {
	margin-top: 2em;
	margin-bottom: 2em;
}

/*FOOTER*/
.copyrightcontainer {
	margin-top: 2em;
	margin-bottom: 2em;
}
.copyrightcontainer ul {display: inline}
.copyrightcontainer ul li {display: inline}
.footer {
	color: #888;
	font-size: 12px;
	text-align: left;}
.footer a { color: #888;}
.footer ul {list-style: none; margin-left: 0em;}
.footer ul ul {margin-left: 1.5em;}
.footer .commands ul, .footer .views ul {display: inline;}
.footer .commands ul li, .footer .views ul li {display: inline; padding-right: 1em;}
.footer li a.active {color: black;}
.path ul {margin: 0;}
.path ul li {margin: 0; list-style: none; padding-left: 0;}
.path ul li:after {padding-left: 0.5em; content: '/'; }


/*PIER*/
.clear {clear: both;}
.broken { color: red; font-weight: bold;}
.protected { color: #aaa; }
a {color: red;}
a:hover {
	color: red;
	text-decoration: none;
	background: #DDDDDD; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;}
a:hover.nobackground {background: white;}
a.view, a.command {color: gray;}
a {text-decoration: none;}
a.environment:after {content: "*";}
h1, h2, h3, h4 {font-weight: 400;}
h1 {margin-bottom: 1em; font-size: 30px; line-height: 1em;}
h2 {margin-top: 1.5em; font-size: 24px; line-height: 1em;}
h3 {font-size: 18px; line-height: 1em; margin-top: 2em;}
dt {font-weight: normal;}

textarea {width: 100%; min-height: 300px;}
code, pre {border:0; color: black; font-size: 80%;}
table {width: 100%}
blockquote {color: #666; border: 0; font-style: italic;}
blockquote ul li {font-size: 16px; font-weight: 300;}

/*UTILITIES*/
.right {text-align: right;}
.left {text-align: left;}
.center {text-align: center;}
.float {float: right;}
.hinset {padding-left: 1em;padding-right: 1em; }
.vinset {padding-top: 1em;padding-bottom: 1em; }
.vpadding {padding-top: 4em;}
.vmargin {margin-top: 2em;}
.vdoublemargin {margin-top: 4em;}