pre {
    width: 340px;
    margin: 0 auto;
    border: dashed 1px #aaa;
    margin-bottom: 10px;
}

header, footer {
    display: block;
    padding: .2em 0;
    background: #555;
    box-shadow: 0 0 8px #222;
}



.gallery img {
    height: 100%;
}

.gallery a {
    width: 350px;
    height: 233px;
    display: inline-block;
    overflow: hidden;
    margin: 20px 20px;
    box-shadow: 0 0 4px -1px #000;
}
.gallery_p img {
    height: 100%;
}

.gallery_p .box {
    width: 214px;
    height: 340px;
	display: inline-block;
    margin: 20px 20px;
}

.gallery_p .box .zs{
    width: 214px;
    height: 300px;
    display: inline-block;
    overflow: hidden;
    margin: 0 20px;
    box-shadow: 0 0 4px -1px #000;
}

.gallery_p .box .name {
    width: 214px;
    height: 40px;
	line-height:40px;
    display: inline-block;
    overflow: hidden;
    margin: 0 20px;
}

.baguetteBoxOne { text-align:center;

}

/* Highlight.js Tomorrow Night style */
.hljs-comment{color:#969896}
.hljs-tag{color:#f8f8f2}
.css .hljs-class,.css .hljs-id,.css .hljs-pseudo,.hljs-attribute,.hljs-regexp,.hljs-title,.hljs-variable,.html .hljs-doctype,.ruby .hljs-constant,.xml .hljs-doctype,.xml .hljs-pi,
.xml .hljs-tag .hljs-title{color:#c66}
.hljs-built_in,.hljs-constant,.hljs-literal,.hljs-number,.hljs-params,.hljs-pragma,
.hljs-preprocessor{color:#de935f}
.css .hljs-rules .hljs-attribute,.ruby .hljs-class .hljs-title{color:#f0c674}
.hljs-header,.hljs-inheritance,.hljs-string,.hljs-value,.ruby .hljs-symbol,
.xml .hljs-cdata{color:#b5bd68}
.css .hljs-hexcolor{color:#8abeb7}
.coffeescript .hljs-title,.hljs-function,.javascript .hljs-title,.perl .hljs-sub,.python .hljs-decorator,.python .hljs-title,.ruby .hljs-function .hljs-title,
.ruby .hljs-title .hljs-keyword{color:#81a2be}
.hljs-keyword,.javascript .hljs-function{color:#b294bb}
.hljs{display:block;overflow-x:auto;background:#35383C;color:#c5c8c6;padding:.8em}
.coffeescript .javascript,.javascript .xml,.tex .hljs-formula,.xml .css,.xml .hljs-cdata,.xml .javascript,.xml .vbscript{opacity:.5}